@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
/* Light is the default theme (:root). Hero/footer/store-header/deal-card
   blocks deliberately stay deep-forest-with-white-text in BOTH themes —
   they're a fixed brand color block, not "the dark mode" — so --green
   is defined once here and never overridden below. Everything else
   (surfaces, text, borders, gold, trust) flips via [data-theme="dark"]. */
:root{
  --green:#13261C;
  --gold:#B8860B;--gold-light:#D4A537;--trust:#3D7A5C;--trust-light:#6FAE8C;
  --surface-0:#FAF9F6;--surface-1:#FFFFFF;--surface-2:#F3F1EC;
  --border:rgba(20,30,24,0.10);--border-strong:rgba(20,30,24,0.18);
  --text-primary:#15201A;--text-secondary:rgba(21,32,26,0.68);
  --text-muted:rgba(21,32,26,0.45);--font-sans:'Inter',sans-serif;
  --surface:var(--surface-2);--card:var(--surface-1)
}
[data-theme="dark"]{
  --gold:#D4A537;--gold-light:#E0BC5F;--trust:#6FAE8C;--trust-light:#8FC4A9;
  --surface-0:#0D1410;--surface-1:#15201A;--surface-2:#1B2620;
  --border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);
  --text-primary:#F5F7F6;--text-secondary:rgba(245,247,246,0.65);
  --text-muted:rgba(245,247,246,0.4);
}
body{font-family:'Inter',var(--font-sans);background:var(--surface-0);color:var(--text-primary);font-size:14px;transition:background-color 0.15s,color 0.15s}

