/* ============================================================
   DEALCENTER PRO v3 — MAIN STYLESHEET — COMPLETE REWRITE
   All class names verified against actual template files
   3 Design Themes: Blue Pro (default), Dark Pro, Clean Green
   ============================================================ */

/* ── THEME 1: Blue Professional (default) ─────────────────── */
:root {
  --brand:#0057FF; --brand-dark:#0040CC; --brand-lite:#E8F0FF;
  --brand-glow:rgba(0,87,255,.15); --accent:#FF5500; --green:#00B37E;
  --red:#E53E3E; --amber:#D97706; --violet:#7C3AED;
  --bg:#FFFFFF; --bg2:#F8FAFF; --bg3:#F1F5FE; --bg-dark:#0D1B3E;
  --surface:#FFFFFF; --border:#E2E8F8; --border2:#C8D6F5;
  --tx1:#0D1B3E; --tx2:#4A5B7A; --tx3:#8FA0C0; --tx-inv:#FFFFFF;
  --fd:'Rajdhani',sans-serif; --fb:'DM Sans',sans-serif; --fm:'JetBrains Mono',monospace;
  --hh:72px; --tb:38px; --ticker-h:30px; --container:1380px;
  --r4:4px; --r8:8px; --r12:12px; --r16:16px; --r20:20px; --r24:24px; --rpill:999px;
  --sh-sm:0 1px 4px rgba(13,27,62,.06); --sh:0 4px 20px rgba(13,27,62,.08);
  --sh-lg:0 12px 48px rgba(13,27,62,.12); --sh-xl:0 24px 80px rgba(13,27,62,.18);
  --sh-brand:0 8px 30px rgba(0,87,255,.25);
  --tf:.15s cubic-bezier(.4,0,.2,1); --tm:.3s cubic-bezier(.4,0,.2,1); --ts:.5s cubic-bezier(.4,0,.2,1);
  --hero-bg:linear-gradient(135deg,#0d1b3e 0%,#0d2060 50%,#0d1b3e 100%);
  --hero-overlay:linear-gradient(90deg,rgba(13,27,62,.95) 40%,rgba(13,27,62,.4) 100%);
  --footer-bg:#0D1B3E;
  --kicker-color:var(--brand); --kicker-bg:var(--brand-lite); --kicker-border:rgba(0,87,255,.15);
}

/* ── THEME 2: Dark Pro ──────────────────────────────────────── */
body[data-dc-theme="2"] {
  --bg:#111827; --bg2:#1F2937; --bg3:#374151; --surface:#1F2937;
  --border:#374151; --border2:#4B5563; --tx1:#F9FAFB; --tx2:#D1D5DB; --tx3:#9CA3AF;
  --brand:#3B82F6; --brand-dark:#2563EB; --brand-lite:rgba(59,130,246,.12);
  --sh-sm:0 1px 4px rgba(0,0,0,.3); --sh:0 4px 20px rgba(0,0,0,.4);
  --sh-lg:0 12px 48px rgba(0,0,0,.5); --sh-xl:0 24px 80px rgba(0,0,0,.6);
  --hero-bg:linear-gradient(135deg,#030712 0%,#111827 50%,#030712 100%);
  --footer-bg:#030712;
  --kicker-color:#93C5FD; --kicker-bg:rgba(59,130,246,.12); --kicker-border:rgba(59,130,246,.25);
}
body[data-dc-theme="2"] .site-header{background:rgba(17,24,39,.97)}
body[data-dc-theme="2"] .prod-card,body[data-dc-theme="2"] .why-card,
body[data-dc-theme="2"] .ph-card,body[data-dc-theme="2"] .ai-card,
body[data-dc-theme="2"] .compat-card,body[data-dc-theme="2"] .spec-cmp,
body[data-dc-theme="2"] .mini-cart-panel,body[data-dc-theme="2"] .account-dropdown,
body[data-dc-theme="2"] .mega-menu,body[data-dc-theme="2"] .search-dropdown,
body[data-dc-theme="2"] .sidebar-widget,body[data-dc-theme="2"] .shop-toolbar,
body[data-dc-theme="2"] .mc-head,body[data-dc-theme="2"] .mc-foot,
body[data-dc-theme="2"] .stats-bar{background:var(--bg2);border-color:var(--border)}
body[data-dc-theme="2"] .site-topbar{background:#030712}
body[data-dc-theme="2"] .search-wrap{background:var(--bg3);border-color:var(--border2)}
body[data-dc-theme="2"] .search-input{color:var(--tx1)}
body[data-dc-theme="2"] .price-box{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.04));border-color:rgba(59,130,246,.2)}
body[data-dc-theme="2"] .auth-form{background:var(--bg2)}
body[data-dc-theme="2"] .tab-panel .spec-table tr:nth-child(odd) td,
body[data-dc-theme="2"] .tab-panel .spec-table tr:nth-child(odd) th{background:var(--bg3)}

/* ── THEME 3: Forest Green Enterprise ──────────────────────── */
body[data-dc-theme="3"] {
  --brand:#059669; --brand-dark:#047857; --brand-lite:rgba(5,150,105,.08);
  --brand-glow:rgba(5,150,105,.15); --sh-brand:0 8px 30px rgba(5,150,105,.25);
  --hero-bg:linear-gradient(135deg,#022c22 0%,#064e3b 50%,#022c22 100%);
  --hero-overlay:linear-gradient(90deg,rgba(2,44,34,.95) 40%,rgba(2,44,34,.4) 100%);
  --footer-bg:#022c22; --bg-dark:#022c22;
  --kicker-color:#10B981; --kicker-bg:rgba(5,150,105,.1); --kicker-border:rgba(5,150,105,.2);
}
body[data-dc-theme="3"] .btn-primary,.add-cart-btn,body[data-dc-theme="3"] .add-cart-btn{background:var(--brand);border-color:var(--brand)}
body[data-dc-theme="3"] .price-box{background:linear-gradient(135deg,rgba(5,150,105,.08),rgba(5,150,105,.02));border-color:rgba(5,150,105,.2)}
body[data-dc-theme="3"] .price-current{color:var(--brand)}

/* ── Theme Switcher ─────────────────────────────────────────── */
.dc-theme-switcher{position:fixed;bottom:1.5rem;left:1.5rem;z-index:8999;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.dc-theme-label{font-family:var(--fm);font-size:.55rem;color:rgba(255,255,255,.7);letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.5);padding:.15rem .45rem;border-radius:3px;backdrop-filter:blur(8px)}
.dc-theme-dots{display:flex;gap:.4rem}
.dc-theme-dot{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:all var(--tm);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.dc-theme-dot:hover,.dc-theme-dot.on{border-color:#fff;transform:scale(1.18)}
.dc-theme-dot[data-t="1"]{background:linear-gradient(135deg,#0057FF,#0040CC)}
.dc-theme-dot[data-t="2"]{background:linear-gradient(135deg,#111827,#3B82F6)}
.dc-theme-dot[data-t="3"]{background:linear-gradient(135deg,#022c22,#059669)}

/* ══════════════════════════════════════════════════
   RESET & BASE
══════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx1);font-family:var(--fb);font-size:1rem;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none;transition:color var(--tf)}
a:hover{color:var(--brand-dark)}
button,input,select,textarea{font-family:inherit}
ul,ol{list-style:none}
table{border-collapse:collapse}
::selection{background:var(--brand-lite);color:var(--brand)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:9px}
::-webkit-scrollbar-thumb:hover{background:var(--tx3)}

/* ── TYPOGRAPHY ────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{font-family:var(--fd);font-weight:700;line-height:1.15;color:var(--tx1);letter-spacing:.01em}
h1{font-size:clamp(2rem,4.5vw,3.6rem)}
h2{font-size:clamp(1.6rem,3vw,2.6rem)}
h3{font-size:clamp(1.2rem,2vw,1.8rem)}
h4{font-size:clamp(1rem,1.5vw,1.3rem)}
p{color:var(--tx2);line-height:1.75}

/* ── CONTAINER & SECTIONS ─────────────────────────────────── */
.dc-container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.section-kicker{display:block;width:fit-content;font-family:var(--fm);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kicker-color);background:var(--kicker-bg);padding:.28rem .75rem;border-radius:var(--rpill);border:1px solid var(--kicker-border);margin-bottom:.6rem}
.section-lead{max-width:580px;color:var(--tx2)}

/* ── BUTTONS ────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--fd);font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding:.7rem 1.6rem;border-radius:var(--r8);border:2px solid transparent;cursor:pointer;transition:all var(--tm);text-decoration:none;white-space:nowrap;line-height:1}
.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--sh-brand)}
.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,87,255,.35)}
.btn-outline{background:transparent;color:var(--brand);border-color:var(--brand)}
.btn-outline:hover{background:var(--brand);color:#fff}
.btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-outline-white:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.btn-ghost{background:var(--bg3);color:var(--tx2);border-color:var(--border)}
.btn-ghost:hover{background:var(--border);color:var(--tx1)}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-accent:hover{background:#e04a00;color:#fff}
.btn-dark{background:var(--bg-dark);color:#fff;border-color:var(--bg-dark)}
.btn-dark:hover{background:#1a2d5a;color:#fff}
.btn-sm{padding:.45rem 1rem;font-size:.78rem}
.btn-lg{padding:.9rem 2.2rem;font-size:1rem}
.btn-xl{padding:1.1rem 2.6rem;font-size:1.05rem}
.btn-block{width:100%}

/* ── TAGS / BADGES ──────────────────────────────────────────── */
.tag{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--fm);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .55rem;border-radius:var(--r4);font-weight:600}
.tag-blue{background:var(--brand-lite);color:var(--brand);border:1px solid rgba(0,87,255,.2)}
.tag-green{background:rgba(0,179,126,.1);color:var(--green);border:1px solid rgba(0,179,126,.2)}
.tag-red{background:rgba(229,62,62,.08);color:var(--red);border:1px solid rgba(229,62,62,.15)}
.tag-amber{background:rgba(217,119,6,.08);color:var(--amber);border:1px solid rgba(217,119,6,.15)}
.tag-violet{background:rgba(124,58,237,.08);color:var(--violet);border:1px solid rgba(124,58,237,.15)}
.tag-sale{background:var(--accent);color:#fff;font-size:.68rem;padding:.22rem .6rem;border:none;border-radius:var(--r4)}
.tag-new{background:var(--green);color:#fff;font-size:.68rem;padding:.22rem .6rem;border:none;border-radius:var(--r4)}
.tag-hot{background:var(--accent);color:#fff;font-size:.68rem;padding:.22rem .6rem;border:none;border-radius:var(--r4)}

/* ── FORMS ──────────────────────────────────────────────────── */
.dc-input,.dc-select,.dc-textarea{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r8);padding:.7rem 1rem;font-family:var(--fb);font-size:.9rem;color:var(--tx1);outline:none;transition:all var(--tf);appearance:none}
.dc-input::placeholder,.dc-textarea::placeholder{color:var(--tx3)}
.dc-input:focus,.dc-select:focus,.dc-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(0,87,255,.1)}
.dc-label{display:block;font-size:.8rem;font-weight:600;color:var(--tx2);margin-bottom:.4rem}
.dc-form-group{margin-bottom:1.2rem}
.dc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dc-textarea{min-height:100px;resize:vertical;line-height:1.6}

/* ── BREADCRUMB ─────────────────────────────────────────────── */
.dc-breadcrumb{font-family:var(--fm);font-size:.72rem;color:var(--tx3);display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.dc-breadcrumb a{color:var(--tx3);transition:color var(--tf)}
.dc-breadcrumb a:hover{color:var(--brand)}
.bc-sep{color:var(--border2);font-size:.85rem}

/* ══════════════════════════════════════════════════
   TOPBAR
══════════════════════════════════════════════════ */
.site-topbar{background:var(--bg-dark);color:rgba(255,255,255,.85);font-family:var(--fm);font-size:.7rem;letter-spacing:.04em;height:var(--tb);display:flex;align-items:center}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.tb-left,.tb-right{display:flex;align-items:center;gap:1.4rem}
.tb-item{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.72)}
.tb-item a{color:rgba(255,255,255,.85)}
.tb-item a:hover{color:#fff}
.tb-item svg{width:13px;height:13px;opacity:.7;flex-shrink:0}
.tb-div{width:1px;height:13px;background:rgba(255,255,255,.15);flex-shrink:0}
.tb-status{display:flex;align-items:center;gap:.45rem;color:rgba(255,255,255,.72)}
.tb-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}

/* ── PRICE TICKER ───────────────────────────────────────────── */
.price-ticker{background:var(--brand);overflow:hidden;height:var(--ticker-h);display:flex;align-items:center;position:relative}
.price-ticker::before,.price-ticker::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2}
.price-ticker::before{left:0;background:linear-gradient(90deg,var(--brand),transparent)}
.price-ticker::after{right:0;background:linear-gradient(-90deg,var(--brand),transparent)}
.ticker-label{background:rgba(0,0,0,.2);color:#fff;font-family:var(--fm);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .85rem;white-space:nowrap;z-index:3;position:relative;flex-shrink:0;display:flex;align-items:center;gap:.4rem}
.ticker-scroll{flex:1;overflow:hidden}
.ticker-track{display:flex;gap:3rem;width:max-content;animation:ticker-move 45s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.tick{display:flex;align-items:center;gap:.6rem;font-family:var(--fm);font-size:.67rem;color:rgba(255,255,255,.9);white-space:nowrap}
.ticker-cta{font-family:var(--fm);font-size:.68rem;color:rgba(255,255,255,.85);padding:.15rem .9rem;border-left:1px solid rgba(255,255,255,.2);white-space:nowrap;transition:color var(--tf);flex-shrink:0;z-index:3;position:relative;text-decoration:none}
.ticker-cta:hover{color:#fff}
@keyframes ticker-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── MAIN HEADER ─────────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:800;height:var(--hh);background:rgba(255,255,255,.97);backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid var(--border);box-shadow:var(--sh-sm);transition:all var(--tm)}
.site-header.scrolled{box-shadow:var(--sh)}
.header-inner{height:100%;display:flex;align-items:center;gap:1.2rem;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,3vw,2.5rem)}
#page-wrap{min-height:calc(100vh - var(--hh))}

/* ── LOGO ───────────────────────────────────────────────────── */
.dc-logo-animated{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0;user-select:none}
.dc-logo-mark{width:40px;height:40px;background:var(--brand);border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:1.05rem;font-weight:900;color:#fff;flex-shrink:0;position:relative;overflow:hidden;transition:transform var(--tm),box-shadow var(--tm);box-shadow:var(--sh-brand)}
.dc-logo-mark img{width:100%;height:100%;object-fit:contain;border-radius:var(--r8)}
.dc-logo-mark::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease;z-index:1}
.dc-logo-animated:hover .dc-logo-mark::before{transform:translateX(100%)}
.dc-logo-animated:hover .dc-logo-mark{transform:scale(1.06);box-shadow:0 10px 32px rgba(0,87,255,.38)}
.dc-logo-mark:has(img){width:auto;min-width:40px;max-width:160px;height:48px;background:transparent;box-shadow:none;padding:0}
.dc-logo-mark:has(img):hover{transform:none;box-shadow:none}
.dc-logo-text-wrap{display:flex;flex-direction:column;line-height:1}
.dc-logo-name{font-family:var(--fd);font-size:1.22rem;font-weight:800;letter-spacing:.03em;display:flex;align-items:baseline;gap:0}
.dc-logo-deal{color:var(--tx1)}
.dc-logo-center{color:var(--brand)}
.dc-logo-llc{display:inline-flex;align-items:center;overflow:hidden;margin-left:.22rem;transform:translateY(2px)}
.dc-logo-llc span{display:inline-block;font-family:var(--fm);font-size:.65rem;font-weight:600;letter-spacing:.1em;color:var(--tx3);transition:color .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}
.dc-logo-tagline{font-family:var(--fm);font-size:.58rem;letter-spacing:.1em;color:var(--tx3);text-transform:uppercase;margin-top:.08rem;transition:color var(--tf)}
.dc-logo-animated:hover .dc-logo-llc span{color:var(--brand)}
.dc-logo-animated:hover .dc-logo-tagline{color:var(--brand)}
.dc-logo-animated:hover .dc-logo-llc span:nth-child(1){animation:llc-hop .5s cubic-bezier(.34,1.56,.64,1) 0s both}
.dc-logo-animated:hover .dc-logo-llc span:nth-child(2){animation:llc-hop .5s cubic-bezier(.34,1.56,.64,1) .07s both}
.dc-logo-animated:hover .dc-logo-llc span:nth-child(3){animation:llc-hop .5s cubic-bezier(.34,1.56,.64,1) .14s both}
@keyframes llc-hop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-5px) scale(1.1)}70%{transform:translateY(1px) scale(.97)}100%{transform:translateY(0) scale(1)}}
.dc-logo-animated.dark .dc-logo-deal{color:#fff}
.dc-logo-animated.dark .dc-logo-center{color:rgba(0,150,255,.9)}
.dc-logo-animated.dark .dc-logo-llc span{color:rgba(255,255,255,.4)}
.dc-logo-animated.dark .dc-logo-tagline{color:rgba(255,255,255,.3)}
.dc-logo-animated.dark:hover .dc-logo-llc span{color:#fff}
.dc-logo-animated.dark:hover .dc-logo-tagline{color:rgba(255,255,255,.7)}

/* ── HEADER SEARCH ──────────────────────────────────────────── */
.header-search{flex:1;max-width:540px;position:relative}
.search-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r8);background:var(--bg2);overflow:hidden;transition:all var(--tf)}
.search-wrap:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(0,87,255,.1)}
.search-cat{padding:.52rem .7rem;border:none;border-right:1.5px solid var(--border);background:transparent;color:var(--tx2);font-family:var(--fm);font-size:.68rem;letter-spacing:.04em;cursor:pointer;outline:none;min-width:110px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%234A5B7A' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.5rem}
.search-input{flex:1;border:none;background:transparent;padding:.52rem .75rem;font-family:var(--fb);font-size:.875rem;color:var(--tx1);outline:none}
.search-input::placeholder{color:var(--tx3)}
.search-tools{display:flex;align-items:center;gap:.2rem;padding:0 .4rem}
.s-tool-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--tx3);cursor:pointer;border-radius:var(--r4);transition:all var(--tf)}
.s-tool-btn:hover{color:var(--brand);background:var(--brand-lite)}
.s-tool-btn svg{width:15px;height:15px}
.search-ai-badge{font-family:var(--fm);font-size:.55rem;background:linear-gradient(135deg,var(--violet),var(--brand));color:#fff;padding:.1rem .35rem;border-radius:3px;letter-spacing:.06em}
.search-submit{background:var(--brand);color:#fff;border:none;padding:.4rem .85rem;border-radius:var(--r4);cursor:pointer;font-family:var(--fd);font-size:.75rem;font-weight:600;letter-spacing:.04em;transition:all var(--tf);display:flex;align-items:center;gap:.3rem;margin-right:3px}
.search-submit:hover{background:var(--brand-dark)}
.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--r16);box-shadow:var(--sh-xl);z-index:500;display:none;overflow:hidden}
.search-dropdown.open{display:block}
.sdrop-chips{display:flex;gap:.4rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.sdrop-chips::-webkit-scrollbar{display:none}
.sdrop-chip{flex-shrink:0;font-family:var(--fm);font-size:.62rem;padding:.2rem .55rem;border:1px solid var(--border);border-radius:var(--rpill);color:var(--tx2);cursor:pointer;transition:all var(--tf);background:var(--bg2)}
.sdrop-chip:hover,.sdrop-chip.active{border-color:var(--brand);color:var(--brand);background:var(--brand-lite)}
.sdrop-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;cursor:pointer;transition:background var(--tf);text-decoration:none}
.sdrop-item:hover{background:var(--bg2)}
.sdrop-thumb{width:46px;height:46px;border-radius:var(--r8);overflow:hidden;background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.sdrop-thumb img{width:100%;height:100%;object-fit:cover}
.sdrop-name{font-weight:600;font-size:.875rem;color:var(--tx1);line-height:1.2}
.sdrop-meta{font-family:var(--fm);font-size:.67rem;color:var(--tx3);margin-top:.1rem}
.sdrop-price{margin-left:auto;font-family:var(--fd);font-size:.95rem;font-weight:700;color:var(--brand);flex-shrink:0}
.sdrop-footer{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;border-top:1px solid var(--border);font-family:var(--fm);font-size:.67rem;color:var(--tx3);background:var(--bg2)}
.sdrop-status{padding:.85rem 1rem;font-family:var(--fm);font-size:.72rem;color:var(--tx3);text-align:center}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── PRIMARY NAV & MEGA MENU ────────────────────────────────── */
.primary-nav{display:flex;align-items:center;gap:.1rem}
.nav-link{font-family:var(--fd);font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--tx2);padding:.5rem .85rem;border-radius:var(--r4);cursor:pointer;transition:all var(--tf);border:none;background:none;white-space:nowrap;display:flex;align-items:center;gap:.3rem;text-decoration:none}
.nav-link:hover,.nav-link.active{color:var(--brand);background:var(--brand-lite)}
.nav-arrow{width:10px;height:10px;transition:transform var(--tf);flex-shrink:0}
.nav-link:hover .nav-arrow,.nav-mega-wrap:hover .nav-arrow{transform:rotate(180deg)}
.nav-deals{color:var(--accent)!important}
.nav-deals:hover{background:rgba(255,85,0,.08)!important}
.nav-b2b{color:var(--amber)!important}
.nav-b2b:hover{background:rgba(217,119,6,.08)!important}
.nav-mega-wrap{position:relative}
.mega-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:680px;background:#fff;border:1px solid var(--border);border-radius:var(--r16);box-shadow:var(--sh-xl);z-index:600;display:none;overflow:hidden}
.nav-mega-wrap:hover .mega-menu{display:grid;grid-template-columns:200px 1fr}
/* Browse categories dropdown */
.mega-browse{display:none!important;min-width:820px;grid-template-columns:1fr!important}
.nav-browse-wrap:hover .mega-browse{display:block!important}
.browse-tree{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:.5rem}
.browse-item{position:relative;border-radius:var(--r8);overflow:visible}
.browse-link{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;color:var(--tx2);text-decoration:none;font-size:.82rem;border-radius:var(--r8);transition:all .15s;position:relative}
.browse-link:hover,.browse-item.has-subs:hover>.browse-link{background:var(--bg2);color:var(--brand)}
.browse-ico{font-size:.9rem;flex-shrink:0;width:18px;text-align:center}
.browse-name{flex:1;font-weight:500}
.browse-count{font-family:var(--fm);font-size:.58rem;color:var(--tx3);background:var(--bg2);padding:1px 5px;border-radius:3px;flex-shrink:0}
.browse-arrow{font-size:.7rem;color:var(--tx3);flex-shrink:0;transition:transform .15s}
.browse-item.has-subs:hover>.browse-link .browse-arrow{transform:rotate(90deg)}
/* Subcategory flyout */
.browse-subs{display:none;position:absolute;left:100%;top:0;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:var(--r12);box-shadow:var(--sh-xl);padding:.4rem;z-index:700}
.browse-item.has-subs:hover>.browse-subs{display:block}
.browse-sub-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;color:var(--tx2);text-decoration:none;font-size:.78rem;border-radius:var(--r8);transition:all .15s;white-space:nowrap}
.browse-sub-item:hover{background:var(--bg2);color:var(--brand)}
.browse-sub-all{font-weight:700;color:var(--brand);border-bottom:1px solid var(--border);margin-bottom:.2rem;padding-bottom:.55rem}
.nav-link-browse{display:flex;align-items:center;gap:.5rem;background:rgba(var(--brand-rgb),.08);border:1px solid rgba(var(--brand-rgb),.2);border-radius:var(--r8);padding:.38rem .8rem}

.mega-cats{background:var(--bg2);border-right:1px solid var(--border);padding:.75rem 0;min-width:180px}
.mega-cat{display:flex;align-items:center;gap:.65rem;padding:.6rem 1.1rem;cursor:pointer;transition:all var(--tf);font-size:.875rem;color:var(--tx2);border-right:3px solid transparent}
.mega-cat:hover,.mega-cat.active{background:#fff;color:var(--brand);border-right-color:var(--brand)}
.mega-cat-icon{width:20px;text-align:center;font-size:.95rem}
.mega-cat-count{margin-left:auto;font-family:var(--fm);font-size:.62rem;color:var(--tx3)}
/* Subcategories row inside mega right panel */
.mega-subcats{display:flex;flex-wrap:wrap;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--bg2)}
.mega-subcat{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:20px;font-size:.75rem;color:var(--tx2);text-decoration:none;transition:all .18s;white-space:nowrap}
.mega-subcat:hover{border-color:var(--brand);color:var(--brand);background:rgba(var(--brand-rgb),.06)}
.mega-subcat-ico{font-size:.8rem}
.mega-subcat-count{font-family:var(--fm);font-size:.6rem;color:var(--tx3)}
.mega-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;margin-right:.5rem}
.mega-prod-stock{font-family:var(--fm);font-size:.6rem;margin-top:.2rem;display:block}
.mega-prod-stock.in{color:var(--green)}.mega-prod-stock.out{color:var(--red)}
.mega-prod-info{display:flex;flex-direction:column}

.mega-products{padding:1.2rem}
.mega-loading{font-family:var(--fm);font-size:.72rem;color:var(--tx3);padding:.5rem}
.mega-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}
.mega-prod-link{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:var(--r8);cursor:pointer;transition:all var(--tf);text-decoration:none;border:1px solid transparent}
.mega-prod-link:hover{background:var(--bg2);border-color:var(--border)}
.mega-prod-img{width:38px;height:38px;border-radius:var(--r4);background:var(--bg3);flex-shrink:0;overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem}
.mega-prod-img img{width:100%;height:100%;object-fit:cover}
.mega-prod-name{font-size:.8rem;color:var(--tx1);font-weight:600;line-height:1.2}
.mega-prod-price{font-family:var(--fd);font-size:.78rem;color:var(--brand);font-weight:700}
.mega-footer{padding:.75rem 1.2rem;border-top:1px solid var(--border);display:flex;gap:.75rem;background:var(--bg2)}
.mega-brands{min-width:500px}
.mega-brand-item{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--r8);font-family:var(--fd);font-size:.78rem;font-weight:700;color:var(--tx2);transition:all var(--tf);text-decoration:none}
.mega-brand-item:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-lite)}

