/* newAsNew v3 — main.css */
:root{
  --blue:#2563EB;--bd:#1D4ED8;--blt:#EFF6FF;--bbd:#BFDBFE;--bmid:#93C5FD;
  --ink:#030712;--ink2:#111827;--ink3:#374151;--ink4:#6B7280;--ink5:#9CA3AF;
  --w:#fff;--g50:#F9FAFB;--g100:#F3F4F6;--g200:#E5E7EB;--g300:#D1D5DB;
  --grn:#16A34A;--gnb:#F0FDF4;--gbd:#BBF7D0;--ubi:#14532D;
  --ga-clr:#2563EB;--gai:#1E3A8A;--gabd:#BFDBFE;
  /* v13.14.0 — New (Sealed): amber. Third condition tier, distinct from the
     Unboxed green and the Grade A blue. Ink is amber-900 on amber-50 for a
     7.4:1 contrast ratio, so the pill stays readable at 10.5px. */
  --ns-clr:#F59E0B;--nsb:#FFFBEB;--nsbd:#FDE68A;--nsi:#78350F;
  --red:#DC2626;--rdb:#FEF2F2;
  --f:'Bricolage Grotesque',system-ui,sans-serif;
  --m:'JetBrains Mono',monospace;
  --sw:1380px;--rad:12px;--rad-sm:8px;--rad-lg:16px;
  --e1:cubic-bezier(.4,0,.2,1);--e2:cubic-bezier(.16,1,.3,1);--e3:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--w);color:var(--ink);font-family:var(--f);font-size:15px;line-height:1.65;overflow-x:hidden}
#page{min-height:100vh;overflow-x:hidden}
#content,#primary,#secondary,.content-area,.widget-area{float:none!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.woocommerce{float:none!important;width:100%!important;margin:0!important}
.woocommerce-page .entry-title{display:none}
input,button,select,textarea{font-family:var(--f)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
::selection{background:#DBEAFE;color:#1E3A8A}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bmid);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--blue)}

/* ── SCROLL PROGRESS ── */
#spb{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--bmid));z-index:9999;width:0;pointer-events:none}

/* ── ANNOUNCEMENT BAR ── */
.ann-bar{background:var(--ink2);color:rgba(255,255,255,.65);font-size:12.5px;font-weight:500;padding:9px 20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}
.ann-bar b{color:#fff}
.ann-sep{color:rgba(255,255,255,.2);margin:0 8px}
.ann-pill{background:var(--blue);color:#fff;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:99px;margin-left:6px}
/* v13.4.90: marquee wrappers — on desktop these are inert (centered, wrapped, dup hidden) so the bar looks identical to before */
.ann-marquee{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%}
.ann-group{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px}
.ann-group-dup{display:none}

/* ── STICKY HEADER ── */
.site-header{position:sticky;top:0;z-index:500;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s;overflow:visible}
.site-header.stuck{border-bottom-color:var(--g200);box-shadow:0 2px 20px rgba(0,0,0,.06)}
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
.header-row{max-width:var(--sw);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:12px;overflow:visible}
.site-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.logo-box{width:36px;height:36px;background:var(--blue);border-radius:9px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .22s var(--e3);flex-shrink:0;animation:nanLogoPulse 2.5s ease-in-out infinite}
.site-logo:hover .logo-box{background:var(--bd);transform:rotate(-8deg) scale(1.07);animation:none}
@keyframes nanLogoPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.5)}50%{box-shadow:0 0 0 8px rgba(37,99,235,0)}}
.logo-name{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.4px}
.logo-name em{color:var(--blue);font-style:normal}
.header-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--g100);border:2px solid transparent;border-radius:10px;padding:9px 14px;transition:border-color .2s,background .2s}
.header-search:focus-within{border-color:var(--bbd);background:var(--w);box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.header-search input{flex:1;background:none;border:none;outline:none;font-family:var(--f);font-size:14px;color:var(--ink)}
.header-search input::placeholder{color:var(--ink5)}
.header-search svg{width:16px;height:16px;flex-shrink:0;color:var(--ink5)}.header-search-icon{background:var(--blue);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px 10px;color:#fff;transition:background .15s;flex-shrink:0;border-radius:7px;margin-right:-6px}.header-search-icon:hover{background:var(--bd)}.header-search-icon svg{color:#fff;width:15px;height:15px}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
/* Account button */
.account-wrap{position:relative;padding-bottom:8px;margin-bottom:-8px}
.account-btn{display:flex;align-items:center;gap:7px;background:var(--g100);border:1.5px solid var(--g200);border-radius:10px;padding:8px 14px;text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:600;transition:background .18s,border-color .18s;white-space:nowrap}
.account-btn:hover{background:var(--g200);border-color:var(--g300)}
.account-avatar{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}
.account-name-lbl{font-size:13px;font-weight:700}
.account-drop{position:absolute;top:calc(100% + 2px);right:0;background:var(--w);border:1.5px solid var(--g200);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);padding:6px;min-width:180px;z-index:9999;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s,transform .18s var(--e1)}
.account-wrap:hover .account-drop,.account-wrap.is-open .account-drop,.account-wrap:focus-within .account-drop{opacity:1;pointer-events:all;transform:none}
.adrop-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;color:var(--ink3);transition:background .12s}
.adrop-item:hover{background:var(--g50);color:var(--blue)}
.adrop-logout{color:var(--red)}
.adrop-logout:hover{background:var(--rdb);color:var(--red)}
/* Cart */
.cart-btn{display:flex;align-items:center;gap:8px;background:var(--ink2);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-family:var(--f);font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .18s;white-space:nowrap}
.cart-btn:hover{background:var(--blue)}
.cart-count{min-width:18px;height:18px;background:var(--blue);color:#fff;border-radius:99px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--ink2)}
.cart-btn:hover .cart-count{border-color:var(--blue)}
.mob-menu-btn{display:none;width:38px;height:38px;border:1.5px solid var(--g200);border-radius:9px;background:var(--w);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;flex-shrink:0;padding:0}
.mob-menu-btn span{display:block;width:18px;height:2px;background:var(--ink3);border-radius:1px;transition:all .25s}
.mob-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mob-menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.mob-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-nav-account{border-top:1px solid var(--g100);margin-top:4px}

/* ── DESKTOP NAV ── */
.header-nav{background:var(--w);border-top:1px solid var(--g100)}
.header-nav-inner{max-width:var(--sw);margin:0 auto;padding:0 24px;height:44px;display:flex;align-items:stretch;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
.header-nav-inner::-webkit-scrollbar{display:none}
.nav-item{position:relative}
.nav-item:hover 
.nav-link{display:flex;align-items:center;gap:6px;padding:0 14px;height:44px;font-size:13px;font-weight:600;color:var(--ink4);text-decoration:none;background:none;border:none;font-family:var(--f);cursor:pointer;white-space:nowrap;transition:color .15s,background .15s;border-bottom:2.5px solid transparent}
.nav-link:hover,.nav-link.active{color:var(--ink);background:var(--g50);border-bottom-color:var(--blue)}
.nav-ub{color:var(--ubi)!important}
.nav-ga{color:var(--gai)!important}
.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.nav-ub .dot{background:var(--grn)}
.nav-ga .dot{background:var(--ga-clr)}
.nav-ns{color:var(--nsi)!important}
.nav-ns .dot{background:var(--ns-clr)}

.drop-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;text-decoration:none;color:var(--ink);transition:background .12s,transform .15s}
.drop-link:hover{background:var(--g50);transform:translateX(4px)}
.drop-ico{width:34px;height:34px;border-radius:7px;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.drop-name{font-size:13px;font-weight:700;color:var(--ink)}
.drop-sub{font-size:11px;color:var(--ink5);margin-top:1px}

/* ── MOBILE NAV ── */
.mob-nav{display:none;background:var(--w);border-bottom:1px solid var(--g200);max-height:80vh;overflow-y:auto}
.mob-nav.is-open{display:block}
.mob-nav-link,.mob-nav-btn{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;font-size:14px;font-weight:600;color:var(--ink3);border-bottom:1px solid var(--g100);text-decoration:none;background:none;border-left:none;border-right:none;border-top:none;font-family:var(--f);width:100%;cursor:pointer}
.mob-nav-link:hover,.mob-nav-btn:hover{color:var(--blue);background:var(--blt)}
.mob-nav-link.ub,.mob-nav-btn.ub{color:var(--ubi)}
.mob-nav-link.ga,.mob-nav-btn.ga{color:var(--gai)}
.mob-nav-link.ns,.mob-nav-btn.ns{color:var(--nsi)}
.mob-sub{display:none;background:var(--g50)}
.mob-sub.is-open{display:block}
.mob-sub-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink5);padding:10px 20px 4px 36px}
.mob-sub a{display:block;padding:9px 20px 9px 36px;font-size:13px;color:var(--ink4);border-bottom:1px solid var(--g100);text-decoration:none}
.mob-sub a:hover{color:var(--blue);background:var(--blt)}
.mob-nav-wa{color:var(--grn)!important}
.mob-arr{font-size:12px;transition:transform .2s;color:var(--ink5)}
.mob-nav-btn.open .mob-arr{transform:rotate(90deg)}

/* ── LAYOUT ── */
.sw{max-width:var(--sw);margin:0 auto;padding:0 24px}
.section{padding:72px 0}
.section-alt{background:var(--g50)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s var(--e2),transform .55s var(--e2)}
.reveal.on{opacity:1;transform:none}

/* ── SECTION HEADERS ── */
.sec-badge{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.sec-badge::before{content:'';width:16px;height:2px;background:var(--blue);border-radius:1px;flex-shrink:0}
.sec-title{font-size:clamp(24px,2.6vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.08;color:var(--ink)}
.sec-title .b{color:var(--blue)}
.sec-sub{font-size:15px;color:var(--ink3);margin-top:8px;line-height:1.75}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:32px}

/* ── BADGES ── */
.badge{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:5px;display:inline-block;line-height:1.3}
.badge-ub{background:var(--gnb);color:var(--ubi);border:1px solid var(--gbd)}
.badge-ga{background:var(--blt);color:var(--gai);border:1px solid var(--gabd)}
.badge-ns{background:var(--nsb);color:var(--nsi);border:1px solid var(--nsbd)}
.badge-ns-soft{background:transparent;color:var(--nsi);border:1px dashed var(--nsbd);font-weight:700}
.badge-hot{background:var(--rdb);color:var(--red);border:1px solid #FCA5A5}
.badge-oos{background:var(--g100);color:var(--ink4);border:1px solid var(--g300)}

/* ── BUTTONS ── */
.btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:13px 24px;font-family:var(--f);font-size:14.5px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .18s,transform .15s}
.btn-p:hover{background:var(--bd);transform:translateY(-2px)}
.btn-o{display:inline-flex;align-items:center;gap:7px;background:none;color:var(--ink4);border:2px solid var(--g200);border-radius:10px;padding:11px 20px;font-family:var(--f);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .18s,color .18s,background .18s}
.btn-o:hover{border-color:var(--g300);color:var(--ink);background:var(--g50)}
.bc-sep{margin:0 6px;color:var(--ink5);font-size:11px}

/* ── HERO ── */
.hero{position:relative;overflow:hidden;background:var(--ink2);min-height:88vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,7,18,.92) 0%,rgba(3,7,18,.7) 52%,rgba(3,7,18,.25) 100%)}

/* ── v13.14.0 — IMAGE-FREE HERO BACKGROUNDS ─────────────────────────────────
   Used when no background image is set on a slide. Three layered radial
   gradients over a deep base give the depth a flat colour cannot, at zero
   network cost — the old default hotlinked a 104 KB Unsplash photo that was
   both the LCP element and the reason the hero looked muddy.
   One palette per condition tier: blue = Unboxed, indigo = Grade A,
   amber = New (Sealed). The overlay is lighter here because there is no
   photo to darken, only gradients we already control. ───────────────────── */
.hero-bg-css{transform:none;background-size:auto}
.hero-bg-1{background:
  radial-gradient(120% 90% at 12% 8%, rgba(37,99,235,.45) 0%, rgba(37,99,235,0) 58%),
  radial-gradient(90% 80% at 88% 22%, rgba(56,189,248,.28) 0%, rgba(56,189,248,0) 60%),
  radial-gradient(80% 70% at 70% 100%, rgba(22,163,74,.22) 0%, rgba(22,163,74,0) 62%),
  linear-gradient(135deg,#050B1C 0%,#0B1733 46%,#04091A 100%)}
.hero-bg-2{background:
  radial-gradient(120% 90% at 10% 12%, rgba(99,102,241,.42) 0%, rgba(99,102,241,0) 58%),
  radial-gradient(90% 80% at 90% 18%, rgba(37,99,235,.30) 0%, rgba(37,99,235,0) 60%),
  radial-gradient(80% 70% at 60% 100%, rgba(14,116,144,.24) 0%, rgba(14,116,144,0) 62%),
  linear-gradient(135deg,#070A1F 0%,#131A3D 46%,#05071A 100%)}
.hero-bg-3{background:
  radial-gradient(120% 90% at 12% 10%, rgba(245,158,11,.38) 0%, rgba(245,158,11,0) 56%),
  radial-gradient(90% 80% at 88% 20%, rgba(217,119,6,.26) 0%, rgba(217,119,6,0) 60%),
  radial-gradient(80% 70% at 65% 100%, rgba(120,53,15,.34) 0%, rgba(120,53,15,0) 64%),
  linear-gradient(135deg,#140C02 0%,#2A1806 46%,#0C0701 100%)}
/* Subtle grid so the gradient does not read as a flat wash. */
.hero-bg-css::after{content:'';position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(80% 70% at 30% 40%,#000 0%,transparent 78%);
  mask-image:radial-gradient(80% 70% at 30% 40%,#000 0%,transparent 78%)}
.hero-overlay-css{background:linear-gradient(105deg,rgba(3,7,18,.72) 0%,rgba(3,7,18,.42) 55%,rgba(3,7,18,.12) 100%)}
@media (prefers-reduced-motion:reduce){.hero-bg-css::after{display:none}}
.hero-content{position:relative;z-index:2;max-width:var(--sw);margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:1fr 400px;gap:52px;align-items:center;width:100%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px}
.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--bmid);animation:hdot 1.6s ease infinite}
@keyframes hdot{0%,100%{opacity:1}50%{opacity:.25}}
.hero-h{font-size:clamp(36px,5vw,72px);font-weight:800;line-height:1.03;letter-spacing:-2.5px;color:#fff;margin-bottom:16px}
.hero-h em{font-style:normal;color:var(--bmid)}
.hero-desc{font-size:16px;color:rgba(255,255,255,.55);line-height:1.8;max-width:480px;margin-bottom:26px}
.hero-trust{display:flex;align-items:center;margin-bottom:28px;flex-wrap:wrap}
.ht-item{padding:10px 16px;border-right:1px solid rgba(255,255,255,.1)}
.ht-item:first-child{padding-left:0}
.ht-item:last-child{border-right:none}
.ht-num{font-size:18px;font-weight:800;color:#fff;display:block;font-family:var(--m);letter-spacing:-.5px}
.ht-lbl{font-size:10.5px;color:rgba(255,255,255,.35);display:block;margin-top:1px}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.hero-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:14px 26px;font-family:var(--f);font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .18s,transform .15s}
.hero-btn-p:hover{background:var(--bd);transform:translateY(-2px)}
.hero-btn-o{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.25);border-radius:10px;padding:13px 22px;font-family:var(--f);font-size:14px;font-weight:600;text-decoration:none;transition:background .18s}
.hero-btn-o:hover{background:rgba(255,255,255,.18)}
.hero-card{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);border-radius:18px;overflow:hidden}
.hero-card-img{height:220px;overflow:hidden;background:rgba(255,255,255,.04)}
.hero-card-img img,.hero-card-img .nan-gif-product{width:100%;height:100%;object-fit:cover}
.hero-card-body{padding:16px}
.hero-card-type{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:5px;display:inline-block;margin-bottom:8px}
.hero-card-name{font-size:15px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.25}
.hero-card-prices{display:flex;align-items:flex-end;justify-content:space-between}
.hero-card-was{font-size:10.5px;color:rgba(255,255,255,.3);text-decoration:line-through;font-family:var(--m);display:block}
.hero-card-now{font-size:26px;font-weight:800;color:#fff;font-family:var(--m)}
.hero-card-sv{font-size:13px;font-weight:800;background:rgba(220,38,38,.25);color:#FCA5A5;border:1px solid rgba(220,38,38,.3);padding:4px 10px;border-radius:6px}
.hero-card-btn{width:100%;margin-top:12px;background:var(--blue);color:#fff;border:none;border-radius:9px;padding:11px;font-family:var(--f);font-size:14px;font-weight:700;cursor:pointer;transition:background .18s;display:block;text-align:center;text-decoration:none}
.hero-card-btn:hover{background:var(--bd)}

/* ── TRUST BAND ── */
.trust-band{background:var(--ink2)}
.trust-inner{max-width:var(--sw);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(5,1fr)}
.tb-item{display:flex;align-items:center;gap:13px;padding:22px 16px;border-right:1px solid rgba(255,255,255,.06)}
.tb-item:first-child{padding-left:0}
.tb-item:last-child{border-right:none}
.tb-ico{width:42px;height:42px;border-radius:10px;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;
  /* v13.15.0: name colour-emoji fonts explicitly. If a glyph still falls back
     to a monochrome text form, the light colour keeps it legible on the dark
     band instead of rendering as a near-black outline. */
  font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji','Segoe UI Symbol',var(--f);
  color:#DBEAFE;line-height:1}
.tb-title{font-size:13.5px;font-weight:700;color:#fff;line-height:1.25}
.tb-sub{font-size:11px;color:rgba(255,255,255,.38);margin-top:2px}

/* ── CATEGORY GRID — 4 cols desktop, 3 tab, 2 mobile ── */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cat-grid-2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.cat-tile{position:relative;border-radius:var(--rad-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .3s var(--e2),box-shadow .3s;min-height:180px}
.cat-tile:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(0,0,0,.18)}
.cat-tile.tall{min-height:280px}
.cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s;background-color:#111827}
.cat-tile:hover .cat-bg{transform:scale(1.07)}
.cat-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.06) 100%)}
.cat-body{position:relative;z-index:2;padding:18px 20px}
.cat-ico{font-size:32px;display:block;margin-bottom:6px}
.cat-tile.tall .cat-ico{font-size:44px}
.cat-name{font-size:15px;font-weight:800;color:#fff;line-height:1.2}
.cat-tile.tall .cat-name{font-size:20px}
.cat-sub{font-size:11.5px;color:rgba(255,255,255,.65);margin-top:3px}
.cat-arrow{position:absolute;top:14px;right:14px;width:32px;height:32px;background:rgba(255,255,255,.14);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;backdrop-filter:blur(6px);transition:background .18s,transform .2s var(--e3)}
.cat-tile:hover .cat-arrow{background:rgba(255,255,255,.24);transform:translate(2px,-2px)}

/* ── PRODUCT GRID — 4 cols desktop ── */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prod-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.filter-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ftab{font-family:var(--f);font-size:13px;font-weight:600;padding:7px 16px;border-radius:8px;border:1.5px solid var(--g200);background:var(--w);color:var(--ink4);cursor:pointer;transition:all .18s}
.ftab:hover{background:var(--g100)}
.ftab.on{background:var(--ink2);border-color:var(--ink2);color:#fff}

/* ── PRODUCT CARD ── */
.pcard{background:var(--w);border:1.5px solid var(--g200);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .25s,transform .22s var(--e2)}
.pcard:hover{border-color:var(--g300);box-shadow:0 16px 40px rgba(0,0,0,.1);transform:translateY(-5px)}
.pcard-img{height:200px;position:relative;overflow:hidden;border-bottom:1px solid var(--g200);background:var(--g50);display:flex;align-items:center;justify-content:center;padding-bottom:38px;box-sizing:border-box;}
.pcard-img-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:1}
.pcard-img-link img,.pcard-img-link .nan-gif-product{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e2)}
.pcard:hover .pcard-img-link img,.pcard:hover .pcard-img-link .nan-gif-product{transform:scale(1.06)}
.pcard-img img,.pcard-img .nan-gif-product{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e2)}
.pcard:hover .pcard-img img,.pcard:hover .pcard-img .nan-gif-product{transform:scale(1.06)}
.pcard-no-img{font-size:72px;color:var(--ink5)}
.pcard-badges{position:absolute;top:10px;left:10px;display:flex;gap:4px;z-index:2;flex-wrap:wrap}
.pcard-wish{position:absolute;top:10px;right:10px;width:30px;height:30px;background:var(--w);border:1.5px solid var(--g200);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;font-size:14px;color:var(--ink5);opacity:0;transition:opacity .18s,border-color .18s,color .18s;padding:0}
.pcard:hover .pcard-wish,.pcard-wish.wishlisted{opacity:1}
.pcard-wish.wishlisted{color:var(--red);border-color:#FCA5A5}
/* ── Product card quick button — ALWAYS VISIBLE ─────────────────────── */
.pcard-quick{
  position:absolute;bottom:0;left:0;right:0;
  background:var(--blue);color:#fff;border:none;
  padding:11px;font-family:var(--f);font-size:13px;font-weight:700;
  cursor:pointer;
  opacity:1;transform:none;  /* always visible */
  transition:background .15s;z-index:3;
  text-align:center;text-decoration:none;display:block;
}
.pcard-quick:hover{background:var(--bd)}
.pcard-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px}
.pcard-brand{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink5)}
.pcard-name{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.25}
.pcard-name a{color:inherit;text-decoration:none}
.pcard-name a:hover{color:var(--blue)}
.pcard-cond{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink4)}
.cdot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.cdot-ub{background:var(--grn)}
.cdot-ga{background:var(--ga-clr)}
.cdot-ns{background:var(--ns-clr)}
.pcard-stars{display:flex;align-items:center;gap:5px}
.stars-txt{color:#F59E0B;font-size:12px;letter-spacing:1px}
.rev-cnt{font-size:11px;color:var(--ink5)}
.pcard-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--g200)}
.price-wrap{display:flex;flex-direction:column}
.price-retail{font-size:10.5px;color:var(--ink5);text-decoration:line-through;font-family:var(--m)}
.price-now{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.5px;font-family:var(--m)}
.save-tag{font-size:11px;font-weight:800;background:var(--rdb);color:var(--red);border:1px solid #FCA5A5;padding:3px 8px;border-radius:5px;font-family:var(--m);display:inline-block}
.pcard-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.add-btn{width:32px;height:32px;background:var(--blt);border:2px solid var(--bbd);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--blue);cursor:pointer;transition:background .15s,transform .15s,border-color .15s;padding:0}
.add-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:scale(1.05)}

/* ── DEAL ── */
.deal-sec{background:var(--ink2);position:relative;overflow:hidden;padding:72px 0}
.deal-inner{max-width:var(--sw);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 420px;gap:52px;align-items:center}
.deal-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--bmid);margin-bottom:14px}
.deal-pulse{width:8px;height:8px;border-radius:50%;background:var(--bmid);animation:dpulse 1s ease infinite}
@keyframes dpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.deal-timer{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.dtb{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 16px;text-align:center;min-width:62px}
.dtv{font-size:30px;font-weight:800;color:#fff;display:block;line-height:1;letter-spacing:-1px;font-family:var(--m)}
.dtl{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-top:4px;display:block}
.dt-sep{font-size:26px;color:rgba(255,255,255,.25);font-weight:800}
.deal-title{font-size:clamp(24px,3vw,40px);font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:10px;line-height:1.1}
.deal-title em{font-style:normal;color:var(--bmid)}
.deal-desc{font-size:14px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:20px}
.deal-price-row{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}
.deal-was{font-size:13.5px;color:rgba(255,255,255,.35);text-decoration:line-through;font-family:var(--m);display:block;margin-bottom:4px}
.deal-now{font-size:44px;font-weight:800;color:#fff;letter-spacing:-2px;font-family:var(--m);line-height:1}
.deal-sv{background:var(--red);color:#fff;font-size:14px;font-weight:800;padding:6px 14px;border-radius:7px;font-family:var(--m)}
.deal-stock-bar{height:5px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-bottom:7px}
.deal-stock-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--bmid));border-radius:99px}
.deal-stock-t{font-size:12px;color:rgba(255,255,255,.3);margin-bottom:22px}
.deal-btns{display:flex;gap:10px}
.deal-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;position:relative}
.deal-card-img{height:280px;overflow:hidden}
.deal-card-img img,.deal-card-img .nan-gif-product{width:100%;height:100%;object-fit:cover}
.deal-sticker{position:absolute;top:18px;right:18px;background:var(--red);color:#fff;font-size:14px;font-weight:800;padding:6px 14px;border-radius:7px;z-index:2}
.deal-card-foot{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08)}
.deal-card-name{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}

/* ── BRANDS ── */
.brands-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.brand-tile{background:var(--g50);border:1.5px solid var(--g200);border-radius:12px;padding:18px 14px;text-align:center;text-decoration:none;display:block;transition:border-color .2s,transform .2s,box-shadow .2s}
.brand-tile:hover{border-color:var(--bbd);transform:translateY(-3px);box-shadow:0 8px 24px rgba(37,99,235,.08)}
.brand-name{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.3px;margin-bottom:4px}
.brand-cats{font-size:11px;color:var(--ink5);line-height:1.5}

/* ── WHY US ── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}
.why-card{background:var(--w);border:1.5px solid var(--g200);border-radius:14px;padding:26px 22px;transition:border-color .2s,box-shadow .2s,transform .2s}
.why-card:hover{border-color:var(--bbd);box-shadow:0 8px 28px rgba(37,99,235,.08);transform:translateY(-3px)}
.why-ico{font-size:34px;display:block;margin-bottom:12px}
.why-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:7px}
.why-desc{font-size:13px;color:var(--ink3);line-height:1.75}

/* ── REVIEWS ── */
.rating-summary{display:flex;align-items:flex-start;gap:28px;background:var(--w);border:1.5px solid var(--g200);border-radius:14px;padding:24px 28px;margin-bottom:24px;flex-wrap:wrap}
.rs-num{font-size:56px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-2px;font-family:var(--m)}
.rs-stars{color:#F59E0B;font-size:18px;letter-spacing:1px;margin-bottom:4px}
.rs-cnt{font-size:12.5px;color:var(--ink4)}
.rb-row{display:flex;align-items:center;gap:9px;font-size:11.5px;margin-bottom:6px}
.rb-lbl{width:24px;text-align:right;font-weight:700;font-family:var(--m);color:var(--ink3)}
.rb-track{flex:1;height:5px;background:var(--g200);border-radius:99px;overflow:hidden}
.rb-fill{height:100%;background:linear-gradient(90deg,#FCD34D,#F59E0B);border-radius:99px;width:0;transition:width 1.2s var(--e2)}
.rb-pct{width:32px;font-size:11px;font-weight:700;color:var(--ink5);font-family:var(--m)}
.rs-right{display:flex;flex-direction:column;gap:6px;padding-left:24px;border-left:1px solid var(--g200)}
.rs-right div{font-size:12.5px;font-weight:600;color:var(--ubi)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rev-card{background:var(--g50);border:1.5px solid var(--g200);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.rev-card:hover{border-color:var(--bbd);box-shadow:0 8px 24px rgba(0,0,0,.07);transform:translateY(-3px)}
.rev-top{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px 0}
.rev-stars{color:#F59E0B;font-size:13px;letter-spacing:1px}
.rev-prod{font-size:12px;font-weight:600;padding:6px 16px 0;color:var(--ink4)}
.rev-text{font-size:13.5px;color:var(--ink2);line-height:1.75;padding:10px 16px;flex:1}
.rev-footer{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--g200)}
.rev-av{width:36px;height:36px;border-radius:50%;background:var(--blt);border:2px solid var(--bbd);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800;color:var(--gai);flex-shrink:0;font-family:var(--m)}
.rev-name{font-size:13px;font-weight:700;color:var(--ink)}
.rev-meta{font-size:11px;color:var(--ink5);margin-top:1px}
.rev-verified{margin-left:auto;font-size:10px;font-weight:700;color:var(--grn);background:var(--gnb);padding:2px 8px;border-radius:3px;border:1px solid var(--gbd);white-space:nowrap}

/* ── NEWSLETTER ── */
.nl-sec{background:var(--blue);padding:64px 0;position:relative;overflow:hidden}
.nl-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;z-index:1;flex-wrap:wrap}
.nl-title{font-size:clamp(22px,2.5vw,34px);font-weight:800;color:#fff;letter-spacing:-.8px;margin-bottom:6px}
.nl-sub{font-size:15px;color:rgba(255,255,255,.6)}
.nl-form{display:flex;gap:8px;flex-shrink:0}
.nl-input{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25);border-radius:10px;padding:12px 16px;font-family:var(--f);font-size:14px;color:#fff;outline:none;min-width:240px}
.nl-input::placeholder{color:rgba(255,255,255,.4)}
.nl-input:focus{border-color:rgba(255,255,255,.5)}
.nl-btn{background:#fff;color:var(--bd);border:none;border-radius:10px;padding:12px 24px;font-family:var(--f);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.nl-note{font-size:11.5px;color:rgba(255,255,255,.35);margin-top:9px;text-align:center}

/* ── FOOTER ── */
.site-footer{background:var(--ink2);padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-brand-name{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px;display:block;margin-bottom:4px}
.footer-brand-name em{color:var(--bmid);font-style:normal}
.footer-tagline{font-size:11px;color:rgba(255,255,255,.28);letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-weight:600}
.footer-about{font-size:13px;color:rgba(255,255,255,.42);line-height:1.8;margin-bottom:20px;max-width:260px}
.footer-socials{display:flex;gap:7px}
.footer-soc{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;transition:border-color .15s,background .15s}
.footer-soc:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07)}
.footer-col-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:18px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{color:rgba(255,255,255,.5);text-decoration:none;font-size:13.5px;transition:color .15s,transform .15s;display:inline-block}
.footer-links a:hover{color:#fff;transform:translateX(4px)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 0}
.footer-copy{font-size:12px;color:rgba(255,255,255,.2)}
.footer-pays{display:flex;gap:6px;flex-wrap:wrap}
.footer-pay{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;color:rgba(255,255,255,.3);font-family:var(--m)}

/* ── WHATSAPP FLOAT ── */
/* v13.4.72: .wa-wrap is a legacy class with no PHP rendering it in this theme.
   Removed visible styling — if any third-party plugin outputs <div class="wa-wrap">
   it should be invisible to prevent conflicts with the real .nan-wa-float FAB. */
.wa-wrap{display:none!important;}
.wa-btn{display:none!important;}

/* ── TOAST ── */
#nan-toast{position:fixed;bottom:88px;right:20px;background:var(--ink2);color:#fff;border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:600;z-index:700;transform:translateX(130%);transition:transform .32s var(--e3);max-width:290px;box-shadow:0 8px 24px rgba(0,0,0,.2);display:flex;align-items:center;gap:9px;pointer-events:none;font-family:var(--f)}
#nan-toast.show{transform:none}
.toast-dot{width:7px;height:7px;border-radius:50%;background:var(--bmid);flex-shrink:0}

/* ── PAGE HERO ── */
.page-hero{background:var(--g50);border-bottom:1px solid var(--g200);padding:36px 0}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--ink5);margin-bottom:8px}
.breadcrumb a{color:var(--blue);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.page-title{font-size:clamp(28px,3vw,44px);font-weight:800;color:var(--ink);letter-spacing:-1px}
.page-title .b{color:var(--blue)}

/* ── PRODUCT PAGE ── */
.product-layout{display:grid;grid-template-columns:1fr 480px;gap:52px;align-items:start}
.product-gallery{position:sticky;top:90px}
.prod-main-img{border-radius:var(--rad-lg);overflow:hidden;background:var(--g50);aspect-ratio:1}
.prod-main-img img,.prod-main-img .nan-gif-product{width:100%;height:100%;object-fit:cover}
.prod-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.prod-thumb{width:72px;height:72px;border-radius:9px;overflow:hidden;border:2px solid var(--g200);cursor:pointer;transition:border-color .15s;flex-shrink:0}
.prod-thumb:hover,.prod-thumb.active{border-color:var(--blue)}
.prod-thumb img{width:100%;height:100%;object-fit:cover}
.product-brand{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink5);margin-bottom:6px}
.product-title{font-size:clamp(22px,2.5vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.8px;line-height:1.15;margin-bottom:14px}
.product-meta-badges{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.product-price-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px;background:var(--g50);border-radius:12px;border:1.5px solid var(--g200)}
.product-price{font-size:38px;font-weight:800;letter-spacing:-1.5px;color:var(--ink);font-family:var(--m)}
.product-compare{font-size:14px;color:var(--ink5);text-decoration:line-through;font-family:var(--m);margin-bottom:4px;display:block}
.product-save{background:var(--rdb);color:var(--red);border:1px solid #FCA5A5;font-size:14px;font-weight:800;padding:6px 14px;border-radius:7px;font-family:var(--m)}
.product-you-save{font-size:12px;color:var(--grn);margin-top:4px}
.product-cond-card{background:var(--g50);border:1.5px solid var(--g200);border-radius:12px;padding:16px;margin-bottom:20px}
.product-cond-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink4);margin-bottom:10px}
.product-cond-text{font-size:14px;color:var(--ink3);line-height:1.75}
.product-yt{background:var(--g50);border:1.5px solid var(--g200);border-radius:12px;overflow:hidden;margin-bottom:20px}
.product-yt iframe{width:100%;aspect-ratio:16/9;border:none;display:block}
.product-add-btn{width:100%;background:var(--blue);color:#fff;border:none;border-radius:12px;padding:16px;font-family:var(--f);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,transform .15s;margin-bottom:10px;min-height:52px}
.product-add-btn:hover{background:var(--bd);transform:translateY(-2px)}
.product-buy-btn{width:100%;background:var(--ink2);color:#fff;border:none;border-radius:12px;padding:14px;font-family:var(--f);font-size:15px;font-weight:700;cursor:pointer;transition:background .18s;margin-bottom:16px;display:block;text-align:center;text-decoration:none;min-height:48px;line-height:1.5}
.product-buy-btn:hover{background:var(--ink)}
.product-guarantees{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.product-guar{background:var(--g50);border:1px solid var(--g200);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink3)}
.product-tabs{border:1.5px solid var(--g200);border-radius:12px;overflow:hidden;margin-bottom:24px}
.product-tab-nav{display:flex;border-bottom:1.5px solid var(--g200);background:var(--g50)}
.ptab-btn{padding:12px 20px;font-family:var(--f);font-size:14px;font-weight:600;background:none;border:none;color:var(--ink4);cursor:pointer;border-bottom:2.5px solid transparent;transition:color .15s;margin-bottom:-1.5px}
.ptab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}
.ptab-panel{padding:18px;font-size:14px;color:var(--ink3);line-height:1.8;display:none}
.ptab-panel.active{display:block}
.ptab-panel h3{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--ink)}
.ptab-panel p{margin-bottom:12px}
.ptab-panel table{width:100%;border-collapse:collapse}
.ptab-panel th,.ptab-panel td{padding:9px 12px;border:1px solid var(--g200);font-size:13.5px;text-align:left}
.ptab-panel th{background:var(--g50);font-weight:700;color:var(--ink4);width:40%}

/* ── SHOP PAGE ── */
.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}
.shop-sidebar{background:var(--w);border:1.5px solid var(--g200);border-radius:14px;padding:20px;position:sticky;top:80px}
.sb-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink4);margin:16px 0 8px}
.sb-title:first-child{margin-top:0}
.sb-divider{height:1px;background:var(--g200);margin:14px 0}
.sb-check{display:flex;align-items:center;gap:9px;padding:5px 0;cursor:pointer;font-size:13.5px;color:var(--ink3);text-decoration:none}
.sb-check input{width:15px;height:15px;cursor:pointer;accent-color:var(--blue);flex-shrink:0}
.sb-check:hover{color:var(--blue)}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.shop-count{font-size:13px;color:var(--ink4);font-family:var(--m)}
.sort-select{font-family:var(--f);font-size:13px;background:var(--w);border:1.5px solid var(--g200);border-radius:9px;padding:9px 12px;color:var(--ink);outline:none;cursor:pointer}

/* ── CART ── */
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.cart-empty{padding:72px 20px;text-align:center}
.cart-empty-ico{font-size:64px;margin-bottom:18px}
.cart-item{background:var(--w);border:1.5px solid var(--g200);border-radius:14px;padding:16px;display:flex;gap:16px;margin-bottom:12px}
.cart-item-img{width:88px;height:88px;border-radius:10px;object-fit:cover;background:var(--g50);flex-shrink:0}
.cart-item-body{flex:1}
.cart-item-name{font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:6px}
.cart-item-price{font-size:18px;font-weight:800;color:var(--blue);font-family:var(--m)}
.cart-summary{background:var(--w);border:1.5px solid var(--g200);border-radius:14px;padding:22px;position:sticky;top:90px}
.cs-title{font-size:16px;font-weight:800;margin-bottom:18px}
.cs-row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink3);margin-bottom:10px}
.cs-row.total{font-size:18px;font-weight:800;color:var(--ink);padding-top:12px;border-top:1.5px solid var(--g200);margin-top:4px}
.checkout-btn{width:100%;background:var(--blue);color:#fff;border:none;border-radius:12px;padding:15px;font-family:var(--f);font-size:16px;font-weight:700;cursor:pointer;margin-top:14px;transition:background .18s;display:block;text-align:center;text-decoration:none}
.checkout-btn:hover{background:var(--bd)}

/* ── PAGE CONTENT ── */
.page-content{font-size:15px;line-height:1.85;color:var(--ink3)}
.page-content h2{font-size:24px;font-weight:800;color:var(--ink);margin:32px 0 12px;letter-spacing:-.5px}
.page-content h3{font-size:19px;font-weight:700;color:var(--ink);margin:24px 0 10px}
.page-content p{margin-bottom:16px}
.page-content ul,.page-content ol{padding-left:24px;margin-bottom:16px}
.page-content li{margin-bottom:8px;line-height:1.75}
.page-content a{color:var(--blue);text-decoration:underline}
.page-content table{width:100%;border-collapse:collapse;margin:16px 0}
.page-content th,.page-content td{padding:10px 14px;border:1px solid var(--g200);text-align:left}
.page-content th{background:var(--g50);font-weight:700;color:var(--ink4)}
.page-content blockquote{border-left:4px solid var(--blue);padding:14px 20px;background:var(--blt);border-radius:0 10px 10px 0;margin:20px 0;font-size:14.5px;color:var(--gai);font-style:italic}

/* ── FAQ ── */
.faq-search-wrap{background:var(--g50);border:1.5px solid var(--g200);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:24px}
.faq-search-wrap input{flex:1;background:none;border:none;outline:none;font-family:var(--f);font-size:15px;color:var(--ink)}
.faq-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.faq-tab{font-family:var(--f);font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;border:1.5px solid var(--g200);background:var(--w);color:var(--ink4);cursor:pointer;transition:all .18s}
.faq-tab.on{background:var(--blue);border-color:var(--blue);color:#fff}
.faq-item{background:var(--w);border:1.5px solid var(--g200);border-radius:12px;margin-bottom:8px;overflow:hidden;transition:border-color .2s}
.faq-item.open{border-color:var(--bbd)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;font-size:15px;font-weight:700;color:var(--ink);gap:14px}
.faq-q:hover{color:var(--blue)}
.faq-ico{font-size:18px;flex-shrink:0;transition:transform .25s var(--e2);color:var(--ink4)}
.faq-item.open .faq-ico{transform:rotate(45deg);color:var(--blue)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--e2),padding .25s}
.faq-item.open .faq-a{max-height:500px;padding:0 20px 18px}
.faq-a p{font-size:14.5px;color:var(--ink3);line-height:1.8}

/* ── CONTACT ── */
.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start}
.contact-form .form-group{margin-bottom:16px}
.contact-form label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink4);margin-bottom:5px;display:block}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:var(--g100);border:1.5px solid var(--g200);border-radius:9px;padding:12px 14px;font-family:var(--f);font-size:14px;color:var(--ink);outline:none;transition:border-color .2s,background .2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--bbd);background:var(--w)}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-info-card{background:var(--g50);border:1.5px solid var(--g200);border-radius:14px;padding:24px;margin-bottom:16px}
.ci-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.ci-item:last-child{margin-bottom:0}
.ci-ico{width:38px;height:38px;border-radius:9px;background:var(--blt);border:1px solid var(--bbd);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.ci-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink5);margin-bottom:3px}
.ci-value{font-size:14px;color:var(--ink);font-weight:600}
.ci-value a{color:var(--blue)}

