/*
 * theme-jade.css — Jewel Green + Vintage Gold
 * Uses design-one CSS class names verbatim (home.js outputs the same structure)
 * Loaded LAST — overrides all shared CSS
 */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ── ROOT PALETTE ── */
:root {
  --bg:#04100a; --bg2:#061a0e; --mid:#0a2e14; --acc:#0d3a1a;
  --gold:#D4AF37; --gold-l:#F2D574;
  --wa:#0f4d22; --wa2:#1a6b35; --wa3:#0a3d1a;
  --txt:#fff; --txt2:rgba(255,255,255,.72); --txt3:rgba(255,255,255,.5); --muted:rgba(255,255,255,.35);
  --glass:rgba(255,255,255,.03); --glass2:rgba(255,255,255,.06); --glass3:rgba(255,255,255,.09);
  --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.14);
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-full:9999px;
  --font-d:'Cinzel',serif; --font-b:'Raleway',sans-serif;
  /* shared-file aliases */
  --bg-primary:#04100a; --bg-secondary:#061a0e; --bg-tertiary:#0a2e14; --bg-elevated:#0d3a1a;
  --accent-primary:#D4AF37; --accent-gold:#D4AF37; --accent-gold-2:#F2D574;
  --accent-glow:rgba(212,175,55,.30); --glass-bg:rgba(212,175,55,.04);
  --card-bg:#061a0e; --card-border:rgba(212,175,55,.15);
  --text-primary:#fff; --text-secondary:rgba(255,255,255,.72); --text-muted:rgba(255,255,255,.35);
  --font-display:'Cinzel',serif; --font-body:'Raleway',sans-serif;
}

/* ── GLOBAL RESET FOR JADE ── */
*, *::before, *::after { box-sizing:border-box; }
html, body {
  background:#04100a !important;
  color:#fff !important;
  font-family:'Raleway',sans-serif !important;
  min-height:100vh;
  overflow-x:hidden;
}
a { text-decoration:none; color:inherit; }
button { font-family:inherit; }

