*{box-sizing:border-box}
:root{
  --yellow:#f9bd19;
  --yellow-soft:#fff8df;
  --navy:#002d43;
  --text:#062f45;
  --muted:#667785;
  --border:#d8dee4;
  --bg:#fff;
  --soft:#f7f8f9;
  --success:#087443;
  --success-bg:#e9f8f0;
  --shadow:0 5px 20px rgba(0,45,67,.07)
}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.app-shell{max-width:1400px;margin:auto;padding:0 20px 42px}
.site-header{height:96px;display:flex;align-items:center;gap:28px;border-bottom:0 solid var(--border);background:#fff}
.site-logo{display:block;flex:0 0 auto}
.site-logo img{display:block;width:250px;height:auto;max-height:62px;object-fit:contain}
.site-search{height:48px;width:295px;border:1px solid var(--yellow);display:flex;align-items:center;padding:0 12px;gap:10px;font-size:15px;color:var(--navy)}
.site-search>span:first-child{font-size:26px;line-height:1;font-weight:700}
.search-text{color:#355365}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:42px}
.site-nav a{color:#001f33;text-decoration:none;font-size:16px;padding:35px 0 13px;border-bottom:3px solid transparent}
.site-nav a:hover,.site-nav a:first-child{border-bottom-color:var(--yellow)}
.site-language{font-size:12px;color:#8c6b18;white-space:nowrap}
.calculator-title{padding:20px 0 22px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#a06f00;margin-bottom:5px}
h1{font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.05;margin:0;color:var(--navy)}
.calculator-title p{margin:8px 0 0;color:var(--muted);font-size:15px}
.origin-strip{background:var(--yellow-soft);border-top:1px solid #f1d57a;border-bottom:1px solid #f1d57a;padding:13px 16px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}
.origin-strip>div:first-child{display:flex;gap:12px;align-items:center}
.origin-strip span{color:var(--muted)}
.origin-strip strong{color:var(--text)}
.origin-note{color:#7b6219}
.card,.result-card{background:#fff;border:1px solid var(--border);border-radius:2px;box-shadow:none}
.card{padding:26px;margin-bottom:18px}
.section-heading h2{font-size:22px;color:var(--navy);font-weight:600;margin:0}
.section-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:23px 0}
label span{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:7px}
input{width:100%;height:50px;border:1px solid #d5dce1;border-radius:0;padding:0 13px;font:inherit;color:var(--text);background:#f8f8f8;outline:none}
input:focus{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(249,189,25,.18);background:#fff}
.primary-btn{width:100%;border:1px solid var(--yellow);height:52px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer;font-size:15px}
.primary-btn:hover{background:var(--yellow-soft)}
.errors{margin-top:12px;color:#b42318;font-size:13px;line-height:1.5}
.hidden{display:none!important}
.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.metric{border:1px solid var(--border);padding:15px;background:#fafafa}
.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.metric strong{font-size:16px;color:var(--navy)}
.notice{margin-top:12px;border:1px solid #efd58c;padding:12px;background:var(--yellow-soft);color:#705a13;font-size:13px}
.results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.result-card{padding:22px;position:relative}
.service-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:52px}
.service-top>div{display:flex;gap:9px;align-items:flex-start}
.service-icon{font-size:19px;line-height:1}
h3{font-size:15px;line-height:1.3;margin:0;color:var(--navy)}
.best-badge{font-size:10px;font-weight:800;color:var(--success);background:var(--success-bg);border-radius:2px;padding:6px 8px;white-space:nowrap}
.result-lines{margin-top:15px}
.result-lines>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f2;font-size:13px}
.result-lines span{color:var(--muted)}
.result-lines strong{text-align:right;color:var(--navy)}
.total{display:flex;justify-content:space-between;align-items:end;padding-top:17px}
.total span{font-size:13px;color:var(--muted)}
.total strong{font-size:27px;letter-spacing:-.03em;color:var(--navy)}
.result-card.unavailable{opacity:.75}
.result-card.unavailable .total strong{font-size:14px;color:var(--muted)}
footer{text-align:center;color:var(--muted);font-size:11px;line-height:1.5;padding:20px 10px 0}
.muted{margin-top:4px}
@media(max-width:1050px){.site-search{width:220px}.site-nav{gap:22px}.site-logo img{width:215px}}
@media(max-width:800px){.site-header{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding:10px 0}.site-logo img{width:190px}.site-search{order:3;width:100%}.site-nav{margin-left:auto;gap:18px}.site-nav a{padding:10px 0}.site-language{display:none}.form-grid{grid-template-columns:repeat(2,1fr)}.results{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.app-shell{padding:0 12px 30px}.site-header{justify-content:space-between}.site-logo img{width:175px}.site-nav{gap:12px}.site-nav a{font-size:13px}.calculator-title{padding:18px 4px}.origin-strip{align-items:flex-start;flex-direction:column;gap:5px}.origin-strip>div:first-child{display:block}.origin-strip strong{display:block;margin-top:3px}.form-grid{grid-template-columns:1fr}.card{padding:18px}.summary-grid{grid-template-columns:1fr 1fr}.result-card{padding:18px}.total strong{font-size:24px}}


/* ============================================================
   BURHANI CALCULATOR HEADER — simplified
   No Home / Contact / Account navigation.
   ============================================================ */
.site-header,
.header,
.top-header {
  display: flex;
  align-items: center;
}
.header-title {
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid #E6E9EF;
  color: #172033;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 600px) {
  .header-title {
    margin-left: 14px;
    padding-left: 14px;
    font-size: 18px;
  }
}


/* ============================================================
   FINAL BURHANI SHIPPING CALCULATOR HEADER
   Header contains ONLY the Burhani logo and Shipping Calculator.
   No Home / Contact / Account / language menu.
   ============================================================ */
.burhani-header {
  width: 100%;
  background: #fff;
  border-top: 3px solid #31454f;
  border-bottom: 1px solid #E6E9EF;
  min-height: 96px;
  display: flex;
  align-items: center;
  padding: 0 38px;
}
.burhani-brand {
  display: flex;
  align-items: center;
  min-width: 0;
}
.burhani-logo {
  display: block;
  width: 285px;
  max-width: 46vw;
  height: auto;
  object-fit: contain;
}
.burhani-header .header-title {
  margin-left: 26px;
  padding-left: 26px;
  border-left: 1px solid #E6E9EF;
  color: #172033;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}
.burhani-header a,
.burhani-header nav,
.burhani-header ul,
.burhani-header .nav,
.burhani-header .menu,
.burhani-header .site-nav,
.burhani-header .nav-links {
  display: none !important;
}
@media (max-width: 650px) {
  .burhani-header {
    min-height: 76px;
    padding: 0 16px;
  }
  .burhani-logo {
    width: 205px;
    max-width: 55vw;
  }
  .burhani-header .header-title {
    margin-left: 14px;
    padding-left: 14px;
    font-size: 19px;
  }
}

.burhani-logo-link{display:block;flex:0 0 auto;text-decoration:none;line-height:0}.burhani-logo-link:focus-visible{outline:2px solid #f9bd19;outline-offset:4px}.burhani-logo{display:block;width:285px;max-width:46vw;height:auto;object-fit:contain}
@media(max-width:650px){.burhani-logo{width:205px;max-width:55vw}}

/* Amazon customer-facing GST-inclusive shipping */
#amazonShipping {
  font-weight: 800;
}

/* ============================================================
   FINAL BURHANI CALCULATOR HEADER
   Logo + Shipping Calculator + separate Home button
   ============================================================ */
.burhani-header{
  width:100%;
  min-height:96px;
  background:#fff;
  border-top:3px solid #31454f;
  border-bottom:1px solid #E6E9EF;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 38px;
}
.burhani-brand{
  display:flex;
  align-items:center;
  min-width:0;
}
.burhani-logo-link{
  display:flex;
  align-items:center;
  text-decoration:none;
}
.burhani-logo{
  display:block;
  width:285px;
  max-width:48vw;
  height:auto;
  object-fit:contain;
}
.burhani-header .header-title{
  margin-left:26px;
  padding-left:26px;
  border-left:1px solid #E6E9EF;
  color:#172033;
  font-size:27px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.home-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  height:42px;
  padding:0 20px;
  border:1px solid #F5B800;
  background:#fff;
  color:#172033;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  transition:.15s ease;
}
.home-btn:hover{
  background:#FFF8DE;
  color:#172033;
}
@media(max-width:650px){
  .burhani-header{
    min-height:76px;
    padding:0 16px;
  }
  .burhani-logo{
    width:205px;
    max-width:50vw;
  }
  .burhani-header .header-title{
    margin-left:14px;
    padding-left:14px;
    font-size:19px;
  }
  .home-btn{
    min-width:70px;
    height:38px;
    padding:0 12px;
    font-size:14px;
  }
}

/* ============================================================
   FIX: restore the clickable logo and Home button.
   A previous generic header-link rule was hiding all <a> tags.
   ============================================================ */
.burhani-header .burhani-logo-link {
  display: flex !important;
  align-items: center;
  text-decoration: none;
  visibility: visible !important;
  opacity: 1 !important;
}

.burhani-header .burhani-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.burhani-header .home-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================================
   RETURN / REVERSE SHIPPING INFORMATION
   ============================================================ */
.return-note {
  margin-top: 10px;
  padding: 10px 12px;
  border-left: 3px solid #F5B800;
  background: #FFF9E6;
  color: #5F5200;
  font-size: 12px;
  line-height: 1.5;
}
.amazon-return-note {
  border-left-color: #D97706;
}