/* ===========================================================
   VIRAJ EXPORTS — shared stylesheet
   =========================================================== */

:root{
  --ink:#10192B;
  --ink-2:#1B2740;
  --ink-3:#0A1120;
  --paper:#ECE3CC;
  --paper-2:#E0D2A9;
  --gold:#E3A72E;
  --gold-dim:#B4842A;
  --pomegranate:#A31F34;
  --chilli:#2E6A3E;
  --onion:#7A3247;
  --grape:#4A4E7C;
  --charcoal:#1E1C16;
  --stone:#6B6650;
  --cream:#F3EED9;
  --line:rgba(30,28,22,0.15);
  --line-light:rgba(243,238,217,0.2);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--charcoal);
  font-family:'IBM Plex Sans', sans-serif;
  font-size:16px;
  line-height:1.65;
  overflow-x:hidden;
}
.display{font-family:'Big Shoulders Display', sans-serif; text-transform:uppercase;}
.serif-quote{font-family:'Fraunces', serif; font-style:italic; font-weight:400;}
.mono{font-family:'IBM Plex Mono', monospace;}
a{color:inherit;}
img{display:block; max-width:100%;}
ul{list-style:none;}
.wrap{max-width:1220px; margin:0 auto; padding:0 32px;}
section{position:relative;}
main{display:block;}

.reveal{opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease;}
.reveal.in{opacity:1; transform:translateY(0);}
.pop{opacity:0; transform:scale(.7) rotate(var(--rot,0deg)); transition:opacity .6s ease, transform .6s cubic-bezier(.2,1.4,.4,1);}
.pop.in{opacity:1; transform:scale(1) rotate(var(--rot,0deg));}
@media (prefers-reduced-motion: reduce){ .reveal, .pop{opacity:1; transform:none; transition:none;} }

.eyebrow{
  font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--pomegranate); display:flex; align-items:center; gap:10px; margin-bottom:20px;
}
.eyebrow::before{content:""; width:26px; height:1px; background:currentColor; display:inline-block;}
.eyebrow.on-dark{color:var(--gold);}
.eyebrow.on-dark::before{background:var(--gold);}
h1.page-title, h2.section-title{
  font-family:'Big Shoulders Display', sans-serif; text-transform:uppercase; font-weight:800;
  font-size:clamp(34px, 5vw, 56px); line-height:.96; letter-spacing:.005em;
}
.section-title.on-dark, .page-title.on-dark{color:var(--cream);}
.eyebrow-wrap{max-width:680px;}

/* buttons */
.btn{display:inline-block; padding:14px 26px; font-size:14px; font-weight:600; letter-spacing:.02em; text-decoration:none; border-radius:2px; transition:all .2s ease; cursor:pointer; border:1px solid transparent;}
.btn-primary{background:var(--gold); color:var(--ink-3); border-color:var(--gold);}
.btn-primary:hover{background:transparent; color:var(--gold); border-color:var(--gold);}
.btn-primary.on-light{background:var(--ink); color:var(--cream); border-color:var(--ink);}
.btn-primary.on-light:hover{background:transparent; color:var(--ink);}
.btn-ghost{border-color:var(--line-light); color:var(--cream);}
.btn-ghost:hover{background:rgba(243,238,217,0.1);}
.btn-ghost.on-light{border-color:var(--line); color:var(--charcoal);}
.btn-ghost.on-light:hover{background:rgba(30,28,22,0.05);}