/* ── HEADER ACTIONS ─────────────────────────────────────────── */
.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.hact-wrap{position:relative}
.hact-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:var(--r8);background:none;cursor:pointer;color:var(--tx2);transition:all var(--tf);position:relative;text-decoration:none;gap:.35rem;padding:0 .6rem;white-space:nowrap}
.hact-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-lite)}
.hact-label{font-family:var(--fd);font-size:.75rem;font-weight:600;color:inherit}
.hact-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:var(--accent);color:#fff;font-family:var(--fm);font-size:.6rem;font-weight:700;border-radius:var(--rpill);display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
.hact-btn svg{width:20px;height:20px;flex-shrink:0}
/* Account dropdown */
.account-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:#fff;border:1px solid var(--border);border-radius:var(--r16);box-shadow:var(--sh-xl);z-index:700;display:none;overflow:hidden;padding:.5rem 0}
.hact-wrap:hover .account-dropdown{display:block}
.acc-head{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--border)}
.acc-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--violet));display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}
.acc-name{font-weight:600;font-size:.875rem;color:var(--tx1);line-height:1.2}
.acc-role{font-family:var(--fm);font-size:.65rem;color:var(--tx3);margin-top:.1rem}
.acc-link{display:flex;align-items:center;gap:.65rem;padding:.6rem 1.1rem;color:var(--tx2);font-size:.875rem;transition:all var(--tf);text-decoration:none}
.acc-link:hover{background:var(--bg2);color:var(--brand)}
.acc-logout:hover{color:var(--red)!important}
.acc-divider{height:1px;background:var(--border);margin:.35rem 0}
/* Mini cart */
.mini-cart-wrap{position:relative}
.mini-cart-panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:#fff;border:1px solid var(--border);border-radius:var(--r16);box-shadow:var(--sh-xl);z-index:700;display:none;overflow:hidden}
.mini-cart-wrap:hover .mini-cart-panel{display:block}
.mc-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}
.mc-title{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--tx1)}
.mc-item{display:flex;align-items:center;gap:.85rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--border)}
.mc-img{width:46px;height:46px;border-radius:var(--r8);background:var(--bg3);flex-shrink:0;overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.mc-img img{width:100%;height:100%;object-fit:contain;padding:3px}
.mc-info{flex:1;min-width:0}
.mc-name{font-size:.82rem;font-weight:600;color:var(--tx1);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-name a{color:inherit;text-decoration:none}
.mc-qty{font-family:var(--fm);font-size:.67rem;color:var(--tx3);margin-top:.1rem}
.mc-price{font-family:var(--fd);font-weight:700;color:var(--brand);font-size:.9rem;flex-shrink:0}
.mc-foot{padding:1rem 1.2rem;background:var(--bg2)}
.mc-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}
.mc-total span{font-size:.875rem;font-weight:600;color:var(--tx2)}
.mc-total strong{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:var(--brand)}
.mc-empty{padding:2rem;text-align:center;color:var(--tx3);font-size:.875rem}
.mc-empty svg{margin:0 auto .75rem}
/* Mobile nav */
.mobile-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:var(--r8);background:none;cursor:pointer;color:var(--tx2)}
.mobile-toggle svg{width:22px;height:22px}
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--tm)}
.mobile-nav-overlay.open{opacity:1;pointer-events:all}
.mobile-nav{position:fixed;top:0;left:0;bottom:0;width:300px;background:#fff;z-index:1001;transform:translateX(-100%);transition:transform var(--tm);overflow-y:auto;box-shadow:var(--sh-xl)}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav-inner{padding:1rem 0;display:flex;flex-direction:column}
.mobile-search-wrap{padding:.75rem 1.2rem;border-bottom:1px solid var(--border)}
.mobile-search-input{width:100%;border:1.5px solid var(--border);border-radius:var(--r8);padding:.55rem .85rem;font-family:var(--fb);font-size:.875rem;color:var(--tx1);outline:none}
.mobile-search-input:focus{border-color:var(--brand)}
.mobile-link{display:flex;align-items:center;gap:.65rem;padding:.7rem 1.2rem;color:var(--tx2);font-size:.875rem;transition:all var(--tf);text-decoration:none}
.mobile-link:hover{background:var(--bg2);color:var(--brand)}
.mobile-divider{height:1px;background:var(--border);margin:.4rem 0}

/* ══════════════════════════════════════════════════
   HERO SECTION
══════════════════════════════════════════════════ */
.hero-section{position:relative;overflow:hidden;background:var(--bg-dark);min-height:560px;height:calc(100vh - var(--hh) - var(--tb) - var(--ticker-h));max-height:820px;display:flex;align-items:center}
.hero-dots-grid{position:absolute;inset:0;z-index:0;background:var(--hero-bg);background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px}
.hero-overlay{position:absolute;inset:0;z-index:1;background:var(--hero-overlay)}
.hero-inner{position:relative;z-index:10;display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:center;width:100%;padding:3rem 0}
.hero-slides{position:relative}
.hero-slide{display:none;animation:slide-in .4s ease;position:relative;overflow:hidden}
.hero-slide.active{display:block}
/* Video background slide */
.slide-video-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.slide-yt-frame,.slide-mp4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:177.78%;height:100%;min-width:100%;min-height:56.25vw;border:none}
.slide-video-overlay{position:absolute;inset:0;z-index:1;background:rgba(7,9,26,.65)}
.hero-slide.has-video .slide-kicker,
.hero-slide.has-video .slide-title,
.hero-slide.has-video .slide-desc,
.hero-slide.has-video .slide-acts{position:relative;z-index:2}

@keyframes slide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.slide-kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fm);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);background:rgba(255,255,255,.1);padding:.28rem .75rem;border-radius:var(--rpill);border:1px solid rgba(255,255,255,.15);margin-bottom:1.2rem}
.slide-title{font-family:var(--fd);font-size:clamp(2rem,4vw,3.4rem);font-weight:800;color:#fff;line-height:1.08;margin-bottom:1.2rem}
.slide-title .hl{color:var(--brand)}
.slide-desc{color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.8;margin-bottom:2rem;max-width:520px}
.slide-acts{display:flex;gap:1rem;flex-wrap:wrap}
.hero-controls{display:flex;align-items:center;gap:.75rem;padding-top:1rem}
.hero-nav-dots{display:flex;gap:.4rem}
.hero-dot{width:8px;height:8px;border-radius:var(--rpill);background:rgba(255,255,255,.3);cursor:pointer;transition:all var(--tm);border:none;padding:0}
.hero-dot.on{width:30px;background:var(--brand)}
.hero-arrow{width:40px;height:40px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tf);color:#fff;font-size:1.1rem}
.hero-arrow:hover{background:var(--brand);border-color:var(--brand)}
.hero-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--brand);transition:width .1s linear;z-index:10}
.hero-panel{display:flex;flex-direction:column;gap:.85rem}
.hpc-loading{color:rgba(255,255,255,.4);font-family:var(--fm);font-size:.78rem;padding:1rem}
.hero-panel-card{background:rgba(255,255,255,.07);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--r16);padding:1.1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all var(--tm);text-decoration:none}
.hero-panel-card:hover{background:rgba(255,255,255,.12);border-color:rgba(0,87,255,.4);transform:translateX(-6px)}
.hpc-img{width:64px;height:64px;border-radius:var(--r8);overflow:hidden;background:rgba(255,255,255,.1);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.8rem}
.hpc-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.hpc-name{font-family:var(--fd);font-size:.88rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:.2rem}
.hpc-price{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--brand)}