/* ── HOW IT WORKS ── */
.qc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}
.qc-point{background:var(--w);border:1.5px solid var(--g200);border-radius:12px;padding:16px 14px;text-align:center;transition:border-color .2s,transform .2s}
.qc-point:hover{border-color:var(--bbd);transform:translateY(-2px)}
.qc-num{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:6px;font-family:var(--m)}
.qc-ico{font-size:28px;display:block;margin-bottom:6px}
.qc-title{font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:3px;line-height:1.3}
.qc-desc{font-size:11px;color:var(--ink5);line-height:1.55}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}
.ps-step{text-align:center;padding:24px 16px}
.ps-num{width:52px;height:52px;border-radius:50%;background:var(--blt);border:2px solid var(--bbd);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--blue);margin:0 auto 14px;font-family:var(--m)}
.ps-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:7px}
.ps-desc{font-size:13px;color:var(--ink4);line-height:1.7}

/* ── PAGINATION ── */
.pagination,.woocommerce-pagination ul{display:flex;justify-content:center;gap:5px;margin-top:32px;flex-wrap:wrap;list-style:none;padding:0}
.page-numbers,.woocommerce-pagination ul li a,.woocommerce-pagination ul li span{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--g200);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;text-decoration:none;color:var(--ink4);transition:all .15s}
.page-numbers:hover,.page-numbers.current,.woocommerce-pagination ul li a:hover,.woocommerce-pagination ul li .current{background:var(--blue);border-color:var(--blue);color:#fff}

/* WooCommerce notices */
.woocommerce-message,.woocommerce-info{background:var(--blt);border:1.5px solid var(--bbd);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--gai);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.woocommerce-error{background:var(--rdb);border-color:#FCA5A5;color:var(--red)}
.woocommerce-message::before,.woocommerce-info::before{display:none}
.woocommerce-message .button{background:var(--blue);color:#fff;border:none;border-radius:7px;padding:7px 14px;font-family:var(--f);font-weight:700;font-size:13px;text-decoration:none;display:inline-block;margin-left:auto}

/* ═══════════════════════════════
   RESPONSIVE — ALL BREAKPOINTS
═══════════════════════════════ */

/* ── Large Desktop 1200–1380px ── */
@media(max-width:1380px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .cat-grid{grid-template-columns:repeat(4,1fr)}
  .brands-grid{grid-template-columns:repeat(6,1fr)}
}

/* ── Desktop 1024–1199px ── */
@media(max-width:1199px){
  .hero-content{grid-template-columns:1fr 360px;gap:36px}
  .hero-h{font-size:clamp(34px,4.5vw,60px)}
  .deal-inner{grid-template-columns:1fr 360px}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
  .brands-grid{grid-template-columns:repeat(6,1fr)}
}

/* ── iPad Pro / Tablet Landscape 901–1023px ── */
@media(max-width:1023px){
    .mob-menu-btn{display:flex}
  .hero-content{grid-template-columns:1fr;padding:52px 24px}
  /* v13.16.0 — the hero product card used to be `display:none` below 1023px, so
   phone and tablet visitors never saw the featured product at all. It is back,
   re-laid-out as a compact horizontal strip: a square thumbnail on the left and
   the name, price and CTA on the right. That keeps it roughly 110px tall
   instead of the ~430px the desktop card would occupy, so it informs without
   pushing the category rails off the screen. */
  .hero-card{
    display:flex;align-items:stretch;gap:0;
    max-width:520px;margin-top:22px;border-radius:14px}
  .hero-card-img{width:104px;min-width:104px;height:auto;min-height:104px;border-radius:14px 0 0 14px}
  .hero-card-img img,.hero-card-img .nan-gif-product{border-radius:14px 0 0 14px}
  .hero-card-body{flex:1;min-width:0;padding:11px 13px;display:flex;flex-direction:column;justify-content:center;gap:4px}
  .hero-card-type{margin-bottom:2px;align-self:flex-start}
  .hero-card-name{font-size:13px;margin-bottom:4px;line-height:1.3;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero-card-prices{align-items:center;gap:8px;flex-wrap:wrap}
  .hero-card-now{font-size:18px}
  .hero-card-was{font-size:10px}
  .hero-card-sv{font-size:11px;padding:2px 7px}
  .hero-card-btn{margin-top:7px;padding:8px 10px;font-size:12.5px}
  .hero{min-height:70vh}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .cat-grid-2{grid-template-columns:repeat(3,1fr)}
  .deal-inner{grid-template-columns:1fr}
  .deal-card{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .rev-grid{grid-template-columns:1fr 1fr}
  .brands-grid{grid-template-columns:repeat(3,1fr)}
  .product-layout{grid-template-columns:1fr;gap:28px}
  .product-gallery{position:static}
  .cart-layout{grid-template-columns:1fr}
  .cart-summary{position:static}
  .shop-layout{grid-template-columns:200px 1fr}
  .contact-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr 1fr}
  .qc-grid{grid-template-columns:repeat(4,1fr)}
  .trust-inner{grid-template-columns:repeat(2,1fr)}
  .tb-item{border-bottom:1px solid rgba(255,255,255,.06)}
}

/* ── iPad / Tablet Portrait 601–900px ── */
@media(max-width:900px){
    .header-nav{display:none}
  .mob-menu-btn{display:flex}
  .account-btn{padding:8px 10px}
  .account-name-lbl{display:none}
  .header-row{height:56px}
  .logo-name{font-size:19px}
  .sw{padding:0 20px}
  .section{padding:56px 0}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .cat-grid-2{grid-template-columns:repeat(3,1fr)}
  .cat-tile.tall{min-height:160px}
  .cat-tile{min-height:150px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  .why-grid{grid-template-columns:1fr 1fr}
  .rev-grid{grid-template-columns:1fr 1fr}
  .brands-grid{grid-template-columns:repeat(3,1fr)}
  .trust-inner{grid-template-columns:repeat(2,1fr)}
  .qc-grid{grid-template-columns:repeat(3,1fr)}
  .shop-layout{grid-template-columns:1fr}
  .shop-sidebar{display:none}
  .nl-inner{flex-direction:column;gap:20px}
  .nl-form{width:100%}
  .nl-input{flex:1;min-width:0}
  .hero-h{font-size:clamp(30px,5vw,48px);letter-spacing:-1.5px}
}

/* ── Mobile Large 481–600px ── */
@media(max-width:600px){
    .header-row{padding:0 14px;height:52px;gap:8px}
  .logo-name{font-size:17px}
  .logo-box{width:30px;height:30px}
  .header-search{max-width:130px;padding:7px 10px}
  .account-name-lbl{display:none}
  .cart-btn{padding:8px 12px;font-size:13px;gap:5px}
  .sw{padding:0 14px}
  .section{padding:44px 0}
  .sec-title{font-size:22px}
  .hero{min-height:75vh}
  .hero-content{padding:36px 14px}
  .hero-h{font-size:clamp(26px,6vw,36px);letter-spacing:-1px}
  .hero-desc{font-size:13.5px}
  .hero-btns{flex-direction:column}
  .hero-btn-p,.hero-btn-o{width:100%;justify-content:center;padding:13px 20px}
  .trust-inner{grid-template-columns:1fr 1fr}
  .tb-item{border-bottom:1px solid rgba(255,255,255,.06);border-right:none}
  .tb-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pcard-img{height:165px}
  .pcard-body{padding:10px 12px}
  .pcard-name{font-size:13px}
  .price-now{font-size:17px}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .cat-grid-2{grid-template-columns:repeat(2,1fr)}
  .cat-tile{min-height:130px}
  .cat-tile.tall{min-height:130px}
  .why-grid{grid-template-columns:1fr}
  .rev-grid{grid-template-columns:1fr}
  .brands-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr;gap:20px}
  .footer-about{max-width:100%}
  .footer-bottom{flex-direction:column;text-align:center}
  .deal-now{font-size:34px}
  .deal-btns{flex-direction:column}
  .deal-btns .btn-p,.deal-btns .btn-o{width:100%;justify-content:center}
  .qc-grid{grid-template-columns:repeat(2,1fr)}
  .process-steps{grid-template-columns:1fr}
  .product-layout{padding:16px 14px}
  .product-title{font-size:20px}
  .product-price{font-size:28px}
  .product-guarantees{grid-template-columns:1fr 1fr}
  .cart-layout{padding:16px 14px}
  .page-hero{padding:20px 14px}
  .page-title{font-size:24px}
  .trust-inner{grid-template-columns:1fr 1fr}
}

/* ── Mobile Small up to 480px ── */
@media(max-width:480px){
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .pcard-img{height:150px}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .cat-grid-2{grid-template-columns:repeat(2,1fr)}
  .brands-grid{grid-template-columns:repeat(2,1fr)}
  .rev-grid{grid-template-columns:1fr}
  .rating-summary{flex-direction:column}
  .rs-right{padding-left:0;border-left:none;border-top:1px solid var(--g200);padding-top:12px}
  .hero-h{font-size:clamp(24px,7vw,32px)}
  .nl-form{flex-direction:column}
  .faq-tabs{gap:5px}
  .faq-tab{font-size:12px;padding:6px 12px}
}

/* ── Touch devices — bigger tap targets ── */
@media(hover:none) and (pointer:coarse){
  .pcard-quick,.pcard-wish{opacity:1;transform:none}
  .add-btn{width:36px;height:36px}
  .hero-btn-p,.hero-btn-o,.btn-p,.btn-o,.add-btn,.cart-btn,.checkout-btn,.product-add-btn{min-height:44px}
  .mob-nav-link,.mob-nav-btn{min-height:48px}
  .nav-link{min-height:44px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* ═══════════════════════════════
   ANIMATION SYSTEM
═══════════════════════════════ */

/* Page load fade-in (excludes cart/checkout/account so a JS error can't strand them invisible) */
html:not(.js-loaded) body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) { opacity: 0; }
html.js-loaded body { opacity: 1; transition: opacity .3s ease; }

/* Reveal variants — direction */
.reveal-left  { opacity:0; transform:translateX(-28px); transition:opacity .6s var(--e2),transform .6s var(--e2); }
.reveal-right { opacity:0; transform:translateX(28px);  transition:opacity .6s var(--e2),transform .6s var(--e2); }
.reveal-scale { opacity:0; transform:scale(.93);        transition:opacity .5s var(--e2),transform .5s var(--e2); }
.reveal-left.on,.reveal-right.on,.reveal-scale.on { opacity:1; transform:none; }

/* Hero text transition */
.hero-eyebrow,.hero-h,.hero-desc,.hero-trust,.hero-btns {
  transition: opacity .65s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1);
}

/* Trust stat number */
.ht-num { transition: none; }

/* Product card image transition */
#main-product-img {
  transition: opacity .18s ease, transform .18s ease;
}

/* Tab panel transition */
.ptab-panel {
  transition: opacity .25s ease, transform .25s ease;
}

/* Cart badge bounce */
.cart-count {
  transition: transform .2s cubic-bezier(.34,1.56,.64,1);
}

/* Wishlist heart */
.pcard-wish {
  transition: opacity .18s, border-color .18s, color .18s, transform .2s cubic-bezier(.34,1.56,.64,1) !important;
}

/* Countdown seconds flip */
#dtS {
  display: inline-block;
  transition: transform .12s ease, opacity .12s ease;
}

/* Category tile 3D */
.cat-tile {
  transform-style: preserve-3d;
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease;
}

/* Hot badge pulse */
.badge-hot {
  animation: hotpulse 2s ease infinite;
}
@keyframes hotpulse {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.07); }
}

/* WhatsApp float bounce */
/* v13.4.72: .wa-btn is hidden globally (legacy class, no PHP outputs it).
   Keeping the @keyframes for potential future use, but the rule body is no-op. */
@keyframes wabounce {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}

/* Deal pulse dot */
.deal-pulse { transition: transform .2s; }

/* Brand tile hover */
.brand-tile {
  transition: border-color .2s, transform .22s cubic-bezier(.16,1,.3,1), box-shadow .2s;
}

/* Why card */
.why-card {
  transition: border-color .2s, box-shadow .2s, transform .22s cubic-bezier(.16,1,.3,1);
}

/* Review card */
.rev-card {
  transition: border-color .2s, box-shadow .2s, transform .22s cubic-bezier(.16,1,.3,1);
}

/* Button press feedback */
.btn-p:active, .hero-btn-p:active, .product-add-btn:active {
  transform: scale(.97) !important;
}
.btn-o:active { transform: scale(.98) !important; }

/* Nav link indicator */
.nav-link {
  transition: color .15s, background .15s, border-bottom-color .15s;
}

/* Search focus glow */
.header-search {
  transition: border-color .2s, background .2s, box-shadow .2s;
}

/* Footer link slide */
.footer-links a {
  transition: color .15s, transform .15s;
}

/* Image zoom on card hover */
.pcard-img img, .pcard-img .nan-gif-product {
  transition: transform .5s cubic-bezier(.16,1,.3,1);
}
.pcard:hover .pcard-img img,
.pcard:hover .pcard-img .nan-gif-product {
  transform: scale(1.06);
}

/* Quick add button slide up */
.pcard-quick {
  transition: opacity .2s, transform .22s cubic-bezier(.16,1,.3,1), background .15s;
}