/* ================= NAV ================= */
header{position:sticky; top:0; z-index:200; background:rgba(236,227,204,0.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
nav.wrap{display:flex; align-items:center; justify-content:space-between; height:80px;}
.brand{display:flex; align-items:center; gap:13px; text-decoration:none;}
.brand img{height:36px; width:auto; background:#fff; border-radius:6px; padding:3px;}
.brand-name{font-family:'Big Shoulders Display', sans-serif; font-weight:800; font-size:20px; letter-spacing:.02em; color:var(--charcoal);}
.brand-name small{display:block; font-family:'IBM Plex Mono', monospace; font-size:9px; letter-spacing:.15em; font-weight:500; color:var(--pomegranate); text-transform:uppercase;}
.nav-links{display:flex; gap:6px; font-size:14px; font-weight:500; align-items:center;}
.nav-links > li{position:relative;}
.nav-links > li > a{text-decoration:none; position:relative; padding:10px 14px; display:inline-block;}
.nav-links > li > a::after{content:""; position:absolute; left:14px; right:14px; bottom:6px; height:2px; background:var(--pomegranate); transform:scaleX(0); transition:transform .2s ease; transform-origin:left;}
.nav-links > li > a:hover::after, .nav-links > li.active > a::after{transform:scaleX(1);}
.nav-links > li.active > a{font-weight:700;}
.dropdown{position:absolute; top:100%; left:6px; background:var(--ink); min-width:200px; padding:8px 0; box-shadow:0 18px 30px -12px rgba(0,0,0,.35); opacity:0; visibility:hidden; transform:translateY(6px); transition:all .18s ease;}
.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown{opacity:1; visibility:visible; transform:translateY(0);}
.dropdown a{display:block; padding:10px 18px; color:var(--cream); font-size:13.5px; text-decoration:none;}
.dropdown a:hover{background:var(--ink-2); color:var(--gold);}
.nav-cta{background:var(--ink); color:var(--cream); font-size:13.5px; font-weight:600; padding:11px 22px; border-radius:2px; text-decoration:none; letter-spacing:.02em; border:1px solid var(--ink); transition:background .2s, color .2s; white-space:nowrap;}
.nav-cta:hover{background:transparent; color:var(--ink);}
.burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;}
.burger span{width:24px; height:2px; background:var(--charcoal); transition:transform .2s ease, opacity .2s ease;}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.active span:nth-child(2){opacity:0;}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ================= PAGE HERO (interior pages) ================= */
.page-hero{background:var(--ink); color:var(--cream); padding:76px 0 64px;}
.page-hero .eyebrow{color:var(--gold);}
.page-hero .eyebrow::before{background:var(--gold);}
.page-hero p.lede{max-width:60ch; font-size:17px; color:#C9C2A5; margin-top:18px;}
.breadcrumb{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:#8B8570; margin-bottom:14px;}
.breadcrumb a{color:#C9C2A5; text-decoration:none;}
.breadcrumb a:hover{color:var(--gold);}

/* ================= HOME HERO (split) ================= */
.hero{display:grid; grid-template-columns:1.15fr 1fr; min-height:86vh; background:var(--ink);}
.hero-text{color:var(--cream); padding:70px 56px 60px 32px; display:flex; flex-direction:column; justify-content:center; max-width:640px;}
.hero-text h1{font-family:'Big Shoulders Display', sans-serif; font-weight:900; font-size:clamp(52px,7vw,104px); line-height:.87; letter-spacing:.005em;}
.hero-text p.lede{max-width:46ch; font-size:clamp(16px,1.6vw,18.5px); margin-top:22px; color:#C9C2A5;}
.hero-ctas{display:flex; gap:16px; margin-top:34px; flex-wrap:wrap;}
.hero-photo{position:relative; overflow:hidden;}
.hero-photo img{width:100%; height:100%; object-fit:cover; object-position:center 35%;}
.hero-stamp-wrap{position:absolute; left:-70px; bottom:36px; z-index:5;}
.stamp-svg text{font-family:'IBM Plex Mono', monospace; font-weight:600;}
.stamp-svg .stamp-center{font-family:'Big Shoulders Display', sans-serif;}

/* ================= MANIFEST STRIP ================= */
.manifest-strip{background:var(--ink-3); border-top:1px solid var(--line-light);}
.manifest-strip .wrap{display:grid; grid-template-columns:repeat(4,1fr);}
.m-item{padding:30px 28px; border-left:1px solid var(--line-light);}
.m-item:first-child{border-left:none;}
.m-label{font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:.14em; color:#8B8570; text-transform:uppercase;}
.m-value{font-family:'Big Shoulders Display', sans-serif; font-weight:800; font-size:clamp(24px,2.6vw,34px); margin-top:6px; letter-spacing:.01em; color:var(--cream); line-height:1;}
.m-value.small{font-size:14px; font-family:'IBM Plex Mono',monospace; font-weight:600; letter-spacing:.03em;}

/* ================= GENERIC SECTION PADDING ================= */
.section-pad{padding:100px 0;}
.section-pad-lg{padding:120px 0;}
.bg-ink{background:var(--ink);}
.bg-paper-2{background:var(--paper-2);}

/* ================= HOME: quick product strip ================= */
.quick-products{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--line); margin-top:56px;}
.qp-card{background:var(--paper); text-decoration:none; color:var(--charcoal); display:block; position:relative; overflow:hidden;}
.qp-photo{height:220px; overflow:hidden;}
.qp-photo img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.qp-card:hover .qp-photo img{transform:scale(1.07);}
.qp-body{padding:18px 20px 22px;}
.qp-body .tag{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#fff; padding:4px 10px; display:inline-block; margin-bottom:10px;}
.qp-body h3{font-family:'Big Shoulders Display',sans-serif; font-size:22px; letter-spacing:.02em;}
.qp-arrow{position:absolute; top:16px; right:16px; width:30px; height:30px; border-radius:50%; background:var(--cream); display:flex; align-items:center; justify-content:center; font-size:16px; opacity:0; transform:translateX(-6px); transition:all .25s ease;}
.qp-card:hover .qp-arrow{opacity:1; transform:translateX(0);}

/* ================= WHY CHOOSE US (icon grid) ================= */
.why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:44px; margin-top:56px;}
.why-item .glyph{width:46px; height:46px; margin-bottom:18px;}
.why-item h3{font-family:'Big Shoulders Display',sans-serif; font-size:20px; letter-spacing:.02em; margin-bottom:8px;}
.why-item p{font-size:14.5px; color:#4a4737;}
.why-item.on-dark p{color:#ADA68C;}
.why-item.on-dark h3{color:var(--cream);}
.credential-line{margin-top:56px; padding-top:28px; border-top:1px solid var(--line); font-size:14.5px; color:var(--stone); display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.credential-line b{color:var(--charcoal); font-weight:600;}
.credential-line.on-dark{border-top-color:var(--line-light); color:#ADA68C;}
.credential-line.on-dark b{color:var(--cream);}

/* ================= ABOUT PAGE ================= */
.about-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:64px; margin-top:50px; align-items:start;}
.about-grid p{font-size:17.5px; max-width:54ch; color:#3a3628;}
.about-grid p + p{margin-top:16px;}
.quote-card{background:var(--cream); border:1px solid var(--line); padding:38px 34px; transform:rotate(1.4deg); box-shadow:0 18px 34px -18px rgba(20,20,10,.35); position:relative;}
.quote-card::before{content:"";position:absolute; top:-10px; left:38px; width:64px; height:20px; background:rgba(227,167,46,.55); transform:rotate(-3deg);}
.quote-card p{font-size:clamp(19px,2vw,24px); line-height:1.35; max-width:none; color:var(--ink);}
.quote-card .attribution{margin-top:18px; font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--stone); font-style:normal;}
.facts-strip{margin-top:64px; border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(5,1fr);}
.fact{padding:22px 22px 0 0; border-left:1px solid var(--line);}
.fact:first-child{border-left:none; padding-left:0;}
.fact .k{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--stone);}
.fact .v{font-weight:600; font-size:15px; margin-top:8px; line-height:1.4;}
.timeline{margin-top:70px;}
.timeline-row{display:grid; grid-template-columns:140px 1fr; gap:26px; padding:22px 0; border-top:1px solid var(--line);}
.timeline-row .t-label{font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--stone); letter-spacing:.05em; padding-top:2px;}
.timeline-row h4{font-family:'Big Shoulders Display',sans-serif; font-size:19px; letter-spacing:.02em; margin-bottom:4px;}
.timeline-row p{font-size:14.5px; color:#4a4737; max-width:56ch;}

/* ================= PRODUCTS OVERVIEW ================= */
.products-overview-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--line); margin-top:60px;}
.po-card{background:var(--paper); text-decoration:none; color:var(--charcoal); display:grid; grid-template-columns:1fr 1fr;}
.po-photo{overflow:hidden; min-height:280px;}
.po-photo img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
.po-card:hover .po-photo img{transform:scale(1.05);}
.po-placeholder{min-height:280px; display:flex; align-items:center; justify-content:center; background:var(--paper-2);}
.po-body{padding:34px 32px; display:flex; flex-direction:column; justify-content:center;}
.po-body .p-botanical{font-family:'Fraunces',serif; font-style:italic; color:var(--stone); font-size:15px; margin-bottom:2px;}
.po-body h3{font-family:'Big Shoulders Display',sans-serif; font-weight:800; font-size:clamp(28px,3vw,40px);}
.po-body p.desc{font-size:14.5px; margin-top:10px; color:#4a4737; max-width:34ch;}
.po-body .po-link{margin-top:16px; font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; display:inline-flex; align-items:center; gap:6px;}
.add-product-card{background:var(--paper); border:2px dashed var(--line); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px; min-height:280px; grid-column:span 2;}
.add-product-card h3{font-family:'Big Shoulders Display',sans-serif; font-size:22px; color:var(--stone);}
.add-product-card p{font-size:14px; color:var(--stone); margin-top:8px; max-width:44ch;}

/* ================= PRODUCT DETAIL PAGE ================= */
.product-hero{display:grid; grid-template-columns:1fr 1fr; min-height:64vh; background:var(--ink);}
.product-hero-text{color:var(--cream); padding:70px 56px 50px 32px; display:flex; flex-direction:column; justify-content:center;}
.product-hero-text .p-botanical{font-family:'Fraunces',serif; font-style:italic; color:#C9C2A5; font-size:17px; margin-bottom:6px;}
.product-hero-text h1{font-family:'Big Shoulders Display', sans-serif; font-weight:900; font-size:clamp(46px,6vw,88px); line-height:.9;}
.product-hero-text p.lede{max-width:44ch; font-size:16.5px; margin-top:18px; color:#C9C2A5;}
.product-hero-photo{position:relative; overflow:hidden;}
.product-hero-photo img{width:100%; height:100%; object-fit:cover;}
.product-hero-photo .placeholder-plate{width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:var(--paper-2);}

.spec-strip{background:var(--ink-3);}
.spec-strip .wrap{display:grid; grid-template-columns:repeat(4,1fr);}
.spec-item{padding:26px 26px; border-left:1px solid var(--line-light);}
.spec-item:first-child{border-left:none;}
.spec-label{font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:#8B8570;}
.spec-value{font-family:'IBM Plex Mono',monospace; font-size:14px; color:var(--cream); margin-top:6px; font-weight:600;}

.pd-section{padding:90px 0;}
.pd-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
.pd-grid.flip .pd-media{order:2;}
.pd-grid.flip .pd-text{order:1;}
.pd-media{min-height:400px; overflow:hidden;}
.pd-media img{width:100%; height:100%; object-fit:cover; min-height:400px;}
.pd-media.placeholder{display:flex; align-items:center; justify-content:center; background:var(--paper-2); min-height:400px;}
.pd-text h2{font-family:'Big Shoulders Display',sans-serif; font-weight:800; font-size:clamp(28px,3.4vw,42px); margin-bottom:16px;}
.pd-text p{font-size:16px; max-width:46ch; color:#3a3628;}
.pack-specs{margin-top:24px; border-top:1px solid var(--line);}
.pack-specs .row{display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--line); font-size:14.5px; gap:20px;}
.pack-specs .row .k{color:var(--stone); font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.04em;}
.pack-specs .row .v{font-weight:600; text-align:right;}
.pack-specs .row .v.placeholder{color:#8b8672; font-weight:500; font-style:italic;}
.related-strip{margin-top:20px; display:flex; gap:16px; flex-wrap:wrap;}
.related-strip a{font-family:'IBM Plex Mono',monospace; font-size:12.5px; text-decoration:none; padding:10px 16px; border:1px solid var(--line); letter-spacing:.03em;}
.related-strip a:hover{background:var(--ink); color:var(--cream); border-color:var(--ink);}

/* ================= QUALITY / CERTIFICATIONS PAGE ================= */
.certs-row{display:flex; flex-wrap:wrap; gap:50px; margin-top:64px; justify-content:space-between;}
.cert-card{flex:1 1 220px; display:flex; flex-direction:column; align-items:flex-start; gap:22px;}
.cert-card h3{font-family:'Big Shoulders Display', sans-serif; font-size:21px; letter-spacing:.03em; color:var(--cream);}
.cert-card p{font-size:14px; color:#ADA68C; max-width:30ch;}
.verified-grid{display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:70px;}
.pin-card{background:var(--cream); padding:14px 14px 20px; box-shadow:0 22px 40px -20px rgba(20,20,10,.4); position:relative;}
.pin-card:nth-child(1){transform:rotate(-2.2deg);}
.pin-card:nth-child(2){transform:rotate(1.6deg);}
.pin-tape{position:absolute; top:-12px; left:50%; transform:translateX(-50%) rotate(-2deg); width:80px; height:24px; background:rgba(227,167,46,.6); box-shadow:0 2px 6px rgba(0,0,0,.15);}
.pin-photo{height:380px; overflow:hidden;}
.pin-photo img{width:100%; height:100%; object-fit:cover;}
.pin-caption{padding:16px 8px 4px;}
.pin-caption b{display:block; font-size:15.5px; font-weight:600; margin-bottom:4px;}
.pin-caption span{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--stone);}
.verified-note{margin-top:50px; max-width:60ch; font-size:16px; color:#3a3628;}

/* ================= GLOBAL REACH PAGE ================= */
.route{position:relative; display:flex; justify-content:space-between; margin-top:100px;}
.route::before{content:""; position:absolute; top:19px; left:2%; right:2%; height:2px; background-image:linear-gradient(to right, var(--gold) 55%, transparent 0%); background-size:16px 2px; background-repeat:repeat-x;}
.route-stop{position:relative; text-align:center; flex:1; padding:0 10px;}
.dot-row{height:38px; display:flex; align-items:center; justify-content:center;}
.route-dot{border-radius:50%; background:var(--gold); border:3px solid var(--ink-3); position:relative; z-index:2;}
.route-region{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#8B8570; margin-top:22px;}
.route-countries{margin-top:14px; display:flex; flex-direction:column; gap:8px;}
.route-countries span{font-size:14.5px; color:var(--cream); font-weight:500;}
.reach-table{margin-top:90px; border-top:1px solid var(--line);}
.reach-row{display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); font-size:15px;}
.reach-row.head{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--stone);}
.reach-row .status{font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--chilli); letter-spacing:.04em;}

/* ================= CONTACT PAGE ================= */
.contact-grid{display:grid; grid-template-columns:1fr 1.1fr; gap:70px; margin-top:56px;}
.contact-info .info-row{padding:20px 0; border-top:1px solid var(--line);}
.contact-info .info-row:last-child{border-bottom:1px solid var(--line);}
.info-row .k{font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--stone);}
.info-row .v{font-size:17px; font-weight:600; margin-top:6px;}
.info-row .v.placeholder{color:#8b8672; font-weight:500; font-style:italic;}
form{display:flex; flex-direction:column; gap:20px;}
.field{display:flex; flex-direction:column; gap:8px;}
.field label{font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--stone);}
.field input, .field select, .field textarea{border:none; border-bottom:1.5px solid var(--charcoal); background:transparent; padding:10px 2px; font-family:'IBM Plex Sans', sans-serif; font-size:15.5px; color:var(--charcoal);}
.field input:focus, .field select:focus, .field textarea:focus{outline:none; border-color:var(--pomegranate);}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.submit-row{margin-top:6px; display:flex; align-items:center; gap:18px;}
.form-note{font-size:13px; color:var(--stone);}

/* ================= FOOTER ================= */
footer{background:var(--ink-3); color:#8B8570; padding:54px 0 36px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:36px; border-bottom:1px solid var(--line-light);}
.footer-brand{display:flex; align-items:center; gap:12px; color:var(--cream); margin-bottom:14px; text-decoration:none;}
.footer-brand img{height:30px; background:#fff; border-radius:5px; padding:2px;}
.footer-brand span{font-family:'Big Shoulders Display', sans-serif; font-weight:800; font-size:18px; letter-spacing:.02em;}
.footer-col h4{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#5f5b4a; margin-bottom:16px;}
.footer-col ul li{margin-bottom:10px;}
.footer-col a{text-decoration:none; font-size:14px; color:#ADA68C;}
.footer-col a:hover{color:var(--gold);}
.footer-col p{font-size:13.5px; line-height:1.7;}
.footer-certs{display:flex; gap:16px; flex-wrap:wrap; font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:.06em; margin-top:6px;}
.footer-bottom{display:flex; justify-content:space-between; padding-top:26px; font-size:12.5px; flex-wrap:wrap; gap:10px;}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}

/* ================= RESPONSIVE ================= */
@media (max-width:940px){
  .nav-links{display:none;}
  .nav-links.open{
    display:flex; flex-direction:column; gap:0; position:absolute; top:80px; left:0; right:0;
    background:var(--ink); padding:10px 0; box-shadow:0 18px 30px -12px rgba(0,0,0,.35);
  }
  .nav-links.open > li{width:100%;}
  .nav-links.open > li > a{display:block; padding:14px 32px; color:var(--cream); width:100%;}
  .nav-links.open > li > a::after{display:none;}
  .nav-links.open > li.active > a{color:var(--gold);}
  .nav-links.open .dropdown{
    position:static; opacity:1; visibility:visible; transform:none; box-shadow:none;
    background:var(--ink-2); padding:0;
  }
  .nav-links.open .dropdown a{padding:12px 48px; font-size:13px;}
  .burger{display:flex;}
  .hero, .product-hero{grid-template-columns:1fr; min-height:auto;}
  .hero-photo{height:48vh;}
  .product-hero-photo{height:42vh;}
  .hero-text, .product-hero-text{padding:56px 24px 44px;}
  .hero-stamp-wrap{display:none;}
  .about-grid, .verified-grid, .contact-grid{grid-template-columns:1fr; gap:44px;}
  .pd-grid, .pd-grid.flip{grid-template-columns:1fr;}
  .pd-grid .pd-media, .pd-grid.flip .pd-media{order:1;}
  .pd-grid .pd-text, .pd-grid.flip .pd-text{order:2;}
  .quick-products{grid-template-columns:1fr 1fr;}
  .products-overview-grid{grid-template-columns:1fr;}
  .po-card{grid-template-columns:1fr;}
  .add-product-card{grid-column:span 1;}
  .why-grid{grid-template-columns:1fr 1fr; row-gap:34px;}
  .manifest-strip .wrap, .spec-strip .wrap{grid-template-columns:repeat(2,1fr);}
  .m-item, .spec-item{border-left:none; border-top:1px solid var(--line-light);}
  .m-item:nth-child(1), .m-item:nth-child(2), .spec-item:nth-child(1), .spec-item:nth-child(2){border-top:none;}
  .facts-strip{grid-template-columns:repeat(2,1fr); row-gap:20px;}
  .fact:nth-child(odd){border-left:none;}
  .route{flex-direction:column; gap:36px; align-items:flex-start;}
  .route::before{display:none;}
  .route-stop{text-align:left; width:100%;}
  .dot-row{justify-content:flex-start;}
  .reach-row{grid-template-columns:1fr; gap:6px;}
  .footer-grid{grid-template-columns:1fr 1fr; gap:30px;}
  .timeline-row{grid-template-columns:1fr; gap:6px;}
}
@media (max-width:560px){
  .certs-row{gap:36px;}
  .cert-card{flex:1 1 45%;}
  .why-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}