/* ══════════════════════════════════════════════════
   STATS BAR
══════════════════════════════════════════════════ */
.stats-bar{background:#fff;border-bottom:1px solid var(--border)}
.stats-bar-inner{display:grid;grid-template-columns:repeat(5,1fr)}
.stat-item{padding:1.8rem 1.5rem;text-align:center;border-right:1px solid var(--border)}
.stat-item:last-child{border-right:none}
.stat-value{font-family:var(--fd);font-size:2.2rem;font-weight:800;color:var(--brand);line-height:1;display:block;margin-bottom:.3rem}
.stat-label{font-family:var(--fm);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}

/* ══════════════════════════════════════════════════
   DEALS SECTION + PRODUCT CARDS (shared)
══════════════════════════════════════════════════ */
.deals-section{padding:5rem 0;background:var(--bg2)}
.deals-grid,.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}
.prod-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r16);overflow:hidden;transition:all var(--tm);display:flex;flex-direction:column}
.prod-card:hover{border-color:var(--brand);transform:translateY(-5px);box-shadow:var(--sh-lg)}
.deal-img-wrap,.prod-card-img{position:relative;background:var(--bg3);overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.deal-img-wrap img,.prod-card-img img,.dc-prod-img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform var(--ts)}
.prod-card:hover .deal-img-wrap img,.prod-card:hover .prod-card-img img{transform:scale(1.07)}
.deal-badges,.prod-card-badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.3rem;z-index:2}
.prod-card-body{padding:1.1rem;display:flex;flex-direction:column;flex:1}
.prod-sku-line{font-family:var(--fm);font-size:.62rem;color:var(--tx3);margin-bottom:.3rem}
.prod-card-name{font-family:var(--fd);font-size:.92rem;font-weight:700;color:var(--tx1);line-height:1.3;margin-bottom:.6rem;flex:1}
.prod-card-name a{color:inherit;text-decoration:none}
.prod-card-name a:hover{color:var(--brand)}
.prod-price-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap}
.price-main{font-family:var(--fd);font-size:1.2rem;font-weight:800;color:var(--brand)}
.price-was{font-family:var(--fm);font-size:.8rem;color:var(--tx3);text-decoration:line-through}
.price-b2b-hint{font-family:var(--fm);font-size:.67rem;color:var(--amber);background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.15);padding:.1rem .35rem;border-radius:3px}
.stock-meter{margin-bottom:.85rem}
.stock-meter-row{display:flex;justify-content:space-between;font-family:var(--fm);font-size:.65rem;color:var(--tx3);margin-bottom:.3rem}
.stock-bar{height:5px;background:var(--bg3);border-radius:9px;overflow:hidden}
.stock-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--brand));border-radius:9px;transition:width 1.2s ease}
.prod-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}
.prod-stock{font-family:var(--fm);font-size:.65rem;display:flex;align-items:center;gap:.3rem}
.prod-stock.in{color:var(--green)}
.prod-stock.low{color:var(--amber)}
.prod-stock.out{color:var(--red)}
.add-cart-btn{min-width:36px;height:36px;background:var(--brand);color:#fff;border:none;border-radius:var(--r8);cursor:pointer;font-size:.82rem;font-weight:700;transition:all var(--tf);display:flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .85rem;font-family:var(--fd);letter-spacing:.04em;white-space:nowrap}
.add-cart-btn:hover{background:var(--brand-dark);transform:scale(1.05)}
.add-cart-btn:disabled,.add-cart-btn.loading{opacity:.7;pointer-events:none}

/* Countdown */
.countdown{display:flex;align-items:center;gap:.6rem}
.cd-block{background:var(--bg-dark);color:#fff;border-radius:var(--r8);padding:.5rem .85rem;text-align:center;min-width:54px}
.cd-num{display:block;font-family:var(--fd);font-size:1.5rem;font-weight:700;line-height:1}
.cd-lbl{font-family:var(--fm);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6}
.cd-sep{font-family:var(--fd);font-size:1.4rem;font-weight:700;color:var(--brand);animation:sep-blink 1s step-end infinite}
@keyframes sep-blink{50%{opacity:0}}

/* ══════════════════════════════════════════════════
   BRANDS MARQUEE
══════════════════════════════════════════════════ */
.brands-section{padding:2.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;overflow:hidden}
.brands-track-wrap{overflow:hidden}
.brands-track{display:flex;gap:3.5rem;width:max-content;animation:brands-scroll 35s linear infinite;align-items:center}
.brands-track:hover{animation-play-state:paused}
.brand-item{font-family:var(--fd);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);cursor:pointer;transition:color var(--tf);white-space:nowrap;text-decoration:none}
.brand-item:hover{color:var(--brand)}
@keyframes brands-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes bump{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}}
@keyframes cart-fly{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.2) translate(40px,-40px)}}
.hact-count.bump{animation:bump .4s ease}


/* ══════════════════════════════════════════════════
   CATEGORIES
══════════════════════════════════════════════════ */
.categories-section{padding:5rem 0;background:#fff}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem;margin-top:2rem}
.cat-card{text-align:center;padding:1.8rem 1rem;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r16);cursor:pointer;transition:all var(--tm);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;overflow:hidden}
.cat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--brand);transform:scaleX(0);transition:transform var(--tm)}
.cat-card:hover{border-color:var(--brand);background:var(--brand-lite);transform:translateY(-5px);box-shadow:var(--sh)}
.cat-card:hover::after{transform:scaleX(1)}
.cat-icon{width:60px;height:60px;background:#fff;border-radius:var(--r12);display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:1px solid var(--border);transition:all var(--tm);box-shadow:var(--sh-sm)}
.cat-card:hover .cat-icon{background:var(--brand);border-color:var(--brand)}
.cat-img{width:40px;height:40px;object-fit:contain}
.cat-name{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--tx1)}
.cat-count{font-family:var(--fm);font-size:.65rem;color:var(--tx3)}

/* ══════════════════════════════════════════════════
   FEATURED PRODUCTS
══════════════════════════════════════════════════ */
.featured-section{padding:5rem 0;background:var(--bg2)}

/* ══════════════════════════════════════════════════
   WHY SECTION
══════════════════════════════════════════════════ */
.why-section{padding:5rem 0;background:#fff}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}
.why-card{padding:2rem;border:1.5px solid var(--border);border-radius:var(--r20);transition:all var(--tm);position:relative;overflow:hidden}
.why-card::before{content:attr(data-n);position:absolute;top:1rem;right:1.2rem;font-family:var(--fd);font-size:3.5rem;font-weight:900;color:var(--brand);opacity:.06;line-height:1}
.why-card:hover{border-color:var(--brand);box-shadow:var(--sh);transform:translateY(-4px)}
.why-icon{width:52px;height:52px;background:var(--brand-lite);border-radius:var(--r12);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.2rem;border:1px solid rgba(0,87,255,.15)}
.why-title{font-family:var(--fd);font-size:1.1rem;font-weight:700;margin-bottom:.6rem;color:var(--tx1)}
.why-desc{font-size:.875rem;color:var(--tx2);line-height:1.7}
.why-metric{margin-top:.85rem;font-family:var(--fm);font-size:.7rem;color:var(--green);background:rgba(0,179,126,.08);border:1px solid rgba(0,179,126,.15);padding:.28rem .65rem;border-radius:var(--rpill);display:inline-flex;align-items:center;gap:.35rem}

/* ══════════════════════════════════════════════════
   B2B SECTION
══════════════════════════════════════════════════ */
.b2b-section{padding:5rem 0;background:var(--bg-dark)}
.b2b-inner{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:center}
.b2b-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.b2b-perk{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r12);padding:1.1rem;transition:all var(--tm)}
.b2b-perk:hover{background:rgba(0,87,255,.15);border-color:rgba(0,87,255,.3)}
.b2b-perk-ico{font-size:1.4rem;margin-bottom:.5rem}
.b2b-perk-title{font-family:var(--fd);font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.2rem}
.b2b-perk-desc{font-size:.78rem;color:rgba(255,255,255,.6)}
.b2b-cta-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r20);padding:2rem;text-align:center}
.b2b-cta-pts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0;text-align:left}
.b2b-cta-pt{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:rgba(255,255,255,.8)}
.b2b-cta-pt::before{content:'✓';color:var(--brand);font-weight:700;flex-shrink:0}

/* ══════════════════════════════════════════════════
   SINGLE PRODUCT PAGE
══════════════════════════════════════════════════ */
.single-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;padding:2.5rem 0 4rem}
.product-gallery{position:sticky;top:calc(var(--hh) + 1rem)}
.gallery-main{position:relative;background:var(--bg3);border-radius:var(--r20);overflow:hidden;aspect-ratio:1;cursor:zoom-in;border:1px solid var(--border)}
#gallery-main-img{width:100%;height:100%;object-fit:contain;padding:2rem;transition:transform var(--ts);display:block}
.gallery-main:hover #gallery-main-img{transform:scale(1.07)}
.gallery-badge-area{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.4rem;z-index:2}
.gallery-tool-btns{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.4rem;z-index:2}
.g-tool{width:34px;height:34px;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:var(--r4);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;color:var(--tx2);transition:all var(--tf);backdrop-filter:blur(8px);text-decoration:none}
.g-tool:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.gallery-thumbs{display:flex;gap:.6rem;margin-top:.85rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.gallery-thumbs::-webkit-scrollbar{display:none}
.g-thumb{width:70px;height:70px;border-radius:var(--r8);overflow:hidden;background:var(--bg3);border:2px solid var(--border);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--tf)}
.g-thumb:hover,.g-thumb.active{border-color:var(--brand)}
.g-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
/* Product info column */
.prod-info{display:flex;flex-direction:column;gap:1.4rem}
.prod-brand-line{font-family:var(--fm);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:600}
.prod-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;line-height:1.15;color:var(--tx1)}
.prod-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
/* Short description - shows right under title */
.prod-short-desc{font-size:.9rem;line-height:1.65;color:var(--tx2);margin:.75rem 0 1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}
.prod-short-desc p{margin:.3rem 0}.prod-short-desc ul{padding-left:1.2rem}.prod-short-desc li{margin:.2rem 0}
/* WooCommerce short description via woocommerce_template_single_excerpt */
.woocommerce-product-details__short-description{font-size:.9rem;line-height:1.65;color:var(--tx2);margin:.75rem 0 1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}
.prod-sku-badge{font-family:var(--fm);font-size:.67rem;color:var(--tx3);background:var(--bg3);border:1px solid var(--border);padding:.15rem .45rem;border-radius:3px}
/* Gallery video button */
.gallery-video-btn{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.7);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;z-index:3}
.gallery-video-btn:hover{background:var(--brand);transform:scale(1.1)}
.g-thumb-video{background:var(--bg-dark,#111);display:flex;align-items:center;justify-content:center}
.stars{color:var(--amber);font-size:.95rem;letter-spacing:.05em}
.review-ct{font-family:var(--fm);font-size:.7rem;color:var(--brand)}
.prod-sku-badge{font-family:var(--fm);font-size:.67rem;color:var(--tx3);background:var(--bg3);border:1px solid var(--border);padding:.15rem .45rem;border-radius:3px}
/* Price box */
.price-box{background:linear-gradient(135deg,var(--brand-lite),rgba(0,87,255,.04));border:1.5px solid rgba(0,87,255,.15);border-radius:var(--r16);padding:1.4rem}
.price-box-main{display:flex;align-items:baseline;gap:.85rem;margin-bottom:.85rem;flex-wrap:wrap}
.price-current{font-family:var(--fd);font-size:2.4rem;font-weight:800;color:var(--brand);line-height:1}
.price-save-badge{font-family:var(--fm);font-size:.72rem;background:rgba(0,179,126,.1);color:var(--green);border:1px solid rgba(0,179,126,.2);padding:.2rem .5rem;border-radius:3px;font-weight:700}
.b2b-price-hint{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}
/* Tier table */
.tier-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.75rem}
.tier-table th{font-family:var(--fm);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);padding:.4rem .75rem;border-bottom:1px solid var(--border);text-align:left}
.tier-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--tx2)}
.tier-table tr:hover td{background:var(--brand-lite)}
.best-row td{background:rgba(0,179,126,.05);font-weight:700}
.tier-price{color:var(--brand);font-weight:700;font-family:var(--fd)}
.best-badge{font-size:.6rem;background:var(--green);color:#fff;padding:.1rem .35rem;border-radius:3px}
/* Quantity */
.qty-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.qty-control{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r8);overflow:hidden}
.qty-btn{width:38px;height:38px;background:var(--bg2);border:none;cursor:pointer;font-size:1.1rem;color:var(--tx2);transition:all var(--tf);display:flex;align-items:center;justify-content:center}
.qty-btn:hover{background:var(--brand-lite);color:var(--brand)}
.qty-inp{width:56px;text-align:center;border:none;border-left:1.5px solid var(--border);border-right:1.5px solid var(--border);font-family:var(--fm);font-size:.9rem;color:var(--tx1);padding:.4rem;outline:none;background:#fff}
.buy-actions{display:grid;grid-template-columns:1fr auto;gap:.75rem}
.btn-add-cart{padding:.9rem 1.5rem;font-size:.95rem;font-family:var(--fd);font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}
.btn-quote{padding:.9rem 1.2rem;background:rgba(217,119,6,.08);border:1.5px solid rgba(217,119,6,.3);color:var(--amber);border-radius:var(--r8);cursor:pointer;font-family:var(--fd);font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:all var(--tm);white-space:nowrap}
.btn-quote:hover{background:var(--amber);color:#fff;border-color:var(--amber)}
/* Fast facts */
.fast-facts{display:none}/* removed */
/* Product attribute table — shows real WooCommerce data from DB */
.prod-attr-table{margin:.85rem 0;border:1px solid var(--border);border-radius:var(--r12);overflow:hidden}
.pat-row{display:flex;align-items:baseline;padding:.55rem .9rem;border-bottom:1px solid var(--border);gap:.75rem}
.pat-row:last-child{border-bottom:none}
.pat-row:nth-child(even){background:var(--bg2)}
.pat-lbl{font-family:var(--fm);font-size:.68rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;flex:0 0 110px;flex-shrink:0}
.pat-val{font-size:.85rem;font-weight:500;color:var(--tx1);flex:1}
/* Price history */
.ph-card{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:1.4rem}
.ph-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.ph-filters{display:flex;gap:.3rem}
.ph-filter{font-family:var(--fm);font-size:.65rem;padding:.2rem .55rem;border:1px solid var(--border);border-radius:var(--rpill);background:none;color:var(--tx3);cursor:pointer;transition:all var(--tf)}
.ph-filter:hover,.ph-filter.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.ph-bars{height:70px;display:flex;align-items:flex-end;gap:4px;margin:.85rem 0}
.ph-bars>div{flex:1;background:var(--brand-lite);border-radius:3px 3px 0 0;cursor:pointer;transition:background var(--tf);border:1px solid rgba(0,87,255,.15);border-bottom:none;min-height:4px}
.ph-bars>div:hover{background:var(--brand)}
.ph-meta{display:flex;justify-content:space-between;font-family:var(--fm);font-size:.67rem;color:var(--tx3)}
.ph-low{color:var(--green);font-weight:600}
.ph-high{color:var(--red);font-weight:600}
/* Stock urgency */
.su-card{background:linear-gradient(135deg,rgba(217,119,6,.06),rgba(255,85,0,.03));border:1.5px solid rgba(217,119,6,.2);border-radius:var(--r16);padding:1.2rem}
.su-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.su-qty{font-family:var(--fd);font-size:1.3rem;font-weight:800;color:var(--amber)}
.su-bar-wrap{height:8px;background:var(--border);border-radius:9px;overflow:hidden;margin-bottom:.5rem}
.su-fill{height:100%;background:linear-gradient(90deg,var(--amber),var(--accent));border-radius:9px}
.su-live{display:flex;align-items:center;gap:.45rem;font-family:var(--fm);font-size:.67rem;color:var(--tx3)}
.su-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0}
/* AI assistant */
.ai-card{background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(0,87,255,.04));border:1.5px solid rgba(124,58,237,.2);border-radius:var(--r16);padding:1.4rem}
.ai-head{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}
.ai-ava{width:34px;height:34px;background:linear-gradient(135deg,var(--violet),var(--brand));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;flex-shrink:0}
.ai-badge{font-family:var(--fm);font-size:.55rem;background:linear-gradient(135deg,var(--violet),var(--brand));color:#fff;padding:.1rem .4rem;border-radius:3px;letter-spacing:.08em}
.ai-chat{display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto;margin-bottom:.75rem}
.ai-bubble{padding:.55rem .85rem;border-radius:var(--r8);font-size:.8rem;line-height:1.55}
.ai-bubble.ai{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.15);color:var(--tx1)}
.ai-bubble.user{background:var(--brand);color:#fff;align-self:flex-end;max-width:85%}
.ai-input-row{display:flex;gap:.5rem}
.ai-inp{flex:1;background:#fff;border:1.5px solid rgba(124,58,237,.2);border-radius:var(--r8);padding:.48rem .75rem;font-size:.8rem;color:var(--tx1);outline:none;transition:all var(--tf)}
.ai-inp:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.1)}
.ai-send{padding:.48rem 1rem;background:linear-gradient(135deg,var(--violet),var(--brand));color:#fff;border:none;border-radius:var(--r8);cursor:pointer;font-family:var(--fm);font-size:.72rem;transition:all var(--tf)}
.ai-send:hover{opacity:.85}
.ai-quick{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}
.ai-q{font-family:var(--fm);font-size:.62rem;padding:.2rem .55rem;border:1px solid rgba(124,58,237,.2);border-radius:var(--rpill);background:none;color:var(--violet);cursor:pointer;transition:all var(--tf)}
.ai-q:hover{background:rgba(124,58,237,.08)}
/* Compatible products */
.compat-card{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:1.4rem;margin-top:2rem}
.compat-item{display:flex;align-items:center;gap:.85rem;padding:.65rem 0;border-bottom:1px solid var(--border)}
.compat-item:last-child{border-bottom:none}
.compat-img{width:38px;height:38px;border-radius:var(--r8);background:var(--bg3);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);overflow:hidden}
.compat-img img{width:100%;height:100%;object-fit:contain}
.compat-name{font-size:.82rem;font-weight:600;color:var(--tx1);flex:1;min-width:0}
.compat-name a{color:inherit;text-decoration:none}
.compat-name a:hover{color:var(--brand)}
.compat-note{font-family:var(--fm);font-size:.62rem;color:var(--green)}
.compat-price{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--brand);flex-shrink:0}
.compat-add{font-family:var(--fm);font-size:.62rem;padding:.22rem .55rem;border:1px solid var(--border);border-radius:var(--r4);background:none;color:var(--brand);cursor:pointer;transition:all var(--tf)}
.compat-add:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
/* Spec table */
.spec-cmp{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:1.4rem;margin-top:2rem}
.sc-table{width:100%;border-collapse:collapse;font-size:.8rem}
.sc-table th{font-family:var(--fm);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);padding:.45rem .6rem;border-bottom:2px solid var(--border);text-align:left}
.sc-table td{padding:.5rem .6rem;border-bottom:1px solid var(--border);color:var(--tx2)}
.sc-table tr:nth-child(even) td{background:var(--bg2)}
.sc-mine{color:var(--brand);font-weight:700}
/* Product tabs */
.prod-tabs{margin-top:3rem;border-top:1px solid var(--border)}
.tabs-nav{display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.tabs-nav::-webkit-scrollbar{display:none}
.tab-btn{font-family:var(--fd);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1rem 1.4rem;border:none;background:none;color:var(--tx3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--tf);white-space:nowrap}
.tab-btn:hover{color:var(--tx1)}
.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}
.tab-panel{display:none;padding:2rem 0}
.tab-panel.active{display:block}
.spec-table{width:100%;border-collapse:collapse}
.spec-table tr:nth-child(odd) td,.spec-table tr:nth-child(odd) th{background:var(--bg2)}
.spec-table th,.spec-table td{padding:.8rem 1.1rem;border-bottom:1px solid var(--border);font-size:.875rem}
.spec-table th{width:35%;font-family:var(--fm);font-size:.7rem;color:var(--tx3);text-align:left;font-weight:600}
.spec-table td{color:var(--tx2)}

