/*
Theme Name: Sofia Springs
Theme URI: https://sofiasprings.com
Author: Sofia Springs
Description: Multi-brand WooCommerce theme for Sofia Springs water, Summy Jee rice and Asal Al Asil honey. Serves sofiasprings.com plus the summyjee and asalalasil subdomains from one install with one shared cart.
Version: 2.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: sofiasprings
Tags: e-commerce, custom-colors, custom-menu, translation-ready
WC requires at least: 8.0
WC tested up to: 9.1
*/

/* ============ TOKENS ============ */
:root{
  --navy-900:#002349; --navy-800:#002046; --navy-700:#0a3560;
  --blue-600:#005BAA; --blue-500:#1f78c9;
  --cyan-400:#00CFE4; --cyan-300:#5be0ee;
  --white:#FFFFFF;
  --stone-50:#FAF7F2; --stone-100:#F1ECE2; --stone-200:#E4DCCB; --stone-300:#D0C4AA;
  --stone-400:#A99C89; --stone-500:#83766A; --stone-600:#6B6255; --stone-700:#524B41;
  --stone-800:#3A352E; --stone-900:#221F1B;
  --rice-100:#F6EFDD; --rice-300:#E7D9AF;

  --text-primary:var(--stone-900); --text-secondary:var(--stone-600); --text-muted:var(--stone-400);
  --text-on-navy:var(--stone-50); --text-on-navy-muted:rgba(250,247,242,.68);
  --accent:var(--blue-600); --accent-hover:var(--navy-900);
  --border-subtle:var(--stone-200); --border-strong:var(--stone-400);
  --border-on-navy:rgba(255,255,255,.16);

  --font-display:"Cormorant",Georgia,serif;
  --font-body:"Manrope",system-ui,sans-serif;
  --font-urdu:"Gulzar","Noto Nastaliq Urdu",serif;
  --font-urdu-ui:"Amiri","Noto Naskh Arabic",serif;

  --radius-sm:6px; --radius-md:10px; --radius-lg:18px; --radius-pill:999px;
  --shadow-sm:0 2px 10px rgba(0,35,73,.07);
  --shadow-md:0 18px 44px rgba(0,35,73,.16);
  --wrap:1240px; --col:760px;
}

/* ============ RESET / BASE ============ */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--stone-50);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none;transition:color .22s ease-out}
a:hover{color:var(--navy-900)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.1;margin:0 0 .5em;text-wrap:balance}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.col{max-width:var(--col)}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:18px}
.eyebrow--navy{color:var(--cyan-400)}
.section{padding:104px 0}
.section--white{background:var(--white)}
.section--stone{background:var(--stone-50)}
.section--sunk{background:var(--stone-100)}
.section--navy{background:var(--navy-900);color:var(--text-on-navy)}
.section--navy h2,.section--navy h3{color:var(--white)}
.section--rice{background:var(--rice-100)}
.lede{font-size:16.5px;line-height:1.75;color:var(--text-secondary)}
.section--navy .lede{color:var(--text-on-navy-muted)}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:15px;padding:15px 30px;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:background .22s ease-out,color .22s ease-out,border-color .22s ease-out}
.btn:active{opacity:.92}
.btn--primary{background:var(--navy-900);color:var(--white)}
.btn--primary:hover{background:var(--accent);color:var(--white)}
.btn--light{background:var(--white);color:var(--navy-900)}
.btn--light:hover{background:var(--cyan-300);color:var(--navy-900)}
.btn--outline{background:transparent;color:var(--navy-900);border-color:var(--border-strong)}
.btn--outline:hover{background:var(--navy-900);color:var(--white)}
.btn--on-navy{background:transparent;color:var(--white);border-color:var(--border-on-navy)}
.btn--on-navy:hover{background:rgba(255,255,255,.12);color:var(--white)}
.btn--wa{background:var(--cyan-400);color:var(--navy-900);padding:12px 22px;font-size:14px}
.btn--wa:hover{background:var(--cyan-300);color:var(--navy-900)}