/* Add button scale */
.add-btn {
  transition: background .15s, transform .15s cubic-bezier(.34,1.56,.64,1), border-color .15s, color .15s;
}

/* Deal stock fill */
.deal-stock-fill {
  animation: stockload 1.5s cubic-bezier(.16,1,.3,1) forwards;
  width: 0 !important;
}
@keyframes stockload {
  from { width: 0 !important; }
}

/* ── WHERE ANIMATIONS ARE INTENTIONALLY ABSENT ──
   Checkout page, forms, error messages, price text,
   order confirmation — no animation there.
   Focus and conversion need zero distraction.
── */
.nan-cart .reveal,
.nan-checkout .reveal,
.nan-account .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* ═══════════════════════════════
   CATEGORY SHOWCASE STRIPS
═══════════════════════════════ */
.cat-strip{position:relative;background:var(--strip-bg,#111827);overflow:hidden;padding:64px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.cat-strip-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;transition:opacity .3s;pointer-events:none}
.cat-strip:hover .cat-strip-bg{opacity:.18}
.cat-strip-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.3) 100%);pointer-events:none}
.cat-strip-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}

/* v13.4.80: STACKED layout for Unboxed/Grade A banners — compact e-commerce pattern.
   Top: header bar with title block on left + price/CTA block on right (CSS grid).
   Bottom: full-width horizontal product slider.
   Replaces the broken left-only narrow column from v13.4.79. */
.cat-strip-inner.cat-strip-stacked{
  display:block;
  grid-template-columns:none;
  gap:0;
  align-items:initial;
}
/* Reduce section padding so banner isn't excessively tall */
.cat-strip:has(.cat-strip-stacked){padding:48px 0}

/* Header bar — CSS grid with named areas.
   Eyebrow + h2 + desc on left columns (rows 1-3),
   Price + buttons on right column (rows 2-3, aligned vertically with h2),
   QC checkpoints spans full width below as row 4. */
.cat-strip-stacked .cat-strip-left{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "eyebrow eyebrow"
    "headline price"
    "desc     buttons"
    "qc       qc";
  gap:14px 40px;
  align-items:start;
  margin-bottom:28px;
  max-width:none;
  width:100%;
}
.cat-strip-stacked .cat-strip-left > .cat-strip-eyebrow{grid-area:eyebrow;margin-bottom:0}
.cat-strip-stacked .cat-strip-left > .cat-strip-h{grid-area:headline;margin-bottom:0;max-width:680px}
.cat-strip-stacked .cat-strip-left > .cat-strip-desc{grid-area:desc;margin-bottom:0;max-width:640px}
.cat-strip-stacked .cat-strip-left > .cat-strip-prices{grid-area:price;margin:0;justify-content:flex-end}
.cat-strip-stacked .cat-strip-left > .cat-strip-btns{grid-area:buttons;margin:0;justify-content:flex-end}
.cat-strip-stacked .cat-strip-left > .cat-strip-qc{grid-area:qc;margin-top:8px}

/* Slider container — full width */
.cat-strip-stacked .cat-strip-right{
  width:100%;
  min-width:0;
}
.cat-strip-stacked .cat-strip-products.cat-strip-products-h .csp-card{flex:0 0 220px}
.cat-strip-stacked .cat-strip-products.cat-strip-products-h .csp-card-more{flex:0 0 160px}

/* Tablet/mobile — header bar collapses to single column */
@media (max-width:900px){
  .cat-strip-stacked .cat-strip-left{
    grid-template-columns:1fr;
    grid-template-areas:
      "eyebrow"
      "headline"
      "desc"
      "price"
      "buttons"
      "qc";
    gap:12px;
    margin-bottom:20px;
  }
  .cat-strip-stacked .cat-strip-left > .cat-strip-prices,
  .cat-strip-stacked .cat-strip-left > .cat-strip-btns{
    justify-content:flex-start;
  }
}
@media (max-width:600px){
  .cat-strip-stacked .cat-strip-products.cat-strip-products-h .csp-card{flex:0 0 165px}
  .cat-strip-stacked .cat-strip-products.cat-strip-products-h .csp-card-more{flex:0 0 130px}
}

/* v13.4.81: Slider interactivity — arrows + dots + progress + enhanced hover */

/* Image-area click target — fills the whole image area */
.csp-img-link{display:block;position:relative;text-decoration:none;color:inherit}
.csp-img-link:hover{text-decoration:none}
.csp-img-link:focus-visible{outline:2px solid var(--strip-accent,#93C5FD);outline-offset:2px;border-radius:8px}

/* Enhanced card hover — more visible lift + colored border glow */
.cat-strip-products-h .csp-card{transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease}
.cat-strip-products-h .csp-card:hover{
  transform:translateY(-6px);
  border-color:var(--strip-accent,#93C5FD);
  box-shadow:0 8px 24px rgba(0,0,0,.35), 0 0 0 1px var(--strip-accent,#93C5FD);
}
.cat-strip-products-h .csp-img img{transition:transform .35s ease}
.cat-strip-products-h .csp-card:hover .csp-img img{transform:scale(1.04)}

/* Left column */
.cat-strip-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--strip-accent,#93C5FD);margin-bottom:14px;opacity:.9}
.cat-strip-ico{font-size:18px}
.cat-strip-h{font-size:clamp(28px,3.5vw,52px);font-weight:800;color:#fff;line-height:1.05;letter-spacing:-1.5px;margin-bottom:14px}
.cat-strip-accent{color:var(--strip-accent,#93C5FD);display:block}
.cat-strip-desc{font-size:14.5px;color:rgba(255,255,255,.75);line-height:1.8;max-width:440px;margin-bottom:20px}

/* Price from badges */
.cat-strip-prices{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.cat-strip-price{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:6px 14px}
.csp-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}
.csp-from{font-size:11px;color:rgba(255,255,255,.4)}
.csp-price{font-size:16px;font-weight:800;color:#fff;font-family:var(--m)}

/* Buttons */
.cat-strip-btns{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}
.cat-strip-btn-p{display:inline-flex;align-items:center;gap:7px;background:var(--strip-accent,var(--blue));color:#000;border:none;border-radius:10px;padding:12px 22px;font-family:var(--f);font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .18s,transform .15s}
.cat-strip-btn-p:hover{opacity:.9;transform:translateY(-2px)}
.cat-strip-btn-o{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.2);border-radius:10px;padding:11px 18px;font-family:var(--f);font-size:13px;font-weight:600;text-decoration:none;transition:background .18s}
.cat-strip-btn-o:hover{background:rgba(255,255,255,.14)}

/* QC mini grid */
.cat-strip-qc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}
.cat-strip-qc-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:10px}
.cat-strip-qc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.cat-strip-qc-pt{display:flex;align-items:center;gap:6px;padding:5px 7px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid rgba(255,255,255,.06)}
.csqp-ico{font-size:12px;flex-shrink:0}
.csqp-name{font-size:10px;font-weight:600;color:rgba(255,255,255,.6);line-height:1.3}

/* Right column — product cards */
.cat-strip-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}

/* v13.4.77: Horizontal slider mode for Unboxed/Grade A strips.
   Theme adds .cat-strip-products-h class via $is_horiz_strip flag in front-page.php.
   Plugin can also add it via nan_strip_products_class filter for other categories.
   v13.4.78: Fixed overflow bug — removed negative margin, added min-width:0
   so the flex container respects parent column width and scrolls within bounds. */
.cat-strip-right{min-width:0}
.cat-strip-products.cat-strip-products-h{
  display:flex;
  grid-template-columns:none;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.2) transparent;
  padding:4px 0 14px;
  margin:0;
  min-width:0;
  max-width:100%;
}
.cat-strip-products.cat-strip-products-h::-webkit-scrollbar{height:6px}
.cat-strip-products.cat-strip-products-h::-webkit-scrollbar-track{background:transparent}
.cat-strip-products.cat-strip-products-h::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}
.cat-strip-products.cat-strip-products-h .csp-card{flex:0 0 180px;scroll-snap-align:start;min-width:0}
.cat-strip-products.cat-strip-products-h .csp-card-more{
  flex:0 0 140px;scroll-snap-align:end;
  background:rgba(255,255,255,.04);
  border:1.5px dashed rgba(255,255,255,.15);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:10px;color:#fff;text-decoration:none;
  transition:border-color .2s,background .2s,transform .2s;
  padding:20px 14px;
}
.cat-strip-products.cat-strip-products-h .csp-card-more:hover{
  border-color:var(--strip-accent,#93C5FD);background:rgba(255,255,255,.08);
  transform:translateY(-4px);text-decoration:none;
}
.cat-strip-products.cat-strip-products-h .csp-more-arrow{font-size:34px;font-weight:700;color:var(--strip-accent,#93C5FD);line-height:1}
.cat-strip-products.cat-strip-products-h .csp-more-text{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}
.cat-strip-products.cat-strip-products-h .csp-more-sub{font-size:11px;color:rgba(255,255,255,.6);font-weight:500;line-height:1.3}
@media (max-width:600px){
  .cat-strip-products.cat-strip-products-h{gap:10px;padding:4px 2px 12px}
  .cat-strip-products.cat-strip-products-h .csp-card{flex:0 0 165px}
  .cat-strip-products.cat-strip-products-h .csp-card-more{flex:0 0 120px;padding:16px 10px}
  .cat-strip-products.cat-strip-products-h .csp-more-arrow{font-size:28px}
  .cat-strip-products.cat-strip-products-h .csp-more-text{font-size:13px}
  .cat-strip-products.cat-strip-products-h .csp-more-sub{font-size:10.5px}
}
.csp-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .22s var(--e2),background .2s;display:flex;flex-direction:column}
.csp-card:hover{border-color:var(--strip-accent,rgba(255,255,255,.3));background:rgba(255,255,255,.1);transform:translateY(-4px)}
.csp-img{height:140px;position:relative;overflow:hidden;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.csp-img img,.csp-img .nan-gif-product{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e2)}
.csp-card:hover .csp-img img,.csp-card:hover .csp-img .nan-gif-product{transform:scale(1.07)}
.csp-card-badge{position:absolute;top:7px;left:7px;font-size:9.5px;padding:2px 7px}
.csp-card-hot{position:absolute;top:7px;right:7px;font-size:9.5px;padding:2px 7px}
.csp-body{padding:10px 12px;display:flex;flex-direction:column;flex:1}
.csp-name{font-size:12.5px;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(12.5px * 1.35 * 2)}
.csp-name a{color:inherit;text-decoration:none}
.csp-name a:hover{color:var(--strip-accent,#93C5FD)}
.csp-stars{color:#F59E0B;font-size:10px;letter-spacing:1px;margin-bottom:6px}
.csp-price-row{display:flex;align-items:center;gap:6px;margin-bottom:0;flex-wrap:wrap}
.csp-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.csp-was{font-size:10px;color:rgba(255,255,255,.3);text-decoration:line-through;font-family:var(--m)}
.csp-now{font-size:16px;font-weight:800;color:#fff;font-family:var(--m);letter-spacing:-.3px}
.csp-save{font-size:10px;font-weight:700;background:rgba(220,38,38,.25);color:#FCA5A5;border:1px solid rgba(220,38,38,.3);padding:2px 6px;border-radius:4px;font-family:var(--m)}
.csp-view{font-size:12.5px;font-weight:700;color:var(--strip-accent,#93C5FD);text-decoration:none;transition:opacity .15s;white-space:nowrap}
.csp-view:hover{opacity:.8}
.csp-cart{width:34px;height:34px;border-radius:8px;background:var(--strip-accent,var(--blue));border:none;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:transform .15s var(--e3),box-shadow .15s,background .15s;padding:0;color:#000;text-decoration:none;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1}
.csp-cart:hover{transform:scale(1.12);color:#000;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.csp-cart:active{transform:scale(.96)}
.csp-cart-oos{background:rgba(255,255,255,.08);color:rgba(255,255,255,.35);cursor:not-allowed;border:1px solid rgba(255,255,255,.12);box-shadow:none}
.csp-cart-oos:hover{transform:none;box-shadow:none}

/* v13.2.4: Full-width Add-to-Cart button for homepage cat-strip cards.
   Replaces the small blue square cart icon. Bigger tap target,
   matches Apple/Shopify card aesthetic. */
.csp-add-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:10px 14px;
  background:var(--strip-accent,var(--blue));
  color:#000;
  border:none;
  border-radius:9px;
  font-family:var(--f);
  font-size:13px;
  font-weight:700;
  letter-spacing:-.005em;
  text-decoration:none;
  cursor:pointer;
  transition:transform .15s var(--e3),box-shadow .15s,opacity .15s;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  margin-top:8px;
}
.csp-add-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.28);
  color:#000;
}
.csp-add-btn:active{transform:translateY(0)}
.csp-add-btn .csp-add-ico{font-size:14px;line-height:1}
.csp-add-btn-oos{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.12);
  cursor:not-allowed;
  box-shadow:none;
}
.csp-add-btn-oos:hover{transform:none;box-shadow:none;color:rgba(255,255,255,.4)}

/* Alternating strip layout — odd strips flip columns */
.cat-strip:nth-child(even) .cat-strip-inner{direction:rtl}
.cat-strip:nth-child(even) .cat-strip-inner > *{direction:ltr}

/* ═══════════════════════════════
   CATEGORY QC SYSTEM
═══════════════════════════════ */
.nan-qc-wrap{margin:24px 0}
.nan-qc-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.nan-qc-icon{font-size:36px}
.nan-qc-title{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.3px}
.nan-qc-tagline{font-size:12.5px;color:var(--ink4);margin-top:2px}
.nan-qc-count{margin-left:auto;background:var(--blt);border:1.5px solid var(--bbd);border-radius:99px;padding:5px 14px;font-size:12px;font-weight:700;color:var(--gai);white-space:nowrap}
.nan-qc-grid{display:grid;gap:10px}
.nan-qc-point{background:var(--w);border:1.5px solid var(--g200);border-radius:12px;padding:14px;text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s}
.nan-qc-point:hover{border-color:var(--bbd);transform:translateY(-3px);box-shadow:0 6px 20px rgba(37,99,235,.08)}
.nan-qc-more{background:var(--blt);border-color:var(--bbd)}
.nan-qc-num{font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:6px;font-family:var(--m)}
.nan-qc-ico{font-size:26px;display:block;margin-bottom:6px}
.nan-qc-ptitle{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:3px;line-height:1.3}
.nan-qc-pdesc{font-size:11px;color:var(--ink5);line-height:1.5}

/* ── STRIP RESPONSIVE ── */
@media(max-width:1023px){
  .cat-strip-inner{grid-template-columns:1fr;gap:32px}
  .cat-strip:nth-child(even) .cat-strip-inner{direction:ltr}
  .cat-strip-products{grid-template-columns:repeat(2,1fr)}
  .cat-strip-qc-grid{grid-template-columns:repeat(3,1fr)}
  .cat-strip-h{font-size:clamp(26px,4vw,40px)}
}
@media(max-width:600px){
  .cat-strip{padding:44px 0}
  .cat-strip-h{font-size:28px;letter-spacing:-.8px}
  .cat-strip-products{grid-template-columns:1fr 1fr;gap:8px}
  .cat-strip-qc-grid{grid-template-columns:1fr 1fr}
  .csp-img{height:120px}
  .cat-strip-btns{flex-direction:column}
  .cat-strip-btn-p,.cat-strip-btn-o{width:100%;justify-content:center}
  .cat-strip-prices{gap:8px}
}
@media(max-width:480px){
  .cat-strip-products{grid-template-columns:1fr 1fr}
  .csp-img{height:110px}
  .nan-qc-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ═══════════════════════════════
   HERO SLIDER
═══════════════════════════════ */
.hero-slider{overflow:hidden;user-select:none}

/* Slides track */
.hslider-track{position:relative;width:100%;height:100%;min-height:88vh}
.hslider-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);pointer-events:none;min-height:88vh;display:flex;align-items:center}
.hslider-slide.active{opacity:1;pointer-events:all;position:relative}
.hslider-slide.prev{opacity:0}

/* Slide entrance animations */
.hslider-slide.active .hero-h,
.hslider-slide.active .hero-eyebrow,
.hslider-slide.active .hero-desc,
.hslider-slide.active .hero-trust,
.hslider-slide.active .hero-btns{animation:slideIn .7s cubic-bezier(.16,1,.3,1) both}
.hslider-slide.active .hero-eyebrow{animation-delay:.1s}
.hslider-slide.active .hero-h{animation-delay:.18s}
.hslider-slide.active .hero-desc{animation-delay:.28s}
.hslider-slide.active .hero-trust{animation-delay:.36s}
.hslider-slide.active .hero-btns{animation-delay:.44s}
@keyframes slideIn{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}
.hslider-slide.active .hero-card{animation:slideInRight .75s cubic-bezier(.16,1,.3,1) .3s both}
@keyframes slideInRight{
  from{opacity:0;transform:translateX(40px) scale(.96)}
  to{opacity:1;transform:none}
}

/* Prev / Next arrows */
.hslider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s}
.hslider-arrow:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-50%) scale(1.08)}
.hslider-prev{left:20px}
.hslider-next{right:20px}

/* Dots */
.hslider-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:10}
.hslider-dot{width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.25);border:none;cursor:pointer;padding:0;transition:width .3s,background .3s;position:relative;overflow:hidden}
.hslider-dot.active{width:52px;background:rgba(255,255,255,.35)}
.hslider-dot-fill{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;border-radius:2px}
.hslider-dot.active .hslider-dot-fill{animation:dotprog var(--slider-dur,6s) linear forwards}
@keyframes dotprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Slide counter */
.hslider-counter{position:absolute;bottom:28px;right:20px;font-size:12px;font-weight:700;color:rgba(255,255,255,.45);font-family:var(--m);z-index:10;letter-spacing:.5px}
#hslider-cur{color:#fff}

/* Progress bar */
.hslider-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.1);z-index:10}
.hslider-progress-fill{height:100%;background:rgba(255,255,255,.5);width:0;transform-origin:left;transition:none}
.hslider-progress-fill.animating{transition:width var(--slider-dur,6s) linear}

/* Pause button */
.hslider-pause{position:absolute;bottom:24px;right:60px;z-index:10;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.4);font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;letter-spacing:2px}
.hslider-pause:hover{background:rgba(255,255,255,.2);color:#fff}
.hslider-pause.paused{color:#fff;background:rgba(255,255,255,.15)}

/* Swipe hint on mobile */
@media(max-width:600px){
  .hslider-arrow{width:36px;height:36px}
  .hslider-prev{left:10px}
  .hslider-next{right:10px}
  .hslider-dots{bottom:20px}
  .hslider-counter{display:none}
  .hslider-pause{display:none}
}

/* ═══════════════════════════════
   WARRANTY SYSTEM
═══════════════════════════════ */

/* ── Product page warranty box ── */
.warranty-box{background:var(--g50);border:1.5px solid var(--g200);border-radius:14px;overflow:hidden;margin-bottom:20px}
.warranty-box-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--g200);flex-wrap:wrap;gap:10px}
.wb-icon{font-size:28px;flex-shrink:0}
.wb-title{font-size:15px;font-weight:700;color:var(--ink)}
.wb-sub{font-size:12px;color:var(--ink5);margin-top:2px}
.wb-badge{font-size:11px;font-weight:800;padding:4px 12px;border-radius:99px;margin-left:auto;white-space:nowrap}
.wb-badge-double{background:var(--gnb);color:var(--ubi);border:1px solid var(--gbd)}
.wb-badge-assured{background:var(--blt);color:var(--gai);border:1px solid var(--gabd)}
.warranty-box-items{padding:14px 18px;display:flex;flex-direction:column;gap:10px}
.wb-item{display:flex;align-items:flex-start;gap:10px}
.wb-check{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}
.wb-check-brand{background:var(--gnb);color:var(--grn);border:1px solid var(--gbd)}
.wb-check-nan{background:var(--blt);color:var(--blue);border:1px solid var(--bbd)}
.wb-item-title{font-size:13.5px;font-weight:700;color:var(--ink)}
.wb-item-desc{font-size:12px;color:var(--ink4);margin-top:2px;line-height:1.6}
.wb-note{font-size:12px;font-weight:600;color:var(--ubi);background:rgba(22,163,74,.08);border-radius:7px;padding:8px 12px;border:1px solid var(--gbd)}
.warranty-box-actions{padding:14px 18px;border-top:1px solid var(--g200);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wb-claim-btn{display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#fff;border:none;border-radius:9px;padding:10px 18px;font-family:var(--f);font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .18s}
.wb-claim-btn:hover{opacity:.88}
.wb-policy-link{font-size:13px;color:var(--blue);text-decoration:none;font-weight:600}
.wb-policy-link:hover{text-decoration:underline}

/* ── Warranty checker tool ── */
.warranty-checker-wrap{background:var(--w);border:1.5px solid var(--g200);border-radius:var(--rad-lg);padding:28px;margin-bottom:0}
.wc-tool-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.wc-tool-ico{font-size:36px;flex-shrink:0}
.wc-tool-title{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.3px}
.wc-tool-sub{font-size:13.5px;color:var(--ink4);margin-top:4px}
.wc-form{}
/* v12.4 — clean alignment: all elements end at same baseline */
.wc-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.wc-field-group{display:flex;flex-direction:column;gap:6px;min-width:0}
.wc-field-group label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink4)}
.wc-field-group input{background:var(--g100);border:1.5px solid var(--g200);border-radius:10px;padding:0 14px;font-family:var(--f);font-size:14px;color:var(--ink);outline:none;transition:border-color .2s,background .2s;height:46px;box-sizing:border-box;width:100%}
.wc-field-group input:focus{border-color:var(--bbd);background:var(--w)}
.wc-check-btn{background:var(--blue);color:#fff;border:none;border-radius:10px;padding:0 24px;font-family:var(--f);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .18s;height:46px;box-sizing:border-box}
.wc-check-btn:hover{background:var(--bd)}
.wc-check-btn:disabled{opacity:.6;cursor:not-allowed}
.wc-form-helper{font-size:12px;color:var(--ink4);margin-top:10px;line-height:1.5}
.wc-error{background:var(--rdb);border:1px solid #FCA5A5;border-radius:9px;padding:10px 14px;font-size:13.5px;color:var(--red);margin-top:12px;font-weight:600}

/* Results */
.wc-results{margin-top:24px;border-top:1.5px solid var(--g200);padding-top:24px}
.wcr-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.wcr-order{font-size:16px;font-weight:800;color:var(--ink)}
.wcr-date{font-size:13px;color:var(--ink4)}
.wcr-name{font-size:14px;font-weight:700;color:var(--blue);margin-left:auto}
.wcr-product{background:var(--g50);border:1.5px solid var(--g200);border-radius:12px;padding:18px;margin-bottom:12px}
.wcr-product:last-child{margin-bottom:0}
.wcr-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.wcr-product-name{font-size:15px;font-weight:700;color:var(--ink)}
.wcr-status-active{font-size:12.5px;font-weight:700;color:var(--grn);background:var(--gnb);border:1px solid var(--gbd);padding:4px 12px;border-radius:99px;white-space:nowrap}
.wcr-status-expired{font-size:12.5px;font-weight:700;color:var(--red);background:var(--rdb);border:1px solid #FCA5A5;padding:4px 12px;border-radius:99px;white-space:nowrap}
.wcr-warranties{display:flex;flex-direction:column;gap:10px}
.wcr-w-item{display:flex;align-items:flex-start;gap:12px;background:var(--w);border:1px solid var(--g200);border-radius:10px;padding:12px 14px}
.wcr-w-ico{font-size:20px;flex-shrink:0;margin-top:1px}
.wcr-w-brand{border-color:var(--gbd);background:var(--gnb)}
.wcr-w-nan{border-color:var(--gabd);background:var(--blt)}
.wcr-w-name{font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:4px}
.wcr-w-info{font-size:12px;color:var(--ink4)}
.wcr-w-dates{display:flex;gap:16px;font-size:12px;color:var(--ink4);margin-bottom:8px;flex-wrap:wrap}
.wcr-progress-wrap{width:100%}
.wcr-progress-track{height:6px;background:var(--g200);border-radius:99px;overflow:hidden;margin-bottom:5px}
.wcr-progress-fill{height:100%;border-radius:99px;transition:width 1.2s var(--e2)}
.wcr-progress-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink5);font-family:var(--m)}
.wcr-actions{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--g200)}

/* My Orders warranty column */
.order-warranty-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:5px}
.order-warranty-active{background:var(--gnb);color:var(--grn);border:1px solid var(--gbd)}
.order-warranty-expired{background:var(--g100);color:var(--ink4);border:1px solid var(--g200)}
.ow-dot{width:6px;height:6px;border-radius:50%;background:var(--grn);animation:owpulse 1.5s ease infinite}
@keyframes owpulse{0%,100%{opacity:1}50%{opacity:.3}}
.ow-expiry{font-size:10.5px;color:var(--ink5);margin-top:3px}

/* Responsive */
@media(max-width:900px){
  .wc-fields{grid-template-columns:1fr 1fr}
  .wc-check-btn{grid-column:span 2;width:100%}
}
@media(max-width:600px){
  .wc-fields{grid-template-columns:1fr}
  .wc-check-btn{grid-column:span 1}
  .warranty-box-header{flex-direction:column;align-items:flex-start}
  .wb-badge{margin-left:0}
  .wcr-product-top{flex-direction:column}
}

/* ── Nav Dropdown — JS controlled ── */
.nav-dropdown{
  position:fixed;
  background:var(--w);
  border:1.5px solid var(--g200);
  border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,.13);
  padding:10px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  min-width:480px;
  z-index:9998;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px) scale(.98);
  transform-origin:top left;
  transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1),visibility 0s .2s;
  pointer-events:none;
}
.nav-dropdown.nav-drop-open{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:all;
  transition:opacity .2s,transform .22s cubic-bezier(.16,1,.3,1);
}