/* ══════════════════════════════════════════════════
   SHOP PAGE
══════════════════════════════════════════════════ */
.shop-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;padding:2rem 0 4rem;align-items:start}
.shop-sidebar{position:sticky;top:calc(var(--hh) + 1rem)}
.sidebar-widget{background:#fff;border:1px solid var(--border);border-radius:var(--r16);overflow:hidden;margin-bottom:1rem}
.sidebar-widget-title{font-family:var(--fd);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.85rem 1.2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--tx1)}
.sidebar-widget-body{padding:1rem 1.2rem}
.filter-option{display:flex;align-items:center;gap:.65rem;padding:.38rem 0;cursor:pointer;color:var(--tx2);font-size:.875rem;transition:color var(--tf)}
.filter-option:hover{color:var(--brand)}
.filter-option input{accent-color:var(--brand);width:15px;height:15px;flex-shrink:0;cursor:pointer}
.filter-count{margin-left:auto;font-family:var(--fm);font-size:.65rem;color:var(--tx3)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.2rem;background:#fff;border:1px solid var(--border);border-radius:var(--r12);margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}
.toolbar-results{font-family:var(--fm);font-size:.75rem;color:var(--tx3)}
.toolbar-results strong{color:var(--tx1)}
.woocommerce-ordering select{background:#fff;border:1px solid var(--border);border-radius:var(--r4);padding:.35rem .75rem;font-family:var(--fm);font-size:.72rem;color:var(--tx2);cursor:pointer;outline:none}

/* ══════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════ */
.site-footer{background:var(--footer-bg);color:rgba(255,255,255,.75)}
.footer-cta-bar{background:linear-gradient(135deg,rgba(0,87,255,.15),rgba(0,64,204,.1));border-bottom:1px solid rgba(255,255,255,.08);padding:2.5rem 0}
.footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.footer-cta-left h3{font-family:var(--fd);font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:.4rem}
.footer-cta-left p{color:rgba(255,255,255,.65);font-size:.9rem}
.footer-cta-right{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
.footer-main{padding:4rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}
.footer-col{}
.footer-brand-col{}
.footer-col-title{font-family:var(--fd);font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:1.1rem}
.footer-link{display:block;color:rgba(255,255,255,.55);font-size:.875rem;margin-bottom:.55rem;transition:color var(--tf)}
.footer-link:hover{color:#fff}
.footer-desc{color:rgba(255,255,255,.55);font-size:.875rem;line-height:1.75;margin-bottom:1.2rem}
.footer-certs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:1rem}
.cert{font-family:var(--fm);font-size:.62rem;padding:.22rem .55rem;background:rgba(0,87,255,.2);border:1px solid rgba(0,87,255,.3);border-radius:3px;color:rgba(255,255,255,.8);letter-spacing:.06em}
.footer-socials{display:flex;gap:.5rem;margin-bottom:1rem}
.social-btn{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:var(--r8);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:.85rem;font-weight:700;transition:all var(--tf);border:1px solid rgba(255,255,255,.1);text-decoration:none;font-family:var(--fd)}
.social-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.footer-contact{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}
.fc-item{font-family:var(--fm);font-size:.72rem;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:.4rem}
.footer-newsletter{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08)}
.footer-newsletter h5{font-family:var(--fd);font-size:.88rem;font-weight:700;color:#fff;margin-bottom:.65rem}
.newsletter-wrap{display:flex;border-radius:var(--r8);overflow:hidden;border:1.5px solid rgba(255,255,255,.15)}
.newsletter-input{flex:1;background:rgba(255,255,255,.06);border:none;padding:.6rem .85rem;font-family:var(--fb);font-size:.825rem;color:#fff;outline:none}
.newsletter-input::placeholder{color:rgba(255,255,255,.35)}
.newsletter-btn{background:var(--brand);color:#fff;border:none;padding:.6rem 1rem;cursor:pointer;font-size:1rem;transition:background var(--tf)}
.newsletter-btn:hover{background:var(--brand-dark)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.2rem 0}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-family:var(--fm);font-size:.7rem;color:rgba(255,255,255,.4)}
.footer-payments{display:flex;gap:.4rem;flex-wrap:wrap}
.pay{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:.22rem .6rem;font-family:var(--fm);font-size:.6rem;color:rgba(255,255,255,.6)}
.footer-legal{display:flex;gap:1.2rem}
.footer-legal a{color:rgba(255,255,255,.4);font-family:var(--fm);font-size:.7rem;transition:color var(--tf)}
.footer-legal a:hover{color:#fff}

/* ══════════════════════════════════════════════════
   TOAST + WOOCOMMERCE OVERRIDES
══════════════════════════════════════════════════ */
#dc-toast-wrap{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}
.dc-toast{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;background:#fff;border:1px solid var(--border);border-radius:var(--r12);box-shadow:var(--sh-xl);min-width:260px;max-width:380px;font-size:.875rem;color:var(--tx1);transform:translateX(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}
.dc-toast.show{transform:translateX(0);opacity:1}
.dc-toast.success{border-left:4px solid var(--green)}
.dc-toast.error{border-left:4px solid var(--red)}
.dc-toast.info{border-left:4px solid var(--brand)}
.dc-toast.warning{border-left:4px solid var(--amber)}
.woocommerce-notices-wrapper .woocommerce-message,.woocommerce-notices-wrapper .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-info{border-radius:var(--r8);border-left:4px solid var(--brand);background:var(--brand-lite);padding:1rem 1.5rem;margin-bottom:1rem;font-size:.9rem;list-style:none}
.woocommerce-notices-wrapper .woocommerce-error{border-left-color:var(--red);background:rgba(229,62,62,.06)}
.woocommerce-notices-wrapper .woocommerce-info{border-left-color:var(--amber);background:rgba(217,119,6,.06)}
.woocommerce-breadcrumb{font-family:var(--fm);font-size:.72rem;color:var(--tx3);margin-bottom:1rem}
.woocommerce-breadcrumb a{color:var(--tx3)}
.woocommerce-breadcrumb a:hover{color:var(--brand)}
.star-rating span::before{color:var(--amber)}
.star-rating::before{color:var(--border2)}

/* ══════════════════════════════════════════════════
   AUTH PAGES
══════════════════════════════════════════════════ */
.auth-page{min-height:calc(100vh - var(--hh) - var(--tb));background:var(--bg2);display:flex;align-items:center;padding:3rem 0}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-radius:var(--r24);overflow:hidden;box-shadow:var(--sh-xl)}
.auth-visual{background:var(--bg-dark);padding:3rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-visual::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,87,255,.2),transparent 70%);pointer-events:none}
.auth-visual-title{font-family:var(--fd);font-size:2rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem}
.auth-visual-desc{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.75}
.auth-perk{display:flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.8);font-size:.875rem;margin-bottom:.5rem}
.auth-perk::before{content:'✓';width:20px;height:20px;background:var(--brand);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.auth-form{background:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:center}
.auth-tabs{display:flex;gap:0;border:1.5px solid var(--border);border-radius:var(--r8);overflow:hidden;margin-bottom:2rem}
.auth-tab{flex:1;padding:.65rem;text-align:center;font-family:var(--fd);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--tf);border:none;background:none;text-transform:uppercase;letter-spacing:.04em;color:var(--tx3)}
.auth-tab.active{background:var(--brand);color:#fff}
.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.2rem 0;color:var(--tx3);font-size:.82rem}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media(max-width:1200px){
  .hero-inner{grid-template-columns:1fr}
  .hero-panel{display:none}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .b2b-inner{grid-template-columns:1fr}
  .b2b-perks{grid-template-columns:repeat(3,1fr)}
  .stats-bar-inner{grid-template-columns:repeat(3,1fr)}
  .stats-bar-inner .stat-item:nth-child(4),.stats-bar-inner .stat-item:nth-child(5){border-top:1px solid var(--border)}
}
@media(max-width:900px){
  :root{--hh:60px}
  .single-layout{grid-template-columns:1fr}
  .product-gallery{position:static}
  .shop-layout{grid-template-columns:1fr}
  .shop-sidebar{position:static}
  .auth-visual{display:none}
  .auth-grid{grid-template-columns:1fr;border-radius:var(--r16)}
  .primary-nav{display:none}
  .mobile-toggle{display:flex}
  .header-search{max-width:260px}
  .mega-menu{display:none!important}
  .footer-cta-inner{flex-direction:column;text-align:center}
  .footer-cta-right{justify-content:center;width:100%}
}
@media(max-width:640px){
  :root{--tb:30px;--hh:54px}
  .hero-section{min-height:380px;height:auto;padding:3rem 0}
  .stats-bar-inner{grid-template-columns:1fr 1fr}
  .stat-item:nth-child(5){display:none}
  .why-grid{grid-template-columns:1fr}
  .fast-facts{grid-template-columns:1fr}
  .dc-form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .header-search{display:none}
  .tb-right{display:none}
  .deals-grid,.prod-grid{grid-template-columns:repeat(2,1fr)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .buy-actions{grid-template-columns:1fr}
  #dc-toast-wrap{bottom:.8rem;right:.8rem;left:.8rem}
  .dc-toast{min-width:0;max-width:100%}
  .dc-logo-name{font-size:1rem}
  .dc-logo-mark{width:35px;height:35px;font-size:.9rem}
  .price-current{font-size:1.85rem}
  .b2b-perks{grid-template-columns:1fr 1fr}
  .dc-theme-switcher{bottom:.75rem;left:.75rem}
}
@media(max-width:440px){
  .deals-grid,.prod-grid{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .b2b-cta-pts{grid-template-columns:1fr}
  .b2b-perks{grid-template-columns:1fr 1fr}
}
/* Touch devices: panels controlled by JS click, not CSS hover */
@media(hover:none){
  .mega-menu{display:none!important}
  /* account-dropdown and mini-cart-panel toggled by JS on touch */
}
@media print{
  .site-topbar,.price-ticker,.site-header,.site-footer,.hero-section,.mobile-toggle,.dc-theme-switcher{display:none}
  .dc-container{max-width:100%;padding:0}
  body{color:#000;background:#fff}
}

/* ═══════════════════════════════════════
   STICKY BUY BAR
═══════════════════════════════════════ */
.sticky-buy-bar{position:fixed;bottom:0;left:0;right:0;z-index:800;background:#fff;border-top:2px solid var(--brand);box-shadow:0 -4px 24px rgba(0,0,0,.12);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}
.sticky-buy-bar.visible{transform:translateY(0);pointer-events:all}
.sticky-buy-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem 0;flex-wrap:wrap}
.sticky-buy-info{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}
.sticky-buy-img{width:44px;height:44px;object-fit:cover;border-radius:var(--r8);border:1px solid var(--border);flex-shrink:0}
.sticky-buy-name{font-weight:600;font-size:.88rem;color:var(--tx1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:300px}
.sticky-buy-price{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--brand)}
.sticky-buy-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.sticky-add-btn{min-width:160px}
@media(max-width:640px){
  .sticky-buy-inner{padding:.5rem 0;gap:.6rem}
  .sticky-buy-name{max-width:140px;font-size:.78rem}
  .sticky-buy-img{width:36px;height:36px}
  .sticky-buy-actions a.btn-outline{display:none}
}

/* ═══════════════════════════════════════
   RECENTLY VIEWED
═══════════════════════════════════════ */
.rv-section{padding-bottom:2rem}
.rv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem}
.rv-card{text-decoration:none;border:1px solid var(--border);border-radius:var(--r12);overflow:hidden;transition:all .2s;display:block;background:var(--bg)}
.rv-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--brand)}
.rv-img{aspect-ratio:1;overflow:hidden;background:var(--bg2)}
.rv-img img{width:100%;height:100%;object-fit:cover}
.rv-name{font-size:.78rem;font-weight:500;color:var(--tx1);padding:.55rem .65rem .2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rv-price{font-family:var(--fd);font-size:.88rem;font-weight:700;color:var(--brand);padding:0 .65rem .65rem}
@media(max-width:900px){.rv-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:440px){.rv-grid{grid-template-columns:repeat(2,1fr)}}

/* ═══════════════════════════════════════
   TOUCH DROPDOWN OPEN STATE
═══════════════════════════════════════ */
.mini-cart-panel.touch-open,.account-dropdown.touch-open{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:all!important}

/* ═══════════════════════════════════════
   PRINT BUTTON (small icon btn)
═══════════════════════════════════════ */
.btn-icon-sm{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:var(--r8);background:none;cursor:pointer;color:var(--tx2);font-size:1rem;flex-shrink:0;transition:all .15s}
.btn-icon-sm:hover{border-color:var(--brand);color:var(--brand);background:rgba(0,87,255,.05)}

/* ═══════════════════════════════════════
   IMPROVED PRINT STYLES
═══════════════════════════════════════ */
@media print{
  .site-topbar,.price-ticker,.site-header,.site-footer,.hero-section,
  .mobile-toggle,.dc-theme-switcher,.buy-actions,.sticky-buy-bar,
  .rv-section,.ai-card,.product-tools-row,.prod-tabs .tabs-nav,
  .tab-panel:not(#tab-description),.gallery-tool-btns{display:none!important}
  .dc-container{max-width:100%;padding:0}
  body{color:#000;background:#fff;font-size:11pt}
  .single-layout{grid-template-columns:1fr 2fr!important;gap:1cm}
  .prod-title{font-size:16pt}
  .price-current{font-size:18pt;color:#000}
  .prod-attr-table{border:1px solid #ccc}
  .pat-row{border-bottom:1px solid #eee}
  .gallery-main img{max-height:6cm;object-fit:contain}
  a[href]:after{content:" (" attr(href) ")";font-size:8pt;color:#666}
  .prod-card-badges,.gallery-badge-area{display:none}
}

/* ═══════════════════════════════════════
   MOBILE NAV IMPROVEMENTS
═══════════════════════════════════════ */
@media(max-width:900px){
  .buy-actions{display:flex;gap:.5rem;flex-wrap:wrap}
  .buy-actions .btn{flex:1;min-width:0;justify-content:center}
  .product-tools-row{grid-template-columns:1fr!important}
  .browse-tree{grid-template-columns:1fr 1fr!important}
  .mega-browse{min-width:300px!important}
  .browse-subs{position:static!important;display:none;border:none;box-shadow:none;padding:.2rem 0 .2rem 1rem}
  .browse-item.has-subs.open>.browse-subs{display:block}
}
@media(max-width:640px){
  .rv-grid{grid-template-columns:repeat(2,1fr)}
  .sticky-buy-actions .btn-outline{display:none}
  .gallery-thumbs{grid-template-columns:repeat(4,1fr)!important}
}

/* ═══════════════════════════════════════
   ANIMATED DEALS CARDS
═══════════════════════════════════════ */
.deals-grid-animated .deal-card{animation:fadeUpCard .5s ease both}
@keyframes fadeUpCard{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.deal-img-wrap{position:relative;overflow:hidden}
.deal-hover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;z-index:1}
.deal-card:hover .deal-hover-img{opacity:1}
.deal-gallery-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:3}
.dgd{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .2s}
.dgd.active{background:#fff}
.deal-card:hover .dgd:nth-child(1){background:rgba(255,255,255,.5)}
.deal-card:hover .dgd:nth-child(2){background:#fff}
.deal-quick-view{position:absolute;bottom:-44px;left:0;right:0;background:rgba(0,0,0,.8);color:#fff;border:none;padding:.55rem;font-size:.78rem;cursor:pointer;transition:bottom .25s ease;z-index:4}
.deal-card:hover .deal-quick-view{bottom:0}
.deal-badge-sale{font-size:.78rem;font-weight:800}
.price-save-pill{background:rgba(22,163,74,.12);color:var(--green);border-radius:20px;padding:.1rem .5rem;font-family:var(--fm);font-size:.65rem;font-weight:700}

/* ═══════════════════════════════════════
   NEW ARRIVALS CAROUSEL
═══════════════════════════════════════ */
.arrivals-section{padding:var(--tb) 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.arr-track-outer{overflow:hidden;position:relative}
.arr-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.5rem;cursor:grab}
.arr-track::-webkit-scrollbar{display:none}
.arr-track.dragging{cursor:grabbing;scroll-behavior:auto}
.arr-item{flex:0 0 170px;scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--r12);background:var(--bg);padding:.75rem;transition:all .2s;text-align:center}
.arr-item:hover{box-shadow:var(--sh-md);transform:translateY(-3px);border-color:var(--brand)}
.arr-img-wrap{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--r8);margin-bottom:.6rem;background:var(--bg2)}
.arr-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.arr-item:hover .arr-img-wrap img{transform:scale(1.06)}
.arr-badge{position:absolute;top:5px;left:5px;background:var(--red);color:#fff;border-radius:4px;font-family:var(--fm);font-size:.58rem;font-weight:700;padding:.1rem .4rem}
.arr-name{font-size:.76rem;font-weight:500;color:var(--tx1);margin-bottom:.3rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.2em}
.arr-name a{color:inherit;text-decoration:none}
.arr-price{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--brand);margin-bottom:.5rem}
.arr-add{width:100%;font-size:.72rem;padding:.3rem;border-radius:var(--r8)}
.arr-nav{width:34px;height:34px;border:1.5px solid var(--border);border-radius:var(--r8);background:var(--bg);cursor:pointer;font-size:1.1rem;color:var(--tx2);display:inline-flex;align-items:center;justify-content:center;transition:all .15s}
.arr-nav:hover{border-color:var(--brand);color:var(--brand)}

/* ═══════════════════════════════════════
   AI SMART SEARCH BOX
═══════════════════════════════════════ */
.ai-search-section{padding:var(--tb) 0;background:linear-gradient(135deg,rgba(0,87,255,.04) 0%,rgba(0,87,255,.01) 100%)}
.ai-search-box{background:var(--bg);border:1.5px solid rgba(0,87,255,.2);border-radius:var(--r24);padding:1.75rem 2rem;box-shadow:0 4px 32px rgba(0,87,255,.08);max-width:820px;margin:0 auto}
.ai-search-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.ai-search-icon{font-size:1.8rem;width:48px;height:48px;background:linear-gradient(135deg,var(--brand),#7b5ea7);border-radius:var(--r12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-search-title{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:var(--tx1)}
.ai-search-sub{font-size:.8rem;color:var(--tx3);margin-top:.1rem}
.ai-search-input-row{display:flex;gap:.65rem;margin-bottom:.85rem}
.ai-search-inp{flex:1;border:1.5px solid var(--border);border-radius:var(--r12);padding:.65rem 1rem;font-family:var(--fb);font-size:.9rem;color:var(--tx1);background:var(--bg);outline:none;transition:border-color .15s}
.ai-search-inp:focus{border-color:var(--brand)}
.ai-search-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}
.ai-search-results{border-top:1px solid var(--border);padding-top:1rem;margin-top:.5rem}
.ai-search-loading{display:flex;align-items:center;gap:.75rem;color:var(--tx3);padding:.5rem 0;font-size:.88rem}
.ai-results-grid{display:grid;grid-template-columns:1fr;gap:.6rem}
.ai-result-item{display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--r12);text-decoration:none;color:inherit;transition:all .15s}
.ai-result-item:hover{border-color:var(--brand);background:rgba(0,87,255,.03);box-shadow:var(--sh-sm)}
.ai-res-img{width:52px;height:52px;border-radius:var(--r8);overflow:hidden;background:var(--bg2);flex-shrink:0}
.ai-res-img img{width:100%;height:100%;object-fit:cover}
.ai-res-info{flex:1;min-width:0}
.ai-res-name{font-weight:500;font-size:.85rem;color:var(--tx1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ai-res-sku{font-family:var(--fm);font-size:.62rem;color:var(--tx3);margin:.1rem 0}
.ai-res-price{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--brand)}

/* ═══════════════════════════════════════
   TRUST STRIP + TESTIMONIALS
═══════════════════════════════════════ */
.trust-section{padding:var(--tb) 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trust-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--border);border-radius:var(--r16);overflow:hidden;margin-bottom:2.5rem;background:var(--bg)}
.trust-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-right:1px solid var(--border);transition:background .15s}
.trust-item:last-child{border-right:none}
.trust-item:hover{background:var(--bg2)}
.trust-ico{font-size:1.5rem;flex-shrink:0}
.trust-num{font-family:var(--fd);font-size:1rem;font-weight:800;color:var(--brand);line-height:1}
.trust-lbl{font-family:var(--fm);font-size:.62rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.testimonial-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r16);padding:1.5rem;transition:all .2s}
.testimonial-card:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}
.testimonial-stars{font-size:.9rem;margin-bottom:.75rem;color:#f59e0b}
.testimonial-text{font-size:.88rem;line-height:1.7;color:var(--tx2);margin:0 0 1.25rem;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:.75rem}
.testimonial-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#7b5ea7);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.testimonial-name{font-weight:600;font-size:.85rem;color:var(--tx1)}
.testimonial-title{font-family:var(--fm);font-size:.62rem;color:var(--tx3);margin-top:.1rem}
@media(max-width:900px){
  .trust-strip{grid-template-columns:repeat(3,1fr)}
  .trust-item:nth-child(3){border-right:none}
  .trust-item:nth-child(4){border-right:1px solid var(--border)}
  .trust-item:nth-child(3n){border-right:none}
  .testimonials-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .trust-strip{grid-template-columns:repeat(2,1fr)}
  .ai-search-box{padding:1.25rem}
  .ai-search-input-row{flex-direction:column}
}

/* ═══════════════════════════════════════════════════
   10 B&H-STYLE ADDONS — CSS
═══════════════════════════════════════════════════ */

/* ── ADDON 1: COMPARE ── */
.compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:850;background:var(--brand);color:#fff;padding:.6rem 0;box-shadow:0 -4px 24px rgba(0,87,255,.35);display:none}
.compare-bar-inner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.compare-bar-items{display:flex;gap:.6rem;flex:1;flex-wrap:wrap;align-items:center}
.compare-bar-actions{display:flex;gap:.5rem;flex-shrink:0;margin-left:auto}
.compare-bar-actions .btn-primary{background:#fff;color:var(--brand);font-weight:700}
.compare-bar-actions .btn-primary:hover{background:rgba(255,255,255,.9)}
.compare-bar-actions .btn-ghost{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.85)}
.cmp-bar-item{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);border-radius:8px;padding:.35rem .65rem;font-size:.78rem}
.cmp-bar-img{width:30px;height:30px;border-radius:4px;object-fit:cover;background:rgba(255,255,255,.2)}
.cmp-bar-name{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cmp-bar-remove{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:0 2px;font-size:.9rem;line-height:1}
.cmp-bar-remove:hover{color:#fff}
.cmp-bar-add-slot{border:1.5px dashed rgba(255,255,255,.35);border-radius:8px;padding:.35rem 1rem;font-size:.75rem;color:rgba(255,255,255,.6)}
/* Compare Modal */
.compare-modal-box{max-width:1100px;width:95vw;max-height:88vh;display:flex;flex-direction:column}
.compare-modal-body{overflow:auto;flex:1}
.cmp-table-wrap{overflow-x:auto}
.cmp-table{width:100%;border-collapse:collapse;font-size:.83rem}
.cmp-table th,.cmp-table td{padding:.65rem .9rem;border:1px solid var(--border);text-align:left;vertical-align:middle}
.cmp-table thead th{background:var(--bg2);font-weight:600;position:sticky;top:0;z-index:2}
.cmp-row-label{background:var(--bg2);font-family:var(--fm);font-size:.7rem;text-transform:uppercase;color:var(--tx3);white-space:nowrap;width:120px;font-weight:600}
.cmp-prod-link{text-decoration:none;color:inherit;text-align:center;display:block}
.cmp-prod-img{width:80px;height:80px;object-fit:cover;border-radius:8px;margin:0 auto .5rem;display:block}
.cmp-prod-name{font-size:.78rem;font-weight:600;color:var(--tx1);text-align:center}
.cmp-attr-row td{background:rgba(0,87,255,.02)}
.cmp-table tbody tr:hover td{background:rgba(0,87,255,.04)}
.compare-loading{text-align:center;padding:3rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--tx3)}

/* ── ADDON 2: STOCK ALERT ── */
.stock-alert-box{background:rgba(251,191,36,.06);border:1.5px solid rgba(251,191,36,.3);border-radius:var(--r12);padding:1.1rem 1.2rem;margin:.75rem 0}
.stock-alert-box h4{font-size:.9rem;font-weight:700;margin:0 0 .3rem}
.stock-alert-box p{font-size:.78rem;color:var(--tx3);margin:0 0 .75rem}
.stock-alert-form{display:flex;gap:.5rem;flex-wrap:wrap}
.stock-alert-form .dc-input{flex:1;min-width:0}
.alert-success{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.3);border-radius:8px;padding:.6rem .9rem;color:var(--green);font-size:.82rem}
.alert-error{background:rgba(229,62,62,.1);border:1px solid rgba(229,62,62,.3);border-radius:8px;padding:.6rem .9rem;color:var(--red);font-size:.82rem}

/* ── ADDON 3: FINANCING ── */
.finance-strip{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.15);border-radius:var(--r12);margin:.65rem 0}
.finance-strip-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;flex-wrap:wrap}
.finance-ico{font-size:1.2rem;flex-shrink:0}
.finance-main{flex:1;font-size:.85rem;color:var(--tx2)}
.finance-main strong{color:var(--tx1);font-size:1rem}
.finance-term{font-size:.75rem;color:var(--tx3);margin-left:.3rem}
.finance-calc-btn{font-family:var(--fm);font-size:.75rem;color:var(--brand);background:none;border:1px solid var(--brand);border-radius:20px;padding:.25rem .75rem;cursor:pointer;flex-shrink:0;white-space:nowrap}
.finance-calc-panel{padding:0 1rem 1rem;border-top:1px solid rgba(99,102,241,.12)}
.finance-terms{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:.75rem 0}
.finance-term-card{border:1.5px solid var(--border);border-radius:var(--r8);padding:.6rem .3rem;text-align:center;cursor:pointer;transition:all .15s}
.finance-term-card:hover,.finance-term-card.selected{border-color:var(--brand);background:rgba(0,87,255,.05)}
.ftc-months{font-family:var(--fd);font-weight:700;font-size:.85rem;color:var(--tx1)}
.ftc-amount{font-size:.78rem;color:var(--brand);font-weight:600}
.ftc-total{font-size:.6rem;color:var(--tx3);margin-top:.15rem}
.finance-disclaimer{font-family:var(--fm);font-size:.65rem;color:var(--tx3);margin:0}
@media(max-width:640px){.finance-terms{grid-template-columns:repeat(3,1fr)}}

/* ── ADDON 4: Q&A ── */
.qa-section{display:flex;flex-direction:column;gap:1.5rem}
.qa-ask-box{background:var(--bg2);border-radius:var(--r12);padding:1.25rem}
.qa-ask-box h4{font-size:.95rem;font-weight:700;margin:0 0 .75rem}
.qa-ask-form{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}
.qa-list{display:flex;flex-direction:column;gap:1rem}
.qa-empty{text-align:center;padding:1.5rem;color:var(--tx3);font-size:.85rem}
.qa-item{border:1px solid var(--border);border-radius:var(--r12);overflow:hidden}
.qa-q-row{display:flex;gap:.85rem;padding:1rem;background:var(--bg)}
.qa-q-icon{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qa-q-text{font-size:.87rem;font-weight:500;color:var(--tx1);margin-bottom:.3rem}
.qa-q-meta{font-family:var(--fm);font-size:.68rem;color:var(--tx3);display:flex;align-items:center;gap.5rem}
.qa-helpful{background:none;border:1px solid var(--border);border-radius:20px;font-family:var(--fm);font-size:.65rem;padding:.15rem .6rem;cursor:pointer;margin-left:.65rem;transition:all .15s}
.qa-helpful:hover{border-color:var(--brand);color:var(--brand)}
.qa-a-row{display:flex;gap:.85rem;padding:.85rem 1rem;background:rgba(22,163,74,.04);border-top:1px solid rgba(22,163,74,.15)}
.qa-a-icon{width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qa-a-text{font-size:.85rem;color:var(--tx1);margin-bottom:.25rem}
.qa-a-meta{font-family:var(--fm);font-size:.65rem;color:var(--green);font-weight:600}
@media(max-width:640px){.qa-ask-form{grid-template-columns:1fr}}

/* ── ADDON 5: WISHLIST ── */
.wishlist-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:var(--bg);z-index:1050;transform:translateX(105%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px rgba(0,0,0,.18);display:flex;flex-direction:column}
.wishlist-drawer.open{transform:translateX(0)}
.wishlist-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1049;opacity:0;pointer-events:none;transition:opacity .3s}
.wishlist-overlay.open{opacity:1;pointer-events:all}
.wl-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}
.wl-drawer-head h3{font-size:1rem;font-weight:700;margin:0}
.wl-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--tx3);padding:.2rem}
.wl-list{flex:1;overflow-y:auto;padding:.75rem}
.wl-empty{text-align:center;padding:3rem 1rem;color:var(--tx3);font-size:.9rem;line-height:1.7}
.wl-item{display:flex;gap:.85rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--r12);margin-bottom:.6rem;align-items:flex-start;transition:box-shadow .15s}
.wl-item:hover{box-shadow:var(--sh-sm)}
.wl-img{width:64px;height:64px;flex-shrink:0;border-radius:var(--r8);overflow:hidden;background:var(--bg2)}
.wl-img img{width:100%;height:100%;object-fit:cover}
.wl-info{flex:1;min-width:0}
.wl-name{font-size:.82rem;font-weight:600;color:var(--tx1);text-decoration:none;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem}
.wl-sku{font-family:var(--fm);font-size:.62rem;color:var(--tx3)}
.wl-price{font-family:var(--fd);font-size:.95rem;font-weight:700;color:var(--brand);margin:.2rem 0}
.wl-actions{display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}
.wl-add-cart{font-size:.72rem;padding:.3rem .7rem;border-radius:6px}
.wl-remove{background:none;border:1px solid var(--border);border-radius:6px;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;color:var(--tx3);transition:all .15s}
.wl-remove:hover{border-color:var(--red);color:var(--red)}

/* ── ADDON 6: BULK ORDER ── */
.bulk-modal-body{padding:.25rem 0}
.bulk-results-table{width:100%;border-collapse:collapse;font-size:.81rem;margin:.65rem 0}
.bulk-results-table th{background:var(--bg2);padding:.5rem .65rem;text-align:left;font-family:var(--fm);font-size:.68rem;text-transform:uppercase;border-bottom:2px solid var(--border)}
.bulk-results-table td{padding:.45rem .65rem;border-bottom:1px solid var(--border);vertical-align:middle}
.bulk-row-error td{color:var(--red);background:rgba(229,62,62,.04);font-size:.79rem}
.bulk-qty-inp{width:64px!important;text-align:center}
.bulk-item-total{font-weight:600;color:var(--brand)}
.bulk-total-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:.65rem}