/* ============ HEADER ============ */
.site-header{position:sticky;top:0;z-index:50;background:rgba(0,35,73,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-on-navy)}
.header-bar{display:flex;align-items:center;gap:28px;max-width:var(--wrap);margin:0 auto;padding:14px 32px}
.brand-lockup{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand-lockup img.mark{height:34px;width:34px}
.brand-lockup img.wordmark{height:24px;width:auto}
.main-nav ul{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.main-nav a{color:var(--text-on-navy-muted);font-size:14px;font-weight:300;letter-spacing:.02em}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--cyan-300)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}
.lang-toggle{background:transparent;border:1px solid var(--border-on-navy);color:var(--text-on-navy);border-radius:var(--radius-pill);padding:7px 14px;font-size:12.5px;font-weight:700;letter-spacing:.06em;font-family:var(--font-body);cursor:pointer}
.lang-toggle:hover{background:rgba(255,255,255,.12)}
.cart-link{display:flex;align-items:center;gap:8px;background:var(--white);color:var(--navy-900);border-radius:var(--radius-pill);padding:9px 18px;font-size:13.5px;font-weight:700}
.cart-link:hover{background:var(--cyan-300);color:var(--navy-900)}
.cart-count{background:var(--navy-900);color:var(--white);border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px}
.domain-rail{background:var(--navy-800);border-top:1px solid var(--border-on-navy)}
.domain-rail-inner{max-width:var(--wrap);margin:0 auto;padding:8px 32px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11.5px;letter-spacing:.04em;font-weight:300;color:var(--text-on-navy-muted)}
.domain-rail-inner .lead{color:var(--cyan-400)}
.domain-rail-inner .sep{width:1px;height:11px;background:var(--border-on-navy)}
.domain-rail-inner a{color:var(--text-on-navy-muted)}
.domain-rail-inner a:hover,.domain-rail-inner a.is-active{color:var(--white)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--border-on-navy);border-radius:var(--radius-sm);color:#fff;padding:8px 12px;cursor:pointer;font-size:13px}

/* ============ HERO ============ */
.hero{position:relative;min-height:640px;display:flex;align-items:flex-end;overflow:hidden}
.hero img.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,35,73,.55) 0%,rgba(0,35,73,.30) 40%,rgba(0,35,73,.92) 100%)}
.hero-inner{position:relative;max-width:var(--wrap);margin:0 auto;padding:0 32px 96px;width:100%}
.hero h1{font-size:clamp(44px,5.4vw,82px);line-height:1.04;color:var(--white);margin-bottom:24px;max-width:880px}
.hero p{font-size:18px;line-height:1.65;color:var(--text-on-navy-muted);max-width:600px;margin-bottom:36px}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.hero--split{background:var(--rice-100);padding:96px 0 0}
.hero--split.is-navy{background:var(--navy-900)}
.hero-split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:56px;align-items:center;max-width:var(--wrap);margin:0 auto;padding:0 32px}
.hero-split-grid h1{font-size:clamp(40px,4.8vw,70px);line-height:1.06}
.hero--split.is-navy h1{color:var(--white)}
.hero-media{min-height:500px;border-radius:var(--radius-lg);overflow:hidden;background:var(--stone-100)}
.hero-media img{width:100%;height:100%;object-fit:cover;min-height:500px}

/* ============ BRAND DOORS ============ */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.section-head h2{font-size:clamp(34px,3.6vw,52px);margin:0;max-width:640px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.door{display:block;background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease-out}
.door:hover{box-shadow:var(--shadow-md)}
.door--navy{background:var(--navy-900);border-color:var(--border-on-navy);color:var(--white)}
.door--navy:hover{box-shadow:0 18px 44px rgba(0,35,73,.28)}
.door-media{height:230px;position:relative;background:var(--stone-100)}
.door--navy .door-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,35,73,0) 40%,rgba(0,35,73,.85))}
.door-media img{width:100%;height:100%;object-fit:cover}
.door-body{padding:30px}
.door-domain{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:12px}
.door--navy .door-domain{color:var(--cyan-400)}
.door-title{font-family:var(--font-display);font-size:30px;margin-bottom:10px}
.door-body p{font-size:14.5px;line-height:1.65;color:var(--text-secondary);margin-bottom:20px}
.door--navy .door-body p{color:var(--text-on-navy-muted)}
.door-more{font-size:13.5px;font-weight:700;color:var(--accent)}
.door--navy .door-more{color:var(--cyan-300)}

/* ============ STORY ============ */
.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:stretch;background:var(--white)}
.story-media{min-height:560px;position:relative}
.story-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-copy{padding:96px 64px;max-width:var(--col)}
.story-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--border-subtle);padding-top:32px}
.stat-num{font-family:var(--font-display);font-size:40px;color:var(--navy-900);line-height:1}
.stat-num span{font-size:18px}
.stat-label{font-size:12.5px;color:var(--text-muted);margin-top:6px}