/* ════════════════════════════════════════
   CRITICAL FOOTER COLOR FIX
═══════════════════════════════════════════ */
.site-footer{background:#0F172A!important}
.site-footer,
.site-footer p,
.site-footer li,
.site-footer span,
.site-footer .footer-links li,
.site-footer .footer-links a{
  color:#CBD5E1!important;
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .footer-col-title,
.site-footer strong,
.site-footer b{color:#fff!important}
.site-footer a{color:#CBD5E1!important;text-decoration:none!important}
.site-footer a:hover{color:#fff!important}
.site-footer .footer-bottom,
.site-footer .footer-bottom *,
.site-footer .footer-copy,
.site-footer .footer-copy *{color:#94A3B8!important}

/* ════════════════════════════════════════
   CRITICAL NAV BUTTON FIX — defeat browser default
═══════════════════════════════════════════ */
.header-nav button.nav-link,
.header-nav .nav-link{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  border:none!important;
  border-bottom:2.5px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 14px!important;
  height:44px!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  color:#374151!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:color .15s,background .15s,border-color .15s!important;
}
.header-nav button.nav-link:hover,
.header-nav .nav-link:hover{
  background:#F9FAFB!important;
  color:#0F172A!important;
  border-bottom-color:#2563EB!important;
}
.header-nav .nav-ub{color:#0F172A!important}
.header-nav .nav-ga{color:#0F172A!important}
.header-nav .dot{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  border-radius:50%!important;
  flex-shrink:0!important;
}
.header-nav .nav-ub .dot{background:#16A34A!important}
.header-nav .nav-ga .dot{background:#2563EB!important}

/* Cart count fix */
.cart-btn .cart-count,
.cart-count{
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  min-width:18px!important;height:18px!important;
  padding:0 5px!important;
  background:#2563EB!important;
  color:#fff!important;
  font-size:10px!important;font-weight:800!important;
  border-radius:99px!important;
  border:2px solid #0F172A!important;
}

/* ─── Category count badges ─── */
.drop-count{
  display:inline-flex;
  align-items:center;justify-content:center;
  min-width:20px;height:18px;
  padding:0 6px;
  background:#F1F5F9;
  color:#64748B;
  font-size:10px;
  font-weight:700;
  border-radius:99px;
  margin-left:6px;
  vertical-align:middle;
  line-height:1;
}
.drop-link:hover .drop-count{background:#DBEAFE;color:#2563EB}

/* Mobile sub-category count */
.mob-count{
  display:inline-flex;
  align-items:center;justify-content:center;
  min-width:20px;height:18px;
  padding:0 6px;
  background:#F1F5F9;
  color:#64748B;
  font-size:10px;
  font-weight:700;
  border-radius:99px;
  margin-left:auto;
  line-height:1;
}

/* Pill total count badge (next to Unboxed / Grade A Used label) */
.pill-count{
  display:inline-flex;
  align-items:center;justify-content:center;
  min-width:18px;height:16px;
  padding:0 5px;
  background:rgba(0,0,0,.08);
  color:inherit;
  font-size:9.5px;
  font-weight:800;
  border-radius:99px;
  margin:0 4px;
  vertical-align:middle;
  line-height:1;
  letter-spacing:.3px;
}
.nav-ub .pill-count{background:rgba(22,163,74,.15);color:#15803D}
.nav-ga .pill-count{background:rgba(37,99,235,.15);color:#1D4ED8}

/* Footer category count */
.footer-count{
  display:inline-flex;
  align-items:center;justify-content:center;
  min-width:18px;height:16px;
  padding:0 5px;
  background:rgba(255,255,255,.08);
  color:#94A3B8!important;
  font-size:9.5px;
  font-weight:700;
  border-radius:99px;
  margin-left:5px;
  vertical-align:middle;
  line-height:1;
}

/* ════════════════════════════════════════════════════════════════════
   SCARCITY & URGENCY — conversion-optimised messaging
═══════════════════════════════════════════════════════════════════════ */

/* Scarcity badge on product cards */
.badge-scarce{
  background:linear-gradient(135deg,#FEF3C7,#FDE68A)!important;
  color:#92400E!important;
  border:1px solid #FCD34D!important;
  animation:scarcePulse 2.5s ease infinite!important;
}
@keyframes scarcePulse{0%,100%{opacity:1}50%{opacity:.75}}

/* Trust band scarcity item */
.tb-scarce{border-left:3px solid #F59E0B!important}
.tb-scarce .tb-ico{color:#D97706!important}
.tb-scarce .tb-title{color:#92400E!important}

/* Why card scarcity */
.why-card-scarcity{
  background:linear-gradient(135deg,#FFFBEB,#fff)!important;
  border-color:#FCD34D!important;
}
.why-card-scarcity .why-ico{font-size:28px}
.why-card-scarcity .why-title{color:#92400E!important}

/* Scarcity conviction strip */
.scarcity-strip{
  background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);
  padding:64px 0;
  overflow:hidden;
  position:relative;
}
.scarcity-strip::before{
  content:'';
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  pointer-events:none;
}
.scarcity-inner{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:48px;
  align-items:center;
  position:relative;
  z-index:1;
}
.scarcity-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(245,158,11,.15);
  border:1px solid rgba(245,158,11,.3);
  color:#FCD34D;
  font-size:11.5px;font-weight:800;
  padding:5px 14px;border-radius:99px;
  letter-spacing:.5px;text-transform:uppercase;
  margin-bottom:16px;
}
.scarcity-title{
  font-size:clamp(24px,3.5vw,38px);
  font-weight:900;
  color:#fff;
  letter-spacing:-.5px;
  line-height:1.15;
  margin-bottom:16px;
}
.scarcity-title span{color:#FCD34D}
.scarcity-body{
  font-size:15px;
  color:#94A3B8;
  line-height:1.75;
  margin-bottom:28px;
  max-width:520px;
}
.scarcity-stats{
  display:flex;align-items:center;
  gap:0;
  flex-wrap:wrap;
}
.sc-stat{
  display:flex;flex-direction:column;
  padding:12px 20px;
}
.sc-stat:first-child{padding-left:0}
.sc-num{
  font-size:24px;font-weight:900;
  color:#FCD34D;letter-spacing:-.5px;
  font-family:var(--m);
}
.sc-lbl{font-size:11.5px;color:#64748B;margin-top:2px;font-weight:500}
.sc-div{width:1px;height:36px;background:#1E293B}

/* Right side cards */
.scarcity-right{
  display:flex;flex-direction:column;gap:12px;
}
.sc-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  padding:18px 20px;
  transition:background .2s,border-color .2s;
}
.sc-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.sc-card-ico{font-size:22px;margin-bottom:6px}
.sc-card-title{font-size:14px;font-weight:800;color:#fff;margin-bottom:6px}
.sc-card-text{font-size:13px;color:#64748B;line-height:1.6}
.sc-card-cta{
  background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(29,78,216,.15))!important;
  border-color:rgba(37,99,235,.3)!important;
}
.sc-card-btn{
  display:inline-block;
  margin-top:12px;
  background:#2563EB;color:#fff;
  padding:9px 20px;border-radius:9px;
  font-size:13px;font-weight:700;
  text-decoration:none;
  transition:background .15s,transform .1s;
}
.sc-card-btn:hover{background:#1D4ED8;transform:translateY(-1px);color:#fff}

/* Stock nudge on product page */
.sc-nudge{
  display:flex;align-items:flex-start;gap:9px;
  background:#FFFBEB;
  border:1.5px solid #FDE68A;
  border-radius:10px;
  padding:12px 14px;
  font-size:13px;color:#92400E;
  line-height:1.5;
  font-weight:600;
  margin-bottom:14px;
}
.sc-nudge-dot{
  width:8px;height:8px;
  border-radius:50%;
  background:#F59E0B;
  flex-shrink:0;margin-top:4px;
  box-shadow:0 0 0 3px rgba(245,158,11,.2);
  animation:scarcePulse 2s ease infinite;
}
.sc-nudge-oos{background:#FEF2F2!important;border-color:#FCA5A5!important;color:#991B1B!important}
.sc-nudge-dot-grey{background:#94A3B8!important;box-shadow:none!important;animation:none!important}

/* Responsive */
@media(max-width:900px){
  .scarcity-inner{grid-template-columns:1fr;gap:32px}
  .scarcity-right{flex-direction:row;flex-wrap:wrap}
  .sc-card{flex:1;min-width:240px}
}
@media(max-width:600px){
  .scarcity-strip{padding:40px 0}
  .scarcity-right{flex-direction:column}
  .sc-card{min-width:unset}
  .sc-stat{padding:10px 14px}
}

/* ── Why section — redesigned ── */
.why-card{
  background:var(--w);
  border:1.5px solid var(--g200);
  border-radius:16px;
  padding:28px 24px;
  transition:border-color .2s,box-shadow .2s,transform .2s;
  display:flex;
  flex-direction:column;
}
.why-card:hover{
  border-color:var(--bbd);
  box-shadow:0 8px 28px rgba(37,99,235,.08);
  transform:translateY(-3px);
}
.why-ico{font-size:32px;display:block;margin-bottom:14px;line-height:1}
.why-title{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:9px;letter-spacing:-.2px}
.why-desc{font-size:13px;color:var(--ink3);line-height:1.75}

/* Wide scarcity card — full width below grid */
.why-card-wide{
  grid-column:1/-1;
  background:linear-gradient(135deg,#FFFBEB 0%,#fff 100%);
  border-color:#FDE68A;
  border-width:2px;
  padding:32px 36px;
}
.why-card-wide:hover{border-color:#F59E0B;box-shadow:0 8px 32px rgba(245,158,11,.12)}
.why-scarcity-inner{
  display:flex;align-items:center;
  gap:48px;
}
.why-scarcity-left{flex:1.4}
.why-scarcity-left .why-ico{font-size:36px;margin-bottom:10px}
.why-scarcity-left .why-title{font-size:18px;color:#92400E}
.why-scarcity-left .why-desc{font-size:14px;color:#78350F;line-height:1.8;max-width:500px}
.why-scarcity-right{
  flex:1;
  display:flex;flex-direction:column;
  gap:16px;
  border-left:1px solid #FDE68A;
  padding-left:48px;
}
.why-sc-stat{display:flex;flex-direction:column;gap:3px}
.why-sc-num{font-size:26px;font-weight:900;color:#92400E;letter-spacing:-.5px;font-family:var(--m)}
.why-sc-lbl{font-size:12px;color:#B45309;font-weight:600}
.why-sc-btn{
  display:inline-flex;align-items:center;
  background:#D97706;color:#fff;
  padding:11px 22px;border-radius:10px;
  font-size:13.5px;font-weight:700;
  text-decoration:none;
  transition:background .15s,transform .1s;
  margin-top:6px;
  align-self:flex-start;
}
.why-sc-btn:hover{background:#B45309;transform:translateY(-1px);color:#fff}

/* Responsive */
@media(max-width:1023px){
  .why-scarcity-inner{flex-direction:column;gap:28px}
  .why-scarcity-right{border-left:none;padding-left:0;border-top:1px solid #FDE68A;padding-top:24px;flex-direction:row;flex-wrap:wrap;gap:20px}
  .why-sc-stat{flex:1;min-width:100px}
  .why-card-wide{padding:24px}
}
@media(max-width:767px){
  .why-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
  .why-grid{grid-template-columns:1fr!important}
  .why-scarcity-right{flex-direction:column}
}

/* ════════════════════════════════════════════════════════════════════
   SUB-CATEGORY PRODUCT SHOWCASE STRIPS
═══════════════════════════════════════════════════════════════════════ */
.sub-showcase-wrap{
  padding:56px 0 0;
  border-top:1px solid var(--g100);
}
.sub-showcase-wrap + .sub-showcase-wrap{
  border-top:2px solid var(--g200);
  margin-top:0;
}
/* Section header */
.sub-showcase-header{
  display:flex;flex-direction:column;
  margin-bottom:32px;
}
.sub-showcase-badge{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:800;
  padding:5px 14px;border-radius:99px;
  border:1px solid;
  letter-spacing:.5px;text-transform:uppercase;
  margin-bottom:10px;
  align-self:flex-start;
}
.sub-showcase-dot{
  width:7px;height:7px;border-radius:50%;flex-shrink:0;
}
.sub-showcase-title{
  font-size:clamp(22px,3vw,32px);
  font-weight:900;color:var(--ink);
  letter-spacing:-.5px;margin-bottom:8px;
}
.sub-showcase-sub{
  font-size:14px;color:var(--ink4);
  margin-bottom:12px;max-width:520px;
}
.sub-showcase-all{
  font-size:13.5px;font-weight:700;
  text-decoration:none;
  align-self:flex-start;
  transition:opacity .15s;
}
.sub-showcase-all:hover{opacity:.75}

/* Sub-category row */
.sub-row{
  margin-bottom:40px;
  background:var(--w);
  border:1px solid var(--g200);
  border-radius:16px;
  overflow:hidden;
  transition:box-shadow .2s;
}
.sub-row:hover{box-shadow:0 8px 32px rgba(0,0,0,.06)}
.sub-row-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;
  border-bottom:1px solid var(--g100);
  background:var(--g50);
  flex-wrap:wrap;gap:10px;
}
.sub-row-info{display:flex;align-items:center;gap:12px}
.sub-row-ico{
  width:40px;height:40px;
  background:var(--w);border:1px solid var(--g200);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;flex-shrink:0;
}
.sub-row-name{
  font-size:16px;font-weight:800;color:var(--ink);
  text-decoration:none;
  transition:color .15s;display:block;
}
.sub-row-name:hover{color:var(--blue)}
.sub-row-cnt{
  font-size:12px;color:var(--ink5);font-weight:500;
  display:block;margin-top:2px;
}
.sub-row-more{
  font-size:13px;font-weight:700;
  text-decoration:none;white-space:nowrap;
  transition:opacity .15s;
}
.sub-row-more:hover{opacity:.7}

/* v13.4.70: Bottom "View all N products →" CTA — visible on every viewport.
   Acts as the primary path to the subcategory archive, especially on mobile
   where the top .sub-row-more is hidden. */
.sub-row-foot{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:14px 20px;
  border-top:1px solid var(--g100);
  background:var(--g50);
  color:var(--accent,#2563EB);
  font-size:13.5px;font-weight:700;
  text-decoration:none;
  transition:background .15s,color .15s;
}
.sub-row-foot:hover{
  background:var(--w);
  text-decoration:none;
  color:var(--accent,#2563EB);
  opacity:.85;
}
.sub-row-foot span{font-size:15px;line-height:1;}

/* Product cards in sub row */
.sub-row-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
/* sub-prod-card styles kept for any legacy use */
.sub-prod-card{
  display:flex;flex-direction:column;
  text-decoration:none;
  border-right:1px solid var(--g100);
  transition:background .15s;
  padding-bottom:14px;
}
.sub-prod-card:last-child{border-right:none}
.sub-prod-card:hover{background:var(--g50)}
.sub-prod-img{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--g50);
}
.sub-prod-img img{
  width:100%;height:100%;
  object-fit:contain;
  padding:12px;
  transition:transform .3s;
}
.sub-prod-card:hover .sub-prod-img img{transform:scale(1.04)}
.sub-prod-no-img{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:40px;color:var(--g300);
}
.sub-prod-save{
  position:absolute;top:8px;right:8px;
  background:#EF4444;color:#fff;
  font-size:10.5px;font-weight:800;
  padding:3px 8px;border-radius:6px;
}
.sub-prod-scarce{
  position:absolute;bottom:8px;left:8px;
  background:#FEF3C7;color:#92400E;
  border:1px solid #FDE68A;
  font-size:10px;font-weight:800;
  padding:3px 8px;border-radius:6px;
  animation:scarcePulse 2s ease infinite;
}
.sub-prod-info{padding:12px 14px 0}
.sub-prod-name{
  font-size:12.5px;font-weight:600;color:var(--ink);
  line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-bottom:7px;
}
.sub-prod-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sub-prod-mrp{font-size:11px;color:var(--ink5);text-decoration:line-through}
.sub-prod-cur{font-size:15px;font-weight:800;color:var(--ink);font-family:var(--m)}

/* Responsive */
@media(max-width:900px){
  .sub-row-grid{grid-template-columns:repeat(2,1fr)}
  .sub-prod-card:nth-child(2){border-right:none}
  .sub-prod-card:nth-child(3){border-top:1px solid var(--g100)}
  .sub-prod-card:nth-child(4){border-top:1px solid var(--g100)}
}
@media(max-width:600px){
  .sub-showcase-wrap{padding:36px 0 0}
  .sub-row-grid{grid-template-columns:repeat(2,1fr)}
  .sub-row-head{padding:12px 14px}
  .sub-row-more{display:none}
  /* v13.4.70: Make the bottom View All CTA more prominent on mobile —
     bigger tap target, more padding, visual lift */
  .sub-row-foot{
    padding:16px 16px;
    font-size:14px;
  }
}
@media(max-width:400px){
  .sub-row-grid{grid-template-columns:1fr 1fr}
}

/* ── Trust band — 5 equal columns, responsive ── */
.tb-scarce{border-left:none!important}
@media(max-width:1100px){
  .trust-inner{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:700px){
  .trust-inner{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:400px){
  .trust-inner{grid-template-columns:1fr!important}
}

/* ── Footer warranty link — prominent pill style ── */
.footer-warranty-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  background:rgba(37,99,235,.15)!important;
  border:1px solid rgba(37,99,235,.35)!important;
  color:#93C5FD!important;
  padding:6px 14px!important;
  border-radius:99px!important;
  font-size:12.5px!important;
  font-weight:700!important;
  margin-top:4px!important;
  transition:background .15s,border-color .15s,color .15s!important;
}
.footer-warranty-link:hover{
  background:rgba(37,99,235,.25)!important;
  border-color:rgba(37,99,235,.5)!important;
  color:#BFDBFE!important;
}

/* ════════════════════════════════════════════════════════════════════
   ROUND-7 FIXES
═══════════════════════════════════════════════════════════════════════ */

/* ── Short description on product page ── */
.product-short-desc{
  background:linear-gradient(135deg,#F0F7FF 0%,#fff 100%);
  border:1px solid #DBEAFE;
  border-radius:14px;
  padding:18px 20px;
  margin-bottom:18px;
  font-size:14.5px;
  line-height:1.7;
  color:#374151;
}
.product-short-desc p{margin:0 0 10px}
.product-short-desc p:last-child{margin-bottom:0}
.product-short-desc strong{color:#0F172A;font-weight:700}
.product-short-desc ul{padding-left:20px;margin:8px 0}
.product-short-desc li{margin-bottom:5px}

/* ── Condition card — fixed orientation ── */
.product-cond-card{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:14px;
  padding:16px 20px;
  margin-bottom:18px;
}
.product-cond-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;
  flex-wrap:wrap;gap:8px;
}
.product-cond-title{
  font-size:13px;font-weight:800;color:#0F172A;
  text-transform:uppercase;letter-spacing:.8px;
}
.product-cond-pct{
  background:linear-gradient(135deg,#16A34A,#22C55E);
  color:#fff;
  font-size:13px;font-weight:800;
  padding:3px 12px;border-radius:99px;
  min-width:52px;text-align:center;
  box-shadow:0 2px 8px rgba(22,163,74,.25);
  font-family:var(--m,monospace);
}
.product-cond-text{
  font-size:14px;color:#374151;
  line-height:1.6;
}
.product-cond-extra{
  font-size:12.5px;color:#64748B;
  margin-top:10px;padding-top:10px;
  border-top:1px solid #F1F5F9;
}

/* ── Video tab styling ── */
.ptab-video-wrap{
  position:relative;
  width:100%;
  max-width:720px;
  margin:0 auto;
  border-radius:12px;
  overflow:hidden;
  background:#000;
  aspect-ratio:16/9;
}
.ptab-video-wrap iframe{
  position:absolute;inset:0;
  width:100%;height:100%;
  border:0;
}

/* ── Values grid — perfect 2x2 (4 cards) ── */
.values-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px;
}
.values-grid .why-card{padding:28px 26px}
@media(max-width:1100px){
  .values-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
  .values-grid{grid-template-columns:1fr!important;gap:14px}
}

/* ── Brand tiles — proper "Shop by Brand" UX ── */
.brands-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.brand-tile{
  display:flex;align-items:center;justify-content:space-between;
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:14px;
  padding:18px 20px;
  text-decoration:none;
  transition:border-color .2s,transform .2s,box-shadow .2s;
  min-height:78px;
}
.brand-tile:hover{
  border-color:#2563EB;
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(37,99,235,.12);
}
.brand-tile-inner{flex:1;min-width:0}
.brand-name{
  font-size:17px;font-weight:800;color:#0F172A;
  letter-spacing:-.3px;line-height:1.2;
}
.brand-count{
  font-size:11.5px;color:#64748B;
  font-weight:600;margin-top:3px;
}
.brand-tile:hover .brand-count{color:#2563EB}
.brand-tile-arr{
  font-size:18px;color:#CBD5E1;
  font-weight:300;flex-shrink:0;
  transition:color .2s,transform .2s;
}
.brand-tile:hover .brand-tile-arr{
  color:#2563EB;
  transform:translateX(4px);
}
@media(max-width:1100px){.brands-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.brands-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.brands-grid{grid-template-columns:1fr}}

/* ════════════════════════════════════════════════════════════
   FIXES — condition card, video, warranty, etc.
═══════════════════════════════════════════════════════════════ */

/* Fix #4: Condition card layout — proper flex with % aligned right */
.product-cond-card{
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  border-radius:14px!important;
  padding:16px 20px!important;
  margin-bottom:18px!important;
}
.product-cond-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #F1F5F9!important;
}
.product-cond-title{
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  color:#0F172A!important;
  margin:0!important;
  flex:1!important;
}
.product-cond-pct{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#16A34A,#15803D)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  padding:5px 14px!important;
  border-radius:99px!important;
  letter-spacing:.3px!important;
  box-shadow:0 2px 8px rgba(22,163,74,.25)!important;
  flex-shrink:0!important;
}
.product-cond-text{
  font-size:14px!important;
  color:#374151!important;
  line-height:1.7!important;
  margin:0!important;
}
.product-cond-extra{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid #F1F5F9!important;
  font-size:13px!important;
  color:#64748B!important;
}

/* Fix #3: YouTube video — smaller, contained */
.product-yt{
  background:#0F172A!important;
  border:1px solid #1E293B!important;
  border-radius:14px!important;
  overflow:hidden!important;
  margin-bottom:18px!important;
  max-width:100%!important;
}
.product-yt iframe{
  width:100%!important;
  aspect-ratio:16/9!important;
  max-height:380px!important;
  border:none!important;
  display:block!important;
}
/* Inside tabs — smaller still */
.ptab-content .product-yt,
.ptab-content iframe{
  max-height:340px!important;
  border-radius:10px!important;
}

/* Fix #5: Better short description visibility */
.product-short-desc{
  background:linear-gradient(135deg,#F0F7FF 0%,#fff 100%)!important;
  border:1px solid #DBEAFE!important;
  border-left:4px solid #2563EB!important;
  border-radius:12px!important;
  padding:16px 18px!important;
  margin-bottom:18px!important;
  font-size:14.5px!important;
  line-height:1.7!important;
  color:#374151!important;
}

/* ── Shop by Brand — homepage tile grid ── */
.brand-shop-section{
  padding:60px 0;
  background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%);
}
.brand-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:14px;
}
.brand-tile{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:14px;
  padding:18px 12px;
  text-decoration:none;
  transition:border-color .2s,box-shadow .2s,transform .15s;
  text-align:center;
  min-height:120px;
}
.brand-tile:hover{
  border-color:#2563EB;
  box-shadow:0 8px 24px rgba(37,99,235,.12);
  transform:translateY(-3px);
}
.brand-tile-logo{
  width:48px;height:48px;
  border-radius:50%;
  background:linear-gradient(135deg,#F1F5F9,#fff);
  border:1.5px solid #E5E7EB;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:900;
  color:#0F172A;
  margin-bottom:8px;
  letter-spacing:-.5px;
  transition:background .2s,border-color .2s;
}
.brand-tile:hover .brand-tile-logo{
  background:linear-gradient(135deg,#EFF6FF,#fff);
  border-color:#93C5FD;
  color:#2563EB;
}
.brand-tile-name{
  font-size:13px;font-weight:700;
  color:#0F172A;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  margin-bottom:2px;
}
.brand-tile-cnt{
  font-size:10.5px;font-weight:600;
  color:#94A3B8;
}
@media(max-width:1100px){.brand-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:768px){.brand-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.brand-grid{grid-template-columns:repeat(3,1fr);gap:10px}.brand-tile{padding:12px 8px;min-height:100px}}

/* ════════════════════════════════════════════════════════════════════
   PRODUCT PAGE LAYOUT — mobile/tablet/desktop optimised
═══════════════════════════════════════════════════════════════════════ */

/* Desktop: gallery left + info right */
.product-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,520px)!important;
  gap:48px!important;
  align-items:start!important;
  padding:24px 0!important;
}

.product-gallery{
  position:sticky!important;
  top:80px!important;
  min-width:0!important;
}

.product-info{
  min-width:0!important;
}

/* Better mobile/tablet layout — single column, gallery on top, full width content */
@media(max-width:1100px){
  .product-layout{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:16px 0!important;
  }
  .product-gallery{
    position:static!important;
    top:auto!important;
    max-width:600px!important;
    margin:0 auto!important;
    width:100%!important;
  }
  .product-info{
    max-width:720px!important;
    margin:0 auto!important;
    width:100%!important;
  }
}

/* Make main image responsive */
@media(max-width:1100px){
  .prod-main-img{
    aspect-ratio:1!important;
    max-height:480px!important;
  }
  .prod-main-img img,
  .prod-main-img .nan-gif-product{
    object-fit:contain!important;
    background:#fff!important;
  }
}

/* Tablet: bigger thumbs */
@media(max-width:1100px) and (min-width:768px){
  .prod-thumbs{justify-content:center!important;gap:10px!important}
  .prod-thumb{width:80px!important;height:80px!important}
}

/* Mobile small */
@media(max-width:600px){
  .prod-thumbs{gap:6px!important}
  .prod-thumb{width:56px!important;height:56px!important}
  .product-layout{padding:12px 0!important}
  /* Smaller buttons */
  .product-add-btn{padding:14px!important;font-size:15px!important}
  .product-buy-btn{padding:13px!important;font-size:14px!important}
}

/* Make all product info cards responsive */
.product-cond-card,
.product-short-desc,
.warranty-box,
.product-guarantees{
  max-width:100%!important;
  box-sizing:border-box!important;
}

.product-guarantees{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:8px!important;
  margin-bottom:18px!important;
}
.product-guar{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:8px 12px!important;
  background:#F8FAFC!important;
  border:1px solid #E5E7EB!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:600!important;
  color:#374151!important;
  white-space:normal!important;
  line-height:1.3!important;
  overflow:visible!important;
}
@media(max-width:480px){
  .product-guarantees{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .product-guar{font-size:11.5px!important;padding:7px 10px!important}
}

/* Tabs cleaner */
.product-tabs-nav{
  display:flex!important;
  gap:4px!important;
  border-bottom:2px solid #F1F5F9!important;
  margin-bottom:18px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.product-tabs-nav::-webkit-scrollbar{display:none}
.ptab-btn{
  background:none!important;
  border:none!important;
  padding:11px 16px!important;
  font-family:inherit!important;
  font-size:13.5px!important;
  font-weight:700!important;
  color:#64748B!important;
  cursor:pointer!important;
  border-bottom:2.5px solid transparent!important;
  margin-bottom:-2px!important;
  transition:color .15s,border-color .15s!important;
  white-space:nowrap!important;
  flex-shrink:0!important;
}
.ptab-btn:hover{color:#0F172A!important}
.ptab-btn.active{color:#2563EB!important;border-bottom-color:#2563EB!important}

/* Spec table cleaner */
.product-tabs table{
  width:100%!important;
  border-collapse:collapse!important;
  margin-bottom:14px!important;
}
.product-tabs table th,
.product-tabs table td{
  padding:12px 14px!important;
  text-align:left!important;
  font-size:13.5px!important;
  border-bottom:1px solid #F1F5F9!important;
  vertical-align:top!important;
}
.product-tabs table th{
  font-weight:700!important;
  color:#374151!important;
  width:40%!important;
  background:#F8FAFC!important;
}
.product-tabs table td{
  color:#0F172A!important;
}
.product-tabs table tr:last-child th,
.product-tabs table tr:last-child td{border-bottom:none!important}

/* ════════════════════════════════════════════════════════════════════
   Product details — FULL WIDTH below gallery+info
═══════════════════════════════════════════════════════════════════════ */
.product-details-full{
  max-width:1100px!important;
  margin:0 auto!important;
}
.product-details-full .product-tabs{
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  border-radius:16px!important;
  padding:24px 28px!important;
}
.product-details-full .product-tab-nav{
  display:flex!important;
  gap:4px!important;
  border-bottom:2px solid #F1F5F9!important;
  margin-bottom:24px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.product-details-full .product-tab-nav::-webkit-scrollbar{display:none}
.product-details-full .ptab-btn{
  background:none!important;
  border:none!important;
  padding:13px 20px!important;
  font-family:inherit!important;
  font-size:14.5px!important;
  font-weight:700!important;
  color:#64748B!important;
  cursor:pointer!important;
  border-bottom:3px solid transparent!important;
  margin-bottom:-2px!important;
  transition:color .15s,border-color .15s!important;
  white-space:nowrap!important;
  flex-shrink:0!important;
}
.product-details-full .ptab-btn:hover{color:#0F172A!important}
.product-details-full .ptab-btn.active{color:#2563EB!important;border-bottom-color:#2563EB!important}

.product-details-full .ptab-panel{
  display:none;
}
.product-details-full .ptab-panel.active{
  display:block;
}
.product-details-full .ptab-panel{
  font-size:15px!important;
  line-height:1.8!important;
  color:#374151!important;
}
.product-details-full .ptab-panel p{margin:0 0 14px!important}
.product-details-full .ptab-panel h3{font-size:18px;font-weight:800;color:#0F172A;margin:0 0 14px}
.product-details-full .ptab-panel ul,
.product-details-full .ptab-panel ol{padding-left:24px;margin:0 0 14px}
.product-details-full .ptab-panel li{margin-bottom:6px}
.product-details-full .ptab-panel strong{color:#0F172A;font-weight:700}

/* Spec/cert table */
.product-details-full .ptab-panel table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  border:1px solid #E5E7EB!important;
}
.product-details-full .ptab-panel table th,
.product-details-full .ptab-panel table td{
  padding:12px 16px!important;
  text-align:left!important;
  font-size:14px!important;
  border-bottom:1px solid #F1F5F9!important;
  vertical-align:top!important;
}
.product-details-full .ptab-panel table th{
  font-weight:700!important;
  color:#374151!important;
  width:35%!important;
  background:#F8FAFC!important;
}
.product-details-full .ptab-panel table td{color:#0F172A!important}
.product-details-full .ptab-panel table tr:last-child th,
.product-details-full .ptab-panel table tr:last-child td{border-bottom:none!important}

/* Video tab */
.ptab-video-wrap{
  border-radius:12px;
  overflow:hidden;
  background:#0F172A;
  max-width:800px;
  margin:0 auto;
}
.ptab-video-wrap iframe{
  width:100%;
  aspect-ratio:16/9;
  max-height:450px;
  border:none;
  display:block;
}

/* Mobile */
@media(max-width:768px){
  .product-details-full .product-tabs{padding:16px 14px!important;border-radius:12px!important}
  .product-details-full .ptab-btn{padding:11px 14px!important;font-size:13.5px!important}
  .product-details-full .ptab-panel{font-size:14px!important}
  .product-details-full .ptab-panel table th,
  .product-details-full .ptab-panel table td{padding:10px 12px!important;font-size:13px!important}
}

/* Make sure the right column in product-layout doesn't have absurd height anymore */
.product-info{max-width:520px}
@media(max-width:1100px){.product-info{max-width:720px;margin:0 auto}}

/* ════════════════════════════════════════════════════════════════════
   Where We Operate — premium country cards
═══════════════════════════════════════════════════════════════════════ */
.operate-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.op-card{
  position:relative;
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:18px;
  padding:28px 26px;
  transition:border-color .2s,box-shadow .2s,transform .2s;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.op-card::before{
  content:'';
  position:absolute;top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,transparent,transparent);
}
.op-card-live::before{background:linear-gradient(90deg,#16A34A,#22C55E)}
.op-card-soon::before{background:linear-gradient(90deg,#F59E0B,#FBBF24)}
.op-card-future::before{background:linear-gradient(90deg,#94A3B8,#CBD5E1)}
.op-card:hover{transform:translateY(-3px)}
.op-card-live:hover{border-color:#16A34A;box-shadow:0 12px 28px rgba(22,163,74,.12)}
.op-card-soon:hover{border-color:#F59E0B;box-shadow:0 12px 28px rgba(245,158,11,.12)}
.op-card-future:hover{border-color:#94A3B8;box-shadow:0 12px 28px rgba(0,0,0,.06)}

.op-card-status{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:6px;
  font-size:11px;font-weight:800;
  letter-spacing:.6px;text-transform:uppercase;
  padding:5px 12px;
  border-radius:99px;
  margin-bottom:18px;
}
.op-status-live{background:#DCFCE7;color:#15803D;border:1px solid #BBF7D0}
.op-status-soon{background:#FEF3C7;color:#B45309;border:1px solid #FDE68A}
.op-status-future{background:#F1F5F9;color:#64748B;border:1px solid #E5E7EB}

.op-card-flag{
  font-size:48px;
  line-height:1;
  margin-bottom:14px;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));
}
.op-card-country{
  font-size:24px;font-weight:900;
  color:#0F172A;letter-spacing:-.5px;
  margin-bottom:4px;
}
.op-card-tagline{
  font-size:13px;font-weight:600;
  color:#64748B;
  margin-bottom:14px;
}
.op-card-live .op-card-tagline{color:#16A34A}
.op-card-soon .op-card-tagline{color:#D97706}
.op-card-future .op-card-tagline{color:#94A3B8}

.op-card-desc{
  font-size:13.5px;
  color:#475569;
  line-height:1.7;
  flex:1;
  margin-bottom:18px;
}

/* Stats strip — only on Live card */
.op-card-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding-top:16px;
  border-top:1px solid #F1F5F9;
}
.op-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.op-stat-num{
  font-size:18px;font-weight:900;color:#0F172A;
  letter-spacing:-.3px;
  font-family:var(--m,monospace);
}
.op-stat-lbl{font-size:10.5px;color:#64748B;font-weight:600;letter-spacing:.2px}

.op-card-link{
  display:inline-flex;align-items:center;
  align-self:flex-start;
  gap:4px;
  background:#F8FAFC;
  border:1.5px solid #E5E7EB;
  border-radius:9px;
  padding:9px 16px;
  font-size:13px;font-weight:700;
  color:#374151;text-decoration:none;
  transition:background .15s,border-color .15s,color .15s;
}
.op-card-link:hover{background:#EFF6FF;border-color:#93C5FD;color:#2563EB}

/* Responsive */
@media(max-width:900px){
  .operate-grid{grid-template-columns:1fr 1fr;gap:16px}
  .operate-grid .op-card-future{grid-column:1/-1}
}
@media(max-width:600px){
  .operate-grid{grid-template-columns:1fr}
  .operate-grid .op-card-future{grid-column:auto}
  .op-card{padding:22px}
  .op-card-flag{font-size:40px}
  .op-card-country{font-size:22px}
}

/* ════════════════════════════════════════════════════════════════════
   Product page — fix empty left side on desktop
   When the right column ends, left column was orphan. Fix: the gallery
   is sticky and the ENTIRE product section now ends together.
═══════════════════════════════════════════════════════════════════════ */
.product-layout{
  align-items:start!important;
  /* Keep the layout balanced — make the right column not exceed left's natural height too much */
}
.product-gallery{
  position:sticky!important;
  top:80px!important;
  align-self:start!important;
}
/* Make sure the gallery's height doesn't make a big gap below it */
.prod-main-img{
  margin-bottom:0!important;
}
.prod-thumbs{
  margin-top:12px!important;
  flex-wrap:wrap!important;
}

/* ════════════════════════════════════════════════════════════════════
   Gallery trust panels — fills space below gallery on desktop
═══════════════════════════════════════════════════════════════════════ */

/* Remove sticky — let gallery scroll naturally, trust panels fill space */
.product-gallery{
  position:static!important;
  top:auto!important;
}

.gallery-trust{
  margin-top:24px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.gt-row{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 18px!important;
  border-bottom:1px solid #F1F5F9!important;
  transition:background .15s!important;
}
.gt-row:last-child{border-bottom:none!important}
.gt-row:hover{background:#F8FAFC!important}
.gt-icon{
  width:42px!important;height:42px!important;
  border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:18px!important;
  flex-shrink:0!important;
}
.gt-info{flex:1!important;min-width:0!important}
.gt-title{
  font-size:13.5px!important;
  font-weight:800!important;
  color:#0F172A!important;
  margin-bottom:2px!important;
  letter-spacing:-.1px!important;
}
.gt-sub{
  font-size:12px!important;
  color:#64748B!important;
  line-height:1.45!important;
}

/* Hide trust panels on mobile (already shown elsewhere) to avoid duplication */
@media(max-width:1100px){
  .gallery-trust{display:none!important}
}

/* Override the earlier sticky CSS too */
@media(min-width:1101px){
  .product-gallery{
    position:static!important;
    top:auto!important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   FINAL PRODUCT LAYOUT — proper harmony, no white space
═══════════════════════════════════════════════════════════════════════ */

/* Desktop: 2 column with sticky gallery that follows scroll */
@media(min-width:1101px){
  .product-layout{
    grid-template-columns:minmax(0,1.15fr) minmax(440px,500px)!important;
    gap:48px!important;
    align-items:start!important;
  }
  .product-gallery{
    position:sticky!important;
    top:90px!important;
    align-self:start!important;
    max-height:none!important;
    overflow-y:visible!important;
    scrollbar-width:auto!important;
  }
  
  /* Make image larger to feel balanced */
  .prod-main-img{
    aspect-ratio:1!important;
    max-width:600px!important;
    width:100%!important;
  }
  
  /* Show trust panels */
  .gallery-trust{display:flex!important;margin-top:20px!important}
}

/* EMI display */
.product-emi{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:10px;
  padding:9px 12px;
  background:linear-gradient(135deg,#FEF3C7 0%,#FFFBEB 100%);
  border:1px solid #FDE68A;
  border-radius:8px;
  font-size:13px;
  color:#92400E;
  font-weight:600;
}
.emi-icon{font-size:14px;line-height:1}
.product-emi strong{color:#0F172A;font-weight:800}
.product-emi-info{cursor:default}
.emi-tenure{color:#A16207;font-weight:500;font-size:12px}
.emi-note{color:#64748b;font-weight:500;font-size:11.5px;margin-left:auto}
.emi-link{
  margin-left:auto;
  color:#2563EB;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.emi-link:hover{text-decoration:underline}
@media(max-width:480px){
  .product-emi{font-size:12px;padding:8px 10px;flex-wrap:wrap}
  .emi-link{margin-left:0;width:100%;margin-top:4px}
  .emi-note{margin-left:0;width:100%;margin-top:2px;font-size:11px}
}

/* ════════════════════════════════════════════════════════════════════
   FILL WHITE SPACE — extra panels under gallery
═══════════════════════════════════════════════════════════════════════ */

/* Why NewAsNew compact card under gallery */
.gallery-why{
  margin-top:16px!important;
  background:linear-gradient(135deg,#F0F7FF 0%,#fff 100%)!important;
  border:1.5px solid #DBEAFE!important;
  border-radius:14px!important;
  padding:20px 22px!important;
}
.gw-head{margin-bottom:14px}
.gw-badge{
  display:inline-block;
  font-size:10.5px;font-weight:800;
  text-transform:uppercase;letter-spacing:1px;
  color:#2563EB;
  background:rgba(37,99,235,.1);
  padding:3px 10px;border-radius:99px;
  margin-bottom:8px;
}
.gw-title{
  font-size:18px;font-weight:900;
  color:#0F172A;letter-spacing:-.3px;
  margin:0;
}
.gw-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:14px 0;
  border-top:1px solid #DBEAFE;
  border-bottom:1px solid #DBEAFE;
  margin-bottom:14px;
}
.gw-stat{text-align:center}
.gw-num{
  font-size:24px;font-weight:900;
  color:#2563EB;letter-spacing:-.5px;
  line-height:1;margin-bottom:6px;
  font-family:var(--m,monospace);
}
.gw-lbl{
  font-size:11px;color:#475569;
  font-weight:600;line-height:1.3;
}
.gw-text{
  font-size:13px;color:#475569;
  line-height:1.65;margin:0;
}

/* Help block */
.gallery-help{
  margin-top:14px!important;
  background:linear-gradient(135deg,#DCFCE7 0%,#fff 100%)!important;
  border:1.5px solid #BBF7D0!important;
  border-radius:14px!important;
  padding:18px 20px!important;
  display:flex!important;
  gap:14px!important;
  align-items:flex-start!important;
}
.gh-icon{
  font-size:24px;
  flex-shrink:0;
  width:44px;height:44px;
  background:#16A34A;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(22,163,74,.3);
}
.gh-content{flex:1}
.gh-title{
  font-size:14.5px;font-weight:800;
  color:#15803D;margin-bottom:3px;
}
.gh-sub{
  font-size:12.5px;color:#166534;
  margin-bottom:10px;line-height:1.5;
}
.gh-btn{
  display:inline-flex;align-items:center;
  background:#16A34A;color:#fff!important;
  padding:8px 16px;border-radius:8px;
  font-size:12.5px;font-weight:700;
  text-decoration:none;
  transition:background .15s,transform .1s;
}
.gh-btn:hover{background:#15803D;transform:translateY(-1px);color:#fff!important}

/* Hide on mobile/tablet — too much info */
@media(max-width:1100px){
  .gallery-why,.gallery-help{display:none!important}
}

/* ── EMI on product cards ── */
.pcard-emi{
  display:inline-block;
  font-size:10.5px;
  font-weight:700;
  color:#92400E;
  background:#FEF3C7;
  border:1px solid #FDE68A;
  padding:2px 8px;
  border-radius:5px;
  margin-top:4px;
  letter-spacing:.1px;
  white-space:nowrap;
}
@media(max-width:600px){
  .pcard-emi{font-size:10px;padding:2px 6px}
}

/* ════════════════════════════════════════════════════════════════════
   FINAL FIX — gallery natural height, no internal scrolling
═══════════════════════════════════════════════════════════════════════ */

@media(min-width:1101px){
  /* Remove all max-height/sticky issues */
  .product-gallery{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:stretch!important;
  }

  /* Keep image at reasonable size */
  .prod-main-img{
    aspect-ratio:1!important;
    max-width:100%!important;
    width:100%!important;
  }

  /* Make the layout end at same height naturally —
     stretch alignment forces both columns to match */
  .product-layout{
    align-items:stretch!important;
  }

  /* Add a subtle filler at bottom of gallery if right is taller */
  .gallery-trust,
  .gallery-why,
  .gallery-help{
    width:100%!important;
  }
}

/* On large screens — make gallery wrapper a flex column that stretches */
@media(min-width:1101px){
  .product-gallery{
    display:flex!important;
    flex-direction:column!important;
  }
  /* Add flex-grow to last block so it expands to fill */
  .product-gallery > *:last-child{
    flex-grow:1!important;
  }
}

/* ── Tighten gap between product section and details section ── */
.product-layout{padding-bottom:0!important;margin-bottom:0!important}
.product-layout + .section-alt,
.section:has(.product-layout) + .section-alt{padding-top:24px!important}

/* Reduce excess bottom space on gallery side panels */
.gallery-help{margin-bottom:0!important}

/* Section containing product-layout — less bottom padding */
.section:has(.product-layout){padding-bottom:0!important}
@media(min-width:1101px){
  .section:has(.product-layout){padding-bottom:24px!important}
}

/* Price on request fallback styling */
.price-tba{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  color:#94A3B8;
  font-style:italic;
}

/* ════════════════════════════════════════════════════════════════════
   Nav dropdown — bridge gap so slow cursor doesn't lose menu
═══════════════════════════════════════════════════════════════════════ */
.nav-dropdown{
  /* Add invisible padding-top so cursor space exists between button & visible menu */
  padding-top:8px!important;
  /* Subtract that padding from the negative-top adjustment in JS */
}
.nav-dropdown::before{
  /* Invisible bridge that catches cursor — extends 12px above the visible panel */
  content:'';
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:14px;
  background:transparent;
  pointer-events:auto;
}

/* ════════════════════════════════════════════════════════════════════
   VARIABLE PRODUCT — variation selector styling (color, RAM, storage etc)
═══════════════════════════════════════════════════════════════════════ */
.variations_form{margin-bottom:14px}
.variations{
  width:100%;
  margin:0 0 14px;
  border-collapse:collapse;
}
.variations tr{display:block;margin-bottom:12px}
.variations td,
.variations th{
  display:block;
  padding:0;
  border:none;
  text-align:left;
}
.variations .label{margin-bottom:6px}
.variations .label label{
  font-size:12.5px;
  font-weight:800;
  color:#0F172A;
  text-transform:uppercase;
  letter-spacing:.6px;
}
.variations .value select{
  width:100%;
  padding:11px 14px;
  border:1.5px solid #E5E7EB;
  border-radius:10px;
  background:#fff;
  font-size:14px;
  font-weight:600;
  color:#0F172A;
  font-family:inherit;
  cursor:pointer;
  transition:border-color .15s,box-shadow .15s;
  /* Custom arrow */
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748B' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px;
}
.variations .value select:hover{border-color:#93C5FD}
.variations .value select:focus{
  outline:none;
  border-color:#2563EB;
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.reset_variations{
  display:inline-block;
  margin-top:8px;
  font-size:12px;
  color:#64748B;
  text-decoration:underline;
  cursor:pointer;
}
.reset_variations:hover{color:#2563EB}

/* Show price update / stock info on variation selection */
.single_variation_wrap{margin-top:6px}
.single_variation{
  margin-bottom:12px;
}
.single_variation .price{
  font-size:18px;
  font-weight:800;
  color:#0F172A;
  display:block;
  margin-bottom:6px;
}
.single_variation .stock{
  display:inline-block;
  font-size:12.5px;
  font-weight:700;
  padding:4px 10px;
  border-radius:6px;
  margin-bottom:8px;
}
.single_variation .stock.in-stock{background:#DCFCE7;color:#15803D}
.single_variation .stock.out-of-stock{background:#FEE2E2;color:#991B1B}
.single_variation .woocommerce-variation-availability{margin-bottom:8px}
.single_variation .woocommerce-variation-description{
  font-size:13px;
  color:#475569;
  line-height:1.65;
}

/* Disable button when no variation selected */
.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button{
  opacity:.5;
  cursor:not-allowed;
}
.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button:hover{
  background:#2563EB!important;
  transform:none!important;
}

@media(max-width:600px){
  .variations .value select{padding:10px 12px;font-size:13.5px}
}

/* ════════════════════════════════════════════════════════════════════
   WISHLIST — header icon, page styling
═══════════════════════════════════════════════════════════════════════ */
.wish-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:99px;
  padding:8px 14px;
  font-size:13px;
  font-weight:700;
  color:#0F172A;
  text-decoration:none;
  transition:border-color .15s,color .15s,background .15s;
}
.wish-btn:hover{border-color:#EF4444;color:#EF4444;background:#FEF2F2}
.wish-count{
  display:inline-flex;
  align-items:center;justify-content:center;
  min-width:18px;height:18px;
  padding:0 5px;
  background:#EF4444;color:#fff;
  font-size:10.5px;font-weight:800;
  border-radius:99px;
  margin-left:2px;
  letter-spacing:.3px;
}
@media(max-width:767px){
  .wish-btn-lbl{display:none}
  .wish-btn{padding:8px 10px;font-size:14px}
}

/* Wishlist page */
.wish-empty{
  text-align:center;
  padding:60px 20px;
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:18px;
  max-width:520px;
  margin:0 auto;
}
.wish-empty-ico{
  font-size:64px;color:#E5E7EB;
  margin-bottom:12px;line-height:1;
}
.wish-empty-title{
  font-size:22px;font-weight:900;
  color:#0F172A;margin-bottom:8px;
}
.wish-empty-desc{
  font-size:14px;color:#64748B;
  margin-bottom:20px;line-height:1.6;
}
.wish-empty-btn{
  display:inline-flex;align-items:center;
  background:#2563EB;color:#fff;
  padding:12px 24px;border-radius:10px;
  font-size:14px;font-weight:700;
  text-decoration:none;
  transition:background .15s,transform .1s;
}
.wish-empty-btn:hover{background:#1D4ED8;transform:translateY(-1px);color:#fff}

.wish-loading{
  text-align:center;
  padding:60px 20px;
  color:#64748B;
}
.wish-loading-spinner{
  width:40px;height:40px;
  border:3px solid #E5E7EB;
  border-top-color:#2563EB;
  border-radius:50%;
  margin:0 auto 16px;
  animation:wishSpin 0.7s linear infinite;
}
@keyframes wishSpin{to{transform:rotate(360deg)}}


/* ════════════════════════════════════════════════════════════════════
   FILTER FORM — Apply button, Clear, Price inputs
═══════════════════════════════════════════════════════════════════════ */
.shop-filter-form{display:flex;flex-direction:column}
.filter-clear{
  font-size:11.5px;
  color:#64748B;
  text-decoration:underline;
  cursor:pointer;
}
.filter-clear:hover{color:#EF4444}
.sb-cat-link{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:6px 8px!important;
  border-radius:6px!important;
  text-decoration:none!important;
  color:#374151!important;
  transition:background .15s,color .15s!important;
}
.sb-cat-link:hover{background:#EFF6FF!important;color:#2563EB!important}
.sb-cat-cnt{
  font-size:10.5px;
  font-weight:700;
  color:#94A3B8;
  background:#F1F5F9;
  padding:1px 7px;
  border-radius:99px;
}
.sb-price-input{
  flex:1;
  padding:8px 10px;
  font-size:13px;
  font-family:inherit;
  border:1.5px solid #E5E7EB;
  border-radius:8px;
  background:#fff;
  color:#0F172A;
  width:100%;
  transition:border-color .15s,box-shadow .15s;
}
.sb-price-input:focus{
  outline:none;
  border-color:#2563EB;
  box-shadow:0 0 0 3px rgba(37,99,235,.1);
}
.sb-apply-btn{
  margin-top:18px;
  background:#2563EB;
  color:#fff;
  border:none;
  padding:11px 16px;
  border-radius:9px;
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s,transform .1s;
}
.sb-apply-btn:hover{background:#1D4ED8;transform:translateY(-1px)}

/* ════════════════════════════════════════════════════════════════════
   WISHLIST BUTTON ON SINGLE PRODUCT PAGE
═══════════════════════════════════════════════════════════════════════ */
.product-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.single-wish{
  flex-shrink:0;
  width:42px;height:42px;
  border-radius:50%;
  border:1.5px solid #E5E7EB;
  background:#fff;
  font-size:20px;
  color:#94A3B8;
  cursor:pointer;
  transition:all .15s;
  display:flex;align-items:center;justify-content:center;
  margin-top:4px;
}
.single-wish:hover{border-color:#EF4444;color:#EF4444;transform:scale(1.05)}
.single-wish.wishlisted{border-color:#EF4444;color:#EF4444;background:#FEF2F2}

/* ════════════════════════════════════════════════════════════════════
   IMAGE ZOOM
═══════════════════════════════════════════════════════════════════════ */
.prod-main-img{position:relative}
.prod-zoom-btn{
  position:absolute;
  top:12px;right:12px;
  z-index:5;
  width:38px;height:38px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  border:1.5px solid #E5E7EB;
  font-size:16px;
  cursor:pointer;
  transition:all .15s;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.prod-zoom-btn:hover{
  background:#fff;
  border-color:#2563EB;
  transform:scale(1.05);
  box-shadow:0 4px 12px rgba(37,99,235,.15);
}
.nan-zoom-modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  z-index:99999;
  align-items:center;justify-content:center;
  padding:20px;
  cursor:zoom-out;
}
.nan-zoom-modal.open{display:flex}
.nan-zoom-modal img{
  max-width:95%;
  max-height:95vh;
  object-fit:contain;
  display:block;
  border-radius:8px;
  cursor:default;
}
.nan-zoom-close{
  position:absolute;
  top:20px;right:20px;
  width:48px;height:48px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-size:32px;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;
  font-family:inherit;
  line-height:1;
}
.nan-zoom-close:hover{background:rgba(255,255,255,.25)}

/* v13.4.4: Zoom modal nav arrows + counter for in-modal gallery browsing */
.nan-zoom-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54px;height:54px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-size:36px;font-weight:700;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-family:inherit;
  line-height:1;
  transition:background .15s, transform .15s;
  z-index:10;
}
.nan-zoom-nav:hover{ background:rgba(255,255,255,.25); transform:translateY(-50%) scale(1.05); }
.nan-zoom-prev{ left:24px; }
.nan-zoom-next{ right:24px; }
.nan-zoom-counter{
  position:absolute;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(0,0,0,.5);
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:6px 14px;
  border-radius:99px;
  letter-spacing:.5px;
  z-index:10;
  font-family:inherit;
}
@media (max-width:640px){
  .nan-zoom-nav{ width:44px;height:44px;font-size:28px; }
  .nan-zoom-prev{ left:10px; }
  .nan-zoom-next{ right:10px; }
  .nan-zoom-close{ top:14px;right:14px;width:40px;height:40px;font-size:26px; }
  .nan-zoom-counter{ bottom:14px;font-size:12px; }
}

/* ════════════════════════════════════════════════════════════════════
   GALLERY PREV/NEXT ARROWS
═══════════════════════════════════════════════════════════════════════ */
.prod-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  border:1.5px solid #E5E7EB;
  font-size:24px;font-weight:700;
  color:#0F172A;
  cursor:pointer;
  z-index:5;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  transition:all .15s;
  font-family:inherit;
  line-height:1;
  opacity:0;
  pointer-events:none;
}
.prod-main-img:hover .prod-nav{
  opacity:1;
  pointer-events:auto;
}
.prod-nav:hover{
  background:#fff;
  border-color:#2563EB;
  color:#2563EB;
  box-shadow:0 6px 16px rgba(37,99,235,.2);
}
.prod-nav-prev{left:12px}
.prod-nav-next{right:12px}

/* On mobile/touch — always visible */
@media(hover:none){
  .prod-nav{opacity:1;pointer-events:auto}
}
@media(max-width:600px){
  .prod-nav{width:36px;height:36px;font-size:20px}
}

/* Wish item wrapper - reset card display */
.wish-item{display:contents}
.wish-item[style*="display:none"]{display:none!important}

/* ── Variable spec list (8 GB / 16 GB / 32 GB shown vertically) ── */
.product-details-full .ptab-panel .spec-list,
.product-tabs .spec-list,
.spec-list{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.spec-list li{
  display:inline-flex!important;
  align-items:center!important;
  background:#EFF6FF!important;
  border:1px solid #DBEAFE!important;
  color:#1E40AF!important;
  font-size:13px!important;
  font-weight:700!important;
  padding:5px 12px!important;
  border-radius:7px!important;
  width:fit-content!important;
  letter-spacing:.2px!important;
  margin:0!important;
}
.spec-list li::before{
  content:'✓';
  color:#16A34A;
  font-weight:900;
  margin-right:7px;
  font-size:11px;
}

/* ════════════════════════════════════════════════════════════════════
   Variation dropdown — premium look for color/RAM/storage
═══════════════════════════════════════════════════════════════════════ */
.variations_form .variations{
  width:100%!important;
  margin:0 0 16px!important;
  border-collapse:collapse!important;
}
.variations_form .variations tr{
  display:block!important;
  margin-bottom:12px!important;
}
.variations_form .variations th{
  display:block!important;
  text-align:left!important;
  padding:0 0 5px 0!important;
  font-weight:700!important;
  font-size:11px!important;
  color:#0F172A!important;
  text-transform:uppercase!important;
  letter-spacing:.6px!important;
  border:none!important;
  background:transparent!important;
  width:auto!important;
}
.variations_form .variations td{
  display:block!important;
  padding:0!important;
  border:none!important;
}
.variations_form .variations td.value{position:relative}
.variations_form select{
  width:100%!important;
  padding:11px 38px 11px 14px!important;
  font-size:14px!important;
  font-weight:600!important;
  color:#0F172A!important;
  background:#fff!important;
  border:1.5px solid #E5E7EB!important;
  border-radius:10px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2364748B' d='M6 8L0 0h12z'/></svg>")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:border-color .15s,box-shadow .15s!important;
}
.variations_form select:hover{border-color:#93C5FD!important}
.variations_form select:focus{
  outline:none!important;
  border-color:#2563EB!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;
}
.reset_variations{
  display:inline-block!important;
  margin-top:8px!important;
  font-size:12px!important;
  color:#EF4444!important;
  text-decoration:none!important;
  font-weight:600!important;
}
.reset_variations:hover{text-decoration:underline!important}

/* Selected variation info display */
.single_variation{
  margin-top:6px!important;
  padding:10px 12px!important;
  background:#F0F9FF!important;
  border:1px solid #BAE6FD!important;
  border-radius:8px!important;
}
.single_variation .price{
  font-size:16px!important;
  font-weight:800!important;
  color:#0F172A!important;
}
.single_variation .stock{
  font-size:12px!important;
  color:#15803D!important;
  font-weight:600!important;
}

/* ════════════════════════════════════════════════════════════════════
   VARIATION SWATCHES — color circles + text pills
═══════════════════════════════════════════════════════════════════════ */
.var-swatches{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}

/* Show label of selected option next to attribute label */
.var-selected-name{
  font-weight:700!important;
  color:#2563EB!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  margin-left:4px!important;
}
.var-selected-name:empty{display:none!important}

/* Generic swatch button */
.var-swatch{
  cursor:pointer!important;
  background:none;
  font-family:inherit;
  transition:all .15s;
  position:relative;
}

/* COLOR swatches — circular */
.var-swatch-color{
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  box-shadow:0 0 0 1.5px #E5E7EB!important;
  padding:0!important;
  position:relative;
}
.var-swatch-color:hover{
  transform:scale(1.1);
  box-shadow:0 0 0 1.5px #2563EB!important;
}
.var-swatch-color.active{
  box-shadow:0 0 0 2.5px #2563EB!important;
  transform:scale(1.05);
}
.var-swatch-color .var-swatch-check{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%) scale(0);
  color:#fff;
  font-size:14px;
  font-weight:900;
  text-shadow:0 1px 2px rgba(0,0,0,.5);
  transition:transform .15s;
  pointer-events:none;
}
.var-swatch-color.active .var-swatch-check{
  transform:translate(-50%,-50%) scale(1);
}
/* For very light colors, use dark check */
.var-swatch-color[style*="#FFFFFF"] .var-swatch-check,
.var-swatch-color[style*="#fff"] .var-swatch-check,
.var-swatch-color[style*="#F0EDE6"] .var-swatch-check,
.var-swatch-color[style*="#F8F6F0"] .var-swatch-check,
.var-swatch-color[style*="#FFFFF0"] .var-swatch-check{
  color:#0F172A!important;
  text-shadow:none!important;
}

/* TEXT swatches — for storage, RAM, size etc. */
.var-swatch-text{
  min-width:54px!important;
  padding:8px 14px!important;
  border:1.5px solid #E5E7EB!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#0F172A!important;
}
.var-swatch-text:hover{
  border-color:#93C5FD!important;
  background:#EFF6FF!important;
}
.var-swatch-text.active{
  border-color:#2563EB!important;
  background:#2563EB!important;
  color:#fff!important;
  box-shadow:0 2px 8px rgba(37,99,235,.25);
}

/* Hide native dropdown completely on variations */
.variations_form select{display:none!important}
.variations_form .reset_variations{
  display:inline-block!important;
  font-size:12px!important;
  color:#EF4444!important;
  text-decoration:none!important;
  font-weight:600!important;
  margin-top:4px!important;
}
.variations_form .reset_variations:hover{text-decoration:underline!important}

/* Mobile */
@media(max-width:480px){
  .var-swatch-color{width:32px!important;height:32px!important}
  .var-swatch-text{padding:7px 12px!important;font-size:12.5px!important}
}

/* Hide native variation select once swatches are built (visually only) */
.variations_form td.value:has(.var-swatches) > select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  border:0!important;
  display:block!important;
  /* DO NOT use display:none — WooCommerce JS depends on the element being visible to trigger change events */
}

/* Light color swatch — show dark check */
.var-swatch-light .var-swatch-check{
  color:#0F172A!important;
  text-shadow:none!important;
}

/* ════════════════════════════════════════════════════════════════════
   Make variations section visually prominent — appears BEFORE Add to Cart
═══════════════════════════════════════════════════════════════════════ */
.variations_form .variations{
  background:#F8FAFC!important;
  border:1px solid #E5E7EB!important;
  border-radius:12px!important;
  padding:16px 18px!important;
  margin-bottom:14px!important;
}
.variations_form .variations tr:last-child{margin-bottom:0!important}
.variations_form .variations tr{
  display:block!important;
  margin-bottom:14px!important;
}
.variations_form .variations tr:last-of-type{margin-bottom:0!important}

/* Make color swatches bigger and more inviting */
.var-swatch-color{
  width:40px!important;
  height:40px!important;
}

/* Important — make sure swatches show even if WooCommerce JS hasn't loaded */
.variations_form select{visibility:hidden!important}
.var-swatches{visibility:visible!important}

/* Coming soon brand tile state */
.brand-tile-soon{
  opacity:.65;
}
.brand-tile-soon:hover{
  opacity:1;
  border-color:#FCD34D!important;
  background:#FFFBEB!important;
}
.brand-tile-soon:hover .brand-tile-logo{
  background:linear-gradient(135deg,#FEF3C7,#fff)!important;
  border-color:#FCD34D!important;
  color:#B45309!important;
}
.brand-tile-cnt-soon{
  color:#B45309!important;
  font-weight:700!important;
  font-size:9.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.5px!important;
  background:#FEF3C7;
  padding:1px 6px;
  border-radius:99px;
  display:inline-block;
}

/* ════════════════════════════════════════════════════════════════════
   Brand tile SVG logos
═══════════════════════════════════════════════════════════════════════ */
.brand-tile-logo-svg{
  width:48px!important;
  height:48px!important;
  background:#fff!important;
  border:1.5px solid #E5E7EB!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
}
.brand-tile-logo-svg svg{
  width:36px!important;
  height:36px!important;
  display:block!important;
}
.brand-tile:hover .brand-tile-logo-svg{
  border-color:#2563EB!important;
  box-shadow:0 4px 12px rgba(37,99,235,.12)!important;
}

/* ════════════════════════════════════════════════════════════════════
   FOOTER QUOTE + SOCIAL ICONS UPGRADE
═══════════════════════════════════════════════════════════════════════ */
.footer-quote{
  position:relative;
  font-style:italic;
  font-size:14px;
  color:rgba(255,255,255,.8);
  line-height:1.5;
  padding:14px 16px 14px 22px;
  margin:14px 0;
  background:rgba(255,255,255,.04);
  border-left:3px solid var(--blue);
  border-radius:0 8px 8px 0;
}
.footer-quote-mark{
  font-size:22px;
  color:var(--blue);
  font-weight:900;
  line-height:0;
  vertical-align:-6px;
  opacity:.7;
  margin:0 2px;
}
.footer-soc{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:36px;height:36px;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.85)!important;
  text-decoration:none;
  transition:all .15s;
  border:1px solid rgba(255,255,255,.1);
}
.footer-soc svg{display:block}
.footer-soc:hover{
  background:var(--blue)!important;
  color:#fff!important;
  border-color:var(--blue);
  transform:translateY(-2px);
}
.footer-soc-wa:hover{
  background:#25D366!important;
  border-color:#25D366;
}

/* ════════════════════════════════════════════════════════════════════
   BLOG INDEX + SINGLE POST
═══════════════════════════════════════════════════════════════════════ */
.blog-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
  gap:24px;
  margin-bottom:40px;
}
.blog-card{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:14px;
  overflow:hidden;
  transition:all .2s;
  display:flex;
  flex-direction:column;
}
.blog-card:hover{
  border-color:#93C5FD;
  box-shadow:0 8px 24px rgba(37,99,235,.08);
  transform:translateY(-2px);
}
.blog-card-img-wrap{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#F1F5F9;
  position:relative;
}
.blog-card-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  transition:transform .3s;
  display:block;
}
.blog-card:hover .blog-card-img{transform:scale(1.04)}
.blog-card-img-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:40px;
  background:linear-gradient(135deg,#EFF6FF,#DBEAFE);
}
.blog-card-body{
  padding:18px 20px 20px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.blog-card-meta{
  display:flex;
  gap:10px;
  align-items:center;
  font-size:11.5px;
  color:#64748B;
  margin-bottom:8px;
  font-weight:600;
}
.blog-card-cat{
  background:#EFF6FF;
  color:#1D4ED8;
  padding:2px 8px;
  border-radius:99px;
  font-size:10.5px;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.blog-card-title{
  font-size:18px;
  font-weight:800;
  line-height:1.35;
  margin:0 0 10px;
  letter-spacing:-.3px;
}
.blog-card-title a{color:#0F172A;text-decoration:none}
.blog-card-title a:hover{color:#2563EB}
.blog-card-excerpt{
  font-size:13.5px;
  color:#475569;
  line-height:1.6;
  margin:0 0 14px;
  flex:1;
}
.blog-card-link{
  font-size:13px;
  font-weight:700;
  color:#2563EB;
  text-decoration:none;
  align-self:flex-start;
}
.blog-card-link:hover{text-decoration:underline}

.blog-pagination{
  display:flex;
  justify-content:center;
  margin-top:20px;
}
.blog-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  margin:0 4px;
  border:1.5px solid #E5E7EB;
  border-radius:8px;
  background:#fff;
  color:#0F172A;
  font-weight:700;
  font-size:13.5px;
  text-decoration:none;
  transition:all .15s;
}
.blog-pagination .page-numbers:hover{border-color:#2563EB;color:#2563EB}
.blog-pagination .page-numbers.current{background:#2563EB;color:#fff;border-color:#2563EB}

.blog-empty{
  text-align:center;
  padding:60px 20px;
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:18px;
  max-width:520px;
  margin:0 auto;
}
.blog-empty-ico{font-size:64px;color:#E5E7EB;margin-bottom:12px;line-height:1}
.blog-empty h2{font-size:22px;font-weight:900;color:#0F172A;margin-bottom:8px}
.blog-empty p{font-size:14px;color:#64748B;margin-bottom:20px}
.blog-empty-btn{
  display:inline-flex;align-items:center;
  background:#2563EB;color:#fff;
  padding:12px 24px;border-radius:10px;
  font-size:14px;font-weight:700;
  text-decoration:none;
}
.blog-empty-btn:hover{background:#1D4ED8;color:#fff}

/* SINGLE POST */
.sw-narrow{max-width:760px!important}
.post-title{
  font-size:34px;font-weight:900;
  letter-spacing:-.6px;line-height:1.2;
  color:#0F172A;margin-bottom:14px;
}
.post-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-size:13.5px;
  color:#64748B;
  font-weight:600;
}
.post-meta-dot{color:#CBD5E1}
.post-meta-cat{color:#2563EB;text-decoration:none}
.post-meta-cat:hover{text-decoration:underline}

.post-article{padding:30px 0 60px}
.post-feat-img{
  margin:0 0 30px;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.08);
}
.post-feat-img img{display:block;width:100%;height:auto}

.post-content{
  font-size:17px;
  line-height:1.75;
  color:#1E293B;
}
.post-content h2{
  font-size:26px;font-weight:900;
  color:#0F172A;
  margin:32px 0 14px;
  letter-spacing:-.4px;
}
.post-content h3{
  font-size:20px;font-weight:800;
  color:#0F172A;
  margin:24px 0 10px;
}
.post-content p{margin:0 0 18px}
.post-content ul,.post-content ol{margin:0 0 18px;padding-left:24px}
.post-content li{margin-bottom:6px}
.post-content a{color:#2563EB;text-decoration:underline;text-underline-offset:2px}
.post-content a:hover{color:#1D4ED8}
.post-content blockquote{
  margin:24px 0;
  padding:16px 22px;
  border-left:4px solid #2563EB;
  background:#F8FAFC;
  border-radius:0 10px 10px 0;
  font-style:italic;
  color:#334155;
}
.post-content img{
  max-width:100%;height:auto;
  border-radius:10px;
  margin:20px 0;
}
.post-content pre{
  background:#0F172A;
  color:#E2E8F0;
  padding:16px;
  border-radius:8px;
  overflow-x:auto;
  font-size:14px;
}
.post-content code{
  background:#F1F5F9;
  padding:2px 6px;
  border-radius:4px;
  font-size:.9em;
  color:#0F172A;
}

.post-tags{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:30px 0 0;
}
.post-tag{
  display:inline-block;
  background:#F1F5F9;color:#475569;
  padding:5px 12px;border-radius:99px;
  font-size:12px;font-weight:600;
  text-decoration:none;
  transition:background .15s,color .15s;
}
.post-tag:hover{background:#EFF6FF;color:#1D4ED8}

.post-share{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid #E5E7EB;
  display:flex;flex-wrap:wrap;
  gap:8px;align-items:center;
}
.post-share-label{
  width:100%;font-size:12.5px;color:#64748B;
  font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  margin-bottom:4px;
}
.post-share-btn{
  display:inline-flex;align-items:center;
  padding:8px 14px;border-radius:8px;
  font-size:12.5px;font-weight:700;
  text-decoration:none;color:#fff;
  transition:transform .1s,opacity .15s;
}
.post-share-btn:hover{transform:translateY(-1px);opacity:.92;color:#fff}
.post-share-wa{background:#25D366}
.post-share-tw{background:#000}
.post-share-fb{background:#1877F2}
.post-share-li{background:#0A66C2}

.post-related{
  margin-top:60px;
  padding-top:40px;
  border-top:1px solid #E5E7EB;
}
.post-related-title{
  font-size:24px;font-weight:900;
  color:#0F172A;
  margin-bottom:24px;
  letter-spacing:-.3px;
}

@media(max-width:600px){
  .post-title{font-size:26px}
  .post-content{font-size:16px;line-height:1.7}
  .post-content h2{font-size:22px}
  .blog-grid{grid-template-columns:1fr}
}


/* ════════════════════════════════════════════════════════════════════
   FOLLOW US strip — above newsletter
═══════════════════════════════════════════════════════════════════════ */
.follow-strip{
  background:linear-gradient(135deg,#FFFBEB,#FEF3C7);
  border-top:1px solid #FDE68A;
  border-bottom:1px solid #FDE68A;
  padding:32px 0;
}
.follow-strip-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
}
.follow-strip-title{
  font-size:20px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.3px;
  margin-bottom:4px;
}
.follow-strip-sub{
  font-size:13.5px;
  color:#475569;
  line-height:1.5;
}
.follow-strip-icons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.follow-strip-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:99px;
  text-decoration:none;
  font-size:13.5px;
  font-weight:700;
  color:#fff!important;
  transition:transform .1s,box-shadow .15s,opacity .15s;
}
.follow-strip-btn:hover{
  transform:translateY(-2px);
  opacity:.95;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.follow-strip-btn svg{flex-shrink:0}
.follow-strip-ig{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCB045)}
.follow-strip-fb{background:#1877F2}
.follow-strip-pin{background:#E60023}
.follow-strip-li{background:#0A66C2}

@media(max-width:600px){
  .follow-strip-inner{flex-direction:column;align-items:flex-start;gap:18px}
  .follow-strip-icons{width:100%}
  .follow-strip-btn{flex:1;justify-content:center;min-width:140px}
  .follow-strip-btn span{font-size:12.5px}
}

/* ════════════════════════════════════════════════════════════════════
   SOCIAL ICON CLICKABILITY FIX — ensure SVGs don't block clicks
═══════════════════════════════════════════════════════════════════════ */
.footer-soc,
.follow-strip-btn{
  cursor:pointer!important;
  position:relative!important;
  z-index:2!important;
}
.footer-soc svg,
.follow-strip-btn svg,
.footer-soc *,
.follow-strip-btn *{
  pointer-events:none!important;
}
.footer-soc *,
.follow-strip-btn *{
  /* But the LINK itself stays clickable — pointer-events:none only blocks children */
}
.footer-socials,
.follow-strip-icons{
  position:relative;
  z-index:2;
}

/* ════════════════════════════════════════════════════════════════════
   EXTENDED WARRANTY upsell box
═══════════════════════════════════════════════════════════════════════ */
.warranty-extend-box{
  margin-top:14px;
  padding:16px;
  background:linear-gradient(135deg,#FEF3C7 0%,#FFFBEB 100%);
  border:1.5px solid #FCD34D;
  border-radius:12px;
}
.warranty-extend-header{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.warranty-extend-icon{
  font-size:22px;
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;
  border-radius:50%;
  border:1.5px solid #FCD34D;
  flex-shrink:0;
}
.warranty-extend-title{
  font-size:14px;
  font-weight:800;
  color:#0F172A;
  letter-spacing:-.2px;
  line-height:1.3;
}
.warranty-extend-sub{
  font-size:12px;
  color:#92400E;
  margin-top:2px;
  font-weight:600;
}
.warranty-extend-price{
  margin-left:auto;
  text-align:right;
  flex-shrink:0;
}
.warranty-extend-amt{
  display:block;
  font-size:18px;
  font-weight:900;
  color:#92400E;
  letter-spacing:-.4px;
  line-height:1;
}
.warranty-extend-cap{
  display:block;
  font-size:10px;
  color:#92400E;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-weight:700;
  margin-top:2px;
}
.warranty-extend-features{
  list-style:none;
  padding:0;
  margin:0 0 12px;
  font-size:12.5px;
  color:#451A03;
}
.warranty-extend-features li{
  padding:3px 0;
  font-weight:600;
}
.warranty-extend-btn{
  display:inline-block;
  background:#0F172A;
  color:#fff!important;
  padding:9px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  text-decoration:none!important;
  transition:background .15s;
  width:100%;
  text-align:center;
  box-sizing:border-box;
}
.warranty-extend-btn:hover{background:#FCD34D;color:#0F172A!important}

/* ════════════════════════════════════════════════════════════════════
   BUYING GUIDE — RAM/Storage suggestions on laptop products
═══════════════════════════════════════════════════════════════════════ */
.buying-guide{
  margin-top:30px;
  padding:24px;
  background:#F0F9FF;
  border:1.5px solid #BAE6FD;
  border-radius:14px;
}
.buying-guide-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid #BAE6FD;
}
.buying-guide-icon{
  font-size:26px;
  flex-shrink:0;
  line-height:1;
}
.buying-guide-title{
  font-size:18px;
  font-weight:800;
  color:#0C4A6E;
  letter-spacing:-.3px;
  margin-bottom:4px;
}
.buying-guide-sub{
  font-size:13px;
  color:#075985;
  line-height:1.5;
}
.buying-guide-section{margin-bottom:18px}
.buying-guide-section:last-child{margin-bottom:0}
.buying-guide-h{
  font-size:13px;
  font-weight:800;
  color:#0C4A6E;
  text-transform:uppercase;
  letter-spacing:.6px;
  margin:0 0 10px;
}
.buying-guide-row{
  display:flex;
  gap:14px;
  padding:10px 0;
  border-top:1px solid #DBEAFE;
}
.buying-guide-row:first-of-type{border-top:none;padding-top:0}
.buying-guide-amt{
  flex-shrink:0;
  width:80px;
  font-size:14px;
  font-weight:900;
  color:#1D4ED8;
  letter-spacing:-.2px;
}
.buying-guide-text{
  font-size:13px;
  color:#1E3A8A;
  line-height:1.55;
  flex:1;
}
.buying-guide-text strong{color:#0C4A6E}
.buying-guide-tip{
  margin-top:18px;
  padding:12px 14px;
  background:#fff;
  border-left:3px solid #2563EB;
  border-radius:0 8px 8px 0;
  font-size:13px;
  color:#0F172A;
  line-height:1.55;
}

@media(max-width:600px){
  .buying-guide{padding:16px}
  .buying-guide-row{flex-direction:column;gap:4px}
  .buying-guide-amt{width:auto;font-size:13px}
}

/* ════════════════════════════════════════════════════════════════════
   CATEGORY STRIP UI ENHANCEMENT — premium polish for Unboxed/Grade A
═══════════════════════════════════════════════════════════════════════ */
.cat-strip{
  padding:80px 0!important;
  position:relative;
}
.cat-strip::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 50%, var(--strip-accent, #93C5FD) 0%, transparent 60%);
  opacity:.08;
  pointer-events:none;
  z-index:1;
}
.cat-strip::after{
  content:'';
  position:absolute;
  bottom:-1px;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--strip-accent, rgba(255,255,255,.2)), transparent);
}
.cat-strip-eyebrow{
  display:inline-flex!important;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  padding:6px 14px!important;
  border-radius:99px;
  letter-spacing:2px!important;
  font-size:10.5px!important;
  margin-bottom:18px!important;
  backdrop-filter:blur(10px);
}
.cat-strip-h{
  font-size:clamp(32px, 4vw, 56px)!important;
  letter-spacing:-1.5px!important;
  line-height:1.02!important;
  margin-bottom:18px!important;
}
.cat-strip-desc{
  font-size:15.5px!important;
  color:rgba(255,255,255,.7)!important;
  line-height:1.7!important;
  max-width:460px!important;
}

/* Stat pills */
.cat-strip-prices{
  margin-top:28px!important;
  margin-bottom:28px!important;
  gap:10px!important;
}
.cat-strip-price{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  padding:10px 18px!important;
  border-radius:12px!important;
  backdrop-filter:blur(10px);
  transition:transform .2s, border-color .2s;
}
.cat-strip-price:hover{
  transform:translateY(-2px);
  border-color:var(--strip-accent, rgba(255,255,255,.3))!important;
}
.cat-strip-price-label{
  font-size:10.5px;
  color:rgba(255,255,255,.5);
  text-transform:uppercase;
  letter-spacing:.6px;
  font-weight:700;
}
.cat-strip-price-val{
  font-size:14.5px;
  color:#fff;
  font-weight:800;
}

/* Buttons enhancement */
.cat-strip-btns{
  margin-top:8px!important;
  margin-bottom:32px!important;
}
.cat-strip-btn-p{
  padding:14px 28px!important;
  font-size:14px!important;
  letter-spacing:.2px;
  border-radius:12px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  transition:all .2s!important;
}
.cat-strip-btn-p:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.35);
}
.cat-strip-btn-s{
  padding:14px 24px!important;
  font-size:14px!important;
  border-radius:12px!important;
  border:1.5px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.03)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
  transition:all .2s!important;
}
.cat-strip-btn-s:hover{
  border-color:var(--strip-accent, #fff)!important;
  background:rgba(255,255,255,.08)!important;
  transform:translateY(-3px);
}

/* Featured product card on right side */
.cat-strip-feature{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:24px;
  backdrop-filter:blur(20px);
  transition:transform .25s, border-color .25s;
}
.cat-strip-feature:hover{
  transform:translateY(-4px);
  border-color:var(--strip-accent, rgba(255,255,255,.3));
}

/* Mobile */
@media(max-width:900px){
  .cat-strip{padding:50px 0!important}
  .cat-strip-inner{grid-template-columns:1fr!important;gap:32px!important}
}

/* ════════════════════════════════════════════════════════════════════
   BUYING GUIDE — full editorial article style
═══════════════════════════════════════════════════════════════════════ */
.buying-guide-section-wrap{
  padding:50px 0;
  background:linear-gradient(180deg, #fff 0%, #F8FAFC 100%);
  border-top:1px solid #E5E7EB;
}
.buying-guide{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:16px;
  padding:32px;
  box-shadow:0 4px 24px rgba(0,0,0,.04);
}
.buying-guide-head{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding-bottom:24px;
  margin-bottom:28px;
  border-bottom:1px solid #F1F5F9;
}
.buying-guide-icon{
  font-size:32px;
  flex-shrink:0;
  line-height:1;
}
.buying-guide-eyebrow{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#2563EB;
  font-weight:800;
  margin-bottom:6px;
}
.buying-guide-title{
  font-size:24px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.5px;
  margin-bottom:6px;
  line-height:1.2;
}
.buying-guide-sub{
  font-size:14.5px;
  color:#475569;
  line-height:1.6;
  max-width:600px;
}
.buying-guide-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-bottom:28px;
}
.buying-guide-col{}
.buying-guide-h{
  font-size:16px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.2px;
  margin:0 0 8px;
}
.buying-guide-intro{
  font-size:13.5px;
  color:#64748B;
  line-height:1.55;
  margin-bottom:16px;
}
.buying-guide-row{
  display:flex;
  gap:16px;
  padding:14px 0;
  border-top:1px solid #F1F5F9;
}
.buying-guide-row:first-of-type{border-top:none;padding-top:6px}
.buying-guide-amt{
  flex-shrink:0;
  width:80px;
  font-size:15px;
  font-weight:900;
  color:#2563EB;
  letter-spacing:-.2px;
  line-height:1.4;
}
.buying-guide-text{
  font-size:13.5px;
  color:#334155;
  line-height:1.6;
  flex:1;
}
.buying-guide-text strong{color:#0F172A;font-weight:700}
.buying-guide-tip{
  margin-top:10px;
  padding:18px 22px;
  background:#F0F9FF;
  border-left:4px solid #2563EB;
  border-radius:0 10px 10px 0;
  font-size:14px;
  color:#0C4A6E;
  line-height:1.65;
}
.buying-guide-cta{
  margin-top:24px;
  padding:18px 22px;
  background:linear-gradient(135deg, #EFF6FF, #FFF);
  border:1px solid #DBEAFE;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.buying-guide-cta-q{
  font-size:14px;
  font-weight:700;
  color:#0F172A;
}
.buying-guide-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  background:#25D366;
  color:#fff!important;
  font-size:13px;
  font-weight:700;
  text-decoration:none!important;
  border-radius:10px;
  transition:transform .15s,box-shadow .15s;
}
.buying-guide-cta-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(37,211,102,.3);
}

@media(max-width:760px){
  .buying-guide{padding:22px}
  .buying-guide-cols{grid-template-columns:1fr;gap:24px}
  .buying-guide-row{flex-direction:column;gap:6px;padding:14px 0}
  .buying-guide-amt{width:auto;font-size:14px}
}

/* ════════════════════════════════════════════════════════════════════
   EXTENDED WARRANTY — checkbox toggle (Grade A only)
═══════════════════════════════════════════════════════════════════════ */
.warranty-extend-tagline{
  font-size:14px;
  color:#0F172A;
  line-height:1.5;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px dashed #FCD34D;
  text-align:center;
}
.warranty-extend-tagline strong{color:#92400E}

.warranty-extend-toggle{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:#fff;
  border:2px solid #FCD34D;
  border-radius:10px;
  cursor:pointer;
  transition:all .15s;
  margin-bottom:12px;
}
.warranty-extend-toggle:hover{
  border-color:#F59E0B;
  background:#FFFBEB;
}
.warranty-extend-toggle input{
  width:20px;
  height:20px;
  flex-shrink:0;
  cursor:pointer;
  accent-color:#16A34A;
}
.warranty-extend-toggle-label{
  font-size:13.5px;
  font-weight:700;
  color:#0F172A;
  flex:1;
}
.warranty-extend-toggle-on{display:none;color:#15803D}
.warranty-extend-toggle-off{display:inline}
.warranty-extend-active .warranty-extend-toggle-on{display:inline}
.warranty-extend-active .warranty-extend-toggle-off{display:none}
.warranty-extend-active{background:linear-gradient(135deg,#DCFCE7,#FEF9C3)!important;border-color:#16A34A!important}
.warranty-extend-active .warranty-extend-toggle{border-color:#16A34A;background:#fff}

.warranty-extend-tc{
  margin-top:10px;
  font-size:12.5px;
}
.warranty-extend-tc summary{
  cursor:pointer;
  color:#92400E;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
  padding:6px 0;
  outline:none;
}
.warranty-extend-tc summary:hover{color:#451A03}
.warranty-extend-tc-body{
  margin-top:10px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #FCD34D;
  border-radius:8px;
  color:#451A03;
  line-height:1.65;
  font-size:12.5px;
}
.warranty-extend-tc-body p{margin:0 0 8px}
.warranty-extend-tc-body p:last-child{margin:0}
.warranty-extend-tc-body ul{
  margin:6px 0 12px;
  padding-left:20px;
}
.warranty-extend-tc-body li{margin-bottom:4px}

/* ════════════════════════════════════════════════════════════════════
   WARRANTY PICKER — radio buttons before Add to Cart (Grade A only)
═══════════════════════════════════════════════════════════════════════ */
.war-pick{
  margin:14px 0 18px;
  padding:18px;
  background:linear-gradient(135deg,#FFFBEB 0%,#FEF3C7 100%);
  border:1.5px solid #FCD34D;
  border-radius:14px;
}
.war-pick-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(252,211,77,.5);
}
.war-pick-icon{
  flex-shrink:0;
  font-size:24px;
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;
  border-radius:50%;
  border:1.5px solid #FCD34D;
  line-height:1;
}
.war-pick-title{
  font-size:14px;
  font-weight:800;
  color:#0F172A;
  letter-spacing:-.2px;
  margin-bottom:3px;
}
.war-pick-sub{
  font-size:12px;
  color:#92400E;
  line-height:1.45;
  font-weight:600;
}

.war-pick-options{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:12px;
}
.war-pick-opt{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:10px;
  cursor:pointer;
  transition:all .15s;
  position:relative;
}
.war-pick-opt:hover{
  border-color:#FCD34D;
  background:#FFFBEB;
}
.war-pick-opt input{
  width:18px;
  height:18px;
  flex-shrink:0;
  cursor:pointer;
  accent-color:#16A34A;
  margin:0;
}
.war-pick-opt-body{flex:1;min-width:0}
.war-pick-opt-lbl{
  font-size:13.5px;
  font-weight:800;
  color:#0F172A;
  line-height:1.3;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.war-pick-opt-meta{
  font-size:11.5px;
  color:#64748B;
  margin-top:2px;
  font-weight:600;
}
.war-pick-tag{
  display:inline-block;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
  background:#FEF3C7;
  color:#92400E;
  padding:2px 7px;
  border-radius:99px;
}
.war-pick-tag-best{
  background:#DCFCE7;
  color:#15803D;
}
.war-pick-opt-price{
  flex-shrink:0;
  font-size:14px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.3px;
}
.war-pick-opt-price-free{
  color:#15803D;
  font-size:11.5px;
  letter-spacing:1px;
  text-transform:uppercase;
  font-weight:800;
}
.war-pick-opt-active{
  border-color:#16A34A!important;
  background:linear-gradient(135deg,#DCFCE7 0%,#fff 100%)!important;
  box-shadow:0 4px 12px rgba(22,163,74,.15);
}
.war-pick-opt-active .war-pick-opt-lbl{color:#15803D}

/* Confirmation summary */
.war-pick-summary{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  background:#DCFCE7;
  border:1px solid #86EFAC;
  border-radius:10px;
  margin-bottom:12px;
}
.war-pick-summary-icon{
  flex-shrink:0;
  width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
  background:#16A34A;
  color:#fff;
  border-radius:50%;
  font-size:14px;
  font-weight:900;
}
.war-pick-summary-text{
  font-size:12.5px;
  color:#14532D;
  line-height:1.4;
  font-weight:600;
}
.war-pick-summary-text strong{
  font-weight:900;
  color:#15803D;
}

/* T&C details */
.war-pick-tc{margin-top:8px}
.war-pick-tc summary{
  cursor:pointer;
  color:#92400E;
  font-weight:700;
  font-size:12.5px;
  padding:6px 0;
  outline:none;
  list-style:none;
}
.war-pick-tc summary::-webkit-details-marker{display:none}
.war-pick-tc summary::before{
  content:'›';
  display:inline-block;
  margin-right:8px;
  font-weight:900;
  font-size:14px;
  transition:transform .15s;
}
.war-pick-tc[open] summary::before{transform:rotate(90deg)}
.war-pick-tc summary:hover{color:#451A03}

.war-pick-tc-body{
  margin-top:10px;
  padding:14px;
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:10px;
  font-size:12.5px;
  line-height:1.6;
}
.war-pick-tc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:12px;
}
.war-pick-tc-col h4{
  font-size:12.5px;
  font-weight:800;
  margin:0 0 8px;
  letter-spacing:.2px;
}
.war-pick-tc-yes h4{color:#15803D}
.war-pick-tc-no h4{color:#B91C1C}
.war-pick-tc-col ul{
  margin:0;
  padding-left:0;
  list-style:none;
}
.war-pick-tc-col li{
  padding:3px 0;
  color:#334155;
  font-size:12px;
  line-height:1.5;
  position:relative;
  padding-left:14px;
}
.war-pick-tc-yes li::before{content:'•';position:absolute;left:0;color:#16A34A;font-weight:900}
.war-pick-tc-no li::before{content:'•';position:absolute;left:0;color:#EF4444;font-weight:900}
.war-pick-tc-process{
  padding:10px 12px;
  background:#F0F9FF;
  border-left:3px solid #2563EB;
  border-radius:0 6px 6px 0;
  font-size:12px;
  color:#0C4A6E;
  line-height:1.6;
}

@media(max-width:600px){
  .war-pick-tc-grid{grid-template-columns:1fr;gap:14px}
  .war-pick-opt{padding:10px 12px;gap:10px}
  .war-pick-opt-lbl{font-size:13px}
  .war-pick-opt-meta{font-size:11px}
}

/* ════════════════════════════════════════════════════════════════════
   HERO CARD — image + name now clickable
═══════════════════════════════════════════════════════════════════════ */
.hero-card-img{
  display:block;
  cursor:pointer;
  text-decoration:none;
  transition:transform .25s, box-shadow .25s;
  overflow:hidden;
}
.hero-card-img:hover{
  transform:translateY(-2px);
}
.hero-card-img:hover img{
  transform:scale(1.03);
}
.hero-card-img img{
  transition:transform .3s;
  display:block;
  width:100%;
  height:auto;
}
.hero-card-name-link{
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer;
  display:block;
}
.hero-card-name-link:hover .hero-card-name{
  color:var(--blue);
}
.hero-card-name{
  transition:color .15s;
}

/* ════════════════════════════════════════════════════════════════════
   Product card add-to-cart — works for both <button> and <a> versions
═══════════════════════════════════════════════════════════════════════ */
a.pcard-quick{
  text-decoration:none!important;
  text-align:center;
  display:block;
}
a.pcard-quick:hover{color:#fff!important}
a.add-btn{
  text-decoration:none!important;
  line-height:1;
}
a.add-btn:hover{color:#fff!important}

/* ════════════════════════════════════════════════════════════════════
   PAGINATION — premium polished UI (forced horizontal layout)
═══════════════════════════════════════════════════════════════════════ */
.pagination,
.woocommerce-pagination,
.woocommerce-pagination ul.page-numbers,
.blog-pagination .nav-links,
.blog-pagination{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:40px 0 20px!important;
  padding:0!important;
  list-style:none!important;
  text-align:center;
}
.woocommerce-pagination ul.page-numbers li,
.blog-pagination .nav-links > *{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
}

/* Each page button */
.page-numbers,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  border:1.5px solid #E5E7EB!important;
  background:#fff!important;
  color:#0F172A!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:all .15s!important;
  box-sizing:border-box!important;
  font-family:inherit!important;
  letter-spacing:.2px;
}

/* Hover state */
.page-numbers:hover,
.woocommerce-pagination ul li a:hover{
  border-color:#2563EB!important;
  color:#2563EB!important;
  background:#EFF6FF!important;
  transform:translateY(-1px);
  box-shadow:0 4px 8px rgba(37,99,235,.1);
}

/* Active/current page */
.page-numbers.current,
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li .current{
  background:linear-gradient(135deg, #2563EB, #1D4ED8)!important;
  border-color:#2563EB!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(37,99,235,.3);
  cursor:default;
}
.page-numbers.current:hover,
.woocommerce-pagination ul li span.current:hover{
  transform:none;
}

/* Prev / Next arrows — wider and labeled */
.page-numbers.prev,
.page-numbers.next{
  padding:0 18px!important;
  font-weight:800!important;
  background:#F8FAFC!important;
  border-color:#E2E8F0!important;
  color:#475569!important;
}
.page-numbers.prev::before{content:''}
.page-numbers.next::after{content:''}
.page-numbers.prev:hover,
.page-numbers.next:hover{
  background:#fff!important;
  color:#2563EB!important;
  border-color:#2563EB!important;
}

/* Dots ellipsis */
.page-numbers.dots{
  border:none!important;
  background:transparent!important;
  color:#94A3B8!important;
  cursor:default;
  pointer-events:none;
}
.page-numbers.dots:hover{
  background:transparent!important;
  border:none!important;
  transform:none!important;
  box-shadow:none!important;
}

/* WooCommerce sometimes adds screen-reader text we need to hide */
.woocommerce-pagination .screen-reader-text{
  position:absolute!important;
  width:1px;height:1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;
}

/* Mobile */
@media(max-width:600px){
  .page-numbers,
  .woocommerce-pagination ul li a,
  .woocommerce-pagination ul li span{
    min-width:38px!important;
    height:38px!important;
    padding:0 11px!important;
    font-size:13px!important;
  }
  .page-numbers.prev,
  .page-numbers.next{
    padding:0 14px!important;
  }
  .pagination,
  .woocommerce-pagination,
  .woocommerce-pagination ul.page-numbers{
    gap:6px!important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   UNBOXED vs GRADE A — comparison cards on How It Works page
═══════════════════════════════════════════════════════════════════════ */
.ub-ga-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:40px;
}
.ub-ga-card{
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:18px;
  overflow:hidden;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.ub-ga-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.08);
}
.ub-ga-ub:hover{border-color:#16A34A}
.ub-ga-ga:hover{border-color:#2563EB}

.ub-ga-head{
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px 24px;
  border-bottom:1.5px solid #F1F5F9;
  position:relative;
}
.ub-ga-ub .ub-ga-head{background:linear-gradient(135deg,#F0FDF4,#fff)}
.ub-ga-ga .ub-ga-head{background:linear-gradient(135deg,#EFF6FF,#fff)}

.ub-ga-icon{
  font-size:36px;
  width:62px;height:62px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;
  border-radius:50%;
  border:2px solid #E5E7EB;
  flex-shrink:0;
  line-height:1;
}
.ub-ga-ub .ub-ga-icon{border-color:#86EFAC}
.ub-ga-ga .ub-ga-icon{border-color:#93C5FD}

.ub-ga-tag{
  font-size:18px;
  font-weight:900;
  letter-spacing:-.3px;
  color:#0F172A;
  margin-bottom:2px;
}
.ub-ga-pct{
  font-size:11.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.ub-ga-ub .ub-ga-pct{color:#15803D}
.ub-ga-ga .ub-ga-pct{color:#1D4ED8}

.ub-ga-save{
  margin-left:auto;
  padding:6px 12px;
  border-radius:99px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.ub-ga-ub .ub-ga-save{background:#DCFCE7;color:#15803D}
.ub-ga-ga .ub-ga-save{background:#DBEAFE;color:#1D4ED8}

.ub-ga-body{
  padding:22px 24px 24px;
}
.ub-ga-line{
  font-size:13.5px;
  color:#334155;
  line-height:1.7;
  margin-bottom:14px;
}
.ub-ga-line strong{
  color:#0F172A;
  font-weight:700;
}

.ub-ga-feats{
  margin:18px 0 16px;
  padding:14px 16px;
  background:#F8FAFC;
  border:1px solid #F1F5F9;
  border-radius:10px;
  display:grid;
  gap:8px;
}
.ub-ga-feat{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13px;
  color:#0F172A;
  font-weight:600;
}
.ub-ga-feat span:first-child{
  flex-shrink:0;
  font-weight:900;
  font-size:14px;
}
.ub-ga-ub .ub-ga-feat span:first-child{color:#16A34A}
.ub-ga-ga .ub-ga-feat span:first-child{color:#2563EB}

.ub-ga-best{
  margin-top:8px;
  padding:14px 16px;
  border-radius:10px;
  font-size:13px;
  line-height:1.6;
  color:#0F172A;
}
.ub-ga-ub .ub-ga-best{background:#F0FDF4;border-left:3px solid #16A34A}
.ub-ga-ga .ub-ga-best{background:#EFF6FF;border-left:3px solid #2563EB}
.ub-ga-best strong{font-weight:800}

/* Shared row below */
.ub-ga-shared{
  background:linear-gradient(135deg,#F8FAFC,#fff);
  border:1.5px solid #E5E7EB;
  border-radius:18px;
  padding:28px;
}
.ub-ga-shared-title{
  font-size:13px;
  font-weight:800;
  color:#475569;
  text-transform:uppercase;
  letter-spacing:1.2px;
  text-align:center;
  margin-bottom:22px;
}
.ub-ga-shared-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}
.ub-ga-shared-item{
  display:flex;
  gap:12px;
  align-items:center;
  font-size:13px;
  color:#0F172A;
  line-height:1.45;
}
.ub-ga-shared-ico{
  font-size:24px;
  flex-shrink:0;
  line-height:1;
}
.ub-ga-shared-item strong{font-weight:800}

@media(max-width:840px){
  .ub-ga-grid{grid-template-columns:1fr;gap:18px}
  .ub-ga-shared-grid{grid-template-columns:1fr 1fr;gap:16px}
}
@media(max-width:480px){
  .ub-ga-shared-grid{grid-template-columns:1fr}
  .ub-ga-head{flex-wrap:wrap}
  .ub-ga-save{margin-left:0;margin-top:6px}
}

/* ════════════════════════════════════════════════════════════════════
   BLOG PAGINATION — nuclear fix for all WordPress pagination wrappers
═══════════════════════════════════════════════════════════════════════ */
.blog-pagination .navigation,
.blog-pagination .pagination,
.blog-pagination nav{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}
.blog-pagination .nav-links{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.blog-pagination .nav-links .page-numbers{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:42px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  border:1.5px solid #E5E7EB!important;
  background:#fff!important;
  color:#0F172A!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:all .15s!important;
  line-height:1!important;
}
.blog-pagination .nav-links .page-numbers:hover{
  border-color:#2563EB!important;
  color:#2563EB!important;
  background:#EFF6FF!important;
}
.blog-pagination .nav-links .page-numbers.current{
  background:linear-gradient(135deg,#2563EB,#1D4ED8)!important;
  border-color:#2563EB!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(37,99,235,.25)!important;
}
.blog-pagination .nav-links .prev,
.blog-pagination .nav-links .next{
  font-weight:800!important;
  background:#F8FAFC!important;
  color:#475569!important;
  border-color:#E2E8F0!important;
}
.blog-pagination .nav-links .prev:hover,
.blog-pagination .nav-links .next:hover{
  background:#fff!important;
  color:#2563EB!important;
  border-color:#2563EB!important;
}
.blog-pagination .nav-links .dots{
  border:none!important;
  background:transparent!important;
  color:#94A3B8!important;
  pointer-events:none!important;
  min-width:auto!important;
  padding:0 4px!important;
}

/* ════════════════════════════════════════════════════════════════════
   BLOG CARD — styled placeholder when no featured image
═══════════════════════════════════════════════════════════════════════ */
.blog-card-placeholder{
  width:100%;
  aspect-ratio:16/9;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.3px;
  color:rgba(255,255,255,.9);
  text-transform:uppercase;
}

/* Remove any lingering pseudo-element arrows on prev/next */
.page-numbers.prev::before,
.page-numbers.next::after,
.blog-pagination .prev::before,
.blog-pagination .next::after{
  content:''!important;
  display:none!important;
}

/* ════════════════════════════════════════════════════════════════════
   STOCK DISPLAY — hide exact numbers, show scarcity only via badges
═══════════════════════════════════════════════════════════════════════ */
/* Hide WooCommerce's native "4 in stock" / "in stock" text completely */
.woocommerce-variation-availability,
.single_variation .stock,
p.stock,
.stock.in-stock,
.stock.out-of-stock{
  display:none!important;
}

/* ════════════════════════════════════════════════════════════════════
   SCARCITY NUDGE — type-based colors
═══════════════════════════════════════════════════════════════════════ */
.sc-nudge{
  font-size:12.5px;
  font-weight:600;
  color:#334155;
  padding:8px 12px;
  background:#F8FAFC;
  border:1px solid #E2E8F0;
  border-radius:8px;
  margin-bottom:12px;
  display:flex;
  align-items:flex-start;
  gap:8px;
  line-height:1.5;
}
.sc-nudge-last{
  background:#FFF1F2!important;
  border-color:#FECDD3!important;
  color:#881337!important;
}
.sc-nudge-low{
  background:#FFFBEB!important;
  border-color:#FDE68A!important;
  color:#78350F!important;
}
.sc-nudge-dot{
  flex-shrink:0;
  width:8px;height:8px;
  background:#22C55E;
  border-radius:50%;
  margin-top:3px;
  animation:pulse-dot 2s infinite;
}
.sc-nudge-dot-red{background:#EF4444!important}
.sc-nudge-dot-amber{background:#F59E0B!important}
@keyframes pulse-dot{
  0%,100%{opacity:1}
  50%{opacity:.4}
}

/* ════════════════════════════════════════════════════════════════════
   PRODUCT GALLERY — FINAL OVERRIDE (fixes empty space below WhatsApp)
   Problem: previous rules set max-height + overflow creating empty area
═══════════════════════════════════════════════════════════════════════ */
.product-layout{
  align-items:start!important;
}
.product-gallery{
  align-self:start!important;
  max-height:none!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  overflow-y:visible!important;
}
.product-gallery > *:last-child{
  margin-bottom:0!important;
}
/* Ensure the gallery-help card doesn't grow beyond its content */
.gallery-help{
  height:auto!important;
  min-height:0!important;
  flex:none!important;
}

/* ════ Kill ALL WooCommerce native stock text — we use our own nudge ════ */
.stock,
p.stock,
.woocommerce-variation-availability,
.woocommerce-variation-availability .stock,
.single_variation .stock,
.single_variation_wrap .stock{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}

/* ════════════════════════════════════════════════════════════════════
   GALLERY TRUST POSTER — fills left column space on product page
═══════════════════════════════════════════════════════════════════════ */
.gallery-poster{
  margin-top:16px;
  background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);
  border-radius:16px;
  padding:24px;
  color:#fff;
  overflow:hidden;
  position:relative;
}
.gallery-poster::before{
  content:'';
  position:absolute;
  top:-40px;right:-40px;
  width:120px;height:120px;
  background:radial-gradient(circle,rgba(37,99,235,.3),transparent 70%);
  pointer-events:none;
}
.gp-head{margin-bottom:20px}
.gp-badge{
  display:inline-block;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#93C5FD;
  background:rgba(37,99,235,.15);
  border:1px solid rgba(37,99,235,.25);
  padding:5px 12px;
  border-radius:99px;
}
.gp-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:20px;
}
.gp-item{
  padding:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
}
.gp-num{
  font-size:24px;
  font-weight:900;
  color:#fff;
  letter-spacing:-.5px;
  line-height:1;
  margin-bottom:5px;
}
.gp-label{
  font-size:11.5px;
  color:rgba(255,255,255,.6);
  font-weight:600;
  line-height:1.35;
}
.gp-quote{
  font-style:italic;
  font-size:13.5px;
  color:rgba(255,255,255,.7);
  line-height:1.55;
  border-left:3px solid #2563EB;
  padding-left:14px;
  margin-bottom:18px;
}
.gp-ctas{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.gp-link{
  font-size:12.5px;
  font-weight:700;
  color:#93C5FD!important;
  text-decoration:none;
  transition:color .15s;
}
.gp-link:hover{color:#fff!important;text-decoration:underline}

@media(max-width:1100px){
  .gallery-poster{display:none!important}
}

/* ════════════════════════════════════════════════════════════════════
   PRODUCT CARD BADGES — Last Stock / Almost Gone / Selling Fast
═══════════════════════════════════════════════════════════════════════ */
.badge-last{
  background:#FEE2E2!important;
  color:#991B1B!important;
  border:1px solid #FECACA!important;
  font-weight:800!important;
  animation:badge-pulse 2s infinite;
}
.badge-scarce{
  background:#FEF3C7!important;
  color:#92400E!important;
  border:1px solid #FDE68A!important;
  font-weight:700!important;
}
.badge-hot{
  background:linear-gradient(135deg,#DC2626,#EA580C)!important;
  color:#fff!important;
  border:none!important;
  font-weight:900!important;
  /* v13.4.70: SALE text styling — uppercase + letter spacing makes
     it feel striking without needing an emoji prefix */
  text-transform:uppercase!important;
  letter-spacing:0.6px!important;
  padding:3px 10px!important;
  box-shadow:0 2px 6px rgba(220,38,38,.25)!important;
}
.badge-oos{
  background:#F1F5F9!important;
  color:#64748B!important;
  border:1px solid #E2E8F0!important;
}
@keyframes badge-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.85;transform:scale(1.02)}
}

/* ════════════════════════════════════════════════════════════════════
   MY ACCOUNT — Login & Register styled page
═══════════════════════════════════════════════════════════════════════ */
.nan-auth-wrap{
  min-height:calc(100vh - 200px);
  display:flex;
  align-items:center;
  padding:40px 0;
  background:linear-gradient(135deg,#F8FAFC 0%,#EFF6FF 100%);
}
.nan-auth-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:1000px;
  margin:0 auto;
  width:100%;
  padding:0 20px;
  gap:60px;
  align-items:center;
}

/* ── Left panel ── */
.nan-auth-left{
  padding:40px 0;
}
.nan-auth-logo{
  margin-bottom:24px;
  font-size:28px;
  font-weight:900;
}
.nan-auth-logo .logo-new{color:#0F172A}
.nan-auth-logo .logo-as{color:#0F172A;font-weight:300}
.nan-auth-logo .logo-new2{color:#2563EB}
.nan-auth-tagline{
  font-size:26px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.5px;
  line-height:1.25;
  margin-bottom:28px;
}
.nan-auth-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:28px;
}
.nan-auth-stat{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:12px;
  padding:16px;
  transition:transform .15s;
}
.nan-auth-stat:hover{transform:translateY(-2px)}
.nas-num{
  font-size:22px;
  font-weight:900;
  color:#2563EB;
  letter-spacing:-.5px;
  margin-bottom:4px;
}
.nas-lbl{
  font-size:12px;
  color:#64748B;
  font-weight:600;
  line-height:1.35;
}
.nan-auth-quote{
  font-style:italic;
  font-size:14px;
  color:#475569;
  line-height:1.6;
  padding-left:14px;
  border-left:3px solid #2563EB;
  margin-bottom:20px;
}
.nan-auth-browse{
  font-size:13px;
  font-weight:700;
  color:#2563EB;
  text-decoration:none;
  transition:color .15s;
}
.nan-auth-browse:hover{color:#1D4ED8}

/* ── Right panel ── */
.nan-auth-right{
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:20px;
  padding:36px;
  box-shadow:0 8px 40px rgba(0,0,0,.06);
}

/* Tabs */
.nan-auth-tabs{
  display:flex;
  gap:0;
  background:#F1F5F9;
  border-radius:10px;
  padding:4px;
  margin-bottom:28px;
}
.nan-auth-tab{
  flex:1;
  padding:10px;
  border:none;
  background:transparent;
  border-radius:7px;
  font-size:14px;
  font-weight:700;
  color:#64748B;
  cursor:pointer;
  transition:all .15s;
}
.nan-auth-tab.active{
  background:#fff;
  color:#0F172A;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* Panels */
.nan-auth-panel{display:none}
.nan-auth-panel.active{display:block}

.nan-auth-title{
  font-size:22px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.4px;
  margin:0 0 6px;
}
.nan-auth-sub{
  font-size:13.5px;
  color:#64748B;
  line-height:1.5;
  margin:0 0 24px;
}

/* Fields */
.nan-field-group{
  margin-bottom:18px;
}
.nan-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
  font-weight:700;
  color:#0F172A;
  margin-bottom:7px;
}
.nan-label-link{
  font-size:12px;
  font-weight:600;
  color:#2563EB;
  text-decoration:none;
}
.nan-label-link:hover{text-decoration:underline}
.nan-input{
  width:100%!important;
  padding:12px 14px!important;
  border:1.5px solid #E5E7EB!important;
  border-radius:10px!important;
  font-size:14px!important;
  color:#0F172A!important;
  background:#fff!important;
  transition:border-color .15s, box-shadow .15s!important;
  box-sizing:border-box!important;
  outline:none!important;
  font-family:inherit!important;
}
.nan-input:focus{
  border-color:#2563EB!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;
}
.nan-input-wrap{
  position:relative;
}
.nan-input-wrap .nan-input{
  padding-right:44px!important;
}
.nan-pwd-toggle{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  cursor:pointer;
  font-size:16px;
  padding:4px;
  color:#64748B;
}
.nan-field-check{
  margin-bottom:20px;
}
.nan-field-check label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#475569;
  cursor:pointer;
  font-weight:600;
}
.nan-field-check input{accent-color:#2563EB}

/* Primary button */
.nan-btn-primary{
  width:100%;
  padding:13px 20px;
  background:linear-gradient(135deg,#2563EB,#1D4ED8);
  color:#fff!important;
  border:none;
  border-radius:12px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  transition:all .15s;
  letter-spacing:.2px;
  margin-bottom:16px;
  display:block;
  text-align:center;
  box-shadow:0 4px 12px rgba(37,99,235,.25);
}
.nan-btn-primary:hover{
  background:linear-gradient(135deg,#1D4ED8,#1E40AF);
  box-shadow:0 6px 20px rgba(37,99,235,.35);
  transform:translateY(-1px);
}

/* Switch link */
.nan-auth-switch{
  text-align:center;
  font-size:13px;
  color:#64748B;
}
.nan-auth-switch-btn{
  background:none;
  border:none;
  color:#2563EB;
  font-weight:700;
  cursor:pointer;
  font-size:13px;
  padding:0;
  text-decoration:underline;
  text-underline-offset:2px;
}
.nan-auth-terms{
  font-size:12px;
  color:#94A3B8;
  text-align:center;
  line-height:1.5;
  margin-top:12px;
}
.nan-auth-terms a{color:#64748B;text-decoration:underline}
.nan-auth-note{
  padding:12px 14px;
  background:#EFF6FF;
  border:1px solid #BFDBFE;
  border-radius:8px;
  font-size:13px;
  color:#1D4ED8;
  margin-bottom:18px;
}
.nan-auth-panel-head{margin-bottom:22px}

/* WooCommerce error/notice inside form */
.nan-auth-right .woocommerce-error,
.nan-auth-right .woocommerce-message,
.nan-auth-right .woocommerce-info{
  margin-bottom:16px;
  border-radius:10px;
  padding:12px 16px;
  font-size:13.5px;
}

/* Mobile */
@media(max-width:768px){
  .nan-auth-inner{
    grid-template-columns:1fr;
    gap:24px;
    max-width:480px;
  }
  .nan-auth-left{
    display:none;
  }
  .nan-auth-wrap{
    align-items:flex-start;
    padding:24px 0;
  }
}

/* ════════════════════════════════════════════════════════════════════
   MY ACCOUNT — Dashboard (logged in state)
═══════════════════════════════════════════════════════════════════════ */
.nan-account-layout{
  display:grid;
  grid-template-columns:240px 1fr;
  gap:32px;
  align-items:start;
}

/* Sidebar navigation */
.nan-account-nav{
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:16px;
  padding:12px;
  overflow:hidden;
}
.nan-account-nav-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:10px;
  text-decoration:none!important;
  color:#0F172A;
  font-size:14px;
  font-weight:600;
  transition:all .15s;
  position:relative;
  margin-bottom:2px;
}
.nan-account-nav-item:hover{
  background:#F8FAFC;
  color:#2563EB;
}
.nan-account-nav-item.active{
  background:#EFF6FF;
  color:#2563EB;
  font-weight:700;
}
.nav-icon{font-size:18px;flex-shrink:0}
.nav-label{flex:1}
.nav-active-dot{
  width:6px;height:6px;
  background:#2563EB;
  border-radius:50%;
  flex-shrink:0;
}
.nav-logout{
  color:#EF4444!important;
  margin-top:8px;
  border-top:1px solid #F1F5F9;
  padding-top:14px!important;
}
.nav-logout:hover{background:#FFF1F2!important}

/* Main content area */
.nan-account-sidebar .woocommerce{width:100%}
.nan-account-sidebar .woocommerce-MyAccount-content{
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:16px;
  padding:28px;
}

/* Dashboard welcome text */
.woocommerce-MyAccount-content p{
  font-size:14px;
  color:#475569;
  line-height:1.6;
  margin-bottom:12px;
}
.woocommerce-MyAccount-content p a{color:#2563EB;text-decoration:underline;text-underline-offset:2px}
.woocommerce-MyAccount-content p strong{color:#0F172A}

/* Temp password notice */
.woocommerce-message{
  background:#EFF6FF;
  border:1px solid #BFDBFE;
  color:#1D4ED8;
  padding:14px 18px;
  border-radius:10px;
  font-size:13.5px;
  margin-bottom:18px;
  border-left:4px solid #2563EB;
}

/* Orders table */
.woocommerce-orders-table{
  width:100%;
  border-collapse:collapse;
  font-size:13.5px;
}
.woocommerce-orders-table th{
  background:#F8FAFC;
  padding:10px 14px;
  text-align:left;
  font-weight:700;
  color:#475569;
  border-bottom:1px solid #E5E7EB;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.woocommerce-orders-table td{
  padding:12px 14px;
  border-bottom:1px solid #F1F5F9;
  color:#0F172A;
}
.woocommerce-orders-table tr:last-child td{border-bottom:none}
.woocommerce-orders-table .button{
  font-size:12px;
  padding:6px 14px;
  background:#0F172A;
  color:#fff!important;
  border-radius:8px;
  text-decoration:none!important;
  font-weight:700;
  transition:background .15s;
}
.woocommerce-orders-table .button:hover{background:#2563EB}

/* Address boxes */
.woocommerce-Addresses{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.woocommerce-Address{
  border:1.5px solid #E5E7EB;
  border-radius:12px;
  padding:20px;
}
.woocommerce-Address-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.woocommerce-Address-title h3{
  font-size:15px;
  font-weight:800;
  color:#0F172A;
  margin:0;
}
.woocommerce-Address-title a{
  font-size:12.5px;
  font-weight:700;
  color:#2563EB;
  text-decoration:none;
}

/* Account detail form */
.woocommerce-EditAccountForm .form-row{margin-bottom:18px}
.woocommerce-EditAccountForm label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#0F172A;
  margin-bottom:6px;
}
.woocommerce-EditAccountForm input{
  width:100%;
  padding:12px 14px;
  border:1.5px solid #E5E7EB;
  border-radius:10px;
  font-size:14px;
  color:#0F172A;
  transition:border-color .15s;
  box-sizing:border-box;
}
.woocommerce-EditAccountForm input:focus{border-color:#2563EB;outline:none}
.woocommerce-EditAccountForm .button{
  background:linear-gradient(135deg,#2563EB,#1D4ED8);
  color:#fff!important;
  border:none;
  padding:12px 28px;
  border-radius:10px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:all .15s;
}
.woocommerce-EditAccountForm .button:hover{background:linear-gradient(135deg,#1D4ED8,#1E40AF)}

/* Mobile account */
@media(max-width:768px){
  .nan-account-layout{grid-template-columns:1fr}
  .nan-account-nav{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:4px;
    padding:8px;
    border-radius:12px;
  }
  .nan-account-nav-item{
    flex-shrink:0;
    padding:9px 12px;
    font-size:12.5px;
    white-space:nowrap;
    margin-bottom:0;
  }
  .nav-icon{font-size:16px}
  .woocommerce-Addresses{grid-template-columns:1fr}
}

/* ════════════════════════════════════════════════════════════════════
   FOOTER LEGAL STRIP — Licence, TRN, Registered Address
═══════════════════════════════════════════════════════════════════════ */
.footer-legal-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px 16px;
  padding:14px 24px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:0;
}
.footer-legal-item{
  display:flex;
  align-items:flex-start;
  gap:6px;
  font-size:11px;
  line-height:1.45;
}
.footer-legal-label{
  color:rgba(255,255,255,.4);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.8px;
  white-space:nowrap;
  font-size:10px;
  margin-top:1px;
}
.footer-legal-val{
  color:rgba(255,255,255,.6);
  font-weight:500;
}
.footer-legal-dot{
  color:rgba(255,255,255,.2);
  font-size:12px;
  line-height:1.6;
}
@media(max-width:700px){
  .footer-legal-strip{flex-direction:column;gap:8px;padding:14px 20px}
  .footer-legal-dot{display:none}
}

/* ════════════════════════════════════════════════════════════════════
   ABOUT PAGE — Legal & Company Information section
═══════════════════════════════════════════════════════════════════════ */
.about-legal-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.about-legal-card{
  background:#fff;
  border:1.5px solid #E5E7EB;
  border-radius:16px;
  padding:24px;
  transition:box-shadow .2s,transform .2s;
}
.about-legal-card:hover{
  box-shadow:0 8px 32px rgba(0,0,0,.07);
  transform:translateY(-2px);
}
.about-legal-card-featured{
  border-color:#FDE68A;
  background:linear-gradient(135deg,#FFFBEB,#fff);
}
.about-legal-icon{
  font-size:28px;
  margin-bottom:12px;
  line-height:1;
}
.about-legal-title{
  font-size:16px;
  font-weight:900;
  color:#0F172A;
  margin:0 0 14px;
  letter-spacing:-.2px;
}
.about-legal-table{
  width:100%;
  border-collapse:collapse;
}
.about-legal-table tr{
  border-bottom:1px solid #F1F5F9;
}
.about-legal-table tr:last-child{border-bottom:none}
.alt-label{
  font-size:11.5px;
  font-weight:700;
  color:#64748B;
  text-transform:uppercase;
  letter-spacing:.5px;
  padding:8px 8px 8px 0;
  width:40%;
  vertical-align:top;
}
.alt-val{
  font-size:13px;
  font-weight:600;
  color:#0F172A;
  padding:8px 0;
  line-height:1.4;
}
.alt-mono{
  font-family:monospace;
  font-size:12.5px;
  letter-spacing:.5px;
  color:#2563EB;
}

.about-legal-address{
  font-style:normal;
  font-size:14px;
  color:#334155;
  line-height:1.8;
  margin-bottom:16px;
}
.about-legal-contact-row{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.about-legal-contact-link{
  font-size:13px;
  font-weight:600;
  color:#2563EB;
  text-decoration:none;
  transition:color .15s;
}
.about-legal-contact-link:hover{color:#1D4ED8;text-decoration:underline}

/* Startup India card */
.startup-india-badge{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:14px;
  background:linear-gradient(135deg,#FF9933 0%,#fff 50%,#138808 100%);
  border-radius:10px;
  margin-bottom:4px;
}
.si-flag{
  font-size:32px;
  line-height:1;
  flex-shrink:0;
}
.si-label{
  font-size:10px;
  font-weight:700;
  color:#0F172A;
  text-transform:uppercase;
  letter-spacing:1px;
  opacity:.7;
}
.si-title{
  font-size:18px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.3px;
  margin:2px 0;
}
.si-body{
  font-size:11px;
  color:#334155;
  line-height:1.4;
  font-weight:600;
}
.si-trust-note{
  margin-top:14px;
  font-size:12.5px;
  color:#78350F;
  line-height:1.6;
  font-style:italic;
  background:#FEF9C3;
  padding:10px 12px;
  border-radius:8px;
}

@media(max-width:900px){
  .about-legal-grid{grid-template-columns:1fr}
  .about-legal-card{padding:20px}
}

/* ════════════════════════════════════════════════════════════════════
   LOGO — SVG icon + wordmark across all contexts
═══════════════════════════════════════════════════════════════════════ */
.logo-icon-img{
  width:36px!important;
  height:36px!important;
  display:block;
  flex-shrink:0;
  border-radius:9px;
}
.site-logo{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
}
.footer-logo-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.footer-logo-wrap img{
  width:36px;
  height:36px;
  border-radius:9px;
  flex-shrink:0;
}

/* Footer logo — identical to header, only text color adjusted for dark bg */
.footer-site-logo { margin-bottom: 12px; }
.footer-site-logo .logo-name { color: #fff !important; }
.footer-site-logo .logo-name em { color: var(--bmid) !important; }
.footer-site-logo .logo-box { background: var(--blue) !important; }



/* ════════════════════════════════════════════════════════════════════════════
   OTP PLUGIN STYLING — match brand for Login with Phone Number plugin
   Plugin classes: .lwp_*, .lh-* (covers Idehweb plugin variants)
   ════════════════════════════════════════════════════════════════════════════ */

/* Wrapper styling */
.lwp_phone_login,
.lh-form-container,
.lh-login,
form[id*="lwp"],
form[id*="lh-"] {
  font-family: var(--s) !important;
  font-size: 14px;
}

/* Labels */
.lwp_phone_login label,
.lh-form-container label,
form[id*="lwp"] label,
form[id*="lh-"] label,
.lwp_phone_login p > label,
.lh-form-container p > label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Phone input + country code dropdown */
.lwp_phone_login input[type="tel"],
.lwp_phone_login input[type="text"],
.lwp_phone_login input[type="email"],
.lwp_phone_login input[type="password"],
.lwp_phone_login input[type="number"],
.lwp_phone_login select,
.lh-form-container input,
.lh-form-container select,
.lh-login input,
.lh-login select,
form[id*="lwp"] input,
form[id*="lwp"] select,
form[id*="lh-"] input,
form[id*="lh-"] select,
.iti__country-list,
.iti__selected-flag {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid var(--g200) !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  background: #fff !important;
  color: var(--ink) !important;
  font-family: var(--s) !important;
  transition: border-color .15s, box-shadow .15s !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 48px !important;
}

.lwp_phone_login input:focus,
.lwp_phone_login select:focus,
.lh-form-container input:focus,
.lh-form-container select:focus,
form[id*="lwp"] input:focus,
form[id*="lh-"] input:focus {
  border-color: var(--blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}

/* Phone number row — country select + input side by side */
.lwp_phone_login .lwp_username_field,
.lwp_phone_login p:has(select),
.iti--allow-dropdown {
  width: 100% !important;
  display: flex !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.lwp_phone_login .lwp_username_field select,
.iti__selected-flag {
  width: 90px !important;
  flex-shrink: 0 !important;
}

.lwp_phone_login .lwp_username_field input {
  flex: 1 !important;
}

/* Buttons - all variants */
.lwp_phone_login button,
.lwp_phone_login input[type="submit"],
.lwp_phone_login .lwp_btn,
.lwp_phone_login .lwp_login_btn,
.lh-form-container button,
.lh-form-container input[type="submit"],
.lh-login button,
.lh-login input[type="submit"],
form[id*="lwp"] button,
form[id*="lwp"] input[type="submit"],
form[id*="lh-"] button,
form[id*="lh-"] input[type="submit"] {
  width: 100% !important;
  padding: 14px 20px !important;
  background: var(--blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: var(--s) !important;
  cursor: pointer !important;
  transition: background .15s, transform .1s !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-top: 10px !important;
  min-height: 48px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.lwp_phone_login button:hover,
.lwp_phone_login input[type="submit"]:hover,
.lh-form-container button:hover,
form[id*="lwp"] button:hover,
form[id*="lh-"] button:hover {
  background: var(--bd) !important;
  transform: translateY(-1px) !important;
}

.lwp_phone_login button:active {
  transform: translateY(0) !important;
}

/* Secondary button (Login with Email & Password) */
.lwp_phone_login button.lwp_login_form_secondary,
.lwp_phone_login button.lwp_use_password,
.lwp_phone_login a.lwp_use_password,
.lwp_phone_login a[href*="password"],
.lwp_login_with_password_btn {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1.5px solid var(--g200) !important;
}

.lwp_phone_login button.lwp_login_form_secondary:hover,
.lwp_phone_login button.lwp_use_password:hover,
.lwp_login_with_password_btn:hover {
  background: var(--g50) !important;
  border-color: var(--blue) !important;
  color: var(--blue) !important;
}

/* Buttons row — when 2 buttons side by side */
.lwp_phone_login p:has(button + button),
.lwp_phone_login .lwp_button_row {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.lwp_phone_login p:has(button + button) button {
  flex: 1 !important;
  min-width: 0 !important;
}

/* OTP input (6 boxes typically) */
.lwp_phone_login .lwp_otp_field,
.lwp_phone_login input[name="otp"],
.lwp_phone_login input[type="number"][maxlength] {
  text-align: center !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 8px !important;
}

/* Error / success messages */
.lwp_phone_login .lwp_error,
.lwp_phone_login .lwp_message,
.lh-form-container .error,
.lh-form-container .success {
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  margin: 8px 0 !important;
}

.lwp_phone_login .lwp_error,
.lh-form-container .error {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca !important;
}

.lwp_phone_login .lwp_success,
.lh-form-container .success {
  background: #f0fdf4 !important;
  color: #15803d !important;
  border: 1px solid #bbf7d0 !important;
}

/* Resend OTP link */
.lwp_phone_login .lwp_resend_otp,
.lwp_resend {
  font-size: 13px !important;
  color: var(--blue) !important;
  text-decoration: underline !important;
  display: inline-block !important;
  margin-top: 8px !important;
}

/* Spacing between form sections */
.lwp_phone_login p,
.lh-form-container p {
  margin: 0 0 14px !important;
}

/* Mobile responsive */
@media (max-width: 600px) {
  .lwp_phone_login p:has(button + button) {
    flex-direction: column !important;
  }
  .lwp_phone_login p:has(button + button) button {
    width: 100% !important;
  }
}


/* ════════════════════════════════════════════════════════════════════
   v13.6.1 — Review sections
   1) "Real Buyers" product reviews → horizontal scrolling slider (all devices)
   2) ".nan-container" had NO css (undefined) → "What Our Customers Say" sat at
      the extreme edge. Give it the same centering as the standard .sw wrapper.
   ════════════════════════════════════════════════════════════════════ */
.rev-grid{display:flex !important;grid-template-columns:none !important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 14px;scrollbar-width:thin}
.rev-grid::-webkit-scrollbar{height:6px}
.rev-grid::-webkit-scrollbar-thumb{background:var(--g200);border-radius:99px}
.rev-grid .rev-card{flex:0 0 330px;scroll-snap-align:start}
@media(max-width:600px){.rev-grid .rev-card{flex:0 0 84vw;max-width:310px}}

.nan-container{max-width:var(--sw);margin:0 auto;padding:0 24px}
@media(max-width:600px){.nan-container{padding:0 14px}}

/* v13.6.2 — "View more reviews" button under the product-review slider */
.rev-more-wrap{display:flex;justify-content:center;margin-top:18px}
.rev-more-btn{background:var(--blue);color:#fff;border:none;border-radius:9px;padding:11px 24px;font-family:var(--f);font-size:14px;font-weight:700;cursor:pointer;transition:background .18s}
.rev-more-btn:hover{background:var(--bd)}

/* v13.6.3 — uniform review-card frame + per-review "Read more"
   (caps long reviews to 5 lines so one big review can't stretch the card
    and force long vertical scrolling; footer stays pinned to the bottom) */
.rev-grid .rev-card{min-height:240px}
.rev-grid .rev-text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;flex:none}
.rev-grid .rev-card.rev-expanded .rev-text{-webkit-line-clamp:unset;display:block;overflow:visible}
.rev-grid .rev-footer{margin-top:auto}
.rev-readmore{display:none;background:none;border:none;color:var(--blue);font-weight:700;font-size:12.5px;cursor:pointer;padding:2px 16px 4px;font-family:var(--f);text-align:left}
.rev-readmore.show{display:inline-block}

/* ═══════════════════════════════════════════════════════════════════════════
   v13.14.0 — CONDITION PICKER BANNER (homepage, directly under the hero)
   Three tier cards: New (Sealed) amber, Unboxed green, Grade A blue.
   Lives in main.css rather than inline in front-page.php so it is cached
   once instead of shipped in every HTML response.
   ═══════════════════════════════════════════════════════════════════════════ */
.cond-picker{padding:56px 0 8px;background:
  radial-gradient(70% 100% at 50% 0%, rgba(37,99,235,.06) 0%, rgba(37,99,235,0) 70%),
  var(--w)}
.cond-picker-head{max-width:660px;margin:0 0 28px}
.cond-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.cpick{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 18px;border-radius:16px;
  text-decoration:none;color:inherit;background:var(--w);border:1.5px solid var(--g200);
  transition:transform .22s var(--e2),box-shadow .22s,border-color .22s;overflow:hidden}
.cpick::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--cpick-c,#2563EB)}
.cpick:hover{transform:translateY(-4px);border-color:var(--cpick-c,#2563EB);box-shadow:0 14px 34px rgba(3,7,18,.10)}
.cpick-ns{--cpick-c:#F59E0B;--cpick-bg:#FFFBEB;--cpick-ink:#78350F}
.cpick-ub{--cpick-c:#16A34A;--cpick-bg:#F0FDF4;--cpick-ink:#14532D}
.cpick-ga{--cpick-c:#2563EB;--cpick-bg:#EFF6FF;--cpick-ink:#1E3A8A}
.cpick-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cpick-ico{width:44px;height:44px;border-radius:12px;background:var(--cpick-bg);border:1px solid var(--cpick-c);
  display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.cpick-tag{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:var(--cpick-ink);background:var(--cpick-bg);border-radius:99px;padding:4px 10px;white-space:nowrap}
.cpick-name{font-size:19px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}
.cpick-line{font-size:13px;color:var(--ink4);line-height:1.5}
.cpick-pts{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px}
.cpick-pts li{font-size:12.5px;color:var(--ink3);display:flex;gap:7px;align-items:flex-start;line-height:1.45}
.cpick-pts li span{color:var(--cpick-c);font-weight:800;flex-shrink:0}
.cpick-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--g100);
  display:flex;align-items:center;justify-content:space-between;gap:10px}
.cpick-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.cpick-from{font-size:11px;color:var(--ink5)}
.cpick-price strong{font-family:var(--m);font-size:16px;font-weight:800;color:var(--ink)}
.cpick-count{font-size:11px;color:var(--ink5);width:100%}
.cpick-go{width:32px;height:32px;border-radius:50%;background:var(--cpick-bg);color:var(--cpick-ink);
  display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:transform .2s}
.cpick:hover .cpick-go{transform:translateX(3px)}
@media (max-width:1000px){.cond-picker-grid{grid-template-columns:1fr 1fr}}

/* ── v13.16.0 — COMPACT ON PHONES ──────────────────────────────────────────
   On a phone the three full cards ran to roughly 780px of scrolling before the
   first product rail appeared. This block reduces that to about 250px so the
   section still answers "what condition am I buying?" without standing between
   the visitor and the products.

   The cards become single-line rows: icon, name, tier tag, price and count.
   The three proof bullets are hidden here only — they remain on tablet and
   desktop, and they are still in the HTML for screen readers and for SEO. */
@media (max-width:700px){
  .cond-picker{padding:26px 0 2px}
  .cond-picker-head{margin-bottom:16px}
  .cond-picker .sec-title{font-size:22px;line-height:1.15}
  .cond-picker .sec-sub{font-size:13px;margin-top:6px}
  .cond-picker-grid{grid-template-columns:1fr;gap:8px}

  .cpick{
    display:grid;
    grid-template-columns:40px 1fr auto;
    grid-template-areas:'ico name go' 'ico meta go';
    align-items:center;column-gap:12px;row-gap:2px;
    padding:12px 14px;border-radius:12px}
  .cpick::before{width:4px;height:auto;top:0;bottom:0;right:auto}

  .cpick-top{display:contents}
  .cpick-ico{grid-area:ico;width:40px;height:40px;font-size:19px;border-radius:10px}
  .cpick-tag{display:none}
  .cpick-name{grid-area:name;font-size:15.5px;align-self:end}
  .cpick-line{display:none}
  .cpick-pts{display:none}

  /* display:contents lifts the children of these wrappers into the card's own
     grid — .cpick-go lives inside .cpick-foot, so without this it could never
     be placed in the 'go' column. */
  .cpick-foot{display:contents}
  .cpick-price{grid-area:meta;display:flex;gap:6px;align-items:baseline;align-self:start;flex-wrap:wrap}
  .cpick-price strong{font-size:14px}
  .cpick-from{font-size:10.5px}
  .cpick-count{width:auto;font-size:10.5px}
  .cpick-count::before{content:'· '}

  .cpick-go{grid-area:go;width:28px;height:28px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.cpick,.cpick-go{transition:none}.cpick:hover{transform:none}}

/* ── v13.14.0 — PROMO BANNER (campaign slot, hidden until switched on) ────── */
.promo-band{--promo-a:#F59E0B;--promo-b:#B45309;--promo-ink:#1A0F00;position:relative;overflow:hidden}
.promo-blue{--promo-a:#3B82F6;--promo-b:#1D4ED8;--promo-ink:#fff}
.promo-green{--promo-a:#22C55E;--promo-b:#15803D;--promo-ink:#04140A}
.promo-dark{--promo-a:#374151;--promo-b:#111827;--promo-ink:#fff}
.promo-band{background:linear-gradient(100deg,var(--promo-b) 0%,var(--promo-a) 100%)}
.promo-band::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:34px 100%}
.promo-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:20px 24px;flex-wrap:wrap}
.promo-eye{font-size:10.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--promo-ink);opacity:.72;margin-bottom:5px}
.promo-title{font-size:clamp(19px,2.6vw,27px);font-weight:800;letter-spacing:-.6px;color:var(--promo-ink);line-height:1.15}
.promo-sub{font-size:13.5px;color:var(--promo-ink);opacity:.82;margin-top:5px;max-width:62ch;line-height:1.5}
.promo-cta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.promo-btn{display:inline-flex;align-items:center;gap:8px;background:var(--promo-ink);
  color:var(--promo-b);border-radius:10px;padding:13px 24px;font-size:14.5px;font-weight:800;
  text-decoration:none;white-space:nowrap;transition:transform .16s,box-shadow .16s}
.promo-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.promo-note{font-size:11px;color:var(--promo-ink);opacity:.68}
@media (max-width:700px){
  .promo-inner{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 18px}
  .promo-cta{align-items:flex-start;width:100%}
  .promo-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.promo-btn{transition:none}.promo-btn:hover{transform:none}}