/* ── ADDON 7: SHIPPING ESTIMATOR ── */
.ship-estimator{border:1px solid var(--border);border-radius:var(--r12);overflow:hidden;margin:.65rem 0}
.ship-est-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;background:var(--bg2);user-select:none;font-size:.85rem}
.ship-est-head:hover{background:var(--bg2)}
.ship-chevron{transition:transform .2s;flex-shrink:0}
.ship-est-body{padding:.85rem 1rem;border-top:1px solid var(--border)}
.ship-est-row{display:flex;gap:.5rem;margin-bottom:.65rem}
.ship-zone-label{font-family:var(--fm);font-size:.72rem;color:var(--tx3);margin-bottom:.65rem;padding:.4rem .6rem;background:rgba(0,87,255,.05);border-radius:6px}
.ship-options{display:flex;flex-direction:column;gap:.4rem}
.ship-option{display:flex;align-items:center;gap:.85rem;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:var(--r8);cursor:pointer;transition:all .15s;font-size:.82rem}
.ship-option input{display:none}
.ship-option.selected{border-color:var(--brand);background:rgba(0,87,255,.04)}
.ship-opt-info{flex:1}
.ship-opt-name{font-weight:600;color:var(--tx1);display:block}
.ship-opt-date{font-size:.72rem;color:var(--tx3)}
.ship-opt-price{font-weight:700;font-size:.85rem;flex-shrink:0}

/* ── ADDON 8: PROMO STRIP ── */
.promo-strip{border-radius:var(--r12);overflow:hidden;margin:.65rem 0;border:1.5px solid rgba(251,191,36,.35)}
.promo-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:rgba(251,191,36,.06);border-bottom:1px solid rgba(251,191,36,.2);flex-wrap:wrap;font-size:.81rem}
.promo-item:last-child{border-bottom:none}
.promo-tag{background:var(--amber);color:#000;font-family:var(--fm);font-size:.6rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;flex-shrink:0}
.promo-desc{flex:1;color:var(--tx1)}
.promo-exp{font-family:var(--fm);font-size:.65rem;color:var(--tx3);white-space:nowrap}
.promo-copy{background:none;border:1.5px solid var(--amber);border-radius:6px;font-family:var(--fm);font-size:.68rem;font-weight:600;padding:.25rem .65rem;cursor:pointer;color:var(--tx1);transition:all .15s;white-space:nowrap;flex-shrink:0}
.promo-copy:hover{background:var(--amber);color:#000}

/* ── ADDON 9: BUNDLE BUILDER ── */
.bundle-section{}
.bundle-intro{font-size:.85rem;color:var(--tx3);margin-bottom:1.1rem}
.bundle-items{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1rem}
.bundle-item{display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--r8);transition:background .15s}
.bundle-item:hover{background:var(--bg2)}
.bundle-main{background:rgba(0,87,255,.03);border-color:rgba(0,87,255,.2)}
.bundle-check{width:16px;height:16px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}
.bundle-img img{width:52px;height:52px;object-fit:cover;border-radius:var(--r8);display:block}
.bundle-info{flex:1;min-width:0}
.bundle-badge{background:var(--brand);color:#fff;font-family:var(--fm);font-size:.58rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;margin-bottom:.25rem;display:inline-block}
.bundle-name{font-size:.82rem;font-weight:500;color:var(--tx1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bundle-name a{color:inherit;text-decoration:none}
.bundle-price{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--brand)}
.bundle-plus{text-align:center;font-size:.8rem;font-weight:700;color:var(--tx3);padding:.1rem 0;line-height:1}
.bundle-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0 0;border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem}
.bundle-summary{font-size:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.bundle-save-note{font-size:.78rem;color:var(--green)}

/* ── ADDON 10: LIVE STOCK ── */
.live-stock-bar{display:flex;align-items:center;gap:1.2rem;padding:.5rem .85rem;background:rgba(22,163,74,.05);border:1px solid rgba(22,163,74,.15);border-radius:var(--r8);margin:.5rem 0;font-family:var(--fm);font-size:.72rem;color:var(--tx3)}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 2s ease infinite;flex-shrink:0}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}50%{box-shadow:0 0 0 5px rgba(22,163,74,0)}}
.live-viewing,.live-sold{color:var(--tx2)}
.low-stock-alert{display:none;align-items:center;gap:.6rem;background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.3);border-radius:var(--r8);padding:.5rem .85rem;font-size:.78rem;color:var(--amber);margin:.35rem 0}
.low-stock-alert svg{flex-shrink:0}

/* ── MODAL SHARED STYLES ── */
.dc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px)}
.dc-modal-box{background:var(--bg);border-radius:var(--r20);width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px rgba(0,0,0,.3);display:flex;flex-direction:column}
.dc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;background:var(--bg);z-index:5}
.dc-modal-head h3{font-size:1.1rem;font-weight:700;margin:0}
.dc-modal-close{background:none;border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--tx3);transition:all .15s}
.dc-modal-close:hover{border-color:var(--tx1);color:var(--tx1)}
.bulk-modal-body{padding:1.25rem 1.5rem}