/* ============ PROMISE GRID ============ */
.promise{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border-on-navy);border:1px solid var(--border-on-navy);border-radius:var(--radius-lg);overflow:hidden}
.promise > div{background:var(--navy-900);padding:38px 32px}
.promise h3{font-size:22px;color:var(--white);margin-bottom:12px}
.promise p{font-size:14.5px;line-height:1.7;color:var(--text-on-navy-muted);margin:0}

/* ============ INFO STRIP / STOCKIST / CERTS ============ */
.info-card{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.info-card h4{font-family:var(--font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:14px}
.info-card p{font-size:14.5px;line-height:1.85;color:var(--text-secondary);margin:0}
.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:64px}
.field-row{display:flex;gap:10px;flex-wrap:wrap}
.field-row input[type=text],.field-row input[type=search]{flex:1;min-width:180px;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:14.5px;font-family:var(--font-body);background:var(--stone-50)}
.field-row input:focus{outline:2px solid var(--cyan-400);outline-offset:1px}
.cert{display:flex;align-items:center;gap:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;background:var(--stone-50);margin-bottom:12px}
.cert strong{font-family:var(--font-display);font-weight:500;font-size:20px;color:var(--navy-900);min-width:88px}
.cert span{font-size:14px;color:var(--text-secondary);line-height:1.6}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.quote{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:30px}
.quote p{font-family:var(--font-display);font-size:21px;line-height:1.5;margin-bottom:20px}
.quote cite{font-size:13px;color:var(--text-muted);font-style:normal}

/* ============ WOOCOMMERCE ============ */
.woocommerce .products ul,.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none;display:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-align:left;transition:box-shadow .3s ease-out}
.woocommerce ul.products li.product:hover{box-shadow:var(--shadow-md)}
.woocommerce ul.products li.product a img{border-radius:8px;background:var(--stone-50);margin-bottom:20px;aspect-ratio:4/3;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-display);font-weight:500;font-size:24px;color:var(--text-primary);padding:0;margin:0 0 6px}
.woocommerce ul.products li.product .product-blurb{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}
.woocommerce ul.products li.product .price{font-family:var(--font-body);font-size:19px;font-weight:700;color:var(--navy-900);margin:auto 0 0}
.woocommerce ul.products li.product .price del{color:var(--text-muted);font-weight:400;font-size:15px}
.woocommerce ul.products li.product .product-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--navy-900);color:var(--white);border-radius:var(--radius-pill);padding:11px 20px;font-family:var(--font-body);font-size:13.5px;font-weight:700;line-height:1.2;text-transform:none;transition:background .22s ease-out}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--accent);color:var(--white)}
.woocommerce span.onsale{background:var(--cyan-400);color:var(--navy-900);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:700;font-size:12px;min-height:auto;min-width:auto;padding:5px 12px;line-height:1.2;top:14px;right:14px;left:auto;margin:0}
.woocommerce div.product{max-width:var(--wrap);margin:0 auto;padding:64px 32px}
.woocommerce div.product .product_title{font-family:var(--font-display);font-size:clamp(32px,3.4vw,48px)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--navy-900);font-size:26px;font-weight:700;font-family:var(--font-body)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--stone-100);border-color:var(--border-subtle);border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--white)}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{border-top-color:var(--accent);background:var(--white);border-radius:var(--radius-md);font-family:var(--font-body)}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--accent)}
.woocommerce-cart .wrap,.woocommerce-checkout .wrap,.woocommerce-account .wrap{padding-top:64px;padding-bottom:96px}
.woocommerce table.shop_table{border-radius:var(--radius-md);border-color:var(--border-subtle)}
.woocommerce-billing-fields input,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);background:var(--white)}
.woocommerce #payment{border-radius:var(--radius-md)}
.page-hero{background:var(--navy-900);padding:72px 0 64px}
.page-hero h1{color:var(--white);font-size:clamp(34px,3.6vw,54px);margin:0}
.page-hero .eyebrow{color:var(--cyan-400)}
.woocommerce-breadcrumb{font-size:12.5px;color:var(--text-on-navy-muted);margin-bottom:14px}
.woocommerce-breadcrumb a{color:var(--text-on-navy-muted)}