/* ── ORBS ── */
.orbs { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
.orb { position:absolute; border-radius:50%; }
.orb-1 { width:65vw; height:65vw; max-width:580px; max-height:580px; top:-22%; left:50%; transform:translateX(-50%); background:radial-gradient(circle,#0a2e14 0%,#0d3a1a 38%,transparent 68%); filter:blur(85px); opacity:.55; animation:of1 25s ease-in-out infinite; }
.orb-2 { width:55vw; height:55vw; max-width:480px; max-height:480px; bottom:-18%; right:-12%; background:radial-gradient(circle,#0d3a1a 0%,#0a2e14 32%,transparent 62%); filter:blur(95px); opacity:.4; animation:of2 30s ease-in-out infinite; }
.orb-3 { width:42vw; height:42vw; max-width:380px; max-height:380px; top:42%; left:-18%; background:radial-gradient(circle,#0a2e14 0%,transparent 58%); filter:blur(85px); opacity:.3; animation:of3 35s ease-in-out infinite; }
@keyframes of1 { 0%,100%{transform:translateX(-50%) scale(1)} 50%{transform:translateX(-52%) scale(1.06)} }
@keyframes of2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-6%,-10%)} }
@keyframes of3 { 0%,100%{transform:translate(0,0)} 60%{transform:translate(8%,-12%)} }

/* ── PAGE WRAPPER ── */
.page { max-width:480px; margin:0 auto; padding-top:16px; padding-bottom:80px; }

/* ── CUSTOMER STORIES GALLERY (product page) ── */
.customer-stories-section { margin-bottom:20px; }
.cs-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.cs-title { font-family:var(--font-d); font-size:1rem; font-weight:600; color:#fff; }
.cs-verified-check { color:#22c55e; margin-left:4px; }
.cs-see-all { color:var(--gold); font-size:.7rem; font-weight:600; }
.cs-filter-pills { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin-bottom:10px; }
.cs-filter-pills::-webkit-scrollbar { display:none; }
.cs-pill { flex-shrink:0; padding:5px 12px; border-radius:var(--r-full); border:1px solid var(--border); background:transparent; color:var(--txt3); font-size:.65rem; font-weight:600; cursor:pointer; }
.cs-pill.active { background:var(--gold); color:#000; border-color:var(--gold); }
.cs-gallery { overflow-x:auto; scrollbar-width:none; }
.cs-gallery::-webkit-scrollbar { display:none; }
.cs-track { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); grid-auto-rows:160px; gap:8px; min-width:0; }
.cs-card { position:relative; border-radius:var(--r-md); overflow:hidden; cursor:pointer; background:var(--glass); border:1px solid var(--border); }
.cs-card img, .cs-card video { width:100%; height:100%; object-fit:cover; display:block; }
.cs-badge-tl { position:absolute; top:6px; left:6px; font-size:.5rem; font-weight:700; padding:2px 7px; border-radius:var(--r-full); background:rgba(34,197,94,.85); color:#fff; z-index:3; }
.cs-badge-bl { position:absolute; bottom:6px; left:6px; font-size:.5rem; font-weight:700; padding:2px 7px; border-radius:var(--r-full); background:rgba(34,197,94,.85); color:#fff; z-index:3; }
.cs-badge-purple { background:rgba(59,130,246,.85) !important; }
.cs-badge-gold { background:linear-gradient(135deg,var(--gold),var(--gold-l)) !important; color:#000 !important; }
.cs-badge-video { background:rgba(239,68,68,.85) !important; }
.cs-play-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3); }
.cs-play-icon { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.9); display:flex; align-items:center; justify-content:center; }
.cs-play-icon svg { width:14px; height:14px; margin-left:2px; color:#000; }

/* ── FOMO BAR ── */
.fomo-bar { margin:0 16px 14px; padding:9px 14px; background:linear-gradient(90deg,#061a0e 0%,#0f3d1f 50%,#061a0e 100%); border-radius:var(--r-full); display:flex; align-items:center; justify-content:center; gap:8px; font-size:.7rem; color:rgba(212,237,218,.85); letter-spacing:.4px; border:1px solid rgba(26,107,53,.4); }
.fomo-dot { width:7px; height:7px; border-radius:50%; background:#4ade80; animation:lp 1.5s ease-in-out infinite; flex-shrink:0; }
@keyframes lp { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(74,222,128,.65)} 50%{opacity:.4} }
.fomo-bar strong { color:#fff; font-weight:600; }

/* ── COMMON ── */
.eyebrow { font-size:.62rem; font-weight:600; letter-spacing:2.6px; text-transform:uppercase; color:var(--gold); margin-bottom:13px; opacity:.88; display:block; }
.sec { margin-bottom:32px; }
.sec-hdr { display:flex; justify-content:space-between; align-items:flex-end; padding:0 16px; margin-bottom:13px; }
.sec-title { font-family:var(--font-d); font-size:1.25rem; font-weight:600; color:var(--txt); }
.sec-sub { font-size:.66rem; color:var(--muted); margin-top:3px; }
.sec-link { color:var(--gold); font-size:.7rem; font-weight:600; cursor:pointer; }

/* ── HERO ── */
.hero { padding:34px 16px 18px; text-align:center; }
.hero-h1 { font-family:var(--font-d); font-size:2.05rem; font-weight:700; line-height:1.2; margin-bottom:12px; color:#fff; }
.hero-h1 em { font-style:italic; background:linear-gradient(135deg,var(--gold),var(--gold-l)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-sub { font-size:.83rem; color:var(--txt3); max-width:310px; margin:0 auto 22px; line-height:1.65; }
.hero-ctas { display:flex; gap:10px; justify-content:center; }
.btn-gold { display:inline-flex; align-items:center; gap:7px; background:var(--gold); color:#000 !important; padding:11px 22px; border-radius:var(--r-full); font-size:.78rem; font-weight:700; letter-spacing:.5px; text-transform:uppercase; cursor:pointer; border:none; transition:.2s; }
.btn-gold:hover { transform:scale(1.02); box-shadow:0 4px 20px rgba(212,175,55,.4); }
.btn-ghost { display:inline-flex; align-items:center; gap:7px; background:transparent; color:var(--txt2); padding:11px 18px; border-radius:var(--r-full); font-size:.78rem; font-weight:600; border:1px solid var(--border2); cursor:pointer; transition:.2s; }
.btn-ghost:hover { border-color:var(--gold); color:var(--gold); }
.profile-social { display:flex; gap:12px; justify-content:center; margin-top:14px; }
.profile-social a { color:var(--muted); transition:.2s; }
.profile-social a:hover { color:var(--gold); }

/* ── TRUST BAR ── */
.trust-bar { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; margin:0 16px 8px; padding:13px 10px; background:var(--glass); border:1px solid var(--border); border-radius:var(--r-md); }
.ts { display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center; }
.ts-val { font-size:.78rem; font-weight:700; color:var(--txt); }
.ts-lbl { font-size:.52rem; color:var(--muted); letter-spacing:.2px; }
.ts-div { width:1px; height:26px; background:var(--border); }
.trust-cta { display:flex; justify-content:center; margin-bottom:18px; }
.trust-cta a { display:inline-flex; align-items:center; gap:5px; color:var(--gold); font-size:.72rem; font-weight:600; padding:5px 13px; border-radius:var(--r-full); border:1px solid rgba(212,175,55,.22); background:rgba(212,175,55,.05); }

/* ── CUSTOMER STORIES ── */
.cs-wrap { padding:0 16px; }
.cs-trust { display:flex; align-items:center; gap:14px; padding:13px 15px; background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(212,175,55,.02)); border:1px solid rgba(212,175,55,.2); border-radius:var(--r-lg); margin-bottom:12px; cursor:pointer; }
.cs-trust-score { display:flex; flex-direction:column; align-items:center; gap:2px; flex-shrink:0; }
.cs-trust-num { font-family:var(--font-d); font-size:1.6rem; font-weight:700; color:var(--gold); line-height:1; }
.cs-trust-stars { font-size:.65rem; color:var(--gold); letter-spacing:1px; }
.cs-trust-count { font-size:.52rem; color:var(--muted); }
.cs-trust-body { flex:1; min-width:0; }
.cs-trust-title { font-size:.82rem; font-weight:600; color:var(--txt); margin-bottom:3px; }
.cs-trust-sub { font-size:.66rem; color:var(--txt3); line-height:1.45; }
.cs-trust-arrow { color:var(--gold); font-size:1rem; flex-shrink:0; }

.cs-filters { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; padding-bottom:10px; }
.cs-filters::-webkit-scrollbar { display:none; }
.cs-fpill { flex-shrink:0; padding:6px 13px; border-radius:var(--r-full); border:1px solid var(--border); background:transparent; color:var(--txt3); font-size:.66rem; font-weight:600; cursor:pointer; white-space:nowrap; transition:.2s; }
.cs-fpill:hover { border-color:var(--border2); color:var(--txt2); }
.cs-fpill.active { background:var(--gold); color:#000; border-color:var(--gold); }
.cs-fcount { opacity:.7; }

/* cs-grid — 4-column mosaic */
.cs-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:120px; gap:7px; margin-bottom:12px; }
.cs-item { position:relative; border-radius:var(--r-md); overflow:hidden; cursor:pointer; background:var(--glass); border:1px solid var(--border); }
.cs-item.tall { grid-row:span 2; }
.cs-item.short { grid-row:span 1; }
.cs-item.wide { grid-column:span 2; }
.cs-item.review { background:linear-gradient(135deg,rgba(212,175,55,.06),rgba(212,175,55,.02)); border-color:rgba(212,175,55,.18); display:flex; flex-direction:column; justify-content:space-between; padding:12px; }
.cs-bg { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:2rem; }
.cs-bg img { width:100%; height:100%; object-fit:cover; }
.cs-overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(2,10,4,.75) 100%); }
.cs-ribbon { position:absolute; top:6px; left:6px; font-size:.5rem; font-weight:700; padding:2px 7px; border-radius:var(--r-full); z-index:3; letter-spacing:.4px; text-transform:uppercase; }
.r-paid { background:#22c55e; color:#fff; }
.r-delivered { background:#3b82f6; color:#fff; }
.r-loved { background:linear-gradient(135deg,var(--gold),var(--gold-l)); color:#000; }
.cs-info { position:absolute; bottom:6px; left:6px; z-index:3; }
.cs-amount { font-size:.7rem; font-weight:700; color:#fff; }
.cs-label { font-size:.58rem; color:rgba(255,255,255,.75); }
.cs-flag { font-size:.58rem; color:rgba(255,255,255,.85); }
.cs-item.review .cs-rstars { font-size:.7rem; color:var(--gold); margin-bottom:4px; }
.cs-item.review .cs-rtext { font-size:.65rem; color:var(--txt2); line-height:1.4; flex:1; }
.cs-item.review .cs-rfooter { display:flex; align-items:center; gap:6px; margin-top:6px; }
.cs-item.review .cs-ravatar { width:22px; height:22px; border-radius:50%; background:var(--gold); color:#000; font-size:.52rem; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.cs-item.review .cs-rname { font-size:.6rem; color:var(--txt2); }
.cs-item.review .cs-rverified { color:#22c55e; font-size:.6rem; margin-left:auto; }

.cs-bottom { display:flex; align-items:center; justify-content:space-between; padding:10px 0 0; }
.cs-bottom-left { display:flex; align-items:center; gap:9px; }
.cs-avatar-stack { display:flex; }
.cs-avatar-stack div { width:24px; height:24px; border-radius:50%; background:linear-gradient(135deg,var(--gold),var(--gold-l)); color:#000; font-size:.5rem; font-weight:700; display:flex; align-items:center; justify-content:center; border:2px solid var(--bg); margin-left:-6px; }
.cs-avatar-stack div:first-child { margin-left:0; }
.cs-bottom-text { font-size:.66rem; color:var(--txt3); }
.cs-bottom-cta { color:var(--gold); font-size:.66rem; font-weight:600; cursor:pointer; }

/* ── BRAND SHOWCASE ── */
.bs-section { padding:0 16px; margin-bottom:34px; }
.bs-hdr { margin-bottom:14px; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.bs-title { font-family:var(--font-d); font-size:1.35rem; font-weight:700; color:var(--gold); letter-spacing:.02em; line-height:1.2; margin-bottom:5px; }
.bs-sub { font-size:.7rem; color:var(--txt3); font-style:italic; line-height:1.5; }
.bs-hdr .sec-link { flex-shrink:0; margin-top:4px; }
.bs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.bs-tile { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:space-between; background:linear-gradient(155deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.015) 100%); border:1px solid var(--border); border-radius:var(--r-md); padding:18px 8px 11px; min-height:128px; cursor:pointer; transition:.25s; overflow:hidden; text-decoration:none; color:inherit; }
.bs-tile:hover { border-color:rgba(212,175,55,.4); background:linear-gradient(155deg,rgba(212,175,55,.07) 0%,rgba(255,255,255,.02) 100%); transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.45); }
.bs-tile::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 30%,rgba(212,175,55,.05),transparent 60%); pointer-events:none; }
.bs-new { position:absolute; top:7px; right:7px; background:linear-gradient(135deg,var(--gold),var(--gold-l)); color:#000; font-size:.46rem; font-weight:800; padding:2px 6px; border-radius:4px; letter-spacing:.6px; z-index:3; text-transform:uppercase; }
.bs-mark { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#fff; width:100%; text-align:center; padding:4px 0; }
.bs-name { font-size:.6rem; font-weight:600; color:var(--txt2); letter-spacing:.4px; text-align:center; line-height:1.3; margin-top:6px; }

/* Brand wordmark variants */
.bm-serif { font-family:var(--font-d); font-weight:600; color:#fff; line-height:1.1; display:block; font-size:.88rem; }
.bm-tiny { font-family:var(--font-d); font-size:.42rem; letter-spacing:1.5px; color:rgba(255,255,255,.6); margin-top:2px; display:block; }
.bm-script { font-family:'Cinzel',serif; font-style:italic; font-size:1.05rem; font-weight:400; color:#fff; letter-spacing:.5px; }
.bm-omega { font-size:1.5rem; color:#fff; line-height:1; margin-bottom:2px; display:block; }
.bm-chanel { font-family:var(--font-d); font-size:1.35rem; font-weight:600; color:#fff; letter-spacing:-3px; line-height:.8; display:block; }
.bm-gucci { font-family:var(--font-d); font-size:1.3rem; font-weight:600; color:#fff; letter-spacing:-2px; line-height:.8; display:block; }
.bm-dior { font-family:var(--font-d); font-size:1.25rem; font-weight:700; color:#fff; letter-spacing:6px; display:block; }
.bm-ysl { font-family:var(--font-d); font-size:1.35rem; font-weight:700; color:#fff; letter-spacing:1px; line-height:.95; display:block; }
.bm-lv { font-family:var(--font-d); font-size:1.3rem; font-weight:700; color:#fff; letter-spacing:-1px; display:block; }
.bm-prada-tri { font-size:.7rem; color:#fff; line-height:1; margin-bottom:2px; display:block; }
.bm-tag { font-family:var(--font-d); font-size:.95rem; font-weight:700; background:#fff; color:#000; padding:1px 5px; border-radius:2px; line-height:1; display:block; }
.bm-tag-sub { font-family:var(--font-d); font-size:.62rem; font-weight:700; color:#fff; letter-spacing:1.5px; margin-top:3px; display:block; }

/* ── HOW IT WORKS ── */
.hiw { margin:0 16px; padding:22px; background:var(--glass); border:1px solid var(--border); border-radius:var(--r-xl); }
.hiw-step { display:flex; align-items:flex-start; gap:13px; }
.step-num { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(212,175,55,.06)); border:1px solid rgba(212,175,55,.28); color:var(--gold); font-size:.82rem; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
.step-body h4 { font-size:.88rem; font-weight:600; color:var(--txt); margin-bottom:3px; }
.step-body p { font-size:.75rem; color:var(--txt3); line-height:1.55; }
.step-line { width:1px; height:18px; background:rgba(212,175,55,.18); margin-left:16px; }

/* ── GUARANTEES ── */
.guar-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:0 16px; }
.g-card { padding:18px 13px; background:var(--glass); border:1px solid var(--border); border-radius:var(--r-lg); text-align:center; }
.g-ico { font-size:1.55rem; margin-bottom:8px; }
.g-title { font-size:.8rem; font-weight:700; color:var(--txt); margin-bottom:4px; font-family:var(--font-d); }
.g-txt { font-size:.68rem; color:var(--muted); line-height:1.45; }

/* ── DEALS BANNER ── */
.deals-banner { margin:0 16px; padding:22px 20px; background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,rgba(212,175,55,.04) 100%); border:1px solid rgba(212,175,55,.2); border-radius:var(--r-xl); display:flex; align-items:center; justify-content:space-between; gap:14px; }
.deals-banner-left h3 { font-family:var(--font-d); font-size:1.1rem; font-style:italic; color:var(--txt); margin-bottom:5px; }
.deals-banner-left p { font-size:.72rem; color:var(--txt3); line-height:1.5; }
.deals-badge { background:var(--gold); color:#000; font-size:.65rem; font-weight:700; padding:4px 12px; border-radius:var(--r-full); white-space:nowrap; letter-spacing:.5px; text-transform:uppercase; flex-shrink:0; text-align:center; }

/* ── ABOUT ── */
.about { margin:0 16px; padding:22px; background:var(--glass); border:1px solid var(--border); border-radius:var(--r-xl); }
.about h2 { font-family:var(--font-d); font-size:1.05rem; color:var(--gold); text-transform:uppercase; letter-spacing:1px; margin-bottom:11px; }
.about p { font-size:.82rem; color:var(--txt2); line-height:1.85; }
.about p b { color:var(--gold); font-weight:600; }

/* ── WA BANNER ── */
.wa-banner { margin:0 16px; padding:15px; background:var(--glass); border:1px solid var(--border); border-radius:var(--r-lg); display:flex; align-items:center; justify-content:space-between; gap:13px; cursor:pointer; transition:.2s; }
.wa-banner:hover { border-color:var(--wa2); background:var(--glass2); }
.wa-left { display:flex; align-items:center; gap:12px; }
.wa-box { width:42px; height:42px; background:linear-gradient(135deg,var(--wa3),var(--wa2)); border-radius:var(--r-sm); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff; }
.wa-title { display:block; font-size:.88rem; font-weight:600; color:var(--txt); }
.wa-sub { display:block; font-size:.7rem; color:var(--muted); margin-top:2px; }
.wa-arr { color:var(--wa2); font-size:1.1rem; }

/* ── PRODUCT CARDS (.bp-card) on brand/category pages ── */
.bp-card { position:relative; border-radius:var(--r-md); overflow:hidden; background:var(--glass); border:1px solid var(--border); cursor:pointer; transition:.3s; display:block; }
.bp-card:hover { border-color:rgba(212,175,55,.4); transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,.5); }
.bp-img { position:relative; width:100%; aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:linear-gradient(155deg,#1a1a1f,#0a0a0e); overflow:hidden; }
.bp-img::after { content:''; position:absolute; top:0; left:-130%; width:55%; height:100%; background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(212,175,55,.22) 50%,rgba(255,255,255,0) 70%,transparent 100%); transform:skewX(-22deg); pointer-events:none; z-index:1; animation:bpShine 5s ease-in-out infinite; }
.bp-card:nth-child(2n) .bp-img::after { animation-delay:1.5s; }
.bp-card:nth-child(3n) .bp-img::after { animation-delay:3s; }
@keyframes bpShine { 0%,55%{left:-130%} 80%,100%{left:160%} }
.bp-img::before { content:''; position:absolute; top:9px; left:9px; width:14px; height:14px; border-top:1.5px solid rgba(212,175,55,.85); border-left:1.5px solid rgba(212,175,55,.85); z-index:2; }
.bp-card::before { content:''; position:absolute; top:9px; right:9px; width:14px; height:14px; border-top:1.5px solid rgba(212,175,55,.85); border-right:1.5px solid rgba(212,175,55,.85); z-index:2; pointer-events:none; }
.bp-card::after { content:''; position:absolute; bottom:14px; left:9px; width:14px; height:14px; border-bottom:1.5px solid rgba(212,175,55,.85); border-left:1.5px solid rgba(212,175,55,.85); z-index:2; pointer-events:none; }
.bp-seal { position:absolute; bottom:32px; right:9px; width:30px; height:30px; border-radius:50%; background:radial-gradient(circle at 35% 30%,rgba(212,175,55,.98) 0%,rgba(180,140,40,.98) 50%,rgba(140,100,28,.98) 100%); border:1px dashed rgba(255,232,160,.55); display:flex; align-items:center; justify-content:center; color:#1a1305; font-family:var(--font-d); font-size:.5rem; font-weight:900; z-index:3; box-shadow:0 2px 8px rgba(0,0,0,.55); transform:rotate(-8deg); animation:sealWobble 4s ease-in-out infinite; }
@keyframes sealWobble { 0%,100%{transform:rotate(-8deg) scale(1)} 50%{transform:rotate(-2deg) scale(1.05)} }
.bp-info { padding:11px 11px 13px; text-align:center; }
.bp-name { font-family:var(--font-d); font-size:.78rem; color:var(--txt); font-weight:600; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bp-divider { display:block; width:24px; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); margin:7px auto 0; opacity:.6; }
.bp-overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(2,10,4,.92) 100%); display:flex; align-items:flex-end; justify-content:center; padding:9px; opacity:0; transition:.3s; z-index:2; }
.bp-card:hover .bp-overlay { opacity:1; }
.bp-wa-btn { display:inline-flex; align-items:center; gap:5px; padding:7px 13px; background:linear-gradient(135deg,#0a3d1a,#1a6b35); color:#fff; border:none; border-radius:var(--r-full); font-size:.62rem; font-weight:700; cursor:pointer; }
.bp-tags { position:absolute; top:8px; left:8px; display:flex; flex-direction:column; gap:4px; z-index:3; }
.bp-tag { font-size:.46rem; font-weight:700; padding:3px 7px; border-radius:3px; letter-spacing:.5px; text-transform:uppercase; }
.bp-tag-new { background:linear-gradient(135deg,var(--gold),var(--gold-l)); color:#000; }
.bp-tag-hot { background:rgba(239,68,68,.85); color:#fff; }
.bp-heart { position:absolute; top:7px; right:7px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.1); border-radius:50%; color:rgba(255,255,255,.7); font-size:.85rem; cursor:pointer; z-index:3; transition:.2s; }
.bp-heart:hover { background:rgba(212,175,55,.2); border-color:var(--gold); color:var(--gold); }

/* ── LIGHTBOX ── */
.cs-lightbox { display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.92); flex-direction:column; align-items:center; justify-content:center; }
.cs-lightbox.active { display:flex; }
.cs-lb-top-bar { position:absolute; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,rgba(0,0,0,.6),transparent); }
.cs-lb-kind-badge { font-size:.65rem; font-weight:700; padding:4px 12px; border-radius:var(--r-full); border:1px solid rgba(255,255,255,.2); color:#fff; }
.cs-lb-close { width:34px; height:34px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.1); border:none; border-radius:50%; color:#fff; cursor:pointer; }
.cs-lb-content { max-width:480px; width:100%; display:flex; align-items:center; justify-content:center; }
.cs-lb-content img, .cs-lb-content video { max-width:100%; max-height:80vh; border-radius:var(--r-lg); object-fit:contain; }
.cs-lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#fff; cursor:pointer; }
.cs-lb-nav.prev { left:12px; } .cs-lb-nav.next { right:12px; }
.cs-lb-nav svg { width:18px; height:18px; }
.cs-lb-bottom-bar { position:absolute; bottom:0; left:0; right:0; display:flex; flex-direction:column; align-items:center; gap:8px; padding:16px; background:linear-gradient(0deg,rgba(0,0,0,.6),transparent); }
.cs-lb-counter { font-size:.66rem; color:rgba(255,255,255,.6); }
.cs-lb-see-all { color:var(--gold); font-size:.72rem; font-weight:600; }

/* ── HEADER overrides ── */
.lux-header, header { background:rgba(2,10,4,.92) !important; backdrop-filter:blur(22px) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; }
.header-logo .logo-luxury, .brand .w { color:#fff !important; }
.header-logo .logo-way, .brand .g { color:#D4AF37 !important; }
.header-logo, .brand { font-family:'Cinzel',serif !important; }
.icon-btn { background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.08) !important; color:#fff !important; border-radius:8px !important; }

/* ── BOTTOM NAV ── */
.bottom-nav, .btm-nav { background:rgba(2,10,4,.95) !important; border-top:1px solid rgba(255,255,255,.08) !important; }
.nav-item.active, .bn-item.active { color:#D4AF37 !important; }
.nav-item, .bn-item { color:rgba(255,255,255,.35) !important; }

/* ── TRUST RIBBON ── */
.trust-ribbon { background:linear-gradient(90deg,#061a0e,#0f3d1f,#061a0e) !important; border-bottom:1px solid rgba(26,107,53,.3) !important; }

/* ── FOOTER ── */
footer, .lux-footer, .site-footer { background:#020d05 !important; border-top:1px solid rgba(255,255,255,.08) !important; color:rgba(255,255,255,.6) !important; }
footer a:hover, .site-footer a:hover { color:#D4AF37 !important; }

/* ── SEARCH / FILTER ── */
.filter-pill.active, .filter-tag.active { background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.08)) !important; border-color:rgba(212,175,55,.4) !important; color:#D4AF37 !important; }
.search-input, .search-bar input { background:rgba(255,255,255,.06) !important; border-color:rgba(255,255,255,.14) !important; color:#fff !important; }
.search-input:focus, .search-bar input:focus { border-color:rgba(212,175,55,.4) !important; outline:none !important; }

/* ── CATEGORY & BRAND PAGES ── */
.category-section-title, .brand-hero-name { font-family:'Cinzel',serif !important; }
.brand-hero-name em, .brand-page-title em { background:linear-gradient(135deg,#D4AF37,#F2D574); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.brand-hero, .category-header { background:#04100a !important; }
.section-header h2 { font-family:'Cinzel',serif !important; color:#fff !important; }
.view-all-link { color:#D4AF37 !important; }

/* ── PRODUCT PAGE ── */
.gallery-main { background:linear-gradient(145deg,#0d1a10,#05100a) !important; border-color:rgba(255,255,255,.08) !important; }
.thumb.active, .thumbnail.active { border-color:#D4AF37 !important; box-shadow:0 0 0 1px #D4AF37 !important; }
.prod-name, .product-name { font-family:'Cinzel',serif !important; color:#fff !important; }
.prod-brand, .product-brand { color:#D4AF37 !important; }
.cta-btn-primary, .btn-wa-primary { background:linear-gradient(135deg,#0a3d1a,#1a6b35) !important; color:#fff !important; }
.cta-btn-primary:hover { box-shadow:0 4px 20px rgba(26,107,53,.5) !important; }
.gallery-nav-btn, .gallery-prev, .gallery-next { background:#D4AF37 !important; color:#000 !important; border:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }

/* ── WHATSAPP FAB ── */
.whatsapp-fab, .wa-fab { background:linear-gradient(135deg,#0a3d1a,#1a6b35) !important; }
.whatsapp-fab-wrapper { bottom:80px !important; }

/* ── MODAL ── */
.modal-overlay, .modal-backdrop { background:rgba(2,10,4,.96) !important; }
.modal-content { background:#061a0e !important; border:1px solid rgba(255,255,255,.08) !important; }

/* ══════════════════════════════════════════════════
   PRODUCT PAGE — design-one structure
   ══════════════════════════════════════════════════ */

/* Breadcrumbs */
.crumbs { padding:12px 16px; display:flex; align-items:center; gap:0; overflow-x:auto; white-space:nowrap; scrollbar-width:none; }
.crumbs::-webkit-scrollbar { display:none; }
.crumbs a { color:var(--muted); font-size:.7rem; transition:.2s; }
.crumbs a:hover { color:var(--gold); }
.crumbs .sep { margin:0 6px; color:var(--muted); font-size:.7rem; opacity:.5; }
.crumbs .cur { color:var(--gold); font-size:.7rem; font-weight:500; }

/* Gallery */
.gallery-wrap { padding:0 16px 16px; }
.gallery-main { position:relative; width:100%; aspect-ratio:1; background:var(--glass); border:1px solid var(--border); border-radius:var(--r-xl); overflow:hidden; display:flex; align-items:center; justify-content:center; }
.gallery-media { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.gallery-media img { width:100%; height:100%; object-fit:contain; }
.gallery-badge-auth { position:absolute; top:12px; left:12px; display:flex; align-items:center; gap:5px; background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.3); border-radius:var(--r-full); padding:5px 11px; font-size:.6rem; font-weight:700; color:#4ade80; letter-spacing:.4px; z-index:2; }
.gallery-badge-auth::before { content:'✓'; margin-right:2px; }
.gallery-nav-btn { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; background:#D4AF37; color:#000; border:none; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.4rem; font-weight:900; line-height:1; z-index:3; transition:.2s; backdrop-filter:none; -webkit-backdrop-filter:none; }
.gallery-nav-btn.prev { left:10px; }
.gallery-nav-btn.next { right:10px; }
.gallery-nav-btn:hover { background:var(--gold-l); }
.gallery-zoom { position:absolute; bottom:10px; right:10px; width:34px; height:34px; background:rgba(0,0,0,.5); border:1px solid var(--border); border-radius:var(--r-sm); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:.9rem; border:none; }
.gallery-counter { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.55); border-radius:var(--r-full); padding:3px 10px; font-size:.62rem; color:var(--txt2); }

/* Thumbnails */
.thumbs { display:flex; gap:8px; margin-top:10px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
.thumbs::-webkit-scrollbar { display:none; }
.thumb { flex-shrink:0; width:64px; height:64px; border-radius:var(--r-md); background:var(--glass); border:1px solid var(--border); overflow:hidden; cursor:pointer; transition:.2s; }
.thumb img { width:100%; height:100%; object-fit:cover; }
.thumb.active { border-color:var(--gold); box-shadow:0 0 0 1px var(--gold); }
.thumb:hover { border-color:var(--border2); }

/* Scarcity bar */
.scarcity-bar { margin:0 16px 14px; padding:9px 14px; background:rgba(248,113,113,.06); border:1px solid rgba(248,113,113,.2); border-radius:var(--r-md); display:flex; align-items:center; gap:9px; font-size:.72rem; color:rgba(255,255,255,.85); }
.scarcity-bar strong { color:#fff; }
.live-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
@keyframes sdot { 0%,100%{opacity:1} 50%{opacity:.35} }

/* Product info */
.prod-info { padding:0 16px 20px; }
.prod-brand-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.prod-brand { font-size:.7rem; font-weight:700; color:var(--gold); letter-spacing:1.5px; text-transform:uppercase; }
.prod-condition { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.25); border-radius:var(--r-full); font-size:.6rem; font-weight:700; color:#4ade80; letter-spacing:.4px; }
.prod-name { font-family:var(--font-d); font-size:1.45rem; font-weight:700; line-height:1.25; color:#fff; margin-bottom:14px; }

/* Price on WhatsApp card */
.price-on-request { display:flex; align-items:center; gap:13px; padding:14px 16px; background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(212,175,55,.02)); border:1px solid rgba(212,175,55,.2); border-radius:var(--r-lg); margin-bottom:14px; }
.por-icon { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#0a3d1a,#1a6b35); display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.por-body { flex:1; }
.por-title { font-family:var(--font-d); font-size:.9rem; font-weight:600; color:#fff; margin-bottom:3px; }
.por-sub { font-size:.68rem; color:var(--txt3); line-height:1.4; }

/* CTA buttons */
.cta-block { display:flex; flex-direction:column; gap:10px; margin-bottom:12px; }
.btn-wa { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:15px; background:#25D366; color:#fff; border:none; border-radius:var(--r-lg); font-size:.95rem; font-weight:700; cursor:pointer; letter-spacing:.3px; transition:.2s; box-shadow:0 4px 20px rgba(37,211,102,.3); font-family:inherit; }
.btn-wa:hover { transform:translateY(-1px); box-shadow:0 6px 28px rgba(37,211,102,.45); }
.btn-enquire { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:13px; background:var(--glass2); color:var(--txt2); border:1px solid var(--border2); border-radius:var(--r-lg); font-size:.85rem; font-weight:600; cursor:pointer; transition:.2s; font-family:inherit; }
.btn-enquire:hover { border-color:var(--gold); color:var(--gold); }
.cta-note { text-align:center; font-size:.65rem; color:var(--muted); margin-bottom:16px; }

/* Feature icons */
.features { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:18px; }
.feat { display:flex; flex-direction:column; align-items:center; gap:5px; padding:12px 6px; background:var(--glass); border:1px solid var(--border); border-radius:var(--r-md); text-align:center; }
.feat-ico { font-size:1.25rem; }
.feat-txt { font-size:.58rem; color:var(--txt3); line-height:1.3; font-weight:500; }

/* Accordion (guarantees) */
.acc-section { background:var(--glass); border:1px solid var(--border); border-radius:var(--r-lg); margin-bottom:8px; overflow:hidden; }
.acc-head { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; cursor:pointer; transition:.2s; }
.acc-head:hover { background:var(--glass2); }
.acc-title { font-size:.86rem; font-weight:600; color:#fff; }
.acc-arrow { color:var(--gold); font-size:1rem; transition:transform .25s; }
.acc-body { padding:0 16px 14px; }
.acc-body p { font-size:.78rem; color:var(--txt2); line-height:1.7; }

/* Sticky bottom Order Now bar */
.wa-sticky { position:fixed; bottom:0; left:0; right:0; z-index:900; background:rgba(2,10,4,.96); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-top:1px solid rgba(255,255,255,.1); padding:10px 16px; }
.wa-sticky-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:12px; justify-content:space-between; }
.wa-sticky-left { display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.wa-sticky-icon { font-size:1.3rem; flex-shrink:0; }
.wa-sticky-price { flex:1; min-width:0; }
.wa-sticky-name { font-size:.8rem; font-weight:600; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wa-sticky-sub { font-size:.62rem; color:var(--muted); display:flex; align-items:center; gap:5px; margin-top:2px; }
.sticky-dot { width:6px; height:6px; border-radius:50%; background:#4ade80; animation:lp 1.5s ease-in-out infinite; flex-shrink:0; }
.wa-sticky-btn { display:flex; align-items:center; gap:8px; padding:11px 22px; background:#25D366; color:#fff; border:none; border-radius:var(--r-lg); font-size:.84rem; font-weight:700; cursor:pointer; white-space:nowrap; flex-shrink:0; transition:.2s; font-family:inherit; box-shadow:0 4px 16px rgba(37,211,102,.35); }
.wa-sticky-btn:hover { transform:translateY(-1px); box-shadow:0 6px 22px rgba(37,211,102,.5); }

/* ══════════════════════════════════════════════════
   DESKTOP RESPONSIVE — ≥768px
   ══════════════════════════════════════════════════ */
@media (min-width:768px) {
  /* Page wrapper expands to full desktop width */
  .page { max-width:1200px; padding-top:72px; padding-bottom:60px; }

  /* Hero — larger, centered, more breathing room */
  .hero { padding:60px 40px 36px; }
  .hero-h1 { font-size:3.2rem; }
  .hero-sub { font-size:1rem; max-width:520px; }

  /* Trust bar */
  .trust-bar { margin:0 40px 12px; padding:16px 30px; }
  .fomo-bar { margin:0 40px 18px; }
  .trust-cta { margin-bottom:24px; }

  /* ── Customer Stories section (.sec) ── */
  .sec { margin:0 40px 48px; }
  .sec-hdr { padding:0; margin-bottom:18px; }
  .sec-title { font-size:1.6rem; }

  /* cs-wrap is inside .sec so no extra padding needed */
  .cs-wrap { padding:0; }

  /* Trust score card + mosaic side by side on desktop */
  .cs-trust { margin-bottom:16px; padding:18px 22px; }
  .cs-trust-num { font-size:2rem; }
  .cs-trust-title { font-size:.95rem; }

  /* Filter pills */
  .cs-filters { gap:8px; padding-bottom:12px; margin-bottom:16px; }
  .cs-fpill { padding:7px 16px; font-size:.7rem; }

  /* Mosaic grid — 6 columns, taller rows */
  .cs-grid { grid-template-columns:repeat(6,1fr); grid-auto-rows:150px; gap:10px; }

  /* Customer stories gallery — 3 columns on tablet */
  .cs-track { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); grid-auto-rows:200px; gap:10px; }
  .cs-item.tall { grid-row:span 2; }
  .cs-item.wide { grid-column:span 2; }

  /* Bottom bar */
  .cs-bottom { padding:12px 0 0; }

  /* Brand showcase — 6 columns */
  .bs-section { padding:0 40px; margin-bottom:48px; }
  .bs-grid { grid-template-columns:repeat(6,1fr); gap:12px; }
  .bs-tile { min-height:140px; padding:22px 10px 14px; }
  .bs-title { font-size:1.7rem; }

  /* How it works — horizontal 3-step row on desktop */
  .hiw {
    margin:0 40px;
    padding:48px 40px;
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start;
    justify-content:space-between;
    gap:0;
    width:auto;
  }
  .hiw > .hiw-step {
    flex:1 1 0 !important;
    min-width:0;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center;
    gap:16px;
    padding:8px 32px;
  }
  .hiw > .hiw-step .step-num {
    width:48px; height:48px; font-size:1rem;
    flex-shrink:0;
  }
  .hiw > .hiw-step .step-body { display:flex; flex-direction:column; align-items:center; gap:6px; }
  .hiw > .hiw-step .step-body h4 { font-size:1.05rem; font-weight:700; }
  .hiw > .hiw-step .step-body p { font-size:.82rem; max-width:200px; }
  /* step-line = vertical gold divider */
  .hiw > .step-line {
    flex:0 0 1px;
    width:1px !important;
    height:auto;
    align-self:stretch;
    background:rgba(212,175,55,.22);
    margin:12px 0;
  }

  /* Guarantees — 4 columns */
  .guar-grid { grid-template-columns:repeat(4,1fr); gap:12px; padding:0 40px; }

  /* Deals banner */
  .deals-banner { margin:0 40px; padding:30px 36px; }
  .deals-banner-left h3 { font-size:1.5rem; }

  /* About & WA banner */
  .about { margin:0 40px; padding:30px 36px; }
  .about h2 { font-size:1.3rem; }
  .about p { font-size:.9rem; }
  .wa-banner { margin:0 40px; padding:22px 28px; }
}

@media (min-width:1024px) {
  .page { padding-left:0; padding-right:0; }

  .hero { padding:80px 60px 48px; }
  .hero-h1 { font-size:3.8rem; }

  /* Taller mosaic rows */
  .cs-grid { grid-auto-rows:170px; }

  .bs-tile { min-height:160px; }
  .bs-title { font-size:1.9rem; }
}

@media (min-width:1280px) {
  .page { max-width:1280px; }
  .bs-section { padding:0 60px; }
  .guar-grid { padding:0 60px; }
  .hiw { margin:0 60px; }
  .about { margin:0 60px; }
  .wa-banner { margin:0 60px; }
  .deals-banner { margin:0 60px; }
  .trust-bar { margin:0 60px 12px; }
  .fomo-bar { margin:0 60px 18px; }
  .sec-hdr { padding:0 60px; }
  .cs-wrap { padding:0 60px; }
}