/* ── PRODUCT UTILITY ROW (wishlist/compare/share) ── */
.prod-utility-row{display:flex;gap:.5rem;margin:.65rem 0;flex-wrap:wrap}
.utility-btn{display:inline-flex;align-items:center;gap:.45rem;background:none;border:1.5px solid var(--border);border-radius:20px;padding:.35rem .85rem;font-family:var(--fm);font-size:.72rem;color:var(--tx2);cursor:pointer;transition:all .15s;white-space:nowrap}
.utility-btn:hover{border-color:var(--brand);color:var(--brand)}
.utility-btn-active{border-color:var(--red)!important;color:var(--red)!important;background:rgba(229,62,62,.05)!important}
.utility-btn svg{flex-shrink:0}

/* ── MOBILE RESPONSIVE for addons ── */
@media(max-width:900px){
  .compare-modal-box{max-width:100%;width:100vw}
  .wishlist-drawer{width:340px}
  .finance-terms{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .compare-bar-inner{flex-direction:column;align-items:flex-start;gap:.5rem}
  .compare-bar-actions{width:100%;justify-content:space-between}
  .cmp-bar-item{font-size:.7rem}
  .ship-est-row{flex-direction:column}
  .bundle-footer{flex-direction:column;align-items:stretch}
  .bundle-footer .btn{width:100%}
  .promo-item{flex-direction:column;align-items:flex-start}
  .prod-utility-row{gap:.3rem}
  .utility-btn{font-size:.68rem;padding:.3rem .65rem}
}

/* ══════════════════════════════════════════════════════════════════
   V8 COMPREHENSIVE FIXES & NEW COMPONENTS
══════════════════════════════════════════════════════════════════ */

/* ── GALLERY LIGHTBOX ── */
.gallery-lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}
.glb-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.4rem;width:42px;height:42px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .15s}
.glb-close:hover{background:rgba(255,255,255,.2)}
.glb-prev,.glb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;font-size:2rem;width:52px;height:52px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .15s}
.glb-prev{left:1rem}.glb-next{right:1rem}
.glb-prev:hover,.glb-next:hover{background:rgba(255,255,255,.2)}
.glb-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:4rem 5rem}
.glb-img{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:8px;transition:opacity .2s}
.glb-thumbs{display:flex;gap:.5rem;padding:.75rem 1rem;overflow-x:auto;flex-shrink:0;max-width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.glb-thumb{width:64px;height:64px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.2);flex-shrink:0;transition:border-color .15s}
.glb-thumb.active{border-color:#fff}
.glb-thumb img{width:100%;height:100%;object-fit:cover}
/* Gallery cross-fade */
#gallery-main-img{transition:opacity .18s}

/* ── SHOP HERO BANNER ── */
.shop-hero-banner{background:linear-gradient(135deg,var(--brand) 0%,rgba(0,87,255,.8) 100%);color:#fff;padding:1.5rem 0}
.shb-inner{padding:.5rem 0}
.shb-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.65rem}
.shb-title{font-family:var(--fd);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:#fff;margin:0}
.shb-desc{color:rgba(255,255,255,.8);font-size:.9rem;margin:.4rem 0 0;max-width:600px}
.shb-count{background:rgba(255,255,255,.15);color:#fff;font-family:var(--fm);font-size:.78rem;font-weight:700;padding:.35rem .85rem;border-radius:20px;border:1px solid rgba(255,255,255,.25)}
.shb-cat-img{width:56px;height:56px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.3)}
/* Active filter pills */
.active-filters{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.75rem}
.af-label{font-family:var(--fm);font-size:.72rem;color:rgba(255,255,255,.7);font-weight:600}
.af-pill{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:.72rem;padding:.25rem .7rem;text-decoration:none;transition:background .15s;white-space:nowrap}
.af-pill:hover{background:rgba(255,255,255,.25)}
.af-clear{background:rgba(255,0,0,.2);color:#fca5a5;border:1px solid rgba(255,0,0,.3);border-radius:20px;font-size:.72rem;padding:.25rem .7rem;text-decoration:none}

/* ── SHOP SIDEBAR: CATEGORY BOX ── */
.sw-categories-box{background:#fff;border:1.5px solid var(--border);border-radius:var(--r16);overflow:hidden;margin-bottom:1rem}
.swcb-header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);font-family:var(--fd);font-size:.82rem;font-weight:700;color:var(--tx1);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,rgba(0,87,255,.04),rgba(0,87,255,.01))}
.swcb-list{padding:.4rem 0;max-height:420px;overflow-y:auto}
.swcb-item{display:flex;align-items:center;gap:.65rem;padding:.5rem 1.1rem;font-size:.84rem;color:var(--tx2);text-decoration:none;transition:all .15s;position:relative}
.swcb-item:hover{color:var(--brand);background:rgba(0,87,255,.04)}
.swcb-item.active{color:var(--brand);font-weight:700;background:rgba(0,87,255,.06)}
.swcb-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand);border-radius:0 2px 2px 0}
.swcb-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.swcb-cat-img{width:20px;height:20px;object-fit:cover;border-radius:4px}
.swcb-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.swcb-count{font-family:var(--fm);font-size:.65rem;color:var(--tx3);background:var(--bg2);padding:.1rem .4rem;border-radius:10px;flex-shrink:0}
.swcb-arrow{background:none;border:none;color:var(--tx3);cursor:pointer;font-size:.9rem;padding:0 .2rem;flex-shrink:0;line-height:1;z-index:2}
.swcb-group{border-bottom:1px solid rgba(0,0,0,.04)}
.swcb-group:last-child{border-bottom:none}
.swcb-parent{padding-left:.9rem}
.swcb-sub{background:var(--bg2);border-top:1px solid var(--border)}
.swcb-sub-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem 1.75rem;font-size:.8rem;color:var(--tx3);text-decoration:none;transition:color .15s}
.swcb-sub-item:hover{color:var(--brand)}
.swcb-sub-item.active{color:var(--brand);font-weight:600}

/* ── SHOP FILTER BOXES ── */
.sw-filter-box{background:#fff;border:1.5px solid var(--border);border-radius:var(--r12);overflow:hidden;margin-bottom:.85rem}
.sw-filter-head{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-family:var(--fd);font-size:.78rem;font-weight:700;color:var(--tx1);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg2);cursor:pointer;user-select:none}
.sw-toggle-btn{background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--tx3);margin-left:auto;padding:0 2px;line-height:1;transition:transform .2s}
.sw-filter-body{padding:.85rem 1.1rem}
.sw-check-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;cursor:pointer;font-size:.84rem;color:var(--tx2);transition:color .15s;border-radius:4px}
.sw-check-row:hover{color:var(--brand)}
.sw-check{accent-color:var(--brand);width:15px;height:15px;flex-shrink:0;cursor:pointer}
.sw-check-ico{font-size:.75rem;flex-shrink:0}
/* Price range */
.price-range-inputs{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem}
.pri-field{flex:1;min-width:0}
.pri-label{font-family:var(--fm);font-size:.65rem;color:var(--tx3);display:block;margin-bottom:.2rem;text-transform:uppercase;font-weight:600}
.pri-inp{padding:.4rem .6rem!important;font-size:.8rem!important;height:auto}
.pri-dash{color:var(--tx3);font-size:.85rem;flex-shrink:0;margin-top:1.1rem}
.price-quick-btns{display:flex;gap:.35rem;flex-wrap:wrap}
.pqb-chip{border:1px solid var(--border);border-radius:20px;font-family:var(--fm);font-size:.68rem;padding:.25rem .65rem;text-decoration:none;color:var(--tx2);transition:all .15s;white-space:nowrap}
.pqb-chip:hover,.pqb-chip.active{border-color:var(--brand);color:var(--brand);background:rgba(0,87,255,.05)}
/* Rating */
.sw-rating-row{display:flex;align-items:center;gap:.5rem;padding:.38rem .2rem;text-decoration:none;color:var(--tx2);font-size:.82rem;transition:color .15s;border-radius:4px}
.sw-rating-row:hover,.sw-rating-row.active{color:var(--brand)}
.swr-stars{color:var(--amber);letter-spacing:.05em}
.swr-lbl{font-size:.75rem}