/* ============ FOOTER ============ */
.site-footer{background:var(--navy-900);color:var(--text-on-navy-muted);padding:88px 0 40px;border-top:1px solid var(--border-on-navy)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px;padding-bottom:56px;border-bottom:1px solid var(--border-on-navy)}
.site-footer img.wordmark{height:30px;width:auto;margin-bottom:22px}
.site-footer h4{font-family:var(--font-body);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-400);font-weight:700;margin-bottom:18px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:14px}
.site-footer a{color:var(--text-on-navy-muted)}
.site-footer a:hover{color:var(--white)}
.site-footer p{font-size:14.5px;line-height:1.7;max-width:280px}
.footer-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;font-size:12.5px}
.footer-legal ul{display:flex;gap:20px}

/* ============ URDU / RTL ============ */
body.lang-ur,body.rtl{direction:rtl}
body.lang-ur .urdu,html[lang="ur"] body,body.rtl{font-family:var(--font-urdu)}
body.lang-ur h1,body.lang-ur h2,body.lang-ur h3,body.rtl h1,body.rtl h2,body.rtl h3{font-family:var(--font-urdu);line-height:2.05;font-weight:400}
body.lang-ur p,body.rtl p{font-family:var(--font-urdu);line-height:2.25}
body.lang-ur .eyebrow,body.lang-ur .btn,body.lang-ur .main-nav a,body.lang-ur .door-domain,body.rtl .eyebrow,body.rtl .btn,body.rtl .main-nav a{font-family:var(--font-urdu-ui);letter-spacing:normal;text-transform:none;font-size:max(1em,14.5px);line-height:1.8}

/* ============ REVEAL ANIMATION ============ */
.reveal{opacity:0;transform:translateY(14px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .42s ease-out,transform .42s ease-out}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* ============ RESPONSIVE ============ */
@media (max-width:1024px){
  .story-copy{padding:64px 32px}
  .hero-split-grid{gap:36px}
}
@media (max-width:860px){
  .nav-toggle{display:block;margin-left:auto;order:3}
  .main-nav{display:none;width:100%;order:4}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0 6px}
  .header-actions{order:2;margin-left:auto}
  .header-bar{flex-wrap:wrap;gap:14px}
  .section{padding:72px 0}
  .hero{min-height:520px}
  .hero-inner{padding-bottom:64px}
  .story-media{min-height:340px}
  .stats{grid-template-columns:1fr;gap:18px}
  .wrap{padding:0 20px}
}

/* ==========================================================================
   v2.0 — shared components across all three brands
   ========================================================================== */

/* Per-brand accent, injected inline by functions.php as --brand-accent. */
.brand-rice .eyebrow,.brand-rice .door-domain,.brand-rice .door-more{color:var(--brand-accent,#8A6D2F)}
.brand-honey .eyebrow,.brand-honey .door-domain,.brand-honey .door-more{color:var(--brand-accent,#B8860B)}
.brand-rice .section--navy .eyebrow--navy,.brand-honey .section--navy .eyebrow--navy{color:var(--cyan-400)}

/* ============ ACCESSIBILITY ============ */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed;top:12px;left:12px;z-index:200;width:auto;height:auto;clip:auto;padding:12px 20px;background:var(--white);color:var(--navy-900);border-radius:var(--radius-sm);font-weight:700}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cyan-400);outline-offset:2px;border-radius:3px}
body.nav-open{overflow:hidden}
.site-header.is-stuck{box-shadow:0 6px 24px rgba(0,35,73,.24)}

/* ============ BREADCRUMBS ============ */
.crumbs{margin:0 0 28px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--text-muted)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--border-strong)}
.crumbs a{color:var(--text-secondary)}
.crumbs [aria-current]{color:var(--text-primary);font-weight:600}

/* ============ HERO EXTRAS ============ */
.hero-split-copy{padding-bottom:96px}
.hero--split .lede{font-size:17.5px;max-width:540px;margin-bottom:34px}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.hero-trust span{font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--text-secondary);background:rgba(255,255,255,.7);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:8px 16px}
.hero-trust.is-navy span{background:rgba(255,255,255,.08);border-color:var(--border-on-navy);color:var(--text-on-navy-muted)}
.media-placeholder{display:flex;align-items:center;justify-content:center;min-height:340px;height:100%;padding:32px;text-align:center;background:var(--stone-100);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);font-size:13.5px;color:var(--text-muted)}
.story-grid.is-reversed .story-media{order:2}
.story-grid.is-reversed .story-copy{order:1;margin-left:auto}