/* NAV */
.nav{display:flex;align-items:center;gap:14px;padding:11px 20px;background:var(--surface-2);border-bottom:0.5px solid var(--border);position:sticky;top:0;z-index:200}
.logo{display:flex;align-items:center;gap:8px;flex-shrink:0;cursor:pointer;text-decoration:none}
.logo-icon{height:32px;width:auto}
.logo-icon-img{height:32px;width:auto}
.logo-full-img{height:32px;width:auto;max-width:180px;object-fit:contain}
.logo-full-img--footer{height:28px}
.logo-text{font-size:19px;font-weight:700;letter-spacing:-0.6px;color:#3D7A5C}
.logo-text em{color:#D4A337;font-style:normal}
.footer-logo .logo-text{color:#fff}
.footer-logo .logo-icon-img,.footer-logo .logo-full-img{opacity:0.95}
.nav-search{display:flex;flex:1;max-width:500px;background:var(--surface-1);border:0.5px solid var(--border-strong);border-radius:8px;overflow:hidden}
.nav-search input{flex:1;padding:8px 12px;border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none;font-family:inherit}
.nav-search input::placeholder{color:var(--text-muted)}
.nav-search button{padding:8px 16px;background:var(--gold);color:#fff;border:none;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;flex-shrink:0;white-space:nowrap}
.nav-links{display:flex;gap:18px}
.nav-links a{font-size:12px;color:var(--text-secondary);text-decoration:none;cursor:pointer;white-space:nowrap}
.nav-links a:hover{color:var(--text-primary)}
.nav-ctas{display:flex;gap:8px;margin-left:auto;flex-shrink:0;align-items:center}
.cart-link{position:relative;display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;font-size:18px;padding:4px}
.cart-link:hover{color:var(--gold)}
.cart-badge{position:absolute;top:-4px;right:-6px;background:var(--gold);color:#fff;font-size:9px;font-weight:600;border-radius:10px;padding:1px 5px;min-width:14px;text-align:center;line-height:1.4}
.nav-badge{background:var(--gold);color:#fff;font-size:9px;font-weight:600;border-radius:10px;padding:1px 5px;min-width:14px;text-align:center;line-height:1.4}
.btn-ghost{padding:6px 14px;border:0.5px solid var(--border-strong);border-radius:6px;font-size:12px;background:transparent;color:var(--text-primary);cursor:pointer;font-family:inherit}
.btn-solid{padding:6px 14px;border-radius:6px;font-size:12px;background:var(--gold);color:#fff;border:none;cursor:pointer;font-weight:500;font-family:inherit}
.nav-ham{display:none;font-size:20px;color:var(--text-secondary);cursor:pointer;margin-left:auto;background:none;border:none;padding:4px}
.nav-ham:hover{color:var(--text-primary)}
.theme-toggle{display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--text-secondary);cursor:pointer;background:none;border:none;padding:4px;flex-shrink:0}
.theme-toggle:hover{color:var(--gold)}
.theme-toggle .ti-sun{display:none}
[data-theme="dark"] .theme-toggle .ti-sun{display:inline}
[data-theme="dark"] .theme-toggle .ti-moon{display:none}

/* HERO */
.hero{background:var(--green);background-size:cover;background-position:center;background-repeat:no-repeat;padding:56px 24px 44px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:rgba(10,18,13,0.62);z-index:0;pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(212,165,55,0.12);color:var(--gold-light);font-size:11px;padding:4px 12px;border-radius:20px;border:0.5px solid rgba(212,165,55,0.25);margin-bottom:20px;font-weight:500;letter-spacing:0.2px}
.hero-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}
.hero h1{font-size:38px;font-weight:600;color:#fff;line-height:1.15;margin-bottom:12px;letter-spacing:-1.2px;max-width:560px;margin-left:auto;margin-right:auto}
.hero h1 em{color:var(--gold);font-style:normal}
.hero-sub{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.7;max-width:400px;margin:0 auto 28px}
.search-wrap{max-width:580px;margin:0 auto 22px}
.search-box{display:flex;background:rgba(0,0,0,0.28);border:0.5px solid rgba(255,255,255,0.15);border-radius:10px;overflow:hidden}
.search-box select{padding:13px 12px;border:none;background:transparent;color:rgba(255,255,255,0.5);font-size:12px;border-right:0.5px solid rgba(255,255,255,0.1);cursor:pointer;outline:none;font-family:inherit}
.search-box select option{color:var(--text-primary);background:var(--surface-2)}
.search-box input{flex:1;padding:13px 16px;border:none;background:transparent;font-size:14px;color:#fff;outline:none;font-family:inherit}
.search-box input::placeholder{color:rgba(255,255,255,0.3)}
.search-box button{padding:13px 22px;background:var(--gold);color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}
.search-pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.search-pill{padding:4px 12px;border-radius:20px;font-size:11px;border:0.5px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.4);cursor:pointer;background:rgba(255,255,255,0.04);text-decoration:none}
.search-pill:hover{border-color:var(--gold);color:var(--gold-light)}
.hero-stats{display:flex;justify-content:center;gap:0;margin-top:28px;border-top:0.5px solid rgba(255,255,255,0.08);padding-top:22px}
.hs{flex:1;max-width:160px;text-align:center;border-right:0.5px solid rgba(255,255,255,0.08)}
.hs:last-child{border-right:none}
.hs-n{font-size:22px;font-weight:600;color:#fff;letter-spacing:-0.5px}
.hs-l{font-size:10px;color:rgba(255,255,255,0.35);margin-top:2px;letter-spacing:0.3px;text-transform:uppercase}

/* CATS */
.cats-bar{padding:16px 20px 0;display:flex;gap:7px;flex-wrap:wrap;border-bottom:0.5px solid var(--border)}
.cats-bar::-webkit-scrollbar{display:none}
.cat{padding:5px 14px;border-radius:20px;font-size:12px;border:0.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:transparent;font-family:inherit;margin-bottom:10px;text-decoration:none;display:inline-block}
.cat.on,.cat:hover{background:var(--gold);color:#fff;border-color:var(--gold)}

/* LAYOUT */
.page{display:grid;grid-template-columns:210px 1fr}

/* SIDEBAR */
.sidebar{border-right:0.5px solid var(--border);padding:18px 14px;background:var(--surface-2)}
.sb-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.sb-head span{font-size:13px;font-weight:500}
.sb-head a{font-size:11px;color:var(--gold);cursor:pointer}
.fg{margin-bottom:18px}
.fg h4{font-size:10px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:9px}
.fo{display:flex;align-items:center;gap:7px;margin-bottom:6px;cursor:pointer}
.fo input{accent-color:var(--gold);width:13px;height:13px}
.fo label{font-size:12px;color:var(--text-secondary);cursor:pointer}
.fo label:hover{color:var(--text-primary)}
.price-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.price-in{padding:6px 8px;border:0.5px solid var(--border-strong);border-radius:6px;background:var(--surface-1);color:var(--text-primary);font-size:11px;outline:none;width:76px;font-family:inherit}
.price-sep{font-size:11px;color:var(--text-muted)}
.apply-btn{padding:6px 10px;border:0.5px solid var(--border-strong);border-radius:6px;font-size:11px;color:var(--text-secondary);background:transparent;cursor:pointer;font-family:inherit}
.apply-btn:hover{border-color:var(--gold);color:var(--gold)}

/* MAIN */
.main{padding:18px 20px}
.rmeta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.rcount{font-size:13px;color:var(--text-secondary)}
.rcount strong{color:var(--text-primary)}
.sort-row{display:flex;gap:6px}
.srt{padding:4px 11px;font-size:11px;border:0.5px solid var(--border);border-radius:20px;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}
.srt.on{border-color:var(--gold);color:var(--gold);background:rgba(212,165,55,0.06)}

/* DEAL CARD */
.deal{background:var(--green);border-radius:12px;padding:18px 20px;margin-bottom:16px;border:0.5px solid rgba(212,165,55,0.25)}
.deal-ey{display:inline-flex;align-items:center;gap:5px;background:rgba(212,165,55,0.12);color:var(--gold-light);font-size:10px;padding:3px 10px;border-radius:20px;border:0.5px solid rgba(212,165,55,0.25);margin-bottom:12px;font-weight:500}
.deal-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}
.deal-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:-0.3px}
.deal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dc{background:rgba(255,255,255,0.05);border-radius:8px;padding:10px 12px;border:0.5px solid rgba(255,255,255,0.07)}
.dcl{font-size:9px;color:rgba(255,255,255,0.38);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.4px}
.dcv{font-size:15px;font-weight:600;color:#fff;letter-spacing:-0.3px}
.dcv.g{color:#4ade80}
.dcv.o{color:var(--gold-light)}
.dcs{font-size:10px;color:rgba(255,255,255,0.28);margin-top:2px}
.also{margin-top:12px;padding-top:12px;border-top:0.5px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.also-l{font-size:10px;color:rgba(255,255,255,0.3);flex-shrink:0}
.also-p{padding:3px 10px;border-radius:20px;font-size:10px;border:0.5px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.45);cursor:pointer;background:rgba(255,255,255,0.04);text-decoration:none}
.also-p:hover{border-color:var(--gold);color:var(--gold-light)}

/* RESULTS */
.result{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:10px;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;cursor:pointer;transition:border-color 0.12s}
.result:hover{border-color:var(--gold)}
.result.best{border-color:rgba(34,197,94,0.35);background:rgba(34,197,94,0.015)}
.rlogo{width:44px;height:44px;border-radius:10px;background:var(--surface-1);border:0.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.rt{display:flex;align-items:center;gap:6px;margin-bottom:5px;flex-wrap:wrap}
.rname{font-size:14px;font-weight:500;letter-spacing:-0.2px}
.bx{font-size:10px;padding:2px 7px;border-radius:6px;font-weight:500}
.bx-v{background:rgba(111,174,140,0.12);color:#3d6b53;border:0.5px solid rgba(111,174,140,0.3)}
.bx-p{background:rgba(124,58,237,0.07);color:#5b21b6;border:0.5px solid rgba(124,58,237,0.18)}
.bx-t{background:rgba(245,158,11,0.08);color:#92400e;border:0.5px solid rgba(245,158,11,0.18)}
.bx-b{background:rgba(34,197,94,0.08);color:#166534;border:0.5px solid rgba(34,197,94,0.2)}
.bx-of{background:rgba(59,130,246,0.08);color:#1e40af;border:0.5px solid rgba(59,130,246,0.18)}
.rm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stars{color:#f59e0b;font-size:11px;letter-spacing:-1px}
.rrat{font-size:12px;color:var(--text-secondary)}
.rsep{font-size:10px;color:var(--border-strong)}
.rmet{font-size:12px;color:var(--text-muted)}
.rprod{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:8px;border-top:0.5px solid var(--border)}
.rprod-img{width:36px;height:36px;background:var(--surface-1);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.rprod-name{font-size:11px;color:var(--text-secondary);flex:1}
.fresh{font-size:10px;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:4px}
.fresh.warn{color:#92400e}
.rright{text-align:right;flex-shrink:0;min-width:130px}
.rprice{font-size:21px;font-weight:600;color:var(--gold);letter-spacing:-0.5px;margin-bottom:3px}
.rdeal{font-size:11px;font-weight:500;margin-bottom:10px}
.dg{color:#166534}
.dy{color:#92400e}
.dr{color:#991b1b}
.rbtn{padding:7px 18px;font-size:12px;border-radius:7px;cursor:pointer;display:block;width:100%;text-align:center;margin-bottom:5px;font-weight:500;font-family:inherit;border:none;text-decoration:none}
.rbtn-f{background:var(--gold);color:#fff;border:none}
.rbtn-f:hover{background:#A6790E}
.rbtn-o{background:transparent;border:0.5px solid var(--border-strong);color:var(--text-secondary)}
.rbtn-o:hover{border-color:var(--gold);color:var(--gold)}
.why-btn{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;color:var(--text-muted);cursor:pointer;margin-top:4px;background:none;border:none;font-family:inherit;width:100%}
.why-btn:hover{color:var(--gold)}

/* WHY BOX */
.why-box{background:var(--surface-1);border:0.5px solid var(--border);border-radius:8px;padding:10px 12px;margin-top:8px;display:none}
.why-box.on{display:block}
.why-row{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-secondary);margin-bottom:5px}
.why-row:last-child{margin-bottom:0}
.why-check{color:#22c55e;font-size:13px}

/* STORE PAGE */
.store-header{background:var(--green);padding:28px 24px;border-bottom:0.5px solid rgba(255,255,255,0.08)}
.store-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.store-logo-big{width:64px;height:64px;border-radius:14px;background:rgba(255,255,255,0.08);border:0.5px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}
.store-name-big{font-size:22px;font-weight:600;color:#fff;letter-spacing:-0.5px;margin-bottom:4px}
.store-sub{font-size:12px;color:rgba(255,255,255,0.45);margin-bottom:10px}
.store-badges{display:flex;gap:6px;flex-wrap:wrap}
.store-identity{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.si{background:rgba(255,255,255,0.05);border-radius:8px;padding:10px 12px;border:0.5px solid rgba(255,255,255,0.07)}
.si-label{font-size:9px;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:4px}
.si-val{font-size:13px;font-weight:500;color:#fff}
.si-val.good{color:#4ade80}
.store-perf{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.sp{background:rgba(255,255,255,0.05);border-radius:8px;padding:10px 12px;border:0.5px solid rgba(255,255,255,0.07)}
.sp-label{font-size:9px;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:4px}
.sp-val{font-size:12px;color:#fff;line-height:1.4}
.store-story{margin-top:14px;padding-top:14px;border-top:0.5px solid rgba(255,255,255,0.08)}

/* PROD GRID */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:16px 20px}
.pc{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color 0.12s}
.pc:hover{border-color:var(--gold)}
.pc-img{height:110px;background:var(--surface-1);display:flex;align-items:center;justify-content:center;font-size:32px;position:relative}
.pc-tag{position:absolute;top:7px;left:7px;font-size:9px;padding:2px 7px;border-radius:10px;font-weight:500}
.tag-na{background:rgba(34,197,94,0.12);color:#166534;border:0.5px solid rgba(34,197,94,0.22)}
.pc-body{padding:10px 12px}
.pc-name{font-size:12px;font-weight:500;margin-bottom:6px;line-height:1.35}
.pc-sold-by{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:1px}
.pc-store{font-size:11px;font-weight:500;margin-bottom:4px}
.pc-rat{font-size:10px;color:var(--text-secondary);margin-bottom:7px}
.pc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:7px;border-top:0.5px solid var(--border)}
.pc-price{font-size:15px;font-weight:600;color:var(--gold);letter-spacing:-0.3px}
.pc-btn{padding:4px 10px;font-size:10px;border-radius:5px;border:0.5px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;font-family:inherit;font-weight:500}
.pc-btn:hover{background:var(--gold);color:#fff}

/* FOOTER */
.footer{background:var(--green);padding:40px 24px 0;margin-top:12px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:0.5px solid rgba(255,255,255,0.08)}
.footer-brand .logo{display:block;margin-bottom:10px}
.footer-desc{font-size:12px;color:rgba(255,255,255,0.32);line-height:1.7;max-width:200px}
.footer-trust{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.ft-badge{font-size:10px;padding:3px 10px;border-radius:20px;border:0.5px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.35)}
.footer-col h4{font-size:10px;color:rgba(255,255,255,0.35);font-weight:500;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:14px}
.footer-col a{display:block;font-size:12px;color:rgba(255,255,255,0.32);margin-bottom:9px;text-decoration:none;cursor:pointer}
.footer-col a:hover{color:rgba(255,255,255,0.7)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 0;flex-wrap:wrap;gap:8px}
.footer-copy{font-size:11px;color:rgba(255,255,255,0.18)}
.footer-links{display:flex;gap:16px}
.footer-links a{font-size:11px;color:rgba(255,255,255,0.18);text-decoration:none;cursor:pointer}
.footer-links a:hover{color:rgba(255,255,255,0.5)}

/* MESSAGES */
.messages{padding:10px 20px 0}
.msg{padding:9px 14px;border-radius:8px;font-size:12px;margin-bottom:8px;border:0.5px solid var(--border-strong)}
.msg-success{background:rgba(34,197,94,0.08);color:#166534;border-color:rgba(34,197,94,0.2)}
.msg-error{background:rgba(239,68,68,0.08);color:#991b1b;border-color:rgba(239,68,68,0.2)}
.msg-info{background:rgba(59,130,246,0.08);color:#1e40af;border-color:rgba(59,130,246,0.18)}

/* AUTH FORMS */
.auth-wrap{max-width:380px;margin:48px auto;padding:0 20px}
.auth-card{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:28px 24px}
.auth-card h1{font-size:20px;font-weight:600;margin-bottom:18px;letter-spacing:-0.3px}
.auth-card .field{margin-bottom:14px}
.auth-card label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:6px}
.auth-card input[type="text"],.auth-card input[type="email"],.auth-card input[type="password"],.auth-card select,.auth-card textarea{
  width:100%;padding:9px 12px;border:0.5px solid var(--border-strong);border-radius:7px;
  background:var(--surface-1);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;resize:vertical}
.auth-card ul{list-style:none}
.auth-card ul li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}
.auth-card .field-error{font-size:11px;color:#ef4444;margin-top:4px}
.auth-card .helptext{font-size:10px;color:var(--text-muted);margin-top:4px;display:block}
.auth-card button[type="submit"]{
  width:100%;padding:10px;background:var(--gold);color:#fff;border:none;border-radius:7px;
  font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:6px}
.auth-card button[type="submit"]:hover{background:#A6790E}
.auth-foot{font-size:12px;color:var(--text-muted);margin-top:16px;text-align:center}
.auth-foot a{color:var(--gold-light);text-decoration:none}

/* WIZARD */
.wizard-wrap{max-width:520px;margin:40px auto;padding:0 20px}
.wizard-progress{display:flex;gap:6px;margin-bottom:20px}
.wizard-step{flex:1;height:4px;border-radius:4px;background:var(--border-strong)}
.wizard-step.done,.wizard-step.active{background:var(--gold)}
.wizard-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:6px}
.wizard-card{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:28px 24px}
.wizard-card h1{font-size:20px;font-weight:600;margin-bottom:18px;letter-spacing:-0.3px}
.wizard-card .field{margin-bottom:14px}
.wizard-card label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:6px}
.wizard-card input[type="text"],.wizard-card select{
  width:100%;padding:9px 12px;border:0.5px solid var(--border-strong);border-radius:7px;
  background:var(--surface-1);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none}
.wizard-card ul{list-style:none}
.wizard-card ul li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:6px}
.wizard-card .field-error{font-size:11px;color:#ef4444;margin-top:4px}
.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.wizard-actions button[type="submit"]{
  padding:10px 22px;background:var(--gold);color:#fff;border:none;border-radius:7px;
  font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}
.wizard-actions button[type="submit"]:hover{background:#A6790E}
.wizard-back{font-size:12px;color:var(--text-muted);text-decoration:none}
.wizard-back:hover{color:var(--gold-light)}
.review-section{margin-bottom:22px;padding-bottom:20px;border-bottom:0.5px solid var(--border)}
.review-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}
.review-section h3{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:11px}
.review-row{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-bottom:9px;color:var(--text-secondary);line-height:1.5}
.review-row:last-child{margin-bottom:0}
.review-row span{flex-shrink:0}
.review-row strong{color:var(--text-primary);font-weight:500;text-align:right}

.dash-form-actions{margin-top:24px;padding-top:20px;border-top:0.5px solid var(--border)}
.dash-form-actions h3{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:14px}
.checklist{display:flex;flex-direction:column;gap:9px}
.checklist-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}
.checklist-item i{font-size:15px;color:var(--text-muted);flex-shrink:0}
.checklist-item.done{color:var(--text-muted);text-decoration:line-through}
.checklist-item.done i{color:#4ade80}
.checklist-item a{color:var(--gold);text-decoration:none}
.checklist-item a:hover{text-decoration:underline}

/* SELLER LANDING */
.sell-hero{background:var(--green);padding:56px 24px;text-align:center}
.sell-hero h1{font-size:30px;font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:-0.8px}
.sell-hero p{font-size:14px;color:rgba(255,255,255,0.5);max-width:480px;margin:0 auto 22px;line-height:1.7}
.sell-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:32px 24px;max-width:900px;margin:0 auto}
.sell-step{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:18px}
.sell-step-n{font-size:11px;color:var(--gold);font-weight:600;margin-bottom:6px}
.sell-step h4{font-size:14px;margin-bottom:6px}
.sell-step p{font-size:12px;color:var(--text-secondary);line-height:1.5}

/* PRODUCT IMAGE GALLERY */
.img-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}
.img-tile{position:relative;background:var(--surface-2);border:0.5px solid var(--border);border-radius:10px;overflow:hidden}
.img-tile.is-primary{border-color:var(--gold)}
.img-tile img{width:100%;height:120px;object-fit:cover;display:block}
.img-tile-badge{position:absolute;top:6px;left:6px;font-size:9px;padding:2px 7px;border-radius:10px;background:var(--gold);color:#fff;font-weight:500}
.img-tile-actions{display:flex;gap:4px;padding:8px}
.img-tile-actions button{flex:1;font-size:10px;padding:5px 6px;border-radius:5px;border:0.5px solid var(--border-strong);background:transparent;color:var(--text-secondary);cursor:pointer;font-family:inherit}
.img-tile-actions button:hover{border-color:var(--gold);color:var(--gold)}
.img-tile-actions button.danger:hover{border-color:#ef4444;color:#ef4444}
.img-upload-form{background:var(--surface-2);border:0.5px dashed var(--border-strong);border-radius:10px;padding:18px;text-align:center}

/* DASHBOARD */
.dash{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 53px)}
.dash-sidebar{border-right:0.5px solid var(--border);padding:20px 14px;background:var(--surface-2)}
.dash-store-name{font-size:13px;font-weight:600;margin-bottom:2px}
.dash-store-meta{font-size:10px;color:var(--text-muted);margin-bottom:18px}
.dash-nav a{display:block;padding:7px 10px;border-radius:7px;font-size:13px;color:var(--text-secondary);text-decoration:none;margin-bottom:2px}
.dash-nav a:hover{background:var(--surface-1);color:var(--text-primary)}
.dash-nav a.on{background:rgba(212,165,55,0.1);color:var(--gold-light)}
.dash-content{padding:24px}
.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.dash-head h1{font-size:18px;font-weight:600;letter-spacing:-0.3px}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.dash-stat{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:16px 18px}
.dash-stat-n{font-size:24px;font-weight:600;letter-spacing:-0.5px}
.dash-stat-n.warn{color:#f59e0b}
.dash-stat-l{font-size:11px;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:0.3px}
.dash-empty{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:24px;text-align:center;color:var(--text-muted);font-size:13px}
.dash-table-wrap{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;overflow-x:auto}
.dash-table{width:100%;border-collapse:collapse;font-size:13px}
.dash-table th{text-align:left;padding:10px 14px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px;border-bottom:0.5px solid var(--border)}
.dash-table td{padding:10px 14px;border-bottom:0.5px solid var(--border);color:var(--text-secondary);vertical-align:middle}
.dash-table tr:last-child td{border-bottom:none}
.dash-table .pname{color:var(--text-primary);font-weight:500}
.frbadge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500;display:inline-block}
.frbadge-fresh{background:rgba(34,197,94,0.1);color:#166534}
.frbadge-warning{background:rgba(245,158,11,0.1);color:#92400e}
.frbadge-reduced{background:rgba(239,68,68,0.08);color:#991b1b}
.frbadge-hidden{background:rgba(239,68,68,0.15);color:#7f1d1d}
.dash-row-actions{display:flex;gap:8px;align-items:flex-start}
.dash-link{font-size:12px;color:var(--gold-light);text-decoration:none;cursor:pointer;background:none;border:none;font-family:inherit}
.lead-reply summary{list-style:none;font-size:12px;color:var(--gold-light);cursor:pointer}
.lead-reply summary::-webkit-details-marker{display:none}
.lead-reply-form{display:flex;flex-direction:column;gap:6px;margin-top:8px;min-width:220px}
.lead-reply-form textarea{padding:8px 10px;border:0.5px solid var(--border-strong);border-radius:7px;background:var(--surface-1);color:var(--text-primary);font-size:12px;font-family:inherit;resize:vertical}
.dash-link.danger{color:#ef4444}
.dash-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.dash-btn{padding:8px 16px;background:var(--gold);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}
.dash-btn:hover{background:#A6790E}
.dash-btn-ghost{padding:8px 16px;background:transparent;color:var(--text-primary);border:0.5px solid var(--border-strong);border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.dash-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.dash-form{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:24px;max-width:480px}
.dash-form .field{margin-bottom:14px}
.dash-form label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:6px}
.dash-form input[type="text"],.dash-form input[type="number"],.dash-form input[type="file"],.dash-form select{
  width:100%;padding:9px 12px;border:0.5px solid var(--border-strong);border-radius:7px;
  background:var(--surface-1);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none}
.dash-form .field-error{font-size:11px;color:#ef4444;margin-top:4px}
.dash-form .checkbox-field{display:flex;align-items:center;gap:7px}
.dash-form .checkbox-field label{margin-bottom:0;text-transform:none;font-size:13px;color:var(--text-secondary)}
.dash-form ul{list-style:none}
.dash-form ul li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);margin-bottom:6px}

@media(max-width:680px){
  .dash{grid-template-columns:minmax(0,1fr)}
  .dash-sidebar{border-right:none;border-bottom:0.5px solid var(--border);padding:14px 0 0;min-width:0}
  .dash-store-name,.dash-store-meta{padding:0 16px}
  .dash-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:0 16px 12px}
  .dash-nav a{flex-shrink:0;white-space:nowrap;margin-bottom:0;background:var(--surface-1);border:0.5px solid var(--border)}
  .dash-content{padding:16px}
  .dash-stats{grid-template-columns:1fr}
}

/* BUYER ORDERS */
.acct-wrap{max-width:720px;margin:32px auto;padding:0 20px}
.acct-wrap h1{font-size:18px;font-weight:600;margin-bottom:16px}
.order-card{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:10px;text-decoration:none;display:block}
.order-card:hover{border-color:var(--gold)}
.order-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.order-card-id{font-size:14px;font-weight:600;color:var(--text-primary)}
.order-card-meta{font-size:12px;color:var(--text-muted)}
.status-pill{font-size:10px;padding:3px 10px;border-radius:20px;font-weight:500;display:inline-block}
.status-pill.pending{background:rgba(245,158,11,0.1);color:#92400e}
.status-pill.confirmed{background:rgba(59,130,246,0.1);color:#1e40af}
.status-pill.processing{background:rgba(124,58,237,0.1);color:#5b21b6}
.status-pill.shipped{background:rgba(34,197,94,0.08);color:#166534}
.status-pill.delivered{background:rgba(34,197,94,0.15);color:#166534}
.status-pill.cancelled{background:rgba(239,68,68,0.1);color:#991b1b}
.status-pill.open{background:rgba(239,68,68,0.1);color:#991b1b}
.status-pill.resolved{background:rgba(34,197,94,0.15);color:#166534}
.status-pill.new{background:rgba(245,158,11,0.1);color:#92400e}
.status-pill.responded{background:rgba(59,130,246,0.1);color:#1e40af}
.status-pill.closed{background:rgba(148,163,184,0.15);color:#475569}

.order-detail-card{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:22px}

/* ONBOARDING GUIDE */
.guide-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.guide-tab{padding:7px 16px;border-radius:20px;border:0.5px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500}
.guide-tab:hover{border-color:var(--gold);color:var(--gold)}
.guide-section{margin-bottom:36px}
.guide-section h2{font-size:18px;margin-bottom:4px}
.guide-section-sub{font-size:13px;color:var(--text-muted);margin-bottom:18px}
.guide-step{display:flex;gap:14px;padding:16px 0;border-bottom:0.5px solid var(--border)}
.guide-step:last-child{border-bottom:none}
.guide-step-n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}
.guide-step-body h3{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}
.guide-step-body p{font-size:13px;color:var(--text-secondary);line-height:1.6}
.guide-step-body a{color:var(--gold-light)}
.status-track{display:flex;align-items:flex-start;margin:24px 0 28px}
.status-track-step{flex:1;text-align:center;position:relative}
.status-track-dot{width:22px;height:22px;border-radius:50%;background:var(--surface-1);border:2px solid var(--border-strong);margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);position:relative;z-index:1}
.status-track-step.done .status-track-dot{background:var(--gold);border-color:var(--gold);color:#fff}
.status-track-step.active .status-track-dot{border-color:var(--gold);color:var(--gold)}
.status-track-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px}
.status-track-step.done .status-track-label,.status-track-step.active .status-track-label{color:var(--text-primary)}
.status-track-line{position:absolute;top:10px;left:-50%;width:100%;height:2px;background:var(--border-strong)}
.status-track-step.done .status-track-line{background:var(--gold)}
.status-track-step:first-child .status-track-line{display:none}
.status-cancelled-banner{background:rgba(239,68,68,0.08);border:0.5px solid rgba(239,68,68,0.2);border-radius:8px;padding:14px;color:#991b1b;font-size:13px;margin:16px 0}

/* ORDER CHAT */
.chat-thread{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding-right:4px}
.chat-bubble{max-width:80%;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5}
.chat-bubble.mine{align-self:flex-end;background:var(--gold);color:#fff;border-bottom-right-radius:3px}
.chat-bubble.theirs{align-self:flex-start;background:var(--surface-1);color:var(--text-primary);border:0.5px solid var(--border);border-bottom-left-radius:3px}
.chat-bubble-meta{font-size:9px;opacity:0.7;margin-top:3px;display:block}
.chat-form{display:flex;gap:8px;align-items:flex-start}
.chat-form textarea{flex:1;padding:9px 12px;border:0.5px solid var(--border-strong);border-radius:7px;background:var(--surface-1);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;resize:vertical;min-height:38px}
.chat-actions{display:flex;gap:8px;margin-top:10px}
.chat-form--col{flex-direction:column;align-items:stretch}
.chat-form--col textarea{width:100%;box-sizing:border-box}
.chat-form-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.chat-attach-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);cursor:pointer;border:0.5px solid var(--border);border-radius:6px;padding:5px 10px;background:var(--surface-1);white-space:nowrap}
.chat-attach-btn:hover{border-color:var(--gold);color:var(--gold)}
.chat-attach-btn input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.chat-attach-hint{font-size:11px;color:var(--text-muted);flex:1}
.chat-attach-img{display:block;max-width:200px;max-height:180px;border-radius:7px;margin-top:6px;cursor:zoom-in}
.chat-attach-pdf{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);text-decoration:underline;margin-top:6px}

/* COURIER QUOTE CARDS */
.courier-quote-card{border:0.5px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px;background:var(--surface-1)}
.courier-quote-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.courier-quote-logo{width:32px;height:32px;object-fit:cover;border-radius:6px;border:0.5px solid var(--border)}
.courier-quote-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.courier-quote-details{font-size:12px;color:var(--text-muted);margin:4px 0 8px}
.courier-quote-response{font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.courier-quote-note{font-size:12px;color:var(--text-secondary)}
.courier-quote-pending{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rate-badge{display:inline-block;font-size:11px;font-weight:600;color:var(--gold);background:var(--gold-subtle,rgba(212,175,55,.12));border:0.5px solid var(--gold);border-radius:5px;padding:2px 7px}
.dash-btn-sm{padding:5px 12px;font-size:12px}
.wa-btn-sm{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#25d366;text-decoration:none;font-weight:500}
.wa-btn-sm:hover{text-decoration:underline}

/* PRODUCT DETAIL */
.pd-wrap{max-width:880px;margin:24px auto;padding:0 20px}
.pd-crumbs{font-size:11px;color:var(--text-muted);margin-bottom:16px}
.pd-crumbs a{color:var(--text-muted);text-decoration:none}
.pd-crumbs a:hover{color:var(--gold)}
.pd-grid{display:grid;grid-template-columns:340px 1fr;gap:28px}
.pd-img{aspect-ratio:1;background:var(--surface-1);border:0.5px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:72px;overflow:hidden}
.pd-img img{width:100%;height:100%;object-fit:cover}
.pd-name{font-size:22px;font-weight:600;letter-spacing:-0.4px;margin-bottom:8px}
.pd-store-link{font-size:12px;color:var(--text-secondary);text-decoration:none;margin-bottom:14px;display:inline-block}
.pd-store-link:hover{color:var(--gold)}
.pd-price{font-size:28px;font-weight:600;color:var(--gold);letter-spacing:-0.5px;margin-bottom:12px}
.pd-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.pd-actions{display:flex;gap:10px;margin-bottom:16px}
.pd-fresh{font-size:11px;color:var(--text-muted);margin-bottom:18px}
.pd-fresh.warn{color:#92400e}

@media(max-width:680px){
  .pd-grid{grid-template-columns:1fr}
}

/* CART & CHECKOUT */
.cart-wrap{max-width:640px;margin:32px auto;padding:0 20px}
.cart-item{display:flex;align-items:center;gap:14px;background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.cart-item-img{width:44px;height:44px;border-radius:8px;background:var(--surface-1);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.cart-item-name{font-size:13px;font-weight:500;margin-bottom:3px}
.cart-item-price{font-size:12px;color:var(--text-muted)}
.cart-item-qty{width:54px;padding:6px 8px;border:0.5px solid var(--border-strong);border-radius:6px;background:var(--surface-1);color:var(--text-primary);font-size:13px;font-family:inherit;text-align:center}
.cart-item-sub{font-size:14px;font-weight:600;color:var(--gold);min-width:80px;text-align:right}
.cart-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;font-family:inherit}
.cart-remove:hover{color:#ef4444}
.cart-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:0.5px solid var(--border);margin-top:6px}
.cart-total-label{font-size:13px;color:var(--text-secondary)}
.cart-total-amount{font-size:20px;font-weight:600;color:var(--gold)}

.checkout-grid{display:grid;grid-template-columns:1fr 280px;gap:20px;max-width:880px;margin:32px auto;padding:0 20px}
.checkout-card{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:22px}
.checkout-card h2{font-size:14px;font-weight:600;margin-bottom:14px}
.checkout-card .field{margin-bottom:14px}
.checkout-card label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:6px}
.checkout-card textarea,.checkout-card select{
  width:100%;padding:9px 12px;border:0.5px solid var(--border-strong);border-radius:7px;
  background:var(--surface-1);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;resize:vertical}
.addr-wrap{position:relative}
.addr-suggestions{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--surface-2);border:0.5px solid var(--border-strong);border-radius:7px;margin-top:4px;max-height:220px;overflow-y:auto;display:none}
.addr-suggestions.open{display:block}
.addr-suggestion{padding:9px 12px;font-size:12px;color:var(--text-secondary);cursor:pointer;border-bottom:0.5px solid var(--border)}
.addr-suggestion:last-child{border-bottom:none}
.addr-suggestion:hover{background:var(--surface-1);color:var(--text-primary)}
.addr-attribution{font-size:9px;color:var(--text-muted);padding:4px 12px;border-top:0.5px solid var(--border)}
.pm-option{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0.5px solid var(--border-strong);border-radius:7px;margin-bottom:6px;cursor:pointer}
.pm-option label{margin:0;text-transform:none;font-size:13px;color:var(--text-primary);cursor:pointer}
.field-error{font-size:11px;color:#ef4444;margin-top:4px}
.checkout-summary{font-size:12px;color:var(--text-secondary)}
.checkout-summary-row{display:flex;justify-content:space-between;margin-bottom:6px}
.checkout-summary-total{display:flex;justify-content:space-between;font-size:15px;font-weight:600;color:var(--gold);padding-top:10px;border-top:0.5px solid var(--border);margin-top:8px}

.confirm-wrap{max-width:480px;margin:48px auto;padding:0 20px;text-align:center}
.confirm-card{background:var(--surface-2);border:0.5px solid var(--border);border-radius:12px;padding:30px 26px}
.confirm-card h1{font-size:20px;font-weight:600;margin-bottom:8px}
.confirm-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}
.bank-box{background:var(--surface-1);border:0.5px solid var(--border);border-radius:8px;padding:14px;margin:16px 0;text-align:left}
.bank-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:5px}
.bank-row strong{color:var(--text-primary)}
.wa-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#22c55e;color:#fff;border-radius:7px;text-decoration:none;font-size:13px;font-weight:500;margin-top:8px}
.wa-btn:hover{background:#16a34a}

/* FLOATING SUPPORT BUTTON */
.float-support{
  position:fixed;bottom:24px;right:24px;z-index:500;
  display:flex;align-items:center;gap:7px;
  padding:10px 18px;border-radius:40px;
  background:var(--gold);color:#fff;
  text-decoration:none;font-size:13px;font-weight:600;
  box-shadow:0 4px 18px rgba(0,0,0,0.22);
  transition:transform 0.15s,box-shadow 0.15s;
  white-space:nowrap;
}
.float-support:hover{transform:translateY(-2px);box-shadow:0 7px 24px rgba(0,0,0,0.28)}
.float-support--donor{background:var(--trust)}
.float-support-heart{font-size:15px;line-height:1}
@media(max-width:680px){
  .float-support{bottom:16px;right:16px;padding:9px 14px;font-size:12px}
  .float-support-label{display:none}
  .float-support{border-radius:50%;width:44px;height:44px;padding:0;justify-content:center}
  .float-support-heart{font-size:18px}
}

/* DONOR BADGE */
.donor-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(184,134,11,0.12);color:var(--gold);border:0.5px solid rgba(184,134,11,0.3);border-radius:10px;padding:2px 9px;font-size:11px;font-weight:600}
.dash-support-btn{display:block;margin-top:16px;padding:8px 14px;border:0.5px solid rgba(184,134,11,0.35);border-radius:7px;font-size:12px;color:var(--gold);text-decoration:none;text-align:center;background:rgba(184,134,11,0.06);cursor:pointer}
.dash-support-btn:hover{background:rgba(184,134,11,0.14)}

/* DONATION PAGE */
.donate-wrap{max-width:900px;margin:0 auto;padding:40px 20px}
.donate-hero{text-align:center;margin-bottom:36px}
.donate-hero h1{font-size:26px;font-weight:700;margin-bottom:10px;max-width:600px;margin-left:auto;margin-right:auto}
.donate-hero p{font-size:14px;color:var(--text-secondary);line-height:1.7;max-width:560px;margin:0 auto}
.donate-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.donate-card{background:var(--surface-1);border:0.5px solid var(--border);border-radius:12px;padding:28px 24px}
.donate-card h2{font-size:16px;font-weight:600;margin-bottom:18px}
.amt-pills{display:flex;gap:8px;flex-wrap:wrap}
.amt-pill{cursor:pointer}
.amt-pill input{display:none}
.amt-pill span{display:inline-block;padding:8px 18px;border:0.5px solid var(--border-strong);border-radius:7px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all 0.15s}
.amt-pill input:checked+span{background:var(--gold);color:#fff;border-color:var(--gold)}
.amt-pill:hover span{border-color:var(--gold);color:var(--gold)}
.donate-field{margin-top:14px}
.donate-field label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:6px}
.donate-input{width:100%;padding:9px 12px;border:0.5px solid var(--border-strong);border-radius:7px;background:var(--surface-0);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none}
.donate-input:focus{border-color:var(--gold)}
.donate-submit{width:100%;padding:11px;font-size:14px;margin-top:20px;border-radius:8px}
.donate-note{font-size:11px;color:var(--text-muted);margin-top:8px;text-align:center}
.donate-why{display:grid;gap:12px}
.donate-why-card{background:var(--surface-2);border:0.5px solid var(--border);border-radius:10px;padding:16px 18px}
.donate-why-card .dw-icon{font-size:22px;margin-bottom:6px}
.donate-why-card h3{font-size:13px;font-weight:600;margin-bottom:4px}
.donate-why-card p{font-size:12px;color:var(--text-secondary);line-height:1.6}
.donate-community{background:rgba(184,134,11,0.06);border:0.5px solid rgba(184,134,11,0.25);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px}
.donate-community p{font-size:12px;color:var(--text-secondary);line-height:1.5}
.donate-stats{display:flex;gap:20px;padding:14px 0}
.ds-item{display:flex;flex-direction:column;gap:2px}
.ds-n{font-size:22px;font-weight:700;color:var(--gold)}
.ds-l{font-size:11px;color:var(--text-muted)}
.donate-transparency-link{font-size:12px;color:var(--trust);text-decoration:none}
.donate-transparency-link:hover{text-decoration:underline}
@media(max-width:680px){.donate-grid{grid-template-columns:1fr}}

/* MOBILE-FOOTER RESULT ADDON */
.mob-foot{display:none;align-items:center;justify-content:space-between;padding-top:10px;margin-top:8px;border-top:0.5px solid var(--border)}
.mf-left .rprice{font-size:17px}
.mf-btns{display:flex;gap:6px}
.mf-btn{padding:6px 12px;font-size:11px;border-radius:6px;cursor:pointer;font-weight:500;font-family:inherit;border:none;text-decoration:none;display:inline-block}
.mf-btn-f{background:var(--gold);color:#fff;border:none}
.mf-btn-o{background:transparent;border:0.5px solid var(--border-strong);color:var(--text-secondary)}

/* Nav collapses to a hamburger menu earlier than the content
   breakpoints below — a fully logged-in buyer nav (orders, inquiries,
   wishlist, messages, cart, profile, logout) needs ~940px to lay out
   in one row without overflowing, well above the 680px tablet/mobile
   content breakpoint. */
@media(max-width:960px){
  .nav{flex-wrap:wrap}
  .nav-links,.nav-ctas{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:4px;order:10;margin-top:10px;padding-top:10px;border-top:0.5px solid var(--border)}
  .nav-ctas{margin-left:0}
  .nav.menu-open .nav-links,.nav.menu-open .nav-ctas{display:flex}
  .nav-links a,.nav-ctas .btn-ghost,.nav-ctas .btn-solid{width:100%;text-align:left;padding:9px 4px}
  .nav-ctas form{width:100%}
  .nav-ctas form .btn-ghost{width:100%}
  .nav-ctas .cart-link{padding:9px 4px}
  .nav-ham{display:block}
  .nav-search{max-width:none}
}

@media(max-width:680px){
  .hero{padding:28px 16px 24px}
  .hero h1{font-size:24px}
  .search-box select{display:none}
  .hero-stats{gap:0}
  .hs-n{font-size:17px}
  .cats-bar{flex-wrap:nowrap;overflow-x:auto;padding:12px 16px 0}
  .cat{flex-shrink:0}
  .page{grid-template-columns:1fr}
  .sidebar{display:none}
  .main{padding:12px 16px}
  .deal-grid{grid-template-columns:1fr 1fr}
  .result{grid-template-columns:38px 1fr;gap:10px}
  .rright,.rprod{display:none}
  .mob-foot{display:flex!important}
  .prod-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));padding:14px 16px}
  .store-identity{grid-template-columns:1fr 1fr}
  .store-perf{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:20px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .checkout-grid{grid-template-columns:1fr}
  .hero-stats{flex-wrap:wrap;row-gap:14px}
  .hero-stats .hs{flex:0 0 33%;max-width:none}
  .dash-toolbar{flex-wrap:wrap;gap:10px}
  .dash-table{white-space:nowrap}
  .guide-step{flex-direction:column;gap:8px}
}