/* ── B2B BOX IN SIDEBAR ── */
.sw-b2b-box{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:var(--r12);padding:1.1rem;text-align:center;margin-bottom:1rem;color:#fff}
.swbb-icon{font-size:1.8rem;margin-bottom:.4rem}
.swbb-title{font-family:var(--fd);font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.25rem}
.swbb-sub{font-size:.72rem;color:rgba(255,255,255,.6);line-height:1.4;margin-bottom:0}
.sw-b2b-box .btn-outline{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}
.sw-b2b-box .btn-outline:hover{border-color:#fff;color:#fff}
/* Mobile close */
.sw-close-btn{display:none;width:100%;margin-top:.5rem;padding:.75rem;background:none;border:1px solid var(--border);border-radius:var(--r8);cursor:pointer;font-size:.85rem;color:var(--tx3)}

/* ── SHOP TOOLBAR ── */
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--r12);margin-bottom:1.25rem;flex-wrap:wrap}
.stb-left{display:flex;align-items:center;gap:.75rem}
.stb-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.stb-filter-toggle{display:none;align-items:center;gap:.5rem;background:none;border:1.5px solid var(--border);border-radius:var(--r8);padding:.4rem .85rem;font-size:.82rem;cursor:pointer;font-family:var(--fm);color:var(--tx2);transition:all .15s}
.stb-filter-toggle:hover{border-color:var(--brand);color:var(--brand)}
.stb-filter-count{background:var(--brand);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.65rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.stb-results .woocommerce-result-count{font-family:var(--fm);font-size:.82rem;color:var(--tx3);margin:0}

/* ── PROD CARD ENHANCEMENTS ── */
.prod-brand-tag{font-family:var(--fm);font-size:.62rem;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}
.prod-card-hover-btns{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.3rem;opacity:0;transition:opacity .2s;z-index:3}
.prod-card-img:hover .prod-card-hover-btns{opacity:1}
.pchb-btn{width:30px;height:30px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:all .15s;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.pchb-btn:hover{border-color:var(--brand);color:var(--brand)}
.prod-hover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s;border-radius:inherit}
.prod-card-img:hover .prod-hover-img{opacity:1}
.prod-card-rating{display:flex;align-items:center;gap:.3rem;margin:.2rem 0}
.pcr-stars{color:var(--amber);font-size:.75rem;letter-spacing:.03em}
.pcr-count{font-family:var(--fm);font-size:.65rem;color:var(--tx3)}
/* LIST VIEW */
.prod-card-list-extra{display:none;padding:0 .85rem .85rem}
.prod-list-desc{font-size:.78rem;color:var(--tx3);margin:.2rem 0 .65rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.prod-list-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.list-view .prod-card{display:grid;grid-template-columns:160px 1fr;align-items:start}
.list-view .prod-card-img{height:160px;border-radius:var(--r12) 0 0 var(--r12)}
.list-view .prod-card-body{padding:.85rem}
.list-view .prod-card-list-extra{display:block;grid-column:2;padding:.5rem .85rem .85rem}
.list-view .prod-card-foot{display:none}

/* ── SHOP EMPTY STATE ── */
.shop-empty-state{text-align:center;padding:5rem 2rem;color:var(--tx3)}
.ses-icon{font-size:3.5rem;margin-bottom:1rem}

/* ── SIDEBAR OVERLAY + MOBILE ── */
.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}
.sidebar-overlay.open{opacity:1;pointer-events:all}

/* ── PAGINATION ── */
.dc-pagination-wrap{margin-top:2.5rem;display:flex;justify-content:center}
.dc-pagination-wrap .page-numbers{display:flex;gap:.35rem;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.dc-pagination-wrap .page-numbers a,.dc-pagination-wrap .page-numbers span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1.5px solid var(--border);border-radius:var(--r8);font-family:var(--fm);font-size:.82rem;text-decoration:none;color:var(--tx2);transition:all .15s}
.dc-pagination-wrap .page-numbers a:hover{border-color:var(--brand);color:var(--brand)}
.dc-pagination-wrap .page-numbers .current{background:var(--brand);border-color:var(--brand);color:#fff}

/* ── DEALS PAGE ── */
.deals-page-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0057FF 100%);color:#fff;padding:2.5rem 0}
.deals-hero-inner{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.deals-hero-kicker{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,87,34,.15);color:#ff9f6e;border:1px solid rgba(255,87,34,.3);border-radius:20px;font-family:var(--fm);font-size:.72rem;font-weight:700;padding:.3rem .85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}
.deals-hero-title{font-family:var(--fd);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;margin:0 0 .5rem;line-height:1.15}
.deals-hero-sub{color:rgba(255,255,255,.65);font-size:.95rem;margin:0 0 1.25rem;max-width:480px}
.deals-hero-stats{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.dhs-item{display:flex;flex-direction:column;gap:.15rem}
.dhs-num{font-family:var(--fd);font-size:1.3rem;font-weight:800;color:#fff}
.dhs-lbl{font-family:var(--fm);font-size:.62rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em}
.dhs-sep{width:1px;height:2.5rem;background:rgba(255,255,255,.15)}
/* Countdown box */
.deals-hero-countdown-box{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:var(--r16);padding:1.5rem;min-width:240px;text-align:center;backdrop-filter:blur(10px)}
.dhc-label{display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--fm);font-size:.7rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}
.deals-countdown-lg{display:flex;align-items:center;justify-content:center;gap:.5rem}
.dcd-block{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:rgba(0,0,0,.3);border-radius:10px;padding:.65rem .9rem;min-width:64px}
.dcd-num{font-family:var(--fd);font-size:2rem;font-weight:900;color:#fff;line-height:1}
.dcd-lbl{font-family:var(--fm);font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em}
.dcd-sep{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:rgba(255,255,255,.4);margin-top:-.5rem}
.dhc-sub{font-family:var(--fm);font-size:.65rem;color:rgba(255,255,255,.35);margin-top:.85rem}

/* SPOTLIGHT */
.deals-spotlight{padding:2rem 0;border-bottom:1px solid var(--border)}
.deals-spotlight-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.deals-spotlight-head h2{font-family:var(--fd);font-size:1.4rem;font-weight:800;margin:0}
.deals-badge-live{display:flex;align-items:center;gap:.4rem;font-family:var(--fm);font-size:.72rem;color:var(--green);font-weight:600}
.live-dot-sm{width:6px;height:6px;border-radius:50%;background:var(--green);animation:livePulse 2s ease infinite}
.deals-spotlight-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1.25rem}
.spotlight-card{border:1.5px solid var(--border);border-radius:var(--r16);overflow:hidden;background:#fff;transition:all .2s;display:flex;flex-direction:column}
.spotlight-card:hover{box-shadow:var(--sh-lg);transform:translateY(-3px);border-color:rgba(0,87,255,.2)}
.spotlight-hero{grid-row:1;border-color:rgba(0,87,255,.2);background:linear-gradient(135deg,rgba(0,87,255,.02),rgba(0,87,255,.005))}
.spotlight-img-wrap{position:relative;aspect-ratio:1;background:var(--bg2);overflow:hidden}
.spotlight-hero .spotlight-img-wrap{aspect-ratio:4/3}
.spotlight-img-wrap img{width:100%;height:100%;object-fit:contain;padding:1.5rem;display:block;transition:transform .3s}
.spotlight-card:hover .spotlight-img-wrap img{transform:scale(1.05)}
.spotlight-save-badge{position:absolute;top:.75rem;left:.75rem;background:var(--red);color:#fff;font-family:var(--fm);font-size:.68rem;font-weight:700;padding:.3rem .65rem;border-radius:20px}
.spotlight-hot-badge{position:absolute;top:.75rem;right:.75rem;background:var(--amber);color:#000;font-family:var(--fm);font-size:.65rem;font-weight:700;padding:.25rem .55rem;border-radius:20px}
.spotlight-info{padding:1rem 1.1rem 1.1rem;flex:1;display:flex;flex-direction:column;gap:.3rem}
.spotlight-hero .spotlight-info{padding:1.25rem 1.4rem 1.4rem}
.spotlight-brand{font-family:var(--fm);font-size:.65rem;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.1em}
.spotlight-name{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--tx1);line-height:1.3;margin:0}
.spotlight-hero .spotlight-name{font-size:1.25rem}
.spotlight-name a{color:inherit;text-decoration:none}
.spotlight-name a:hover{color:var(--brand)}
.spotlight-desc{font-size:.8rem;color:var(--tx3);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}
.spotlight-pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:.25rem 0}
.spotlight-price-current{font-family:var(--fd);font-size:1.4rem;font-weight:800;color:var(--brand)}
.spotlight-hero .spotlight-price-current{font-size:1.8rem}
.spotlight-price-was{font-size:.82rem;color:var(--tx3);text-decoration:line-through}
.spotlight-price-save{font-family:var(--fm);font-size:.7rem;font-weight:700;color:var(--green);background:rgba(22,163,74,.1);padding:.15rem .45rem;border-radius:4px}
.spotlight-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;font-size:.78rem;margin:.15rem 0}
.stk-warn{color:var(--amber);font-family:var(--fm);font-size:.72rem}
.spotlight-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.5rem}
.spotlight-actions-sm{display:flex;gap:.4rem;margin-top:auto;padding-top:.35rem}

/* DEALS FILTER BAR */
.deals-main-section{padding:1.5rem 0 3rem}
.deals-filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.1rem;background:#fff;border:1px solid var(--border);border-radius:var(--r12);padding:.75rem 1rem}
.deals-filter-cats{display:flex;gap:.35rem;flex-wrap:wrap;flex:1}
.dfc-chip{display:inline-flex;align-items:center;gap:.35rem;border:1.5px solid var(--border);border-radius:20px;font-family:var(--fm);font-size:.73rem;padding:.3rem .75rem;text-decoration:none;color:var(--tx2);transition:all .15s;white-space:nowrap}
.dfc-chip:hover,.dfc-chip.active{border-color:var(--brand);color:var(--brand);background:rgba(0,87,255,.05)}
.dfc-count{font-size:.62rem;background:var(--bg2);padding:.1rem .35rem;border-radius:10px}
.dfc-chip.active .dfc-count{background:rgba(0,87,255,.1);color:var(--brand)}
.deals-sort-row{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.dsr-label{font-family:var(--fm);font-size:.72rem;color:var(--tx3);white-space:nowrap}
.dc-select{border:1.5px solid var(--border);border-radius:var(--r8);padding:.4rem .75rem;font-family:var(--fm);font-size:.78rem;color:var(--tx1);background:var(--bg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9' fill='none' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.75rem}
/* Results header */
.deals-results-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-family:var(--fm);font-size:.8rem;color:var(--tx3)}
.deals-view-toggle{display:flex;gap:.3rem}
.dvt-btn{width:32px;height:32px;border:1.5px solid var(--border);border-radius:6px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--tx3);transition:all .15s}
.dvt-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* DEALS PRODUCT GRID */
.deals-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.deals-prod-grid.list-view{grid-template-columns:1fr}
.deals-empty{grid-column:1/-1;text-align:center;padding:5rem 2rem;color:var(--tx3)}
.deal-item-card{border:1.5px solid var(--border);border-radius:var(--r16);overflow:hidden;background:#fff;transition:all .22s;animation:fadeUpCard .5s both}
.deal-item-card:hover{box-shadow:0 12px 40px rgba(0,87,255,.12);transform:translateY(-3px);border-color:rgba(0,87,255,.2)}
.dic-img-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg2)}
.dic-main-img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .3s}
.deal-item-card:hover .dic-main-img{transform:scale(1.06)}
.dic-hover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.deal-item-card:hover .dic-hover-img{opacity:1}
.dic-badges{position:absolute;top:.6rem;left:.6rem;display:flex;flex-direction:column;gap:.3rem}
.dic-pct-badge{background:var(--red);color:#fff;font-family:var(--fm);font-size:.65rem;font-weight:800;padding:.2rem .55rem;border-radius:20px;letter-spacing:.03em}
.dic-hot-badge{background:var(--amber);color:#000;font-family:var(--fm);font-size:.62rem;font-weight:700;padding:.2rem .5rem;border-radius:20px}
.dic-oos-badge{background:#6b7280;color:#fff;font-family:var(--fm);font-size:.62rem;font-weight:600;padding:.2rem .5rem;border-radius:20px}
.dic-hover-actions{position:absolute;top:.6rem;right:.6rem;display:flex;flex-direction:column;gap:.3rem;opacity:0;transition:opacity .2s}
.deal-item-card:hover .dic-hover-actions{opacity:1}
.dic-wish,.dic-compare{width:32px;height:32px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:all .15s;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.dic-wish:hover{color:var(--red);border-color:var(--red)}
.dic-compare:hover{color:var(--brand);border-color:var(--brand)}
.dic-body{padding:.85rem}
.dic-brand{font-family:var(--fm);font-size:.6rem;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.15rem}
.dic-sku{font-family:var(--fm);font-size:.6rem;color:var(--tx3);margin-bottom:.25rem}
.dic-name{font-size:.85rem;font-weight:600;color:var(--tx1);line-height:1.3;margin:0 0 .3rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dic-name a{color:inherit;text-decoration:none}
.dic-name a:hover{color:var(--brand)}
.dic-rating{display:flex;align-items:center;gap:.3rem;margin-bottom:.3rem}
.dic-stars{color:var(--amber);font-size:.75rem}
.dic-rev-ct{font-family:var(--fm);font-size:.62rem;color:var(--tx3)}
.dic-pricing{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}
.dic-price-sale{font-family:var(--fd);font-size:1.1rem;font-weight:800;color:var(--brand)}
.dic-price-was{font-size:.75rem;color:var(--tx3);text-decoration:line-through}
.dic-save{font-family:var(--fm);font-size:.65rem;font-weight:700;color:var(--green);background:rgba(22,163,74,.1);padding:.1rem .4rem;border-radius:4px}
/* Progress bar */
.dic-progress{margin-bottom:.5rem}
.dic-progress-bar{height:4px;background:var(--bg3);border-radius:10px;overflow:hidden;margin-bottom:.3rem}
.dic-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:10px}
.dic-progress-meta{display:flex;justify-content:space-between;font-family:var(--fm);font-size:.65rem;color:var(--tx3)}
.dic-sold-ct{color:var(--tx3)}
.dic-urgency{font-family:var(--fm);font-size:.7rem;color:var(--amber);font-weight:600;background:rgba(251,191,36,.08);border-radius:4px;padding:.2rem .5rem;margin-bottom:.45rem}
.dic-actions{display:flex;gap:.4rem}
.dic-add-cart{flex:1;font-size:.8rem;padding:.5rem;justify-content:center}
.dic-notify{flex:1;font-size:.78rem;padding:.45rem;justify-content:center}
.dic-view{font-size:.75rem;padding:.45rem .65rem;white-space:nowrap}
/* LIST VIEW for deals */
.deals-prod-grid.list-view .deal-item-card{display:grid;grid-template-columns:180px 1fr}
.deals-prod-grid.list-view .dic-img-wrap{aspect-ratio:auto;height:180px}
.deals-prod-grid.list-view .dic-body{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:start}
.deals-prod-grid.list-view .dic-name{-webkit-line-clamp:1}

/* Deals pagination */
.deals-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}
.dp-btn{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .75rem;border:1.5px solid var(--border);border-radius:var(--r8);font-family:var(--fm);font-size:.82rem;text-decoration:none;color:var(--tx2);transition:all .15s}
.dp-btn:hover{border-color:var(--brand);color:var(--brand)}
.dp-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}
.dp-prev,.dp-next{padding:0 1rem}

/* B2B CTA */
.deals-b2b-cta{background:linear-gradient(135deg,#0f172a,#1e3a5f);padding:2rem 0}
.dbcta-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.dbcta-inner h3{font-family:var(--fd);font-size:1.2rem;font-weight:800;color:#fff;margin:0 0 .4rem}
.dbcta-inner p{color:rgba(255,255,255,.6);font-size:.85rem;margin:0;max-width:480px}
.dbcta-btns{display:flex;gap:.65rem;flex-shrink:0;flex-wrap:wrap}
.btn-outline-white{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.85);background:none}
.btn-outline-white:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}

/* ── QUOTE MODAL ── */
.quote-modal-box{background:var(--bg);border-radius:var(--r20);width:100%;max-width:680px;max-height:92vh;overflow-y:auto;box-shadow:0 32px 80px rgba(0,0,0,.35);display:flex;flex-direction:column}
.qm-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(0,87,255,.04),rgba(0,87,255,.01));flex-shrink:0}
.qm-header-icon{font-size:1.8rem;flex-shrink:0}
.qm-title{font-family:var(--fd);font-size:1.2rem;font-weight:800;margin:0 0 .2rem;color:var(--tx1)}
.qm-subtitle{font-size:.8rem;color:var(--tx3);margin:0}
.qm-close{background:none;border:1.5px solid var(--border);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:1.1rem;color:var(--tx3);display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:all .15s}
.qm-close:hover{border-color:var(--red);color:var(--red)}
.qm-body{padding:1.5rem 1.75rem;flex:1}
/* Product card in quote */
.qm-product-card{display:flex;gap:1rem;padding:1rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r12);margin-bottom:1.25rem;align-items:flex-start}
.qm-product-img{width:72px;height:72px;border-radius:var(--r8);overflow:hidden;background:var(--bg3);flex-shrink:0;border:1px solid var(--border)}
.qm-product-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.qm-product-info{flex:1;min-width:0}
.qm-prod-name{font-weight:700;font-size:.92rem;color:var(--tx1);margin-bottom:.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.qm-prod-meta{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.4rem}
.qm-meta-badge{font-family:var(--fm);font-size:.62rem;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:.1rem .45rem;color:var(--tx3)}
.qm-badge-brand{color:var(--brand);border-color:rgba(0,87,255,.2);background:rgba(0,87,255,.05)}
.qm-prod-price-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.qm-prod-price{font-family:var(--fd);font-size:1.1rem;font-weight:800;color:var(--brand)}
.qm-prod-save{font-family:var(--fm);font-size:.7rem;font-weight:700;color:var(--green);background:rgba(22,163,74,.1);padding:.15rem .45rem;border-radius:4px}
.qm-prod-stock{font-family:var(--fm);font-size:.72rem}
.qm-mini-specs{font-family:var(--fm);font-size:.65rem;color:var(--tx3);margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.3rem}
.qm-mini-specs span{background:var(--bg3);border-radius:4px;padding:.1rem .4rem}
/* Quote form */
.qm-form{display:flex;flex-direction:column;gap:.75rem}
.qm-form-cols{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.qm-field{display:flex;flex-direction:column;gap:.3rem}
.qm-label{font-family:var(--fm);font-size:.72rem;font-weight:600;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em}
.req{color:var(--red)}
.qm-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;border-top:1px solid var(--border);flex-wrap:wrap}
.qm-footer-note{display:flex;align-items:center;gap:.4rem;font-family:var(--fm);font-size:.72rem;color:var(--green);font-weight:600}
.qm-footer-btns{display:flex;gap:.5rem;margin-left:auto}
.qm-result{border-radius:var(--r8);padding:.75rem 1rem;font-size:.82rem;margin-top:.5rem}
/* Mobile quote */
@media(max-width:640px){.qm-form-cols{grid-template-columns:1fr}.qm-footer{flex-direction:column;align-items:stretch}.qm-footer-btns{width:100%;justify-content:stretch}.qm-footer-btns .btn{flex:1}}

/* ── RESPONSIVE FIXES ── */
@media(max-width:900px){
  .shop-layout{grid-template-columns:1fr}
  .shop-sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:1001;background:var(--bg);overflow-y:auto;padding:1.25rem;transform:translateX(-105%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 40px rgba(0,0,0,.18)}
  .shop-sidebar.open{transform:translateX(0)}
  .stb-filter-toggle{display:flex}
  .sw-close-btn{display:block}
  .deals-hero-inner{grid-template-columns:1fr}
  .deals-hero-countdown-box{max-width:300px}
  .deals-spotlight-grid{grid-template-columns:1fr 1fr}
  .spotlight-hero{grid-column:1/-1}
  .deals-prod-grid{grid-template-columns:repeat(2,1fr)}
  .dbcta-inner{flex-direction:column;text-align:center}
  .dbcta-btns{justify-content:center}
}
@media(max-width:480px){
  .deals-prod-grid{grid-template-columns:1fr}
  .deals-spotlight-grid{grid-template-columns:1fr}
  .deals-filter-cats{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.35rem}
}

/* ══════════════════════════════════════════════════════════════════
   HOMEPAGE B2B BIG STORE DESIGN
══════════════════════════════════════════════════════════════════ */

/* ── CATEGORY TABS BAR ── */
.hp-category-tabs-bar{background:#fff;border-bottom:2px solid var(--border);position:sticky;top:var(--hh,72px);z-index:90;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.hctb-inner{display:flex;align-items:stretch;overflow-x:auto;gap:0;scrollbar-width:none}
.hctb-inner::-webkit-scrollbar{display:none}
.hctb-tab{display:flex;align-items:center;gap:.45rem;padding:.7rem 1.1rem;font-family:var(--fm);font-size:.78rem;font-weight:600;color:var(--tx2);text-decoration:none;border-bottom:2.5px solid transparent;transition:all .18s;white-space:nowrap;flex-shrink:0}
.hctb-tab:hover{color:var(--brand);border-bottom-color:var(--brand);background:rgba(0,87,255,.03)}
.hctb-tab-all{color:var(--tx1);font-weight:700;border-right:1px solid var(--border)}
.hctb-tab-deals{color:var(--red);font-weight:700;border-left:1px solid var(--border);margin-left:auto}
.hctb-tab-deals:hover{color:var(--red);border-bottom-color:var(--red);background:rgba(229,62,62,.04)}
.hctb-tab-img{width:18px;height:18px;border-radius:3px;object-fit:cover;flex-shrink:0}

/* ── SERVICES RIBBON ── */
.hp-services-ribbon{background:linear-gradient(135deg,#f8faff 0%,#eef4ff 100%);border-top:1px solid rgba(0,87,255,.1);border-bottom:1px solid rgba(0,87,255,.1);padding:.85rem 0}
.hsr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.hsr-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-right:1px solid rgba(0,87,255,.1)}
.hsr-item:last-child{border-right:none}
.hsr-icon{font-size:1.4rem;flex-shrink:0}
.hsr-title{font-family:var(--fd);font-size:.82rem;font-weight:700;color:var(--tx1)}
.hsr-sub{font-family:var(--fm);font-size:.65rem;color:var(--tx3)}

/* ── HOMEPAGE TOOLS ROW ── */
.hp-tools-row{padding:1.5rem 0;background:var(--bg)}
.hptr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.hptr-card{display:flex;align-items:center;gap:.85rem;background:#fff;border:1.5px solid var(--border);border-radius:var(--r12);padding:1.1rem 1.25rem;cursor:pointer;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}
.hptr-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .2s}
.hptr-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}
.hptr-bulk::before{background:linear-gradient(135deg,rgba(0,87,255,.05),transparent)}
.hptr-quote::before{background:linear-gradient(135deg,rgba(22,163,74,.05),transparent)}
.hptr-track::before{background:linear-gradient(135deg,rgba(251,146,60,.05),transparent)}
.hptr-deals::before{background:linear-gradient(135deg,rgba(229,62,62,.05),transparent)}
.hptr-card:hover::before{opacity:1}
.hptrc-icon{font-size:1.6rem;flex-shrink:0}
.hptrc-title{font-family:var(--fd);font-size:.88rem;font-weight:700;color:var(--tx1)}
.hptrc-sub{font-family:var(--fm);font-size:.68rem;color:var(--tx3);margin-top:.1rem}
.hptrc-arrow{margin-left:auto;color:var(--tx3);flex-shrink:0}

/* ── ENHANCED CATEGORY GRID ── */
.hp-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.hp-cat-grid .cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1.5px solid var(--border);border-radius:var(--r12);padding:1.25rem .85rem;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}
.hp-cat-grid .cat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;background:var(--brand);transform:scaleX(0);transition:transform .25s;transform-origin:left}
.hp-cat-grid .cat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:rgba(0,87,255,.2)}
.hp-cat-grid .cat-card:hover::after{transform:scaleX(1)}
.hp-cat-grid .cat-icon{width:52px;height:52px;border-radius:12px;background:rgba(0,87,255,.06);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.65rem;transition:background .2s}
.hp-cat-grid .cat-card:hover .cat-icon{background:rgba(0,87,255,.1)}
.hp-cat-grid .cat-img{width:48px;height:48px;object-fit:cover;border-radius:8px}
.hp-cat-grid .cat-name{font-family:var(--fd);font-size:.82rem;font-weight:700;color:var(--tx1);line-height:1.3;margin-bottom:.25rem}
.hp-cat-grid .cat-count{font-family:var(--fm);font-size:.62rem;color:var(--tx3)}

/* ── MOBILE RESPONSIVE HOMEPAGE ── */
@media(max-width:1100px){.hp-cat-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){
  .hp-category-tabs-bar{position:static}
  .hsr-grid{grid-template-columns:repeat(3,1fr)}
  .hsr-item:nth-child(n+4){border-top:1px solid rgba(0,87,255,.1)}
  .hptr-grid{grid-template-columns:repeat(2,1fr)}
  .hp-cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .hsr-grid{grid-template-columns:repeat(2,1fr)}
  .hptr-grid{grid-template-columns:1fr}
  .hp-cat-grid{grid-template-columns:repeat(2,1fr)}
  .hctb-tab{font-size:.72rem;padding:.6rem .8rem}
}

/* ═══════════════════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE — COMPLETE MODERN REDESIGN (v9)
   Inspired by B&H Photo / Arrow Electronics professional layout
═══════════════════════════════════════════════════════════════════ */

/* ── Page wrapper ── */
.sp-page-wrap{padding:0 0 4rem}
.sp-breadcrumb{padding:1.1rem 0 .65rem;font-family:var(--fm);font-size:.75rem;color:var(--tx3)}
.sp-breadcrumb a{color:var(--tx3);text-decoration:none}.sp-breadcrumb a:hover{color:var(--brand)}

/* ── Main 2-col layout ── */
.sp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;align-items:start;padding-bottom:2.5rem}