/* ============ RICE — VARIETY LIST + GRAIN RULER ============ */
.variety-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.variety{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm)}
.variety-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.variety-head h3{font-size:25px;margin:0}
.variety-len{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--brand-accent,#8A6D2F);white-space:nowrap}
.grain-ruler{display:block;height:8px;background:var(--stone-100);border-radius:999px;overflow:hidden;margin-bottom:18px}
.grain-ruler span{display:block;height:100%;background:linear-gradient(90deg,var(--rice-300),var(--brand-accent,#8A6D2F));border-radius:999px}
.variety p{font-size:14.5px;line-height:1.7;color:var(--text-secondary);margin-bottom:18px}
.variety-sizes{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:16px}

/* ============ HONEY — VARIETY CARDS ============ */
.honey-card{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-sm)}
.honey-season{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--brand-accent,#B8860B);margin-bottom:14px}
.honey-card h3{font-size:32px;margin-bottom:12px}
.honey-card p{font-size:14.5px;line-height:1.7;color:var(--text-secondary);margin-bottom:22px}
.honey-origin{font-size:13px;font-weight:700;color:var(--navy-900);border-top:1px solid var(--border-subtle);padding-top:16px}

/* ============ PROCESS LIST ============ */
.process{list-style:none;counter-reset:step;margin:0 0 40px;padding:0;display:grid;gap:18px}
.process li{counter-increment:step;position:relative;padding-left:48px;font-size:14.5px;line-height:1.7;color:var(--text-secondary)}
.process li::before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:999px;background:var(--navy-900);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:13px;font-weight:700}
.process strong{display:block;color:var(--text-primary);font-weight:700;margin-bottom:3px}

/* ============ MULTI-STEP ORDER FORM ============ */
.order-form{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:38px;box-shadow:var(--shadow-sm);max-width:820px}
.of-steps{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 32px;padding:0 0 26px;border-bottom:1px solid var(--border-subtle)}
.of-steps li{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex:1;min-width:130px}
.of-steps li span{width:28px;height:28px;flex:none;border-radius:999px;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:12.5px}
.of-steps li.is-active{color:var(--navy-900)}
.of-steps li.is-active span{background:var(--navy-900);border-color:var(--navy-900);color:var(--white)}
.of-steps li.is-done span{background:var(--cyan-400);border-color:var(--cyan-400);color:var(--navy-900)}
.of-panel{display:none}
.of-panel.is-active{display:block;animation:ofIn .3s ease-out}
@keyframes ofIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.of-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.of-field{display:block;margin-bottom:18px}
.of-field>span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}
.of-field input,.of-field select,.of-field textarea{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:15px;color:var(--text-primary);background:var(--stone-50);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}
.of-field textarea{resize:vertical}
.of-field input:focus,.of-field select:focus,.of-field textarea:focus{outline:2px solid var(--cyan-400);outline-offset:1px;background:var(--white)}
.of-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.of-summary{display:grid;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin:0 0 20px}
.of-sum-row{display:grid;grid-template-columns:150px 1fr;gap:16px;background:var(--white);padding:15px 20px}
.of-sum-row dt{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0}
.of-sum-row dd{margin:0;font-size:15px;color:var(--text-primary);word-break:break-word}
.of-note{font-size:13.5px;color:var(--text-muted);margin:0}

/* ============ FAQ ============ */
.faq{display:grid;gap:12px}
.faq-item{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px 24px}
.faq-item summary{cursor:pointer;font-family:var(--font-display);font-size:20px;line-height:1.35;color:var(--text-primary);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";float:right;margin-left:16px;font-family:var(--font-body);font-weight:400;color:var(--text-muted)}
.faq-item[open] summary::after{content:"–"}
.faq-a p{font-size:14.5px;line-height:1.75;color:var(--text-secondary);margin:14px 0 0}

/* ============ FLOATING WHATSAPP ============ */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:80;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#0b3d20;padding:14px 20px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:14px;font-weight:700;box-shadow:0 10px 30px rgba(0,35,73,.28);transition:transform .2s ease-out,box-shadow .2s ease-out}
.wa-float:hover{color:#0b3d20;transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,35,73,.34)}
.wa-float svg{flex:none}
@media (prefers-reduced-motion:reduce){.wa-float{transition:none}}

/* ============ 404 / SEARCH ============ */
.entry-content{font-size:16.5px;line-height:1.8;color:var(--text-secondary)}
.entry-content h2,.entry-content h3{color:var(--text-primary);margin-top:1.6em}
.result-list{display:grid;gap:20px;list-style:none;margin:0;padding:0}
.result{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px}
.result h2{font-size:26px;margin-bottom:8px}
.result p{font-size:14.5px;color:var(--text-secondary);margin:0}
.pager{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}
.pager .page-numbers{padding:10px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--white);font-size:14px;font-weight:700}
.pager .page-numbers.current{background:var(--navy-900);color:var(--white);border-color:var(--navy-900)}

/* ==========================================================================
   RESPONSIVE — v2 breakpoints
   ========================================================================== */
@media (max-width:1200px){
  .story-copy{padding:80px 44px}
  .of-sum-row{grid-template-columns:130px 1fr}
}
@media (max-width:900px){
  .nav-toggle{display:block;margin-left:auto;order:3}
  .main-nav{display:none;width:100%;order:4}
  .main-nav.is-open{display:block}
  .domain-rail-inner{font-size:10.5px;gap:10px}
  .hero-split-copy{padding-bottom:56px}
  .hero-media,.hero-media img{min-height:340px}
  .story-grid.is-reversed .story-media{order:1}
  .story-grid.is-reversed .story-copy{order:2}
  .order-form{padding:28px}
}
@media (max-width:720px){
  .section{padding:64px 0}
  .section-head{margin-bottom:34px}
  .hero--split{padding-top:56px}
  .hero h1{font-size:clamp(32px,8vw,46px)}
  .hero-split-grid h1{font-size:clamp(30px,7.6vw,44px)}
  .story-copy{padding:56px 20px}
  .info-card{padding:24px;gap:24px}
  .two-col{gap:40px}
  .of-steps li{min-width:0;flex:0 0 auto}
  .of-steps li:not(.is-active) span+*{display:none}
  .of-sum-row{grid-template-columns:1fr;gap:4px}
  .wa-float{right:14px;bottom:14px;padding:14px}
  .wa-float-label{display:none}
  .faq-item summary{font-size:18px}
  .variety,.honey-card{padding:24px}
}
@media (max-width:480px){
  .wrap{padding:0 16px}
  .btn{padding:14px 22px;font-size:14.5px;width:100%}
  .btn-row{flex-direction:column;align-items:stretch}
  .of-nav .btn{width:100%}
  .header-bar{padding:12px 16px}
  .brand-lockup img.wordmark{height:20px}
  .stat-num{font-size:34px}
  .footer-grid{gap:34px}
  .footer-legal{flex-direction:column;gap:12px}
  .footer-legal ul{flex-direction:column;gap:10px}
}

/* ---------------------------------------------- language switch (GTranslate) */
/* Single EN / اردو control. Desktop: inline in the header nav.
   Mobile: inside the opened burger menu. Added 2026-08-18. */
.sofia-lang-switch .gtranslate_wrapper{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(238,244,248,.35);border-radius:999px;background:rgba(11,37,69,.35)}
.sofia-lang-switch a.glink{display:inline-block;padding:.22rem .7rem;border-radius:999px;font-size:.8rem;line-height:1.45;color:#EEF4F8;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}
.sofia-lang-switch a.glink:hover,.sofia-lang-switch a.glink:focus-visible{background:rgba(238,244,248,.18)}
.sofia-lang-switch a.glink.gt-current-lang{background:#EEF4F8;color:#0B2545;font-weight:600}
.sofia-lang-switch img{display:none}
.sofia-lang-switch .gt_container--29l34s,.sofia-lang-switch #google_translate_element2{margin:0}
@media (min-width:901px){
  .main-nav{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;row-gap:.4rem}
  .main-nav > ul{flex-wrap:nowrap}
  .sofia-lang-switch{flex:0 0 auto;margin-left:auto}
}
@media (min-width:901px) and (max-width:1200px){
  .main-nav{gap:.8rem}
  .sofia-lang-switch a.glink{padding:.2rem .55rem;font-size:.72rem}
}
@media (max-width:900px){
  .sofia-lang-switch{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(238,244,248,.2)}
  .sofia-lang-switch .gtranslate_wrapper{display:flex;width:100%;justify-content:center}
  .sofia-lang-switch a.glink{flex:1 1 0;text-align:center;padding:.55rem 1rem;font-size:.95rem}
}