/* ━━━━━━━━ GALLERY ━━━━━━━━ */
.sp-gallery{position:sticky;top:calc(var(--hh,72px) + 1rem)}
.sp-img-main{position:relative;background:#fff;border:1.5px solid var(--border);border-radius:20px;overflow:hidden;aspect-ratio:1/1;cursor:zoom-in;transition:box-shadow .2s}
.sp-img-main:hover{box-shadow:0 8px 40px rgba(0,87,255,.12)}
.sp-main-photo{width:100%;height:100%;object-fit:contain;padding:1.5rem;display:block;transition:opacity .15s;will-change:opacity}
/* Badges on main image */
.sp-img-badges{position:absolute;top:.85rem;left:.85rem;display:flex;flex-direction:column;gap:.35rem;z-index:2;pointer-events:none}
.spb{display:inline-block;font-family:var(--fm);font-size:.65rem;font-weight:800;padding:.25rem .65rem;border-radius:20px;letter-spacing:.03em;text-transform:uppercase}
.spb-sale{background:#ef4444;color:#fff}
.spb-hot{background:#f59e0b;color:#000}
.spb-oos{background:#6b7280;color:#fff}
/* Tool buttons on image */
.sp-img-tools{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.4rem;z-index:2}
.sp-tool-btn{width:36px;height:36px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:all .15s;box-shadow:0 1px 6px rgba(0,0,0,.1);text-decoration:none}
.sp-tool-btn:hover{background:#fff;color:var(--brand);border-color:var(--brand);box-shadow:0 2px 12px rgba(0,87,255,.2)}

/* ── Thumbnails ── */
.sp-thumbs{display:flex;gap:.55rem;margin-top:.85rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;flex-wrap:wrap}
.sp-thumbs::-webkit-scrollbar{display:none}
.sp-thumb{width:72px;height:72px;border:2px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;transition:all .18s;position:relative}
.sp-thumb img{width:100%;height:100%;object-fit:contain;padding:5px;display:block}
.sp-thumb:hover{border-color:rgba(0,87,255,.4);box-shadow:0 0 0 2px rgba(0,87,255,.15)}
.sp-thumb.active{border-color:var(--brand);box-shadow:0 0 0 2px rgba(0,87,255,.2)}
.sp-thumb-vid{background:#111;color:#fff;font-size:.7rem}
.sp-thumb-play{color:#fff;font-size:1.4rem;line-height:1}

/* ━━━━━━━━ INFO COLUMN ━━━━━━━━ */
.sp-brand{font-family:var(--fm);font-size:.7rem;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem}
.sp-title{font-family:var(--fd);font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:800;color:var(--tx1);line-height:1.25;margin:0 0 .7rem}
/* Meta row */
.sp-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem;font-family:var(--fm);font-size:.75rem}
.sp-meta-row .star-rating{font-size:13px}
.sp-rev-count{color:var(--brand);text-decoration:none;font-size:.72rem}
.sp-rev-count:hover{text-decoration:underline}
.sp-meta-sep{color:var(--border);user-select:none}
.sp-sku{color:var(--tx3)}
.sp-stock-badge{padding:.2rem .65rem;border-radius:20px;font-weight:700;font-size:.65rem}
.sp-stock-badge.stk-in{background:rgba(22,163,74,.1);color:#15803d}
.sp-stock-badge.stk-low{background:rgba(251,146,60,.1);color:#c2410c}
.sp-stock-badge.stk-out{background:rgba(239,68,68,.1);color:#dc2626}
/* Short desc */
.sp-short-desc{font-size:.88rem;color:var(--tx2);line-height:1.65;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.sp-short-desc p{margin:.3rem 0}

/* ── Price box ── */
.sp-price-box{background:linear-gradient(135deg,#f8faff,#fff);border:1.5px solid rgba(0,87,255,.1);border-radius:16px;padding:1.1rem 1.25rem;margin-bottom:1.1rem}
.sp-price-main{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;margin-bottom:.4rem}
.sp-price-current{font-family:var(--fd);font-size:2rem;font-weight:900;color:var(--brand)}
.sp-price-was{font-family:var(--fm);font-size:.88rem;color:var(--tx3);text-decoration:line-through}
.sp-price-save{font-family:var(--fm);font-size:.72rem;font-weight:700;background:rgba(22,163,74,.12);color:#15803d;padding:.2rem .55rem;border-radius:20px}
.sp-b2b-price{margin-top:.4rem}
.sp-b2b-badge{font-family:var(--fm);font-size:.75rem;background:rgba(245,158,11,.1);color:#b45309;border-radius:6px;padding:.2rem .6rem;display:inline-block}
/* Volume tiers */
.sp-vol-tiers{margin-top:.85rem}
.sp-vol-tiers summary{font-family:var(--fm);font-size:.75rem;color:var(--brand);cursor:pointer;user-select:none;font-weight:600}
.sp-tier-grid{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.sp-tier-card{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:.55rem .75rem;text-align:center;min-width:80px;transition:all .15s}
.sp-tier-best{border-color:var(--brand);background:rgba(0,87,255,.04)}
.sp-tier-qty{font-family:var(--fm);font-size:.62rem;color:var(--tx3);text-transform:uppercase;margin-bottom:.2rem}
.sp-tier-price{font-family:var(--fd);font-size:.9rem;font-weight:800;color:var(--tx1)}
.sp-tier-off{font-family:var(--fm);font-size:.62rem;color:#15803d;font-weight:700}
.sp-tier-lbl{font-family:var(--fm);font-size:.58rem;background:var(--brand);color:#fff;border-radius:4px;padding:.1rem .3rem;margin-top:.2rem}

/* ── Stock ticker ── */
.sp-stock-ticker{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem}
.sp-stk-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.45rem;flex-wrap:wrap;font-family:var(--fm);font-size:.72rem}
.sp-stk-qty{color:var(--tx2);font-weight:600}
.sp-stk-warn{color:#c2410c;font-weight:700;background:rgba(251,146,60,.1);padding:.1rem .45rem;border-radius:4px}
.sp-stk-live{display:flex;align-items:center;gap:.35rem;color:var(--tx3);margin-left:auto}
.sp-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:livePulse 2s ease infinite;flex-shrink:0}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}
.sp-stk-bar{height:5px;background:var(--bg3);border-radius:10px;overflow:hidden;margin-bottom:.35rem}
.sp-stk-fill{height:100%;background:linear-gradient(90deg,var(--brand),#3b82f6);border-radius:10px}
.sp-stk-sold{font-family:var(--fm);font-size:.62rem;color:var(--tx3)}

/* ── Buy section ── */
.sp-buy-section{margin-bottom:1rem}
.sp-qty-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}
.sp-qty-lbl{font-family:var(--fm);font-size:.75rem;font-weight:700;color:var(--tx2)}
.sp-qty-ctrl{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}
.sp-qty-btn{width:38px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--tx2);transition:all .15s;display:flex;align-items:center;justify-content:center}
.sp-qty-btn:hover{background:var(--bg2);color:var(--brand)}
.sp-qty-inp{width:56px;border:none;text-align:center;font-family:var(--fd);font-size:.95rem;font-weight:700;outline:none;border-left:1px solid var(--border);border-right:1px solid var(--border)}
.sp-moq-note{font-family:var(--fm);font-size:.65rem;color:var(--amber);background:rgba(245,158,11,.1);padding:.2rem .55rem;border-radius:6px}
/* Buy buttons */
.sp-buy-btns{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:.65rem}
.sp-add-cart-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;flex:1;min-width:0;padding:.88rem 1.4rem;font-size:.95rem;font-weight:700;border-radius:12px}
.sp-notify-btn{display:flex;align-items:center;gap:.5rem;flex:1;padding:.85rem 1.2rem;background:var(--bg2);border:1.5px solid var(--border);border-radius:12px;font-family:var(--fm);font-size:.85rem;font-weight:600;color:var(--tx2);cursor:pointer;justify-content:center;transition:all .18s}
.sp-notify-btn:hover{border-color:var(--brand);color:var(--brand)}
.sp-icon-btn{width:48px;height:48px;background:#fff;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:all .18s;flex-shrink:0}
.sp-icon-btn:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 2px 12px rgba(0,87,255,.12)}
.sp-wl-active{border-color:#ef4444!important;color:#ef4444!important;background:rgba(239,68,68,.05)!important}
.sp-cart-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}
/* Utility row */
.sp-util-row{display:flex;gap:.5rem;flex-wrap:wrap}
.sp-util-btn{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:.38rem 1rem;font-family:var(--fm);font-size:.72rem;font-weight:600;color:var(--tx2);cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}
.sp-util-btn:hover{border-color:var(--brand);color:var(--brand);background:rgba(0,87,255,.04)}
.sp-quote-btn:hover{border-color:#16a34a;color:#16a34a}

/* ── Fast facts ── */
.sp-facts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.85rem 0;padding:.85rem;background:var(--bg2);border-radius:12px;border:1px solid var(--border)}
.sp-fact{display:flex;align-items:flex-start;gap:.55rem}
.sp-fact-ico{font-size:1rem;flex-shrink:0;margin-top:.05rem}
.sp-fact-lbl{font-family:var(--fm);font-size:.6rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.1rem}
.sp-fact-val{font-family:var(--fm);font-size:.78rem;font-weight:600;color:var(--tx1)}

/* ── Trust strip ── */
.sp-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap;padding:.65rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:.85rem}
.sp-trust-item{display:flex;align-items:center;gap:.3rem;font-family:var(--fm);font-size:.68rem;color:var(--tx3)}
.sp-trust-item span{font-size:.85rem}

/* ━━━━━━━━ TABS ━━━━━━━━ */
.sp-tabs-section{border-top:1.5px solid var(--border);margin-top:1rem}
.sp-tabs-nav{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1.5px solid var(--border);background:#fff}
.sp-tabs-nav::-webkit-scrollbar{display:none}
.sp-tab{padding:.85rem 1.25rem;background:none;border:none;border-bottom:2.5px solid transparent;font-family:var(--fm);font-size:.82rem;font-weight:600;color:var(--tx3);cursor:pointer;white-space:nowrap;transition:all .18s;position:relative;top:1.5px}
.sp-tab:hover{color:var(--brand)}
.sp-tab.active{color:var(--brand);border-bottom-color:var(--brand)}
.sp-tab-panels{padding:1.75rem 0}
.sp-tab-panel{display:none}.sp-tab-panel.active{display:block}
.sp-desc-content{max-width:800px;font-size:.92rem;line-height:1.85;color:var(--tx2)}
.sp-desc-content h2,.sp-desc-content h3{font-family:var(--fd);color:var(--tx1);margin:1.5rem 0 .65rem}
.sp-desc-content ul{padding-left:1.4rem;margin:.5rem 0}
.sp-desc-content li{margin:.3rem 0;color:var(--tx2)}
/* Spec table */
.sp-spec-table{width:100%;border-collapse:collapse;max-width:700px;font-family:var(--fm);font-size:.84rem}
.sp-spec-table tr{border-bottom:1px solid var(--border)}
.sp-spec-table tr:nth-child(even){background:var(--bg2)}
.sp-spec-table th{padding:.65rem 1rem;text-align:left;color:var(--tx2);font-weight:600;white-space:nowrap;width:38%;background:var(--bg2);border-right:1px solid var(--border)}
.sp-spec-table td{padding:.65rem 1rem;color:var(--tx1)}
.sp-no-specs{color:var(--tx3);font-style:italic;padding:1rem}
/* Shipping grid */
.sp-ship-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;max-width:700px}
.sp-ship-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:1.25rem}
.sp-ship-ico{font-size:1.6rem;display:block;margin-bottom:.5rem}
.sp-ship-card strong{font-family:var(--fd);font-size:.9rem;color:var(--tx1);display:block;margin-bottom:.3rem}
.sp-ship-card p{font-size:.82rem;color:var(--tx3);line-height:1.55;margin:0}
/* Doc card */
.sp-doc-card{display:flex;align-items:center;gap:1rem;background:var(--bg2);border:1.5px solid var(--border);border-radius:14px;padding:1rem 1.25rem;text-decoration:none;max-width:480px;transition:all .18s}
.sp-doc-card:hover{border-color:var(--brand);box-shadow:var(--sh-md)}
.sp-doc-name{font-weight:700;font-size:.9rem;color:var(--tx1);margin-bottom:.2rem}
.sp-doc-type{font-family:var(--fm);font-size:.65rem;color:var(--tx3)}
.sp-doc-card svg:last-child{color:var(--brand);margin-left:auto;flex-shrink:0}

/* ━━━━━━━━ RELATED ━━━━━━━━ */
.sp-related{padding:2rem 0 1rem}
.sp-related-title{font-family:var(--fd);font-size:1.3rem;font-weight:800;margin:0 0 1.25rem;color:var(--tx1)}
.sp-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.sp-rel-card{text-decoration:none;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;transition:all .2s;display:block}
.sp-rel-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px);border-color:rgba(0,87,255,.2)}
.sp-rel-img{aspect-ratio:1;overflow:hidden;background:var(--bg2)}
.sp-rel-img img{width:100%;height:100%;object-fit:contain;padding:.75rem;transition:transform .3s}
.sp-rel-card:hover .sp-rel-img img{transform:scale(1.05)}
.sp-rel-body{padding:.75rem .85rem .85rem}
.sp-rel-badge{font-family:var(--fm);font-size:.6rem;font-weight:700;background:#ef4444;color:#fff;border-radius:20px;padding:.1rem .4rem;display:inline-block;margin-bottom:.2rem}
.sp-rel-name{font-size:.8rem;font-weight:600;color:var(--tx1);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem}
.sp-rel-price{font-family:var(--fd);font-size:.95rem;font-weight:800;color:var(--brand);margin-bottom:.2rem}
.sp-rel-stk{font-family:var(--fm);font-size:.62rem;font-weight:600}

/* ━━━━━━━━ QUOTE MODAL ━━━━━━━━ */
.sp-modal-overlay{position:fixed;inset:0;background:rgba(13,27,62,.65);z-index:8000;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(6px)}
.sp-modal-box{background:#fff;border-radius:20px;width:100%;max-width:640px;max-height:92vh;overflow-y:auto;box-shadow:0 32px 80px rgba(0,0,0,.3)}
.sp-modal-hd{display:flex;align-items:flex-start;gap:.85rem;padding:1.4rem 1.65rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(0,87,255,.04),rgba(0,87,255,.01));border-radius:20px 20px 0 0}
.sp-modal-hd-icon{font-size:1.75rem;flex-shrink:0}
.sp-modal-title{font-family:var(--fd);font-size:1.15rem;font-weight:800;margin:0 0 .2rem;color:var(--tx1)}
.sp-modal-sub{font-family:var(--fm);font-size:.75rem;color:var(--tx3);margin:0}
.sp-modal-close{background:none;border:1.5px solid var(--border);border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--tx3);display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;font-size:1rem;transition:all .15s}
.sp-modal-close:hover{border-color:#ef4444;color:#ef4444}
/* Product card in quote */
.sp-qm-product{display:flex;gap:.85rem;margin:1.25rem 1.65rem;padding:1rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px;align-items:flex-start}
.sp-qm-product-img{width:70px;height:70px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--border);flex-shrink:0}
.sp-qm-product-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.sp-qm-name{font-weight:700;font-size:.9rem;color:var(--tx1);margin-bottom:.35rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-qm-meta{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.35rem}
.sp-qm-badge{font-family:var(--fm);font-size:.6rem;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;color:var(--tx3)}
.sp-qm-badge-brand{color:var(--brand);border-color:rgba(0,87,255,.2);background:rgba(0,87,255,.05)}
.sp-qm-price{font-family:var(--fd);font-size:1rem;font-weight:800;color:var(--brand);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.sp-qm-save{font-family:var(--fm);font-size:.65rem;font-weight:700;color:#16a34a;background:rgba(22,163,74,.1);padding:.1rem .4rem;border-radius:4px}
.sp-qm-specs{font-family:var(--fm);font-size:.62rem;color:var(--tx3);margin-top:.25rem}
/* Form */
.sp-qm-form{padding:0 1.65rem 1.65rem}
.sp-qm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.65rem}
.sp-qm-field{display:flex;flex-direction:column;gap:.3rem}
.sp-qm-field label{font-family:var(--fm);font-size:.68rem;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.05em}
.sp-qm-field-full{grid-column:1/-1}
.req{color:#ef4444}
.sp-qm-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;border-top:1px solid var(--border);flex-wrap:wrap}
.sp-qm-note{display:flex;align-items:center;gap:.35rem;font-family:var(--fm);font-size:.7rem;color:#16a34a;font-weight:600}
.sp-qm-btns{display:flex;gap:.5rem;margin-left:auto}
.sp-qm-result{border-radius:8px;padding:.75rem 1rem;font-family:var(--fm);font-size:.8rem;margin-top:.5rem}
.sp-qm-result-ok{background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2);color:#16a34a}
.sp-qm-result-err{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#dc2626}

/* ━━━━━━━━ LIGHTBOX ━━━━━━━━ */
.sp-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9000;flex-direction:column;align-items:center;justify-content:center}
.sp-lb-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.2rem;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .15s}
.sp-lb-close:hover{background:rgba(255,255,255,.2)}
.sp-lb-prev,.sp-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;width:52px;height:52px;border-radius:50%;font-size:1.8rem;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .15s}
.sp-lb-prev{left:1rem}.sp-lb-next{right:1rem}
.sp-lb-prev:hover,.sp-lb-next:hover{background:rgba(255,255,255,.18)}
.sp-lb-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:3.5rem 5rem;position:relative}
.sp-lb-photo{max-width:90vw;max-height:72vh;object-fit:contain;border-radius:8px;transition:opacity .18s}
.sp-lb-loader{position:absolute;width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}
.sp-lb-thumbs{display:flex;gap:.4rem;padding:.6rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;flex-shrink:0}
.sp-lbt{width:56px;height:56px;border:2px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;cursor:pointer;background:rgba(0,0,0,.4);flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s}
.sp-lbt:hover,.sp-lbt.active{border-color:#fff}
.sp-lbt img{width:100%;height:100%;object-fit:contain;padding:3px}
.sp-lb-counter{position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);font-family:var(--fm);font-size:.72rem;color:rgba(255,255,255,.5);background:rgba(0,0,0,.4);padding:.2rem .75rem;border-radius:20px}

/* ── Print styles ── */
@media print{
  .sp-page-wrap .site-topbar,.sp-page-wrap .site-header,.site-footer,
  .sp-img-tools,.sp-thumbs,.sp-buy-section,.sp-util-row,.sp-trust-strip,
  .sp-tabs-nav button:not(.active),.sp-related,.sp-stock-ticker,
  .sp-lightbox,.sp-quote-modal,#sp-quote-modal{display:none!important}
  .sp-layout{grid-template-columns:1fr 2fr!important}
  .sp-img-main{border:1px solid #ccc;aspect-ratio:auto}
  .sp-price-current{color:#000!important;font-size:16pt}
  .sp-title{font-size:14pt}
}

/* ── Responsive ── */
@media(max-width:1024px){
  .sp-layout{gap:2rem}
  .sp-related-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .sp-layout{grid-template-columns:1fr}
  .sp-gallery{position:static}
  .sp-related-grid{grid-template-columns:repeat(2,1fr)}
  .sp-ship-grid{grid-template-columns:1fr}
  .sp-qm-grid{grid-template-columns:1fr}
  .sp-buy-btns{flex-wrap:wrap}
  .sp-add-cart-btn{width:100%}
  .sp-lb-main{padding:3rem 3.5rem}
}
@media(max-width:480px){
  .sp-title{font-size:1.3rem}
  .sp-price-current{font-size:1.6rem}
  .sp-related-grid{grid-template-columns:repeat(2,1fr)}
  .sp-lb-prev{left:.25rem}.sp-lb-next{right:.25rem}
}