/*!
 * DreamTheme main stylesheet
 * Tokens on :root are overridden by Theme Options (inline CSS printed after this file).
 */
/* Layout: WoodMart-style electronics storefront — topbar, 3-row header, mega menu, slider + side banners, tabbed carousels, deals with countdown, side cart, popup checkout, live Theme Settings panel. */
:root{
  --pri:#2b6fd6; --pri-ink:#ffffff; --sale:#e9473b; --hot:#f2a100; --ok:#2f9e5b;
  --bg:#ffffff; --surface:#ffffff; --soft:#f4f4f4; --ink:#242424; --ink-2:#767676; --line:#e6e6e6;
  --top:#1d2433; --top-ink:#c9d1e0; --foot:#141a26; --foot-ink:#a6afc0; --overlay:rgba(14,18,28,.55);
  --shadow:0 10px 30px rgba(20,30,50,.12);
  --sh-card:0 1px 2px rgba(17,24,39,.04),0 6px 16px -6px rgba(17,24,39,.08),0 22px 40px -18px rgba(17,24,39,.14);
  --sh-btn:0 1px 2px rgba(17,24,39,.06),0 4px 12px -3px rgba(17,24,39,.12);
  --sh-pop:0 2px 6px rgba(17,24,39,.05),0 18px 44px -12px rgba(17,24,39,.22);
  --rad:6px; --cols:5; --dt-gap:20px;
  --font-h:"Poppins","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-b:"Lato","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#12151c; --surface:#1a1e27; --soft:#161a22; --ink:#eceef2; --ink-2:#9aa3b2; --line:#2a303c;
  --top:#0b0e14; --top-ink:#9aa3b2; --foot:#0b0e14; --foot-ink:#8d96a6; --overlay:rgba(0,0,0,.65);
  --shadow:0 10px 30px rgba(0,0,0,.45); --sh-card:0 1px 2px rgba(0,0,0,.35),0 14px 32px -10px rgba(0,0,0,.6); --sh-btn:0 1px 2px rgba(0,0,0,.4),0 4px 12px -3px rgba(0,0,0,.5); --sh-pop:0 2px 6px rgba(0,0,0,.4),0 18px 44px -12px rgba(0,0,0,.7); color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#12151c; --surface:#1a1e27; --soft:#161a22; --ink:#eceef2; --ink-2:#9aa3b2; --line:#2a303c;
  --top:#0b0e14; --top-ink:#9aa3b2; --foot:#0b0e14; --foot-ink:#8d96a6; --overlay:rgba(0,0,0,.65);
  --shadow:0 10px 30px rgba(0,0,0,.45); --sh-card:0 1px 2px rgba(0,0,0,.35),0 14px 32px -10px rgba(0,0,0,.6); --sh-btn:0 1px 2px rgba(0,0,0,.4),0 4px 12px -3px rgba(0,0,0,.5); --sh-pop:0 2px 6px rgba(0,0,0,.4),0 18px 44px -12px rgba(0,0,0,.7); color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-b);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
input,select,textarea{font:inherit;color:var(--ink)}
h1,h2,h3,h4{font-family:var(--font-h);margin:0;line-height:1.2;text-wrap:balance}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.wrap{max-width:1320px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pri);color:var(--pri-ink);font-family:var(--font-h);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em;padding:12px 22px;border-radius:var(--rad);transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(.92)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn.dark{background:var(--ink);color:var(--bg)}
.btn.block{width:100%}
.price{font-family:var(--font-h);font-weight:600;color:var(--pri);font-variant-numeric:tabular-nums}
.price del{color:var(--ink-2);font-weight:400;font-size:.88em;margin-right:6px}
.price ins{text-decoration:none}

/* Top bar */
.topbar{background:var(--top);color:var(--top-ink);font-size:12px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;flex-wrap:wrap}
.topbar nav{display:flex;gap:18px}
.topbar a:hover{color:var(--top-strong,#fff)}
.topbar strong{color:var(--top-strong,#fff);letter-spacing:.04em}
body.no-topbar .topbar{display:none}

/* Header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
.site-head{background:var(--bg);z-index:50;position:relative}
body.sticky .site-head{position:sticky;top:env(safe-area-inset-top,0px)}
body.sticky.scrolled .site-head{box-shadow:var(--shadow)}
.hmain .wrap{display:flex;align-items:center;gap:28px;min-height:88px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:700;font-size:24px;letter-spacing:-.02em;white-space:nowrap}
.logo-mark{width:38px;height:38px;border-radius:10px;background:var(--pri);color:var(--pri-ink);display:grid;place-items:center;font-size:18px}
.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-top:-2px}
.hsearch{flex:1;display:flex;position:relative;max-width:640px;border:2px solid var(--pri);border-radius:var(--rad);background:var(--surface)}
.scat{position:relative;display:flex;align-items:stretch}
.scat::after{content:"";position:absolute;right:0;top:10px;bottom:10px;width:1px;background:var(--line)}
.scat-btn{display:flex;align-items:center;gap:10px;padding:0 16px 0 18px;min-width:178px;justify-content:space-between;border-radius:var(--rad) 0 0 var(--rad);transition:background .2s}
.scat-btn:hover,.scat-btn[aria-expanded="true"]{background:var(--soft)}
.scat-l{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.scat-l small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.scat-l span{font-size:13px;font-weight:700;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.scat-btn svg.i{width:16px;height:16px;color:var(--ink-2);transition:transform .25s}
.scat-btn[aria-expanded="true"] svg.i{transform:rotate(180deg);color:var(--pri)}
.scat-menu{position:absolute;top:calc(100% + 12px);left:-2px;width:300px;max-height:420px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-pop);padding:8px;z-index:75;animation:pop .2s cubic-bezier(.2,.7,.2,1)}
.scat-menu::before{content:"";position:absolute}
@keyframes pop{from{opacity:0;transform:translateY(-6px)}}
.scat-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:600;text-align:left;transition:background .15s}
.scat-menu button:hover,.scat-menu button:focus-visible{background:var(--soft);outline:none}
.scat-menu .ic{width:34px;height:34px;border-radius:9px;background:var(--soft);display:grid;place-items:center;color:var(--pri);flex:none;transition:.2s}
.scat-menu .ic svg.i{width:18px;height:18px}
.scat-menu button:hover .ic{background:var(--surface)}
.scat-menu button.on .ic{background:var(--pri);color:var(--pri-ink)}
.scat-menu .n{margin-left:auto;color:var(--ink-2);font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}
.scat-menu .ck{width:16px;height:16px;color:var(--pri);visibility:hidden}
.scat-menu button.on .ck{visibility:visible}
.scat-menu hr{border:0;height:1px;background:var(--line);margin:6px 4px}
.hsearch input{flex:1;border:0;background:transparent;padding:12px 14px;min-width:0;outline:none}
.hsearch>button{background:var(--pri);color:var(--pri-ink);padding:0 20px;display:grid;place-items:center;border-radius:0 calc(var(--rad) - 2px) calc(var(--rad) - 2px) 0;transition:filter .2s}
.hsearch>button:hover{filter:brightness(.92)}
.sresults{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);box-shadow:var(--shadow);border-radius:var(--rad);z-index:70;overflow:hidden}
.sresults a{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.sresults a:hover{background:var(--soft)}
.sresults img{width:44px;height:50px;object-fit:cover;border-radius:4px}
.sresults .nm{font-weight:700;font-size:13px}
.sresults .empty{padding:14px;color:var(--ink-2)}
.sresults .sall{display:block;width:100%;padding:11px;font-weight:700;font-size:13px;color:var(--pri);text-align:center}
.sresults .sall:hover{background:var(--soft)}
.hicons{display:flex;align-items:center;gap:22px;margin-left:auto}
.hicon{position:relative;display:flex;align-items:center;gap:8px;font-size:13px}
.hicon svg.i{width:24px;height:24px}
.hicon .cnt{position:absolute;top:-7px;left:14px;background:var(--pri);color:var(--pri-ink);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.hicon .lbl{line-height:1.2;margin-left:6px}
.hicon .lbl small{display:block;color:var(--ink-2);font-size:11px}
.hicon .cnt{box-shadow:0 0 0 2px var(--bg)}
.cartbtn{display:flex;align-items:center;gap:12px;padding:5px 18px 5px 5px;border-radius:999px;background:var(--soft);border:1px solid var(--line);transition:background .25s,border-color .25s,box-shadow .25s}
.cartbtn:hover{background:var(--surface);border-color:var(--pri);box-shadow:0 8px 22px -10px var(--pri)}
.cb-ic{position:relative;width:42px;height:42px;border-radius:50%;background:var(--pri);color:var(--pri-ink);display:grid;place-items:center;box-shadow:0 6px 14px -6px var(--pri)}
.cb-ic svg.i{width:20px;height:20px}
.cb-cnt{position:absolute;top:-4px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--sale);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg);font-variant-numeric:tabular-nums}
.cb-txt{display:flex;flex-direction:column;line-height:1.2;text-align:left}
.cb-txt small{font-size:10px;color:var(--ink-2);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cb-txt b{font-family:var(--font-h);font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.cartbtn.bump .cb-ic{animation:bump .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes bump{40%{transform:scale(1.18)}}
.mtoggle{display:none}
.hnav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hnav .wrap{display:flex;align-items:center;gap:26px;min-height:52px}
.catbtn{position:relative;align-self:stretch;display:flex}
.catbtn>button{display:flex;align-items:center;gap:10px;background:var(--pri);color:var(--pri-ink);font-family:var(--font-h);font-weight:600;font-size:13px;text-transform:uppercase;padding:0 20px;min-width:250px}
.catbtn>button .chev{margin-left:auto}
.mega{position:absolute;top:100%;left:0;width:250px;background:var(--surface);box-shadow:var(--shadow);border-radius:0 0 var(--rad) var(--rad);z-index:80;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.catbtn:hover .mega,.catbtn:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega>ul{list-style:none;margin:0;padding:8px 0}
.mega>ul>li>a{display:flex;align-items:center;gap:12px;padding:10px 18px;font-weight:700;font-size:13px}
.mega>ul>li>a .chev{margin-left:auto;width:14px;height:14px;color:var(--ink-2)}
.mega>ul>li:hover>a{color:var(--pri);background:var(--soft)}
.mega .sub{position:absolute;left:100%;top:0;min-height:100%;width:640px;background:var(--surface);box-shadow:var(--shadow);padding:22px 26px;display:none;grid-template-columns:1fr 1fr 220px;gap:24px;border-radius:0 var(--rad) var(--rad) 0}
.mega li:hover>.sub{display:grid}
.sub h4{font-size:13px;text-transform:uppercase;margin-bottom:10px}
.sub ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px;color:var(--ink-2)}
.sub ul a:hover{color:var(--pri)}
.sub .promo{border-radius:var(--rad);padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;background:linear-gradient(160deg,#28344d,#121826)}
.sub .promo img{width:120px;align-self:flex-end}
.sub .promo b{font-family:var(--font-h);font-size:18px}
.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-family:var(--font-h);font-weight:600;font-size:13px;text-transform:uppercase}
.menu a{display:flex;align-items:center;gap:6px}
.menu a:hover,.menu a.on{color:var(--pri)}
.menu .mtag{font-size:9px;background:var(--sale);color:#fff;padding:2px 5px;border-radius:3px;letter-spacing:.04em}
.hotline{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-2)}
.hotline b{display:block;color:var(--ink);font-family:var(--font-h);font-size:15px}
/* Header layout variants */
body.hdr-center .hmain .wrap{display:grid;grid-template-columns:1fr auto 1fr}
body.hdr-center .hsearch{max-width:420px;grid-column:1;grid-row:1}
body.hdr-center .hmain .logo{grid-column:2;grid-row:1;justify-content:center}
body.hdr-center .hicons{grid-column:3;grid-row:1}
body.hdr-simple .hsearch{display:none}
body.hdr-simple .hmain .wrap{min-height:72px}

/* Hero */
.hero{padding-block:24px}
.hero .wrap{display:grid;grid-template-columns:2fr 1fr;gap:var(--dt-gap)}
.slider{position:relative;border-radius:var(--rad);overflow:hidden;min-height:440px;background:#0f1a2e}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:40px 56px;opacity:0;transition:opacity .7s;color:#fff}
.slide.on{opacity:1;z-index:1}
.slide .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.slide h2{font-size:clamp(28px,4vw,48px);margin:12px 0 14px;font-weight:700}
.slide p{opacity:.85;max-width:38ch;margin:0 0 22px}
.slide .from{display:block;font-size:13px;opacity:.75;margin-bottom:14px}
.slide .from b{font-family:var(--font-h);font-size:24px;opacity:1;color:#fff}
.slide img{width:100%;max-width:340px;justify-self:center;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.slide .btn{background:#fff;color:#111}
.dots{position:absolute;bottom:20px;left:56px;display:flex;gap:8px;z-index:3}
.dots button{width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,.4);transition:width .3s}
.dots button.on{width:28px;background:#fff}
.sarrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;opacity:0;transition:.2s}
.slider:hover .sarrow{opacity:1}
.sarrow.l{left:14px}.sarrow.r{right:14px}
.sidebanners{display:grid;gap:var(--dt-gap)}
.banner{position:relative;border-radius:var(--rad);overflow:hidden;padding:26px;display:flex;flex-direction:column;justify-content:center;min-height:210px;color:#fff;isolation:isolate}
.banner img{position:absolute;right:-6px;bottom:-6px;width:52%;max-width:200px;z-index:-1;transition:transform .5s}
.banner:hover img{transform:scale(1.06)}
.banner small{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.banner h3{font-size:22px;margin:6px 0 10px;max-width:12ch}
.banner .lnk{font-family:var(--font-h);font-weight:600;font-size:12px;text-transform:uppercase;border-bottom:2px solid currentColor;align-self:flex-start;padding-bottom:2px}
.b-blue{background:linear-gradient(135deg,#3a7bd5,#1d4fa0)}
.b-sun{background:linear-gradient(135deg,#ffb347,#f37335)}
.b-mint{background:linear-gradient(135deg,#2bc0a0,#147a6a)}
.b-ink{background:linear-gradient(135deg,#2c3446,#141922)}
.b-rose{background:linear-gradient(135deg,#ff6a88,#c2185b)}
.b-violet{background:linear-gradient(135deg,#7f53ff,#3d2a9c)}

/* Services */
.services .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--dt-gap);padding-block:8px 28px}
.svc{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--rad);background:var(--surface)}
.svc svg.i{width:34px;height:34px;color:var(--pri);stroke-width:1.5}
.svc b{display:block;font-family:var(--font-h);font-size:14px}
.svc span{color:var(--ink-2);font-size:12px}

/* Sections */
section.blk{padding-block:26px}
section.soft{background:var(--soft)}
.shead{display:flex;align-items:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}
.shead h2{font-size:24px;font-weight:700}
.shead .more{margin-left:auto;font-family:var(--font-h);font-weight:600;font-size:12px;text-transform:uppercase;display:flex;align-items:center;gap:4px;color:var(--ink-2)}
.shead .more:hover{color:var(--pri)}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{font-family:var(--font-h);font-weight:600;font-size:13px;padding:7px 14px;border-radius:30px;color:var(--ink-2)}
.tabs button.on{background:var(--pri);color:var(--pri-ink)}
.arrows{display:flex;gap:6px}
.arrows button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:var(--surface)}
.arrows button:hover{border-color:var(--pri);color:var(--pri)}
.arrows svg.i{width:16px;height:16px}

/* Categories */
.cats{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--dt-gap)}
.cat{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:20px 8px;border-radius:var(--rad);background:var(--surface);border:1px solid var(--line);transition:.25s}
.cat:hover{border-color:var(--pri);transform:translateY(-3px)}
.cat .ic{width:66px;height:66px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--pri)}
.cat .ic svg.i{width:30px;height:30px;stroke-width:1.5}
.cat b{font-family:var(--font-h);font-size:13px}
.cat span{font-size:11px;color:var(--ink-2);margin-top:-8px}

/* Product card */
.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--dt-gap)}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols) - 1) * var(--dt-gap)) / var(--cols));gap:var(--dt-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.track::-webkit-scrollbar{display:none}
.track>*{scroll-snap-align:start}
.card{position:relative;background:var(--surface);border:1px solid transparent;border-radius:calc(var(--rad) + 4px);padding:12px 12px 16px;display:flex;flex-direction:column;transition:box-shadow .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s;min-width:0}
.card:hover{box-shadow:var(--sh-card);border-color:var(--line);transform:translateY(-3px);z-index:2}
section.soft .card{border-color:transparent}
.card:hover .img img.b{transform:scale(1.04)}
.card .img{position:relative;display:block;aspect-ratio:var(--ratio,300/340);border-radius:var(--rad);overflow:hidden;background:var(--soft)}
.card .img-link{position:absolute;inset:0}
.card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.card .img img.b{opacity:0}
.card:hover .img img.b{opacity:1}
.card:hover .img img.a{opacity:0}
.badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:2}
.badge{font-family:var(--font-h);font-size:11px;font-weight:600;color:#fff;padding:3px 8px;border-radius:calc(var(--rad) / 2 + 2px);text-transform:uppercase;letter-spacing:.03em}
.badge.sale{background:var(--sale)}
.badge.hot{background:var(--hot)}
.badge.new{background:var(--ok)}
.acts{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.acts button{width:38px;height:38px;border-radius:50%;background:var(--surface);color:var(--ink);display:grid;place-items:center;box-shadow:var(--sh-btn);transition:transform .3s,opacity .3s,background .2s,color .2s}
.acts button:hover{background:var(--pri);color:var(--pri-ink)}
.acts button.on{color:var(--sale)}
.acts button.on:hover{color:var(--pri-ink)}
.acts button.on svg.i{fill:currentColor}
.acts svg.i{width:17px;height:17px}
.card .body{display:flex;flex-direction:column;gap:5px;padding-top:12px;flex:1}
.card .cat-l{font-size:12px;color:var(--ink-2)}
.card h3{font-family:var(--font-h);font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card h3 a:hover{color:var(--pri)}
.stars{display:flex;align-items:center;gap:2px;color:var(--hot);font-size:12px}
.stars svg{width:13px;height:13px;fill:currentColor}
.stars svg.off{fill:var(--line)}
.stars span{color:var(--ink-2);margin-left:4px}
.sw{display:flex;gap:6px}
.sw button{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);outline-offset:2px}
.sw button.on{outline:2px solid var(--ink)}
.card .price{font-size:15px;margin-top:2px}
.foot{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--rad);height:40px}
.qty button{width:30px;height:100%;display:grid;place-items:center;color:var(--ink-2)}
.qty input{width:32px;border:0;text-align:center;background:transparent;font-weight:700;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{appearance:none}
.qty svg.i{width:14px;height:14px}
.foot .btn{flex:1;padding:0 10px;height:40px;font-size:12px}
.foot .btn.order{background:var(--sale);display:none}
.stock{font-size:12px;color:var(--ink-2)}
.stock .bar{height:6px;border-radius:3px;background:var(--soft);margin-top:5px;overflow:hidden}
.stock .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sale),var(--hot))}

/* Card style: hover (default WoodMart "icons on hover") */
body.card-hover .acts button{opacity:0;transform:translateX(12px)}
body.card-hover .card:hover .acts button{opacity:1;transform:none}
body.card-hover .card:hover .acts button:nth-child(2){transition-delay:.05s}
body.card-hover .card:hover .acts button:nth-child(3){transition-delay:.1s}
.img-atc{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;height:42px;border-radius:var(--rad);box-shadow:var(--sh-btn);background:var(--pri);color:var(--pri-ink);font-family:var(--font-h);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;display:none;align-items:center;justify-content:center;gap:8px;opacity:0;transform:translateY(12px);transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s}
.img-atc:hover{filter:brightness(.92)}
body.card-hover .img-atc{display:flex}
body.card-hover .card:hover .img-atc{transform:none;opacity:1}
body.card-hover .foot{display:none}
@media (hover:none){
  body.card-hover .acts button{opacity:1;transform:none}
  body.card-hover .img-atc{transform:none;opacity:1}
  .card:hover{transform:none}
}
/* Card style: quick (BD style: Add to cart + Order Now always visible) */
body.card-quick .foot .qty{display:none}
body.card-quick .foot{flex-direction:column}
body.card-quick .foot .btn.order{display:inline-flex}
body.no-rating .card .stars{display:none}
body.no-swatch .card .sw{display:none}

/* Deals */
.deals{display:grid;grid-template-columns:340px 1fr;gap:var(--dt-gap)}
.dealbox{background:var(--surface);border:2px solid var(--pri);border-radius:var(--rad);padding:20px;display:flex;flex-direction:column;gap:12px}
.dealbox .ttl{display:flex;align-items:center;gap:8px;font-family:var(--font-h);font-weight:700;font-size:18px}
.dealbox .ttl svg.i{color:var(--sale);fill:var(--sale)}
.dealbox .img{flex:1 1 auto;min-height:260px;position:relative;border-radius:var(--rad);overflow:hidden;background:var(--soft)}
.dealbox .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dealbox h3{font-size:17px}
.dealbox .price{font-size:22px}
.cd{display:flex;gap:8px}
.cd div{flex:1;background:var(--soft);border-radius:var(--rad);text-align:center;padding:8px 4px}
.cd b{display:block;font-family:var(--font-h);font-size:20px;font-variant-numeric:tabular-nums}
.cd span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.cd.light div{background:rgba(255,255,255,.15)}
.cd.light span{color:inherit;opacity:.8}
.dealgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--dt-gap);align-content:start}

/* Brands */
.brands{display:grid;grid-template-columns:repeat(10,1fr);gap:0;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:var(--surface)}
.brands a{display:flex;align-items:center;justify-content:center;white-space:nowrap;height:84px;border-right:1px solid var(--line);font-family:var(--font-h);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink-2);filter:grayscale(1);transition:.25s}
.brands a:last-child{border-right:0}
.brands a:hover{color:var(--pri);filter:none}
.brands a i{font-style:normal;color:var(--pri)}

/* Banner row */
.brow{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dt-gap)}

/* Limited offers */
.limited{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--dt-gap)}
.bigban{border-radius:var(--rad);padding:36px;color:#fff;position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;isolation:isolate}
.bigban img{position:absolute;right:-20px;top:10px;width:70%;max-width:340px;z-index:-1}
.bigban h3{font-size:32px;max-width:12ch}
.bigban .btn{background:#fff;color:#111;align-self:flex-start}
.mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mcard{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:var(--rad);padding:10px;border:1px solid var(--line);min-width:0}
.mcard img{width:84px;height:96px;object-fit:cover;border-radius:4px;flex:none}
.mcard .t{min-width:0}
.mcard h4{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcard .price{font-size:14px}
.mcard button{font-size:12px;font-weight:700;color:var(--pri);margin-top:4px}

/* Blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dt-gap)}
.bpost .pimg{aspect-ratio:16/10;border-radius:var(--rad);overflow:hidden;position:relative}
.bpost .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bpost:hover .pimg img{transform:scale(1.05)}
.bpost .ptag{position:absolute;left:12px;top:12px;background:var(--pri);color:var(--pri-ink);font-size:11px;font-weight:700;padding:3px 8px;border-radius:3px;text-transform:uppercase}
.bpost .pdate{position:absolute;right:12px;top:12px;background:var(--surface);color:var(--ink);text-align:center;border-radius:4px;padding:4px 8px;font-family:var(--font-h);font-size:11px;line-height:1.1}
.bpost .pdate b{display:block;font-size:17px}
.bpost h3{font-size:17px;margin:14px 0 8px}
.bpost p{color:var(--ink-2);margin:0 0 10px}
.bpost .rm{font-family:var(--font-h);font-weight:600;font-size:12px;text-transform:uppercase;color:var(--pri)}

/* Newsletter + footer */
.news{background:var(--pri);color:var(--pri-ink)}
.news .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;flex-wrap:wrap}
.news h3{font-size:22px}
.news p{margin:4px 0 0;opacity:.85}
.news form{display:flex;flex:1;max-width:520px;min-width:260px;background:#fff;border-radius:var(--rad);overflow:hidden}
.news input{flex:1;border:0;padding:14px 16px;min-width:0;color:#111;background:#fff;outline:none}
.news button{background:#111;color:#fff;padding:0 22px;font-family:var(--font-h);font-weight:600;font-size:13px;text-transform:uppercase}
footer{background:var(--foot);color:var(--foot-ink)}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:30px;padding-block:50px 30px}
footer h4{color:var(--foot-strong,#fff);font-size:15px;margin-bottom:16px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
footer a:hover{color:var(--foot-strong,#fff)}
footer .logo{color:var(--foot-strong,#fff);margin-bottom:14px}
footer .logo small{color:var(--foot-ink)}
footer .ci{display:flex;gap:10px;align-items:flex-start;margin-top:8px}
footer .ci svg.i{width:16px;height:16px;margin-top:3px}
.apps{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.apps span{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 12px;font-size:12px;color:#fff}
.apps span small{display:block;font-size:9px;opacity:.7}
.fbot{border-top:1px solid rgba(255,255,255,.08)}
.fbot .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-block:18px;flex-wrap:wrap;font-size:12px}
.pays{display:flex;gap:6px;flex-wrap:wrap}
.pays span{background:#fff;color:#222;font-weight:700;font-size:11px;padding:4px 9px;border-radius:4px}
.pays .bk{color:#d12053}.pays .ng{color:#ec1c24}.pays .rk{color:#8c3494}.pays .vs{color:#1a1f71}

/* Floating: WhatsApp, back to top, theme settings tab */
.wa{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:calc(24px + env(safe-area-inset-right,0px));z-index:90;display:flex;align-items:center;gap:10px}
.wa a{width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(37,211,102,.45);animation:wapulse 2.4s infinite}
.wa a svg.i{width:30px;height:30px;stroke-width:1.8}
.wa .tip{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;transform:translateX(8px);transition:.25s;pointer-events:none}
.wa:hover .tip{opacity:1;transform:none}
body.wa-left .wa{right:auto;left:calc(24px + env(safe-area-inset-left,0px));flex-direction:row-reverse}
body.wa-off .wa{display:none}
@keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.totop{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom,0px));right:calc(30px + env(safe-area-inset-right,0px));z-index:89;width:44px;height:44px;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);display:grid;place-items:center}
body.wa-left .totop,body.wa-off .totop{bottom:calc(24px + env(safe-area-inset-bottom,0px))}
body.no-totop .totop{display:none}

/* Drawers, modals */
.ovl{position:fixed;inset:0;background:var(--overlay);z-index:200;opacity:0;visibility:hidden;transition:.3s}
.ovl.on{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;bottom:0;right:0;width:min(400px,100%);background:var(--surface);z-index:210;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px)}
.drawer.left{right:auto;left:0;transform:translateX(-100%);padding-right:0;padding-left:env(safe-area-inset-left,0px)}
.drawer.on{transform:none}
.dhead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.dhead h3{font-size:16px;text-transform:uppercase}
.dhead button{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--ink-2)}
.dbody{flex:1;overflow-y:auto;padding:16px 20px}
.dfoot{border-top:1px solid var(--line);padding:16px 20px;display:grid;gap:10px}
.ship{font-size:12px;color:var(--ink-2)}
.ship b{color:var(--ink)}
.ship .bar{height:6px;background:var(--soft);border-radius:3px;margin-top:6px;overflow:hidden}
.ship .bar i{display:block;height:100%;background:var(--ok);transition:width .4s}
.citem{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.citem img{width:70px;height:80px;object-fit:cover;border-radius:4px}
.citem h4{font-size:13px;font-weight:600;margin-bottom:4px}
.citem .qty{height:32px;width:fit-content}
.citem .qty button{width:26px}
.citem .qty input{width:28px}
.citem .rm{color:var(--ink-2);align-self:start}
.citem .rm:hover{color:var(--sale)}
.citem .rm svg.i{width:16px;height:16px}
.sub-row{display:flex;justify-content:space-between;font-family:var(--font-h);font-weight:600;font-size:16px}
.sub-row .price{font-size:18px}
.empty-cart{text-align:center;padding:50px 10px;color:var(--ink-2)}
.empty-cart svg.i{width:70px;height:70px;stroke-width:1;color:var(--line);margin-bottom:10px}
.dbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px));pointer-events:none}
.modal .box{background:var(--surface);border-radius:calc(var(--rad) + 4px);width:min(920px,100%);max-height:100%;overflow:auto;position:relative;transform:scale(.96);opacity:0;transition:.25s;pointer-events:auto;visibility:hidden}
.modal.on .box{transform:none;opacity:1;visibility:visible}
.modal .x{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--soft);z-index:3}

/* Product popup = full product page */
#qvModal .box{width:min(1240px,100%);height:100%;overflow:hidden;display:flex;flex-direction:column}
#qvBody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.pv{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;padding:40px 40px 16px}
.pv-gal{position:sticky;top:0;align-self:start;display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px}
.pv-thumbs{display:flex;flex-direction:column;gap:10px}
.pv-thumbs button{border-radius:calc(var(--rad) - 2px);overflow:hidden;border:2px solid transparent;opacity:.6;transition:.2s}
.pv-thumbs button.on{border-color:var(--pri);opacity:1}
.pv-thumbs img{display:block;width:100%;aspect-ratio:300/340;object-fit:cover}
.pv-main{position:relative;border-radius:var(--rad);overflow:hidden;background:var(--soft);aspect-ratio:300/340;cursor:zoom-in}
.pv-main>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.pv-main.zoom>img{transform:scale(2.1)}
.pv-main .gnav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow);z-index:2;opacity:0;transition:opacity .2s}
.pv-main:hover .gnav{opacity:1}
.pv-main .gnav.l{left:12px}.pv-main .gnav.r{right:12px}
.pv-main .hint{position:absolute;right:12px;bottom:12px;background:var(--surface);color:var(--ink-2);font-size:11px;padding:4px 10px;border-radius:20px;z-index:2;display:flex;gap:6px;align-items:center}
.pv-sum{display:flex;flex-direction:column;gap:16px;min-width:0}
.crumb{font-size:12px;color:var(--ink-2)}
.crumb a:hover{color:var(--pri)}
.pv-sum h2{font-size:28px;font-weight:600}
.pv-rate{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}
.pv-rate a{text-decoration:underline}
.pv-rate .stars span{display:none}
.pv-price{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pv-price .price{font-size:30px}
.pv-save{background:var(--sale);color:#fff;font-weight:700;font-size:12px;padding:4px 10px;border-radius:20px}
.pv-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--soft);border-radius:var(--rad);padding:12px 14px}
.pv-offer>b{font-family:var(--font-h);font-size:13px;display:flex;gap:6px;align-items:center;color:var(--sale)}
.pv-offer .cd{min-width:230px}
.pv-offer .cd div{background:var(--surface);padding:5px 2px}
.pv-offer .cd b{font-size:15px}
.pv-short{color:var(--ink-2);margin:0}
.pv-feat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv-feat li{display:flex;gap:8px;align-items:center;font-size:13px}
.pv-feat svg.i{width:16px;height:16px;color:var(--ok)}
.pv-stock{font-size:13px}
.pv-stock>b{color:var(--ok)}
.pv-live{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.pv-opt{display:grid;gap:8px}
.pv-opt>span{font-size:13px;font-weight:700}
.pv-opt>span em{font-style:normal;font-weight:400;color:var(--ink-2)}
.pv-sw{display:flex;gap:10px}
.pv-sw button{width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);outline-offset:3px}
.pv-sw button.on{outline:2px solid var(--ink)}
.pv-var{display:flex;gap:8px;flex-wrap:wrap}
.pv-var button{border:1px solid var(--line);border-radius:var(--rad);padding:9px 14px;font-weight:700;font-size:13px}
.pv-var button.on{border-color:var(--pri);color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}
.pv-btns{display:flex;gap:10px;flex-wrap:wrap}
.pv-btns .qty{height:50px}
.pv-btns .btn{flex:1;height:50px;font-size:14px;min-width:150px}
.pv-btns .btn.order,.pv-sticky .btn.order{background:var(--sale)}
.pv-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:700}
.pv-links button{display:flex;align-items:center;gap:6px}
.pv-links button:hover{color:var(--pri)}
.pv-links svg.i{width:16px;height:16px}
.pv-links button.on{color:var(--sale)}
.pv-links button.on svg.i{fill:currentColor}
.pv-box{border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}
.pv-box>div{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}
.pv-box>div:last-child{border-bottom:0}
.pv-box svg.i{color:var(--pri);margin-top:1px}
.pv-box b{display:block}
.pv-box span{color:var(--ink-2)}
.pv-safe{display:grid;gap:8px;justify-items:center;font-size:12px;color:var(--ink-2);background:var(--soft);padding:12px;border-radius:var(--rad)}
.pv-meta{font-size:13px;color:var(--ink-2);display:grid;gap:4px;border-top:1px solid var(--line);padding-top:14px}
.pv-meta b{color:var(--ink)}
.pv-share{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.pv-share button{padding:6px 12px;border-radius:20px;background:var(--soft);font-weight:700;font-size:12px}
.pv-share button:hover{background:var(--pri);color:var(--pri-ink)}
.pv-sec{padding:16px 40px 30px}
.pv-sec>h3{font-size:20px;margin-bottom:16px}
.pv-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.pv-tabs button{padding:16px 0;font-family:var(--font-h);font-weight:600;font-size:15px;color:var(--ink-2);white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}
.pv-tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--pri)}
.pv-pane{padding-top:24px}
.pv-desc{display:grid;gap:20px}
.pv-desc p{margin:0;color:var(--ink-2);max-width:80ch}
.pv-hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--soft);border-radius:var(--rad);overflow:hidden}
.pv-hero img{width:100%;aspect-ratio:300/340;object-fit:cover;max-height:360px}
.pv-hero div{padding:24px}
.pv-hero h4{font-size:22px;margin-bottom:10px}
.pv-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pv-blocks>div{background:var(--soft);border-radius:var(--rad);padding:18px}
.pv-blocks h4{font-size:15px;margin:10px 0 6px}
.pv-blocks p{font-size:13px}
.pv-blocks svg.i{width:28px;height:28px;color:var(--pri)}
.spec{width:100%;border-collapse:collapse;max-width:900px}
.spec th,.spec td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}
.spec th{width:34%;background:var(--soft);font-weight:700}
.rv{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px}
.rv-sum .big{font-family:var(--font-h);font-size:48px;font-weight:700;line-height:1}
.rv-sum .stars span{display:none}
.rv-bars{display:grid;gap:6px;margin-top:14px}
.rv-bars>div{display:grid;grid-template-columns:44px 1fr 38px;gap:8px;align-items:center;font-size:12px;color:var(--ink-2)}
.rv-bars i{display:block;height:8px;border-radius:4px;background:var(--soft);overflow:hidden}
.rv-bars i b{display:block;height:100%;background:var(--hot)}
.rv-list{display:grid;gap:18px}
.rv-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.rv-av{width:44px;height:44px;border-radius:50%;background:var(--pri);color:var(--pri-ink);display:grid;place-items:center;font-weight:700}
.rv-item .who{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}
.rv-item .who b{font-size:14px}
.rv-item .who span{color:var(--ink-2)}
.rv-item .stars span{display:none}
.rv-item p{margin:6px 0 0;color:var(--ink-2)}
.vb{color:var(--ok)!important;font-weight:700}
.rv-form{display:grid;gap:12px;background:var(--soft);border-radius:var(--rad);padding:20px;margin-top:6px}
.rv-form h4{font-size:16px}
.rv-pick{display:flex;gap:4px}
.rv-pick svg{width:26px;height:26px;fill:var(--line)}
.rv-pick button.on svg{fill:var(--hot)}
.qa{display:grid;gap:14px;max-width:900px}
.qa>div{border-bottom:1px solid var(--line);padding-bottom:14px}
.qa b{display:block;margin-bottom:4px}
.qa p{margin:0;color:var(--ink-2)}
.qa form{display:flex;gap:10px;flex-wrap:wrap}
.qa form input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:var(--rad);padding:11px 12px;background:var(--bg)}
.ship-t{display:grid;gap:16px;max-width:900px}
.ship-t ul{margin:0;padding-left:18px;color:var(--ink-2);display:grid;gap:6px}
.fbt{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--rad);padding:20px}
.fbt-items{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.fbt-item{display:grid;gap:6px;width:140px;font-size:12px}
.fbt-item img{width:100%;aspect-ratio:300/340;object-fit:cover;border-radius:var(--rad)}
.fbt-item label{display:flex;gap:6px;align-items:flex-start;cursor:pointer}
.fbt-item input{accent-color:var(--pri);margin-top:2px}
.fbt-plus{font-size:24px;color:var(--ink-2);align-self:center}
.fbt-tot{margin-left:auto;display:grid;gap:10px;min-width:220px}
.fbt-tot .price{font-size:22px}
.pv-sticky{position:sticky;bottom:0;z-index:5;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.08);padding:10px 40px;display:flex;align-items:center;gap:14px}
.pv-sticky img{width:46px;height:52px;object-fit:cover;border-radius:4px}
.pv-sticky .t{flex:1;min-width:0}
.pv-sticky .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-h)}
.pv-sticky .btn{height:44px}
@media (max-width:991px){
  .pv-short,.pv-feat{order:1}
  .pv-links,.pv-box,.pv-safe,.pv-meta,.pv-share{order:2}
  .pv{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 20px 10px}
  .pv-gal{position:static;grid-template-columns:minmax(0,1fr)}
  .pv-thumbs{flex-direction:row;order:2}
  .pv-thumbs button{width:64px}
  .pv-sec{padding:10px 20px 24px}
  .rv,.pv-hero{grid-template-columns:minmax(0,1fr)}
  .pv-blocks{grid-template-columns:minmax(0,1fr)}
  .pv-sticky{padding:10px 16px}
  .fbt-tot{margin-left:0;width:100%}
}
@media (max-width:640px){
  #qvModal{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
  #qvModal .box{border-radius:0}
  .pv-sum h2{font-size:22px}
  .pv-price .price{font-size:24px}
  .pv-feat{grid-template-columns:minmax(0,1fr)}
  .pv-sticky .t,.pv-sticky img{display:none}
  .pv-sticky .btn{flex:1;padding:0 10px}
  .fbt-item{width:96px}
  .fbt-plus{font-size:18px}
  .pv-btns .btn{min-width:0;font-size:13px;white-space:nowrap;padding:0 10px}
  .pv-btns .btn svg.i{display:none}
  .pv-btns .qty{width:100%;justify-content:space-between}
}

/* Inner pages */
.phead{background:var(--soft);border-bottom:1px solid var(--line)}
.phead .wrap{padding-block:34px;display:grid;gap:8px;justify-items:center;text-align:center}
.phead h1{font-size:clamp(24px,3vw,34px)}
.crumbs{font-size:13px;color:var(--ink-2);display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.crumbs a:hover{color:var(--pri)}
.crumbs b{color:var(--ink)}
.pbody{padding-block:36px 56px}
.empty-state{grid-column:1/-1;text-align:center;padding:56px 20px;display:grid;justify-items:center;gap:10px;color:var(--ink-2)}
.empty-state svg.i{width:64px;height:64px;stroke-width:1.2;color:var(--line)}
.empty-state h3{color:var(--ink);font-size:20px}
.empty-state p{margin:0}
.sec-title{font-size:22px;margin-bottom:16px}
/* Shop */
.shop{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}
.shop-side{display:grid;gap:24px}
.side-head{display:none;align-items:center;justify-content:space-between}
.side-head h3{font-size:18px}
.fbox h4{font-size:15px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.flist{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.flist button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--rad);font-size:14px;text-align:left}
.flist button:hover{background:var(--soft)}
.flist button.on{background:var(--soft);color:var(--pri);font-weight:700}
.flist span{color:var(--ink-2);font-size:12px;font-weight:400}
.prow{display:flex;gap:6px;align-items:center}
.prow input{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--rad);padding:9px;background:var(--bg)}
.prow .btn{padding:0 14px;height:40px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chips button{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;background:var(--surface)}
.chips button:hover,.chips button.on{border-color:var(--pri);color:var(--pri)}
.fcheck{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px;cursor:pointer}
.fcheck input{accent-color:var(--pri);width:16px;height:16px}
.fcheck span{margin-left:auto;color:var(--ink-2);font-size:12px}
.frate{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--rad);font-size:13px;width:100%}
.frate:hover{background:var(--soft)}
.frate.on{background:var(--soft);color:var(--pri);font-weight:700}
.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;background:var(--soft);border-radius:var(--rad)}
.toolbar .tb-r{margin-left:auto;display:flex;gap:12px;align-items:center}
.views{display:flex;gap:4px}
.views button{width:34px;height:34px;border-radius:var(--rad);display:grid;place-items:center;color:var(--ink-2)}
.views button.on{background:var(--surface);color:var(--pri);box-shadow:var(--sh-btn)}
.views svg{width:18px;height:18px;fill:currentColor}
.toolbar select{border:1px solid var(--line);border-radius:var(--rad);padding:8px 10px;background:var(--surface)}
.fbtn{display:none;height:38px;padding:0 14px}
.activef{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.activef:empty{display:none}
.activef button{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:5px 8px 5px 12px;font-size:12px;font-weight:700}
.activef button:hover{border-color:var(--sale);color:var(--sale)}
.activef svg.i{width:14px;height:14px}
.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.list{grid-template-columns:minmax(0,1fr)}
.card .lst{display:none;color:var(--ink-2);font-size:13px;margin:2px 0}
.grid.list .card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.grid.list .card:hover{transform:none}
.grid.list .card .body{padding-top:4px}
.grid.list .card h3{font-size:17px}
.grid.list .card .lst{display:block}
body.card-hover .grid.list .foot{display:flex}
.grid.list .img-atc{display:none!important}
.grid.list .foot{max-width:380px}
.pager{display:flex;gap:6px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.pager button{min-width:40px;height:40px;padding:0 10px;border-radius:var(--rad);border:1px solid var(--line);font-weight:700;background:var(--surface)}
.pager button.on{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}
.pager button:disabled{opacity:.4;cursor:default}
/* Brands */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--dt-gap)}
.bcard{border:1px solid var(--line);border-radius:12px;padding:30px 20px;text-align:center;display:grid;gap:6px;background:var(--surface);transition:border-color .3s,box-shadow .3s,transform .3s}
.bcard:hover{border-color:var(--pri);box-shadow:var(--sh-card);transform:translateY(-3px)}
.bcard b{font-family:var(--font-h);font-size:28px;letter-spacing:-.02em}
.bcard span{color:var(--ink-2);font-size:13px}
.bcard em{font-style:normal;font-family:var(--font-h);font-weight:600;font-size:12px;text-transform:uppercase;color:var(--pri);margin-top:6px}
/* Blog + article */
.bpost .pimg{display:block}
.article{max-width:820px;margin-inline:auto;display:grid;gap:20px}
.article .ahero{border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:var(--soft)}
.article .ahero img{width:100%;height:100%;object-fit:cover}
.meta-row{display:flex;gap:16px;color:var(--ink-2);font-size:13px;flex-wrap:wrap;align-items:center}
.meta-row .ptag{position:static}
.article p{color:var(--ink-2);font-size:16px;line-height:1.8;margin:0}
.article h3{font-size:22px;margin-top:8px}
.tipbox{background:var(--soft);border-left:4px solid var(--pri);padding:16px 20px;border-radius:var(--rad)}
.tipbox b{display:block;margin-bottom:4px}
.anav{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-block:1px solid var(--line);padding-block:18px}
.anav a{display:grid;gap:4px;font-weight:700}
.anav a small{color:var(--ink-2);font-weight:400;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.anav a:last-child{text-align:right}
.anav a:hover{color:var(--pri)}
.cmt{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.cmt p{font-size:14px!important}
/* Info pages */
.doc{max-width:860px;margin-inline:auto;display:grid;gap:26px}
.doc h2{font-size:22px;margin-bottom:8px}
.doc p,.doc li{color:var(--ink-2);line-height:1.75}
.doc p{margin:0 0 8px}
.doc ul{margin:0;padding-left:20px;display:grid;gap:6px}
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-hero img{width:100%;border-radius:14px;aspect-ratio:300/340;object-fit:cover;max-height:460px}
.about-hero h2{font-size:clamp(24px,3vw,34px);margin-bottom:14px}
.about-hero p{color:var(--ink-2);line-height:1.75}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--dt-gap);margin-block:40px}
.stats div{background:var(--soft);border-radius:12px;padding:24px;text-align:center}
.stats b{display:block;font-family:var(--font-h);font-size:30px;color:var(--pri)}
.stats span{color:var(--ink-2);font-size:13px}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dt-gap)}
.vals div{border:1px solid var(--line);border-radius:12px;padding:24px}
.vals svg.i{width:32px;height:32px;color:var(--pri)}
.vals h3{font-size:17px;margin:12px 0 6px}
.vals p{margin:0;color:var(--ink-2)}
.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:start}
.cinfo{display:grid;gap:14px}
.cinfo>div{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:18px}
.cinfo svg.i{width:26px;height:26px;color:var(--pri)}
.cinfo b{display:block;font-family:var(--font-h)}
.cinfo span{color:var(--ink-2);font-size:14px}
.cform{display:grid;gap:14px;border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--surface)}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mapbox{margin-top:36px;border-radius:12px;min-height:220px;display:grid;place-items:center;text-align:center;gap:10px;color:#fff;background:linear-gradient(135deg,#2c3446,#141922);padding:30px}
.mapbox b{font-family:var(--font-h);font-size:20px}
.mapbox a{color:#fff;border-bottom:2px solid #fff;font-weight:700;font-size:13px}
.okmsg{display:flex;gap:12px;align-items:center;background:var(--soft);border-left:4px solid var(--ok);padding:16px;border-radius:var(--rad)}
.okmsg svg.i{color:var(--ok)}
.faqs{max-width:860px;margin-inline:auto;display:grid;gap:30px}
.faqs h2{font-size:20px;margin-bottom:12px}
details.faq{border:1px solid var(--line);border-radius:var(--rad);background:var(--surface);margin-bottom:10px}
details.faq summary{padding:16px 18px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--pri)}
details.faq[open] summary::after{content:"−"}
details.faq p{padding:0 18px 16px;margin:0;color:var(--ink-2)}
.trackbox{max-width:760px;margin-inline:auto;display:grid;gap:22px}
.trackbox form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface)}
.trackbox .hint{font-size:13px;color:var(--ink-2);margin:0}
.tcard{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface)}
.tcard .thead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.tcard .thead b{font-family:var(--font-h);font-size:18px}
.tl{display:grid;grid-template-columns:36px 1fr;gap:14px;position:relative;padding-bottom:22px}
.tl:last-child{padding-bottom:0}
.tl::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--line)}
.tl:last-child::before{display:none}
.tl .dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;background:var(--surface);position:relative;z-index:1;color:var(--ink-2)}
.tl .dot svg.i{width:16px;height:16px}
.tl.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}
.tl.done::before{background:var(--ok)}
.tl.cur .dot{border-color:var(--pri);color:var(--pri)}
.tl b{display:block;margin-top:7px}
.tl span{color:var(--ink-2);font-size:13px}
.auth{max-width:480px;margin-inline:auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.auth form{padding:26px;display:grid;gap:14px}
.auth .alt{font-size:13px;color:var(--ink-2);text-align:center}
.auth .alt button{color:var(--pri);font-weight:700}
.dash{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start}
.dnav{display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface)}
.dnav .who{padding:10px 12px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.dnav .who b{display:block;font-family:var(--font-h)}
.dnav .who span{font-size:12px;color:var(--ink-2)}
.dnav button,.dnav a{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:var(--rad);font-weight:700;font-size:14px}
.dnav button:hover,.dnav a:hover{background:var(--soft)}
.dnav button.on{background:var(--pri);color:var(--pri-ink)}
.dnav svg.i{width:18px;height:18px}
.dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dt-gap);margin-block:18px}
.dcard{background:var(--soft);border-radius:12px;padding:20px}
.dcard b{display:block;font-family:var(--font-h);font-size:28px}
.dcard span{color:var(--ink-2);font-size:13px}
.tbl-wrap{overflow-x:auto}
.otable{width:100%;border-collapse:collapse;min-width:560px}
.otable th,.otable td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
.otable th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;background:var(--soft)}
.pill.ok{background:var(--ok);color:#fff}
.pill.run{background:var(--pri);color:var(--pri-ink)}
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.cmp{border-collapse:collapse;width:100%}
.cmp th,.cmp td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:14px;vertical-align:top;font-size:13px;text-align:left}
.cmp th{width:170px;min-width:140px;background:var(--soft)}
.cmp td{min-width:210px}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.cmp img{width:150px;aspect-ratio:300/340;object-fit:cover;border-radius:var(--rad)}
.cmp .x{color:var(--ink-2);font-size:12px;font-weight:700;display:inline-flex;gap:4px;align-items:center;margin-bottom:8px}
.cmp .x:hover{color:var(--sale)}
.cmp .x svg.i{width:14px;height:14px}
.cartp{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start}
.crow{display:grid;grid-template-columns:90px minmax(0,1fr) auto auto 34px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.crow img{width:90px;height:102px;object-fit:cover;border-radius:var(--rad)}
.crow h4{font-size:15px;font-weight:600}
.crow .qty{height:38px}
.crow .rm{color:var(--ink-2)}
.crow .rm:hover{color:var(--sale)}
.couponrow{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.couponrow input{flex:1;min-width:180px;border:1px solid var(--line);border-radius:var(--rad);padding:11px 12px;background:var(--bg);text-transform:uppercase}
.ctot{background:var(--soft);border-radius:12px;padding:24px;display:grid;gap:12px}
.ctot h3{font-size:18px}
.tbar{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--top-ink);font-size:12px}
.tbar select{background:transparent;border:0;color:var(--top-ink);font-size:12px;cursor:pointer;padding:2px}
.tbar select option{color:#111;background:#fff}
@media (max-width:991px){
  .shop{grid-template-columns:minmax(0,1fr)}
  .shop-side{position:fixed;left:0;top:0;bottom:0;width:min(320px,88%);background:var(--surface);z-index:210;padding:20px;padding-top:max(20px,env(safe-area-inset-top,0px));overflow-y:auto;transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);align-content:start}
  .shop-side.on{transform:none}
  .side-head{display:flex}
  .fbtn{display:inline-flex}
  .views{display:none}
  .grid.c4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.list .card{grid-template-columns:140px minmax(0,1fr);gap:14px}
  .about-hero,.contact,.cartp,.dash{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .vals{grid-template-columns:minmax(0,1fr)}
  .dcards{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .grid.c3,.grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar .tb-r{margin-left:0;width:100%}
  .toolbar select{flex:1}
  .trackbox form,.cform .two{grid-template-columns:minmax(0,1fr)}
  .anav{grid-template-columns:minmax(0,1fr)}
  .anav a:last-child{text-align:left}
  .crow{grid-template-columns:70px minmax(0,1fr) 30px;gap:10px}
  .crow img{width:70px;height:80px}
  .crow .qty,.crow .lt{grid-column:2}
  .crow .rm{grid-row:1;grid-column:3}
  .dcards{grid-template-columns:minmax(0,1fr)}
}

/* Toast */
.toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:300;display:grid;gap:8px;width:min(420px,calc(100% - 32px))}
.toast{background:var(--ink);color:var(--bg);border-radius:var(--rad);padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);animation:tin .3s}
.toast img{width:40px;height:44px;border-radius:4px;object-fit:cover}
.toast button{margin-left:auto;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--pri);white-space:nowrap}
@keyframes tin{from{opacity:0;transform:translateY(10px)}}

/* Mobile menu + bottom bar */
.mnav{list-style:none;margin:0;padding:0}
.mnav a{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line);font-weight:700}
.mnav a svg.i{color:var(--pri)}
.mtabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.mtabs button{padding:14px;font-family:var(--font-h);font-weight:600;font-size:13px;text-transform:uppercase;color:var(--ink-2)}
.mtabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--pri)}
.mbar{display:none}

@media (max-width:1200px){
  :root{--cols:4}
  .cats{grid-template-columns:repeat(4,1fr)}
  .brands{grid-template-columns:repeat(5,1fr)}
  .brands a:nth-child(5){border-right:0}
  .brands a:nth-child(-n+5){border-bottom:1px solid var(--line)}
  .hotline{display:none}
  .dealgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dealgrid>:nth-child(n+7){display:none}
}
@media (max-width:991px){
  :root{--cols:3 !important}
  .hnav{display:none}
  .mtoggle{display:grid;place-items:center}
  .hmain .wrap{gap:14px;min-height:64px;flex-wrap:wrap;padding-block:8px}
  body.hdr-center .hmain .wrap{display:flex}
  .logo{font-size:20px}.logo-mark{width:32px;height:32px}
  .hsearch{order:5;flex-basis:100%;max-width:none}
  body.hdr-simple .hsearch{display:flex}
  .scat{display:none}
  .hicons{gap:16px}
  .hicon .lbl,.hicon.h-cmp,.hicon.h-acc{display:none}
  .cartbtn{padding:0;background:none;border:0}
  .cartbtn:hover{box-shadow:none}
  .cb-txt{display:none}
  .cb-ic{width:40px;height:40px}
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .sidebanners{grid-template-columns:1fr 1fr}
  .services .wrap{grid-template-columns:1fr 1fr}
  .deals{grid-template-columns:minmax(0,1fr)}
  .dealgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brow{grid-template-columns:1fr 1fr}
  .brow>:nth-child(3){display:none}
  .limited{grid-template-columns:minmax(0,1fr)}
  .posts{grid-template-columns:1fr 1fr}
  .posts>:nth-child(3){display:none}
  footer .cols{grid-template-columns:1fr 1fr}
  .mbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:150;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;font-size:11px;font-weight:700;position:relative}
  .mbar .cnt{position:absolute;top:3px;left:calc(50% + 4px);background:var(--pri);color:var(--pri-ink);font-size:10px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px}
  body{padding-bottom:60px}
  .wa{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .totop{bottom:calc(148px + env(safe-area-inset-bottom,0px))}
  body.wa-left .totop,body.wa-off .totop{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .toasts{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .ck{grid-template-columns:minmax(0,1fr)}
  .ck aside{order:-1}
}
@media (max-width:640px){
  :root{--cols:2 !important;--dt-gap:12px}
  .topbar nav{display:none}
  .topbar .wrap{justify-content:center}
  .topbar .tb-r{display:none}
  .slider{min-height:380px}
  .slide{grid-template-columns:minmax(0,1fr);padding:28px 24px 50px;text-align:left;align-content:center}
  .slide img{position:absolute;right:-10px;bottom:40px;width:46%;opacity:.95}
  .slide p{max-width:24ch}
  .dots{left:24px}
  .sidebanners,.services .wrap,.brow,.posts{grid-template-columns:minmax(0,1fr)}
  .brow>:nth-child(3),.posts>:nth-child(3){display:block}
  .brow>:nth-child(3){display:flex}
  .cats{grid-template-columns:repeat(4,1fr);gap:8px}
  .cat{padding:12px 4px;border:0;background:none}
  .cat .ic{width:54px;height:54px}
  .cat span{display:none}
  .cat b{font-size:11px}
  .dealgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brands{grid-template-columns:repeat(3,1fr)}
  .brands a{border-bottom:1px solid var(--line)}
  .brands a:nth-child(3n){border-right:0}
  .brands a:nth-child(5){border-right:1px solid var(--line)}
  .mini{grid-template-columns:minmax(0,1fr)}
  footer .cols{grid-template-columns:minmax(0,1fr)}
  .shead h2{font-size:20px}
  .card{padding:8px 8px 12px}
  .card .acts button{width:32px;height:32px}
  .foot .btn{font-size:11px}
  .opts{grid-template-columns:minmax(0,1fr)}
}
/* ---------- Mobile optimisation ---------- */
.msearch{display:none}
.h-srch{display:none}
.apps a{display:inline-flex}
.mopts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mopts select{border:1px solid var(--line);border-radius:var(--rad);padding:10px;background:var(--bg)}
@media (max-width:991px){
  .msearch{display:block;padding-block:10px 4px}
  .msearch .hsearch{max-width:none}
  .h-srch{display:flex}
  .hmain .wrap{min-height:60px;padding-block:6px}
}
@media (max-width:640px){
  .topbar .tm-long{display:none}
  .topbar .wrap{min-height:32px;font-size:11px}
  .hero{padding-block:8px 16px}
  .slider{min-height:320px}
  .slide h2{font-size:28px;margin:8px 0 10px}
  .slide p{font-size:13px;margin-bottom:14px}
  .sidebanners{grid-template-columns:1fr 1fr;gap:10px}
  .sidebanners .banner{min-height:140px;padding:14px}
  .sidebanners .banner h3{font-size:15px;max-width:9ch;margin:4px 0 8px}
  .sidebanners .banner small{font-size:9px;letter-spacing:.1em}
  .sidebanners .banner img{width:58%}
  .sidebanners .banner .lnk{font-size:10px}
  .services .wrap{grid-template-columns:1fr 1fr;gap:10px;padding-block:0 14px}
  .svc{padding:12px;gap:10px;align-items:flex-start}
  .svc svg.i{width:24px;height:24px}
  .svc b{font-size:12px}
  .svc span{font-size:11px;line-height:1.35;display:block}
  section.blk{padding-block:18px}
  .shead{gap:10px;margin-bottom:14px}
  .shead .arrows{display:none}
  .shead .more{font-size:11px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;width:calc(100% + 32px)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs button{white-space:nowrap;flex:none;background:var(--soft)}
  .tabs button.on{background:var(--pri)}
  #cdTop,.shead [data-i18n="endsin"]{display:none}
  .dealbox{padding:14px;gap:10px}
  .dealbox .img{min-height:200px}
  .dealgrid>:nth-child(n+5){display:none}
  .brands{grid-auto-flow:column;grid-auto-columns:31%;grid-template-columns:none;overflow-x:auto;scrollbar-width:none}
  .brands::-webkit-scrollbar{display:none}
  .brands a{height:64px;font-size:16px;border-bottom:0!important;border-right:1px solid var(--line)!important}
  .hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
  .hscroll::-webkit-scrollbar{display:none}
  .hscroll>*{scroll-snap-align:start}
  .brow.hscroll>*{display:flex!important;min-height:150px}
  .posts.hscroll>*{display:block!important}
  .mini.hscroll{grid-auto-columns:80%}
  .bigban{min-height:290px;padding:22px}
  .bigban h3{font-size:24px;max-width:9ch}
  .bigban img{width:44%;right:-4px;top:14px}
  .phead .wrap{padding-block:20px}
  .phead h1{font-size:22px}
  .pbody{padding-block:20px 36px}
  .wa{right:calc(14px + env(safe-area-inset-right,0px))}
  body.wa-left .wa{left:calc(14px + env(safe-area-inset-left,0px))}
  .wa a{width:50px;height:50px}
  .wa a svg.i{width:26px;height:26px}
  .totop{right:calc(18px + env(safe-area-inset-right,0px));width:40px;height:40px}
  footer .cols{gap:0;padding-block:32px 16px}
  footer .cols>div:first-child{padding-bottom:18px}
  footer .cols>div:not(:first-child){border-top:1px solid rgba(255,255,255,.08)}
  footer .cols>div:not(:first-child)>h4{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 0;cursor:pointer}
  footer .cols>div:not(:first-child)>h4::after{content:"+";font-size:20px;font-weight:400;color:var(--foot-ink)}
  footer .cols>div.open>h4::after{content:"−"}
  footer .cols>div:not(:first-child)>:not(h4){display:none}
  footer .cols>div.open>ul{display:grid;padding-bottom:16px}
  footer .cols>div.open>p,footer .cols>div.open>.apps{display:flex}
  footer .cols>div.open>p{display:block}
  footer .cols>div.open>.apps{padding-bottom:16px}
  .fbot .wrap{justify-content:center;text-align:center}
  .pays{justify-content:center}
  /* product cards: wishlist only on the image, button under the price */
  .card .acts{top:6px;right:6px}
  .card .acts button:not(:first-child){display:none}
  body.card-hover .img-atc{display:none}
  body.card-hover .foot{display:flex}
  .foot .qty{display:none}
  .foot{padding-top:8px;gap:6px}
  .foot .btn{height:36px;font-size:11px;padding:0 8px}
  .foot .btn svg.i{display:none}
  .card .stars{font-size:11px}
  .card .price{font-size:14px}
  .badge{font-size:10px;padding:2px 6px}
}
/* ---------- Account popup ---------- */
.h-macc{display:none}
.h-macc .av{width:32px;height:32px;border-radius:50%;background:var(--pri);color:var(--pri-ink);display:grid;place-items:center;font-family:var(--font-h);font-weight:700;font-size:14px;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--pri)}
#accModal .box{width:min(440px,100%);padding:0}
.ap{padding:28px 24px 24px;display:grid;gap:18px}
.ap-handle{display:none;width:44px;height:5px;border-radius:3px;background:var(--line);margin:-14px auto 0}
.ap-head{text-align:center;display:grid;justify-items:center;gap:6px}
.ap-logo{width:52px;height:52px;border-radius:15px;background:var(--pri);color:var(--pri-ink);display:grid;place-items:center;font-family:var(--font-h);font-weight:700;font-size:24px;box-shadow:0 10px 24px -10px var(--pri);margin-bottom:6px}
.ap-head h3{font-size:21px}
.ap-head p{margin:0;color:var(--ink-2);font-size:13px;max-width:30ch}
.ap-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:12px;padding:4px}
.ap-tabs button{padding:10px;border-radius:9px;font-family:var(--font-h);font-weight:600;font-size:14px;color:var(--ink-2);transition:background .2s,color .2s}
.ap-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-btn)}
.ap form{display:grid;gap:14px}
.ap .fld label{font-size:12px;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.ap .fld input{height:48px;border-radius:12px;padding:0 14px;font-size:15px;background:var(--bg)}
.ap-ph{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:border-color .2s,box-shadow .2s}
.ap-ph:focus-within,.ap-pw:focus-within{border-color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 18%,transparent)}
.ap-ph span{padding:0 4px 0 14px;font-weight:700;color:var(--ink-2);border-right:1px solid var(--line);padding-right:10px;margin-right:2px}
.ap-ph input,.ap-pw input{border:0!important;box-shadow:none!important;flex:1;min-width:0;background:transparent!important}
.ap-pw{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:border-color .2s,box-shadow .2s}
.ap-pw button{width:46px;height:46px;display:grid;place-items:center;color:var(--ink-2)}
.ap-pw button svg.i{width:18px;height:18px}
.ap-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.ap-row label{display:flex;gap:8px;align-items:center;color:var(--ink-2);cursor:pointer}
.ap-row input{accent-color:var(--pri)}
.ap-row button{color:var(--pri);font-weight:700}
.ap .btn.block{height:50px;border-radius:12px;font-size:14px}
.ap-or{display:flex;align-items:center;gap:12px;color:var(--ink-2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.ap-or::before,.ap-or::after{content:"";flex:1;height:1px;background:var(--line)}
.ap-alt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ap-alt button{height:46px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;background:var(--surface);transition:border-color .2s}
.ap-alt button:hover{border-color:var(--pri)}
.ap-alt svg.i{width:18px;height:18px;color:var(--pri)}
.ap-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;border-top:1px solid var(--line);padding-top:16px}
.ap-perks div{display:grid;justify-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink-2)}
.ap-perks svg.i{width:22px;height:22px;color:var(--pri)}
.ap-terms{margin:0;text-align:center;font-size:11px;color:var(--ink-2)}
.ap-terms a{color:var(--ink);text-decoration:underline}
.ap-user{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--pri),#14213d)}
.ap-av{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-family:var(--font-h);font-weight:700;font-size:22px;flex:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.ap-user div{flex:1;min-width:0}
.ap-user b{display:block;font-family:var(--font-h);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-user span{font-size:12px;opacity:.85}
.ap-user .ap-av{font-size:22px;opacity:1}
body.no-scroll .toasts{bottom:auto;top:calc(16px + env(safe-area-inset-top,0px))}
.ap-user a{font-size:12px;font-weight:700;padding:7px 12px;border-radius:20px;background:rgba(255,255,255,.16);white-space:nowrap}
.ap-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ap-stats button{padding:14px 6px;text-align:center;border-right:1px solid var(--line)}
.ap-stats button:last-child{border-right:0}
.ap-stats b{display:block;font-family:var(--font-h);font-size:20px}
.ap-stats span{font-size:11px;color:var(--ink-2);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ap-grid button{display:grid;justify-items:center;gap:8px;padding:12px 4px;border-radius:12px;font-size:11px;font-weight:700;color:var(--ink);transition:background .2s}
.ap-grid button:hover{background:var(--soft)}
.ap-grid .ic{width:44px;height:44px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--pri)}
.ap-grid svg.i{width:20px;height:20px}
.ap-out{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;border:1px solid var(--line);font-weight:700;color:var(--sale)}
.ap-out svg.i{width:18px;height:18px}
@media (max-width:991px){
  .hicon.h-wl{display:none}
  .h-macc{display:flex}
}
@media (max-width:640px){
  #accModal{place-items:end center;padding:0;padding-top:env(safe-area-inset-top,0px)}
  #accModal .box{width:100%;max-height:94%;border-radius:22px 22px 0 0;transform:translateY(100%);opacity:1;transition:transform .38s cubic-bezier(.2,.8,.2,1),visibility .38s;padding-bottom:env(safe-area-inset-bottom,0px)}
  #accModal.on .box{transform:none}
  .ap{padding:22px 20px 24px}
  .ap-handle{display:block}
  #accModal .x{top:14px;right:14px;width:34px;height:34px}
}
/* ---------- Premium checkout ---------- */
#ckModal .box{width:min(1100px,100%);height:100%;overflow-y:auto;overscroll-behavior:contain}
.co{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}
.co-top{display:flex;align-items:center;gap:20px;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:4}
#ckModal .box>.x{display:none}
.co-x{width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--ink);display:grid;place-items:center;flex:none;transition:background .2s,color .2s}
.co-x:hover{background:var(--sale);color:#fff}
.co-x svg.i{width:18px;height:18px}
.modal .box.nudge{animation:nudge .35s ease}
@keyframes nudge{30%{transform:scale(1.015)}60%{transform:scale(.995)}}
.co-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:700;font-size:16px}
.co-brand .logo-mark{width:34px;height:34px;font-size:16px}
.co-steps{display:flex;align-items:center;gap:8px;list-style:none;margin:0 auto;padding:0;font-size:12px;font-weight:700;color:var(--ink-2)}
.co-steps li{display:flex;align-items:center;gap:8px}
.co-steps li i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;border:1.5px solid var(--line);font-size:11px}
.co-steps li.ok i{background:var(--ok);border-color:var(--ok);color:#fff}
.co-steps li.on{color:var(--ink)}
.co-steps li.on i{border-color:var(--pri);color:var(--pri)}
.co-steps .sep{width:34px;height:1.5px;background:var(--line)}
.co-steps .sep.ok{background:var(--ok)}
.co-lock{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ok);font-weight:700;white-space:nowrap}
.co-lock svg.i{width:16px;height:16px}
.co-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);flex:1}
.co-main{padding:28px;display:grid;gap:18px;align-content:start}
.co-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--surface);display:grid;gap:16px}
.co-h{display:flex;align-items:center;gap:12px}
.co-h .n{width:28px;height:28px;border-radius:50%;background:var(--pri);color:var(--pri-ink);display:grid;place-items:center;font-family:var(--font-h);font-weight:700;font-size:13px;flex:none}
.co-h h3{font-size:17px}
.co-h .lnk{margin-left:auto;font-size:13px;font-weight:700;color:var(--pri)}
.co-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-two>*,.co-card,.co-main,.co-sum{min-width:0}
.co .fld input,.co .fld select,.co .fld textarea{width:100%;min-width:0}
.co-steps .sep{padding:0!important}
.co .fld label{font-size:12px;font-weight:700;color:var(--ink-2)}
.co .fld input,.co .fld select,.co .fld textarea{height:48px;border-radius:12px;padding:0 14px;font-size:15px;background:var(--bg);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.co .fld textarea{height:auto;padding:12px 14px;resize:vertical}
.co .fld input:focus,.co .fld select:focus,.co .fld textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 18%,transparent);outline:none}
.co .fld.bad input,.co .fld.bad textarea,.co .fld.bad .ap-ph{border-color:var(--sale)}
.co .ap-ph{height:48px}
.co .ap-ph input{height:46px}
.co-areachip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;background:var(--soft);color:var(--ink-2);justify-self:start}
.co-areachip svg.i{width:14px;height:14px;color:var(--pri)}
.co-save{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink-2);cursor:pointer}
.co-save input{accent-color:var(--pri);width:16px;height:16px}
.co-opts{display:grid;gap:10px}
.co-opt{display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.co-opt:hover{border-color:color-mix(in srgb,var(--pri) 45%,var(--line))}
.co-opt:has(input:checked){border-color:var(--pri);background:color-mix(in srgb,var(--pri) 6%,var(--surface));box-shadow:0 6px 18px -12px var(--pri)}
.co-opt input{position:absolute;opacity:0;pointer-events:none}
.co-opt .rd{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center;transition:border-color .2s}
.co-opt:has(input:checked) .rd{border-color:var(--pri)}
.co-opt:has(input:checked) .rd::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--pri)}
.co-opt .t{flex:1;min-width:0}
.co-opt .t b{display:block;font-size:14px}
.co-opt .t span{font-size:12px;color:var(--ink-2)}
.co-opt .pr{font-family:var(--font-h);font-weight:700;font-size:14px;white-space:nowrap}
.co-opt .pr.free{color:var(--ok)}
.co-pays{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co-pays .co-opt{flex-direction:column;align-items:flex-start;gap:10px;position:relative;padding:14px}
.co-pays .co-opt .rd{position:absolute;top:14px;right:14px}
.co-pays .co-opt .t b{font-size:13px}
.plogo{height:30px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-h);font-weight:700;font-size:13px}
.plogo .chip{padding:5px 10px;border-radius:8px;color:#fff;line-height:1}
.plogo .cod{background:var(--ok)}
.plogo .bk{background:#e2136e}
.plogo .ng{background:#ef7b1a}
.plogo .vs{background:#1a1f71}
.plogo .mc{background:#222}
.co-paynote{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2);background:var(--soft);border-radius:12px;padding:12px 14px}
.co-paynote svg.i{width:18px;height:18px;color:var(--pri);flex:none;margin-top:1px}
.co-note summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--pri);list-style:none}
.co-note summary::-webkit-details-marker{display:none}
.co-note textarea{margin-top:10px;width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg);font-size:14px}
.co-submit{display:grid;gap:10px}
.co-submit .btn{height:56px;border-radius:14px;font-size:15px;gap:10px;box-shadow:0 12px 26px -14px var(--pri)}
.co-submit .btn svg.i{width:18px;height:18px}
.co-legal{margin:0;font-size:12px;color:var(--ink-2);text-align:center}
.co-legal a{color:var(--ink);text-decoration:underline}
.co-sum{background:var(--soft);border-left:1px solid var(--line);padding:28px;display:grid;gap:16px;align-content:start}
.co-sum-in{position:sticky;top:96px;display:grid;gap:16px}
.co-sum h3{font-size:17px;display:flex;justify-content:space-between;align-items:baseline}
.co-sum h3 span{font-size:13px;color:var(--ink-2);font-weight:400}
.co-items{display:grid;gap:14px;max-height:280px;overflow-y:auto;padding:8px 4px 4px 0}
.co-it{display:flex;gap:14px;align-items:center}
.co-it .th{position:relative;flex:none}
.co-it img{width:60px;height:68px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:var(--surface)}
.co-it .q{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:11px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px}
.co-it .n{flex:1;min-width:0;font-size:13px}
.co-it .n b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-it .n span{color:var(--ink-2)}
.co-it .p{font-family:var(--font-h);font-weight:600;font-size:14px;white-space:nowrap}
.co-cp{display:flex;gap:8px}
.co-cp input{flex:1;min-width:0;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface);text-transform:uppercase;font-size:14px}
.co-cp button{height:46px;padding:0 18px;border-radius:12px;background:var(--ink);color:var(--bg);font-weight:700;font-size:13px}
.co-cpon{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px dashed var(--ok);border-radius:12px;padding:10px 12px;font-size:13px}
.co-cpon b{color:var(--ok)}
.co-cpon button{color:var(--ink-2);font-weight:700;font-size:12px}
.co-rows{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:16px;font-size:14px}
.co-rows div{display:flex;justify-content:space-between;gap:10px}
.co-rows span{color:var(--ink-2)}
.co-rows .disc b{color:var(--ok)}
.co-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:16px}
.co-total span{font-weight:700}
.co-total small{display:block;font-size:11px;color:var(--ink-2);font-weight:400}
.co-total b{font-family:var(--font-h);font-size:26px;font-variant-numeric:tabular-nums}
.co-saved{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent);border-radius:10px;padding:10px 12px}
.co-saved svg.i{width:16px;height:16px}
.co-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.co-trust div{display:grid;justify-items:center;gap:6px;text-align:center;font-size:11px;font-weight:700;color:var(--ink-2);background:var(--surface);border-radius:12px;padding:12px 6px}
.co-trust svg.i{width:20px;height:20px;color:var(--pri)}
.co-sumtoggle{display:none}
/* success */
.co-done{max-width:640px;margin:0 auto;padding:44px 24px 40px;display:grid;gap:22px;justify-items:center;text-align:center}
.co-check{width:92px;height:92px}
.co-check circle{fill:none;stroke:var(--ok);stroke-width:4;stroke-dasharray:283;stroke-dashoffset:283;animation:codraw .6s ease-out forwards}
.co-check path{fill:none;stroke:var(--ok);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:codraw .4s .5s ease-out forwards}
@keyframes codraw{to{stroke-dashoffset:0}}
.co-done h2{font-size:26px}
.co-done>p{margin:-10px 0 0;color:var(--ink-2)}
.co-ord{width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left}
.co-ord>div{padding:14px 16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:0}
.co-ord>div:nth-child(2n){border-right:0}
.co-ord>div:nth-last-child(-n+2){border-bottom:0}
.co-ord span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:700}
.co-ord b{font-size:15px;display:flex;align-items:center;gap:8px}
.co-ord button{font-size:11px;font-weight:700;color:var(--pri);border:1px solid var(--line);border-radius:6px;padding:2px 8px}
.co-next{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.co-next div{background:var(--soft);border-radius:14px;padding:16px 12px;display:grid;justify-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
.co-next svg.i{width:22px;height:22px;color:var(--pri)}
.co-next b{color:var(--ink);font-size:13px}
.co-done .acts2{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.co-done .acts2 .btn{height:50px;border-radius:12px;min-width:190px}
.co-demo{font-size:12px;color:var(--ink-2);margin:0}
@media (max-width:991px){
  .co-steps .lbl{display:none}
  .co-grid{grid-template-columns:minmax(0,1fr)}
  .co-sum{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:0}
  .co-sum-in{position:static;padding:0 20px 20px;display:none}
  .co.sum-open .co-sum-in{display:grid}
  .co-sumtoggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;font-weight:700;color:var(--pri);font-size:14px}
  .co-sumtoggle b{color:var(--ink);font-family:var(--font-h);font-size:17px}
  .co-sumtoggle svg.i{width:16px;height:16px;transition:transform .25s}
  .co.sum-open .co-sumtoggle svg.i{transform:rotate(180deg)}
  .co-main{padding:18px 16px 0}
  .co-submit{position:sticky;bottom:0;z-index:3;background:var(--bg);margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
}
@media (max-width:640px){
  #ckModal{padding:0}
  #ckModal .box{border-radius:0}
  .co-top{padding:12px 16px;gap:10px}
  .co-x{width:36px;height:36px}
  .co-brand b{display:none}
  .co-lock{display:none}
  .co-steps{margin-left:auto;margin-right:0}
  .co-steps .sep{width:16px}
  .co-card{padding:16px;border-radius:14px}
  .co-two,.co-pays{grid-template-columns:minmax(0,1fr)}
  .co-pays .co-opt{flex-direction:row;align-items:center}
  .co-pays .co-opt .rd{position:static;order:-1}
  .co-ord{grid-template-columns:minmax(0,1fr)}
  .co-ord>div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .co-ord>div:last-child{border-bottom:0!important}
  .co-next{grid-template-columns:minmax(0,1fr);gap:8px}
  .co-next div{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:12px;row-gap:0;padding:12px 14px;align-items:center}
  .co-next div svg.i{grid-row:span 2}
  .co-done{padding:30px 16px}
  .co-done h2{font-size:22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ================================================================
   WordPress additions (menus, content, comments, widgets)
   ================================================================ */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100000;background:var(--surface);padding:8px 14px;clip:auto;width:auto;height:auto}
.logo-img{max-height:var(--logo-h,56px);height:var(--logo-h,56px);width:auto;object-fit:contain}
.mainnav{flex:1;min-width:0}
.menu li{position:relative;list-style:none}
.menu>li>a{display:flex;align-items:center;gap:6px;padding-block:16px}
.menu .sub-menu{list-style:none;margin:0;padding:10px 0;position:absolute;left:-14px;top:100%;min-width:220px;background:var(--surface);box-shadow:var(--sh-pop);border:1px solid var(--line);border-radius:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:80;text-transform:none;font-family:var(--font-b);font-weight:400}
.menu .sub-menu .sub-menu{left:100%;top:-10px}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.menu .sub-menu a{display:block;padding:8px 18px;font-size:14px;font-weight:600}
.menu .sub-menu a:hover{color:var(--pri);background:var(--soft)}
.menu .has-mega{position:static}
.dt-mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);box-shadow:var(--sh-pop);border-top:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:80;text-transform:none;font-family:var(--font-b);font-weight:400;padding-block:24px}
.menu .has-mega:hover>.dt-mega,.menu .has-mega:focus-within>.dt-mega{opacity:1;visibility:visible;transform:none}
.hnav .wrap{position:relative}
.mega .mega-list{list-style:none;margin:0;padding:8px 0}
.mega .mega-list>li>a{display:flex;align-items:center;gap:12px;padding:10px 18px;font-weight:700;font-size:13px}
.mega .mega-list>li:hover>a{color:var(--pri);background:var(--soft)}
.mega .mega-list .sub-menu{position:absolute;left:100%;top:0;min-height:100%;width:260px;background:var(--surface);box-shadow:var(--shadow);padding:14px;list-style:none;margin:0;display:none;border-radius:0 var(--rad) var(--rad) 0}
.mega .mega-list li:hover>.sub-menu{display:block}
.mega .mega-list .sub-menu a{display:block;padding:7px 8px;color:var(--ink-2)}
.mega .mega-list .sub-menu a:hover{color:var(--pri)}
.mega .sub .promo img{width:120px;height:auto;align-self:flex-end;border-radius:8px}
.mnav .sub-menu{list-style:none;margin:0;padding:0 0 0 18px}
.mnav .sub-menu a{font-weight:400;padding:10px 4px}
.dt-mini-cart{flex:1;display:flex;flex-direction:column;min-height:0}
.dt-mini-cart .citem img{width:70px;height:80px;object-fit:cover;border-radius:4px}
.dt-mini-cart .variation{font-size:12px;color:var(--ink-2);margin:0 0 6px;display:grid;grid-template-columns:auto 1fr;gap:2px 6px}
.dt-mini-cart .variation dd,.dt-mini-cart .variation p{margin:0}
.site-footer .cols{grid-template-columns:1.4fr repeat(var(--fcols,4),1fr)}
.site-footer .fwidget ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.site-footer .fwidget p{margin:0 0 10px}
.fsocial{display:flex;gap:8px;margin-top:14px}
.fsocial a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--foot-strong,#fff) 10%,transparent);color:var(--foot-strong,#fff);transition:background .2s}
.fsocial a:hover{color:var(--pri-ink)}
.fsocial a:hover{background:var(--pri)}
.fsocial svg.i{width:17px;height:17px}
.fmenu{display:flex;gap:16px;flex-wrap:wrap}
body.no-mbar .mbar{display:none!important}
body.no-mbar{padding-bottom:0!important}
.dt-fullwidth{max-width:none;padding:0}
.crumbs-left{justify-content:flex-start;margin-bottom:20px}
.pimg-ph{display:grid;place-items:center;width:100%;height:100%;background:var(--soft);color:var(--ink-2)}
.pimg-ph svg.i{width:40px;height:40px}
.bpost .pimg{display:block}
.bpost .pimg img{display:block}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.blog-layout .posts{grid-template-columns:repeat(2,1fr)}
.blog-side .widget{margin-bottom:28px}
.blog-side .widget ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.wp-pager{display:flex;gap:6px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.wp-pager .page-numbers{min-width:40px;height:40px;padding:0 10px;border-radius:var(--rad);border:1px solid var(--line);font-weight:700;background:var(--surface);display:grid;place-items:center}
.wp-pager .page-numbers.current{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}
.wp-pager .page-numbers.dots{border:0;background:none}
/* Post / page content */
.entry{font-size:16px;line-height:1.8;color:var(--ink)}
.entry>*{margin-block:0 1.1em}
.entry h2{font-size:26px;margin-top:1.4em}
.entry h3{font-size:21px;margin-top:1.3em}
.entry a{color:var(--pri);text-decoration:underline;text-underline-offset:3px}
.entry img{border-radius:12px;height:auto}
.entry blockquote{margin:1.4em 0;padding:16px 22px;border-left:4px solid var(--pri);background:var(--soft);border-radius:var(--rad)}
.entry ul,.entry ol{padding-left:22px}
.entry table{width:100%;border-collapse:collapse}
.entry th,.entry td{border:1px solid var(--line);padding:10px}
.entry figcaption{font-size:13px;color:var(--ink-2);text-align:center}
.alignwide{max-width:min(1100px,100%)}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.alignleft{float:left;margin:0 20px 10px 0}
.alignright{float:right;margin:0 0 10px 20px}
.aligncenter{margin-inline:auto;display:block}
.article .ptag{background:var(--pri);color:var(--pri-ink);padding:3px 8px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase}
.pv-share a{padding:6px 12px;border-radius:20px;background:var(--soft);font-weight:700;font-size:12px}
.pv-share a:hover{background:var(--pri);color:var(--pri-ink)}
/* Comments */
.dt-comments{display:grid;gap:18px}
.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.comment-list .children{list-style:none;padding-left:40px;margin-top:16px}
.comment-body{display:grid;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.comment-author{display:flex;align-items:center;gap:10px;font-weight:700}
.comment-author img{border-radius:50%}
.comment-metadata{font-size:12px;color:var(--ink-2)}
.comment-content p{margin:0;color:var(--ink-2)}
.reply a{font-size:12px;font-weight:700;color:var(--pri)}
.comment-respond form{display:grid;gap:12px}
.dt-comments>*,.comment-respond{min-width:0}
.comment-respond textarea,.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url]{width:100%;max-width:100%}
.comment-respond label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;border:1px solid var(--line);border-radius:var(--rad);padding:11px 12px;background:var(--bg)}
.comment-respond .submit{justify-self:start}
/* Search form + widgets */
.search-form{display:flex;gap:8px;max-width:420px;width:100%}
.search-form label{flex:1}
.search-form .search-field{width:100%;border:1px solid var(--line);border-radius:var(--rad);padding:11px 12px;background:var(--bg)}
.search-form .search-submit{background:var(--pri);color:var(--pri-ink);border:0;border-radius:var(--rad);padding:0 18px;font-weight:700;cursor:pointer}
.widget-title{font-size:15px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
@media (max-width:991px){
  .blog-layout{grid-template-columns:minmax(0,1fr)}
  .menu .sub-menu,.dt-mega{display:none}
}
@media (max-width:640px){
  .blog-layout .posts{grid-template-columns:minmax(0,1fr)}
  .site-footer .cols{grid-template-columns:minmax(0,1fr)}
}

.article>*,.entry{min-width:0}
.entry{overflow-wrap:anywhere}
.blog-side h2,.blog-side .wp-block-heading{font-size:15px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.blog-side ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}

/* Shared form fields (track order, account, checkout extras) */
.fld{display:grid;gap:6px;min-width:0}
.fld label{font-size:12px;font-weight:700}
.fld input,.fld textarea,.fld select{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--rad);padding:11px 12px;background:var(--bg);color:var(--ink);outline:none}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--pri)}
.fld .err{color:var(--sale);font-size:12px}
.toast a{margin-left:auto;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--pri);white-space:nowrap}
/* Drawers and modals sit below the WordPress admin bar for logged-in users */
.admin-bar .drawer,.admin-bar .shop-side.on{top:32px;height:calc(100% - 32px)}
@media (max-width:782px){.admin-bar .drawer,.admin-bar .shop-side.on{top:46px;height:calc(100% - 46px)}}
/* Scroll rows (carousels, hscroll rows, tabs) must never widen the page on phones:
   Chrome's mobile layout viewport otherwise grows to fit their scroll content. */
.track,.hscroll,.tabs{contain:paint;min-width:0}
/* Phone header: one compact row (menu, logo, icons) even with a long site name. */
@media (max-width:991px){
  .hmain>.wrap{flex-wrap:nowrap}
  .hmain .logo{min-width:0;flex:1 1 auto}
  .hmain .logo>span:not(.logo-mark){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hmain .logo small{display:none}
  .hmain .hicons{flex:none}
}
@media (hover:none){.pv-main .hint{display:none}}
/* Long menus (many or long category names) wrap to a second row instead of breaking words or running into the hotline. */
.mainnav{min-width:0;flex:1 1 auto}
.mainnav>.menu{flex-wrap:wrap;column-gap:24px;row-gap:0}
.mainnav>.menu>li>a{white-space:nowrap;min-height:44px}
.hotline{flex:none}
.hsearch input{text-overflow:ellipsis;min-width:0}

/* ================================================================
   Header builder: layouts, search styles, icon styles, nav bar,
   cart styles, top bar styles, floating cart, header over hero.
   Body classes: hl-<layout> srch-<style> hic-<style> nav-<align>
   nav-bar nav-normal cat-<style> hdr-dark hdr-over
   ================================================================ */
.hicon .hi-ic{position:relative;display:grid;place-items:center}
.hi-l{white-space:nowrap}
.hic-stack .hicons{gap:22px}
.hic-stack .hicon{flex-direction:column;gap:4px;font-size:11px;font-weight:600;line-height:1.1}
.hic-stack .hicon svg.i,.hic-plain .hicon svg.i{width:22px;height:22px}
.hic-plain .hicons{gap:18px}
.hic-side .h-link{font-size:13px;font-weight:600}
.hic-side .h-link .hi-l{margin-left:2px}
.hicon .hi-ic .cnt{top:-8px;left:auto;right:-10px}
/* Login variants */
.h-login{gap:7px;font-size:13px;font-weight:600;white-space:nowrap}
.h-login svg.i{width:18px;height:18px}
.h-login-text{font-size:12px;text-transform:uppercase;letter-spacing:.02em}
.h-login-pill{background:var(--pri);color:var(--pri-ink);padding:9px 18px;border-radius:999px}
.h-login-pill:hover{filter:brightness(.92)}
.h-login-outline{border:1px solid var(--line);padding:8px 16px;border-radius:999px}
.h-login-outline:hover{border-color:var(--pri);color:var(--pri)}
/* Cart variants */
.cart-icon,.cart-stack,.cart-text{padding:0;background:none;border:0;border-radius:0;gap:10px}
.cart-icon:hover,.cart-stack:hover,.cart-text:hover{background:none;box-shadow:none;border:0}
.cart-icon .cb-ic,.cart-stack .cb-ic,.cart-text .cb-ic,.cart-dark .cb-ic{width:auto;height:auto;background:none;color:inherit;box-shadow:none;border-radius:0}
.cart-icon .cb-ic svg.i,.cart-stack .cb-ic svg.i,.cart-text .cb-ic svg.i{width:24px;height:24px}
.hic-stack .cart-stack .cb-ic svg.i{width:22px;height:22px}
.cart-icon .cb-cnt,.cart-stack .cb-cnt,.cart-text .cb-cnt{top:-8px;right:-10px;min-width:18px;height:18px;font-size:10px;background:var(--pri);color:var(--pri-ink)}
.cart-stack{flex-direction:column;gap:4px;font-size:11px;font-weight:600;line-height:1.1}
.cart-text .cb-txt{flex-direction:column-reverse}
.cart-text .cb-txt b{font-size:14px}
.cart-text .cb-txt small{font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}
.cart-dark{background:#111;color:#fff;border:0;padding:8px 16px 8px 14px;gap:8px}
.cart-dark:hover{background:#000;border:0;box-shadow:none}
.cart-dark .cb-ic{color:#fff}
.cart-dark .cb-ic svg.i{width:18px;height:18px}
.cart-dark .cb-cnt{top:-12px;right:-10px;min-width:17px;height:17px;font-size:10px;box-shadow:0 0 0 2px #111}
.cart-dark .cb-txt small{display:none}
.cart-dark .cb-txt b{color:#fff;font-size:13px}
/* Search variants */
.hsearch>button.has-txt{gap:8px;padding:0 22px;font-weight:600;font-size:14px}
.hsearch>button.has-txt svg.i{width:16px;height:16px}
body.srch-soft .hsearch{border:0;background:color-mix(in srgb,var(--ink) 6%,var(--bg));border-radius:8px}
body.srch-soft .hsearch>button{background:none;color:var(--ink);padding:0 16px}
body.srch-soft .hsearch input{padding:11px 16px}
body.srch-round .hsearch{border-radius:999px;border-width:1.5px;padding:3px}
body.srch-round .hsearch>button{border-radius:50%;width:40px;height:40px;padding:0;align-self:center}
body.srch-round .scat{order:2}
body.srch-round .scat::after{left:0;right:auto}
body.srch-round .scat-btn{min-width:0;padding:0 14px;border-radius:0}
body.srch-round .scat-l small{display:none}
body.srch-round .scat-l span{font-weight:500;font-size:12px}
body.srch-text .hsearch{border:1px solid var(--line);border-radius:6px;padding:3px}
body.srch-text .hsearch>button{border-radius:5px}
body.srch-line .hsearch{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
body.srch-line .hsearch>button{background:none;color:var(--ink)}
body.srch-icon .h-srch-d{display:flex}
body.srch-icon .hmain .hsearch{display:none}
@media (min-width:992px){
  body.srch-icon .hmain .hsearch{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);width:min(760px,calc(100% - 32px));max-width:none;box-shadow:var(--sh-pop);z-index:72;background:var(--surface)}
  body.srch-icon.srch-open .hmain .hsearch{display:flex;animation:pop .2s}
  .hmain{position:relative}
}
/* Layout: wide / simple with the hotline in the main row */
.hotline-main{margin-left:0;color:var(--ink-2)}
.hotline-main svg.i{width:30px;height:30px;stroke-width:1.5;color:var(--ink)}
.hotline-main b{font-size:14px}
/* Layout: center (search or search icon | logo | icons) */
body.hl-center .hmain .wrap{display:grid;grid-template-columns:1fr auto 1fr}
body.hl-center .hc-l{grid-column:1;display:flex;align-items:center;min-width:0}
body.hl-center .hc-l .hsearch{max-width:420px;flex:1}
body.hl-center .hmain .logo{grid-column:2;justify-content:center}
body.hl-center .hicons{grid-column:3;justify-content:flex-end}
body.hl-center .hicons .h-srch-d{display:none}
body.hl-center .h-srch-l{display:flex}
/* Layout: inline (logo | nav | search | icons) */
body.hl-inline .hmain .wrap{gap:32px}
body.hl-inline .hmain .mainnav{flex:1 1 auto}
body.hl-inline .hmain .hsearch{flex:0 1 300px}
body.hl-inline .hmain .hicons{margin-left:0}
/* Layout: split (nav | logo | icons) */
body.hl-split .hmain .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
body.hl-split .hmain .mainnav{grid-column:1;grid-row:1}
body.hl-split .hmain .logo{grid-column:2;grid-row:1;justify-content:center}
body.hl-split .hmain .hicons{grid-column:3;grid-row:1;justify-content:flex-end}
/* Layout: navtop (logo | nav | links  +  categories | search | hotline | icons) */
body.hl-navtop .hmain .mainnav{flex:1 1 auto}
body.hl-navtop .hmain .wrap{min-height:72px}
body.hl-navtop .hnav-tools .wrap{min-height:64px;gap:22px}
body.hl-navtop .hnav-tools .hsearch{flex:1;max-width:none}
body.hl-navtop .hnav-tools .catbtn{align-self:stretch}
/* Nav row */
body.nav-center .hnav .wrap,body.nav-center .hmain .mainnav{justify-content:center}
body.nav-center .hnav .mainnav{flex:0 1 auto}
body.nav-center .mainnav>.menu{justify-content:center}
body.nav-right .mainnav>.menu{justify-content:flex-end}
body.nav-normal .menu{text-transform:none;font-weight:500;font-size:14px}
body.nav-light .menu{font-weight:400;letter-spacing:.06em}
body.nav-bar .hnav{background:var(--nav-bg);color:var(--nav-ink);border:0}
body.nav-bar .hnav .menu a:hover,body.nav-bar .hnav .menu a.on{color:var(--nav-ink);opacity:.8}
body.nav-bar .hnav .hotline,body.nav-bar .hnav .hotline b{color:var(--nav-ink)}
body.nav-bar .hnav .wrap{min-height:48px}
body.nav-bar .hnav .menu .chev,body.nav-bar .hnav .menu svg.i{color:inherit}
.nav-cta{display:inline-flex;align-items:center;gap:6px;border:1px solid currentColor;border-radius:6px;padding:6px 12px;font-family:var(--font-h);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex:none}
.nav-cta svg.i{width:14px;height:14px}
.nav-cta:hover{background:rgba(255,255,255,.12)}
.hmain .nav-cta{border:0;padding:0;color:var(--pri)}
.nav-icons{display:flex;align-items:center;gap:20px;flex:none}
.nav-icons .hicon{gap:7px;font-family:var(--font-h);font-size:12px;font-weight:600;text-transform:uppercase}
.nav-icons .hicon svg.i{width:19px;height:19px}
.nav-icons .hicon .cnt{top:-7px;right:-9px}
body.ni-outline .nav-icons .hicon{border:1px solid var(--line);border-radius:999px;padding:7px 16px;text-transform:none;font-size:13px;font-weight:500}
body.ni-outline .nav-icons .hicon .cnt{display:none}
.nav-icons .h-login-text svg.i{display:none}
/* Account / wishlist / compare as round buttons beside the cart; the menu row ends with an editable button */
body.ni-top .hicons>.hicon.h-acc,body.ni-top .hicons>.hicon.h-wl,body.ni-top .hicons>.hicon.h-cmp{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--soft);justify-content:center;gap:0;transition:background .25s,border-color .25s,box-shadow .25s}
body.ni-top .hicons>.hicon.h-acc:hover,body.ni-top .hicons>.hicon.h-wl:hover,body.ni-top .hicons>.hicon.h-cmp:hover{background:var(--surface);border-color:var(--pri);box-shadow:0 8px 22px -10px var(--pri)}
body.ni-top .hicons>.hicon.h-acc svg.i,body.ni-top .hicons>.hicon.h-wl svg.i,body.ni-top .hicons>.hicon.h-cmp svg.i{width:19px;height:19px}
body.ni-top .hicons>.hicon.h-acc .hi-l,body.ni-top .hicons>.hicon.h-wl .hi-l,body.ni-top .hicons>.hicon.h-cmp .hi-l{display:none}
body.ni-top .hicons .hicon .hi-ic{position:static}
body.ni-top .hicons>.hicon .cnt{top:-6px;right:-6px;left:auto}
body.ni-top .hicons{gap:12px}
body.ni-top .hmain .hsearch{max-width:none}
body.ni-top .hicons>.hicon.h-acc,body.ni-top .hicons>.hicon.h-wl,body.ni-top .hicons>.hicon.h-cmp{height:46px}
body.ni-top .hicons>.hicon.h-wl,body.ni-top .hicons>.hicon.h-cmp{width:46px}
body.ni-top.hic-circle .hicons>.hicon.h-wl,body.ni-top.hic-circle .hicons>.hicon.h-cmp{width:46px;height:46px}
body.ni-top .hicons>.cartbtn.cart-pill{padding:4px 20px 4px 4px;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:999px}
body.ni-top .cart-pill .cb-ic{width:38px;height:38px;background:var(--pri);color:var(--pri-ink);box-shadow:0 6px 14px -6px var(--pri)}
body.ni-top .cart-pill .cb-ic svg.i{width:19px;height:19px}
body.ni-top .cart-pill .cb-cnt{top:-6px;right:-8px;min-width:19px;height:19px;font-size:10px;background:var(--sale);color:#fff;box-shadow:0 0 0 2px var(--soft)}
body.ni-top .cart-pill .cb-txt,body.ni-top .cart-pill .cb-txt *{white-space:nowrap}
body.ni-top .hmain .hsearch{min-width:0}
body.ni-top .cart-pill .cb-txt small{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}
body.ni-top .cart-pill .cb-txt b{font-size:13px;font-weight:700}
body.ni-top .cartbtn.cart-pill:hover{border-color:var(--pri);background:var(--surface)}
body.ni-top .hicons>.hicon.h-acc-pill,body.ni-top.hic-circle .hicons>.hicon.h-acc-pill{width:auto!important;border-radius:999px!important;padding:0 20px 0 14px;gap:10px;justify-content:flex-start;white-space:nowrap}
body.ni-top .hicons>.hicon.h-acc-pill .ha-t{display:flex;flex-direction:column;line-height:1.15;text-align:left}
body.ni-top .hicons>.hicon.h-acc-pill small{font-size:11px;color:var(--ink-2);font-weight:500}
body.ni-top .hicons>.hicon.h-acc-pill b{font-size:13px;font-weight:700}
body.ni-top .hnav .nav-cta{margin-left:auto;background:var(--pri);color:var(--pri-ink);border:0;border-radius:999px;padding:11px 22px;font-size:13px;box-shadow:0 8px 18px -10px var(--pri);transition:transform .2s,box-shadow .2s}
body.ni-top .hnav .nav-cta:hover{background:var(--pri);transform:translateY(-1px);box-shadow:0 12px 22px -10px var(--pri)}
/* Categories button styles */
body.cat-pill .hnav .catbtn{align-self:center}
body.cat-pill .catbtn>button{border-radius:999px;min-width:0;padding:11px 22px;text-transform:none;font-size:14px}
body.cat-pill .catbtn>button .chev{margin-left:4px}
body.cat-pill .mega{top:calc(100% + 8px);border-radius:var(--rad)}
body.cat-outline .catbtn>button{background:none;color:var(--ink);box-shadow:inset -1px 0 0 var(--line),inset 1px 0 0 var(--line)}
/* Dark / coloured main header (option header_bg) */
body.hdr-dark .site-head{background:var(--hdr-bg);color:var(--hdr-ink);--ink:var(--hdr-ink);--ink-2:var(--hdr-ink-2);--line:rgba(255,255,255,.16);--soft:rgba(255,255,255,.08)}
body.hdr-dark .site-head .hsearch,body.hdr-dark .site-head .scat-menu,body.hdr-dark .site-head .mega,body.hdr-dark .site-head .sresults,body.hdr-dark .site-head .sub{--ink:#1b1b1b;--ink-2:#6b6b6b;--line:#e6e6e6;--soft:#f3f3f3;color:#1b1b1b}
body.hdr-dark .site-head .hsearch{background:#fff}
body.hdr-dark.hdr-dark-main .hnav{background:var(--bg);color:var(--page-ink,#1b1b1b);--ink:var(--page-ink,#1b1b1b);--line:#e6e6e6}
/* Header over the hero (home page only) */
@media (min-width:992px){
  body.hdr-over .site-head{position:fixed;left:0;right:0;top:0;background:transparent;transition:background .3s,box-shadow .3s}
  body.admin-bar.hdr-over .site-head{top:32px}
  body.hdr-over .site-head .hmain .wrap{min-height:96px}
  body.hdr-over.scrolled .site-head{background:var(--bg);box-shadow:var(--shadow)}
  body.hdr-over.scrolled .site-head .hmain .wrap{min-height:72px}
  body.hdr-over #dt-main>.dt-page>section:first-child,body.hdr-over #dt-main>section:first-child{padding-top:0}
}
/* Top bar styles */
.tb-center .wrap{justify-content:center;text-align:center}
.tb-center nav,.tb-center .tb-r:empty{display:none}
.tb-center #topMsg{letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.tb-marquee .wrap{display:flex;align-items:center;gap:0;min-height:34px;flex-wrap:nowrap;overflow:hidden}
.tb-tag{flex:none;display:flex;align-items:center;gap:6px;background:var(--tag-bg,#5b2bbd);color:#fff;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:0 14px;align-self:stretch;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-right:22px}
.tb-tag svg.i{width:13px;height:13px}
.tb-run{flex:1;overflow:hidden;min-width:0}
.tb-track{display:flex;width:max-content;animation:tbrun 38s linear infinite}
.tb-track span{padding-right:80px;white-space:nowrap;font-size:12px}
.tb-run:hover .tb-track{animation-play-state:paused}
@keyframes tbrun{to{transform:translateX(-50%)}}
/* Floating cart (side tab) */
.fcart{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:88;width:76px;border-radius:8px 0 0 8px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.15);text-align:center;font-size:11px}
.fcart .fc-t{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--pri);color:var(--pri-ink);padding:10px 4px 8px}
.fcart .fc-t svg.i{width:20px;height:20px}
.fcart b{display:block;background:var(--surface);color:var(--pri);padding:6px 2px;font-size:12px;font-family:var(--font-h)}
/* Phones: one compact row (menu, logo, icons) whatever the desktop layout is */
@media (max-width:991px){
  body.hl-center .hmain .wrap,body.hl-split .hmain .wrap{display:flex}
  .hmain .mainnav,.hmain .nav-cta,.hmain .nav-icons,.hotline-main,.hc-l,.h-srch-l{display:none!important}
  .hi-l,.cb-l,.h-link,.h-login span{display:none}
  .hic-stack .hicons{gap:16px}
  .hicon .hi-ic .cnt{right:-8px}
  .cart-dark{background:none;color:inherit;padding:0}
  .cart-dark .cb-ic{color:inherit}
  .cart-dark .cb-ic svg.i{width:24px;height:24px}
  .cart-dark .cb-cnt{box-shadow:0 0 0 2px var(--bg)}
  .cart-text .cb-txt{display:none}
  body.srch-icon .msearch{display:none}
  body.srch-icon.srch-open .msearch{display:block}
  body.srch-icon .msearch .hsearch{display:flex}
  body.srch-icon .hicons .h-srch{display:flex}
  .fcart{display:none}
  body.hdr-dark .msearch{background:var(--hdr-bg)}
}

/* ================================================================
   Product card styles (body.card-<style>)
   outline  Ghorer Bazar / Tawraa   duo     Skinpro (View details + Buy now)
   bazar    dBazar (sold bar + order + cart icon)   boutique  Tahoor
   edc      WoodMart EDC (title on top)   brand  CTD (brand label)
   sale     Falaq (sale border, round badge)   center  WoodMart classic
   tile     Fabrilife (image tiles, price chip)
   ================================================================ */
.cats-l{font-size:12px;color:var(--ink-2);line-height:1.5}
.price-rev .price:has(del),.card .price.rev:has(del){display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:6px}
/* outline */
body.card-outline .card{border:1px solid var(--line);border-radius:var(--rad);padding:10px 10px 12px}
body.card-outline .card:hover{transform:none;box-shadow:0 8px 22px -10px rgba(0,0,0,.18)}
body.card-outline .card .img{background:transparent}
body.card-outline .acts{display:none}
body.card-outline .badges{left:auto;right:8px;top:8px}
body.card-outline .badge.sale{background:var(--ok);text-transform:none}
body.card-outline .card h3{font-weight:500;font-size:14px}
body.card-outline .card .price:has(del){display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:6px}
body.card-outline .card .price del{margin:0}
body.card-outline .foot .qty,body.card-outline .foot .order{display:none!important}
body.card-outline .foot .atc{background:transparent;color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri);height:38px;font-weight:600;text-transform:none;font-size:13px}
body.card-outline .foot .atc:hover{background:var(--pri);color:var(--pri-ink);filter:none}
/* duo */
body.card-duo .card{border:1px solid var(--line);border-radius:var(--rad);padding:12px;text-align:center}
body.card-duo .card:hover{transform:none}
body.card-duo .card .body{align-items:center}
body.card-duo .card .img{background:transparent}
body.card-duo .acts,body.card-duo .card .cat-l{display:none}
body.card-duo .card .price{font-size:17px;font-weight:700}
body.card-duo .foot{flex-direction:column;gap:7px;width:100%}
body.card-duo .foot .qty,body.card-duo .foot .atc{display:none}
body.card-duo .foot .btn{flex:none;width:100%;height:36px;border-radius:4px;text-transform:none;font-weight:600;font-size:13px;gap:6px}
body.card-duo .foot .view{background:var(--pri);color:var(--pri-ink)}
body.card-duo .foot .order{display:inline-flex!important;background:#141414;color:#fff}
/* bazar */
body.card-bazar .card{border:0;border-radius:10px;padding:8px 8px 10px;background:var(--surface)}
body.card-bazar .card:hover{transform:translateY(-2px)}
body.card-bazar .card .body{align-items:center;text-align:center;gap:6px}
body.card-bazar .acts,body.card-bazar .card .cat-l,body.card-bazar .card .stars{display:none}
body.card-bazar .card h3{font-weight:500;font-size:13px}
body.card-bazar .card .price{font-size:15px;font-weight:700;color:var(--sale)}
body.card-bazar .stock{width:100%;font-size:11px;text-align:center}
body.card-bazar .stock .bar{height:5px;background:#fde0d4}
body.card-bazar .stock .bar i{background:var(--pri)}
body.card-bazar .foot{width:100%;gap:6px;padding-top:6px}
body.card-bazar .foot .qty{display:none}
body.card-bazar .foot .order{display:inline-flex!important;order:-1;flex:1;background:var(--pri);color:var(--pri-ink);border-radius:6px;text-transform:none;font-size:12px}
body.card-bazar .foot .atc{flex:0 0 40px;padding:0;background:transparent;color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri);border-radius:6px}
body.card-bazar .foot .atc span{display:none}
body.card-bazar .foot .atc svg.i{display:block!important}
body.card-bazar .badge.sale{border-radius:999px}
/* boutique */
body.card-boutique .card{padding:0;border:0;border-radius:0;background:transparent}
body.card-boutique .card:hover{box-shadow:none;transform:none}
body.card-boutique .card .img{border-radius:0}
body.card-boutique .acts button:not([data-act="wish"]){display:none}
body.card-boutique .acts button{background:transparent;box-shadow:none;opacity:1!important;transform:none!important;color:var(--ink)}
body.card-boutique .acts button:hover{background:transparent;color:var(--sale)}
body.card-boutique .acts svg.i{width:20px;height:20px}
body.card-boutique .img-atc{display:flex!important;left:6px;bottom:6px;right:auto;width:40px;height:40px;padding:0;font-size:0;gap:0;opacity:1!important;transform:none!important;background:transparent;box-shadow:none;color:var(--ink)}
body.card-boutique .img-atc svg.i{width:22px!important;height:22px!important}
body.card-boutique .foot,body.card-boutique .card .cat-l,body.card-boutique .card .stars{display:none!important}
body.card-boutique .card .body{padding:12px 2px 0;gap:6px}
body.card-boutique .card h3{font-family:var(--font-b);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
body.card-boutique .card .price{font-family:var(--font-b);font-size:13px;font-weight:500;color:var(--ink)}
/* edc */
body.card-edc .card{border-radius:16px;padding:18px 18px 16px;background:var(--surface);border:0}
body.card-edc .card:hover{transform:none;box-shadow:0 10px 30px -14px rgba(0,0,0,.25)}
body.card-edc .card .body{display:contents}
body.card-edc .card h3{order:1;font-size:15px}
body.card-edc .card .stars{order:2;margin-top:4px}
body.card-edc .card .cat-l,body.card-edc .card .lst{display:none}
body.card-edc .card .img{order:3;margin:14px 0 12px;background:transparent}
body.card-edc .card .sw{order:4;margin-bottom:6px}
body.card-edc .card .price{order:5;margin-top:auto;color:var(--ink);font-size:15px}
body.card-edc .card .foot,body.card-edc .card .stock{order:6}
body.card-edc .acts{top:60px;right:16px}
body.card-edc .badges{top:auto;bottom:8px;left:auto;right:8px}
body.card-edc .badge{background:#141414;border-radius:999px}
/* brand */
body.card-brand .card{border:1px solid var(--line);border-radius:14px;padding:10px 10px 16px}
body.card-brand .card:hover{transform:none;border-color:var(--line)}
body.card-brand .card .img{border-radius:10px}
body.card-brand .card .cat-l{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-top:6px}
body.card-brand .card h3{font-weight:600;font-size:13px}
body.card-brand .card .price{font-size:17px;font-weight:800;color:var(--ink);margin-top:6px}
body.card-brand .badge.sale{background:var(--pri);border-radius:999px}
/* sale */
body.card-sale .card{padding:0;border:0;border-radius:0;background:transparent}
body.card-sale .card:hover{transform:none;box-shadow:none}
body.card-sale .card .img{border-radius:0}
body.card-sale .card.is-sale .img{outline:1.5px solid var(--sale);outline-offset:-1.5px}
body.card-sale .badge.sale{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding:0;font-size:11px;text-transform:none}
body.card-sale .card .cat-l{display:none}
body.card-sale .card h3{font-weight:400;font-size:14px;line-height:1.45}
body.card-sale .card .price{font-size:14px;color:var(--ink)}
body.card-sale .card .body{gap:4px}
/* center */
body.card-center .card{padding:0 0 12px;border:0;border-radius:0;background:transparent}
body.card-center .card:hover{box-shadow:none;transform:none}
body.card-center .card .body{align-items:center;text-align:center;padding-top:14px}
body.card-center .card .img{border-radius:var(--rad)}
body.card-center .card h3{order:1;font-size:13px;font-weight:600}
body.card-center .card .cat-l{order:2;font-size:12px}
body.card-center .card .stars{order:3}
body.card-center .card .sw{order:4;justify-content:center}
body.card-center .card .price{order:5;font-size:14px}
body.card-center .card .lst{display:none}
/* tile */
body.card-tile .card{padding:0;border:0;border-radius:0;background:transparent}
body.card-tile .card:hover{box-shadow:none;transform:none}
body.card-tile .card .img{border-radius:0}
body.card-tile .card .body{position:absolute;left:8px;bottom:8px;padding:0;z-index:3;pointer-events:none}
body.card-tile .card .body>:not(.price){display:none!important}
body.card-tile .card .price{background:rgba(255,255,255,.92);color:var(--ink);padding:2px 8px;border-radius:3px;font-size:12px;font-weight:600}
body.card-tile .img-atc,body.card-tile .card .foot,body.card-tile .card .badges{display:none!important}

/* ================================================================
   Section heading styles (body.hs-<style>)
   center  centered title          caps   centered uppercase light (Tahoor)
   line    title + rule + accent   bar    gradient bar + pill link (Skinpro)
   side    left bar + pill link    banner tinted band, centered (Fabrilife)
   ================================================================ */
body.hs-center .shead,body.hs-caps .shead{flex-direction:column;justify-content:center;text-align:center;gap:12px}
body.hs-center .shead h2{font-size:30px;font-weight:600}
body.hs-caps .shead h2{font-size:21px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
body.hs-center .shead .more,body.hs-caps .shead .more,body.hs-center .shead .arrows,body.hs-caps .shead .arrows{margin-left:0!important}
body.hs-center .shead .arrows,body.hs-caps .shead .arrows{display:none}
body.hs-center .shead .tabs button,body.hs-caps .shead .tabs button{background:none;border-radius:0;padding:6px 2px;margin:0 10px;text-transform:uppercase;font-size:13px}
body.hs-center .shead .tabs button.on,body.hs-caps .shead .tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
body.hs-line .shead{border-bottom:1px solid var(--line);padding-bottom:12px;gap:18px}
body.hs-line .shead h2{position:relative;font-size:20px;font-weight:600}
body.hs-line .shead h2::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--pri)}
body.hs-line .shead .more{color:var(--pri);font-size:12px}
body.hs-line .shead .tabs button{background:none;padding:4px 6px;text-transform:uppercase;font-size:12px}
body.hs-line .shead .tabs button.on{color:var(--pri)}
body.hs-bar .shead{background:linear-gradient(90deg,color-mix(in srgb,var(--pri) 22%,#fff),#fff 85%);padding:12px 12px 12px 18px;border-radius:var(--rad)}
body.hs-bar .shead h2{font-size:20px}
body.hs-bar .shead .more{background:var(--pri);color:var(--pri-ink);padding:7px 16px;border-radius:999px;text-transform:none;font-size:13px}
body.hs-bar .shead .more svg{display:none}
body.hs-side .shead{border-bottom:1px solid var(--line);padding-bottom:12px;gap:14px}
body.hs-side .shead h2{font-size:18px;font-weight:700;border-left:4px solid var(--pri);padding-left:10px;line-height:1.2;order:0}
body.hs-side .shead .more{order:1}
body.hs-side .shead .tabs{order:2}
body.hs-side .shead .more{margin-left:0;border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:11px;text-transform:none;font-weight:600}
body.hs-side .shead .arrows{margin-left:auto!important;order:3}
body.hs-banner .shead{background:var(--soft);justify-content:center;padding:18px;border-radius:0}
body.hs-banner .shead h2{color:var(--pri);text-transform:uppercase;font-size:26px;font-weight:500;letter-spacing:.02em}
body.hs-banner .shead .more{position:absolute;right:18px}
body.hs-banner .shead{position:relative}
body.hs-banner .shead .arrows{display:none}
@media (max-width:640px){
  body.hs-center .shead h2{font-size:22px}
  body.hs-banner .shead h2{font-size:20px}
  body.hs-banner .shead .more{position:static}
  body.hs-bar .shead h2,body.hs-line .shead h2{font-size:17px}
}

@media (max-width:991px){.logo-img{max-height:calc(var(--logo-h,56px) * .78);height:calc(var(--logo-h,56px) * .78);max-width:52vw}}
footer .logo-img{height:calc(var(--logo-h,56px) * .9);max-height:calc(var(--logo-h,56px) * .9)}
.flogo-white{filter:brightness(0) invert(1)}
.flogo-black{filter:brightness(0)}
/* Heading style: under (title left, short underline below; Falaq) */
body.hs-under .shead{flex-wrap:wrap;margin-bottom:24px}
body.hs-under .shead h2{position:relative;font-size:30px;font-weight:400;padding-bottom:12px}
body.hs-under .shead h2::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--line);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
@media (max-width:640px){body.hs-under .shead h2{font-size:22px}}
/* Header extras: link buttons, icon dividers, circle icons, dark search button, cart in the menu row */
.h-btn{background:var(--pri);color:var(--pri-ink);padding:10px 18px;border-radius:6px;font-family:var(--font-h);font-size:13px;font-weight:600;white-space:nowrap}
.h-btn:hover{filter:brightness(.93)}
body.hic-div .hicons{gap:0}
body.hic-div .hicons>.hicon,body.hic-div .hicons>.cartbtn{padding:0 18px}
body.hic-div .hicons>*+*{box-shadow:inset 1px 0 0 var(--line)}
body.hic-div .hicons>.h-srch:not(.h-srch-d),body.hic-div .hicons>.h-macc{box-shadow:none;padding:0 8px}
body.hic-circle .hicons>.hicon:not(.h-btn):not(.h-link),body.hic-circle .cart-icon .cb-ic{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);justify-content:center}
body.hic-circle .hicon svg.i,body.hic-circle .cart-icon .cb-ic svg.i{width:19px;height:19px}
body.hic-circle .cart-icon .cb-cnt{top:-6px;right:-6px}
body.hic-circle .hicons{gap:10px}
body.srch-dark .hsearch>button{background:#141414;color:#fff}
body.srch-text .hsearch>button{border-radius:5px}
.h-mcart{display:none}
.hnav .cartbtn{margin-left:auto;flex:none}
.hnav .mainnav+.cartbtn,.hnav .nav-icons+.cartbtn{margin-left:0}
@media (max-width:991px){.h-mcart{display:flex}.h-btn{display:none}}
/* Categories menu kept open on the home page (Black Friday) */
@media (min-width:992px){
  body.cats-open:not(.scrolled) .hnav .catbtn .mega{opacity:1;visibility:visible;transform:none;border:1px solid var(--line);border-top:0;box-shadow:none;border-radius:0}
  body.cats-open .hnav .catbtn{z-index:40}
  body.cats-open section.dtb-left-space>.wrap{padding-left:calc(250px + var(--dt-gap) + max(16px,env(safe-area-inset-left,0px)))}
}
/* Top bar: message left, links right (CTD) */
.tb-left .wrap>span:first-child,.tb-left .wrap>nav{display:none}
.tb-left #topMsg{margin-right:auto;display:flex;align-items:center;gap:8px}
.tb-pill{background:var(--pri);color:var(--pri-ink)!important;border-radius:999px;padding:2px 10px;font-weight:600;font-size:11px}
.tbar .tb-sep{opacity:.35;margin:0 10px}
body.hs-upper .shead h2{text-transform:uppercase;letter-spacing:.01em}
body.hs-upper.hs-line .shead h2{font-size:18px}
/* Centred section titles keep their carousel arrows, at the right */
body.hs-center .shead,body.hs-caps .shead{position:relative}
body.hs-center .shead .arrows,body.hs-caps .shead .arrows{display:flex!important;position:absolute;right:0;top:50%;transform:translateY(-50%)}
@media (max-width:640px){body.hs-center .shead .arrows,body.hs-caps .shead .arrows{display:none!important}}
footer .fbot{border-top-color:color-mix(in srgb,var(--foot-strong,#fff) 10%,transparent)}
body.card-boutique .card .badges{display:none}
.dtb-fs-divided .dtb-feat{border-radius:0}
body.card-sale .badge:not(.sale){display:none}
body.no-badges .card .badges{display:none}
.hsearch>button.has-txt{display:flex;align-items:center}
body.hl-split .hmain .mainnav>.menu{flex-wrap:nowrap;column-gap:20px}
@media (max-width:991px){
  .hmain .logo{overflow:hidden}
  .hmain .logo-img{max-width:100%;width:auto;object-fit:contain;object-position:left center}
}

/* ==========================================================================
   Theme Options controls (WoodMart-style): styles, page title, footer, loop,
   shop, single product, blog, thank you, maintenance, preloader.
   Defaults leave the look unchanged; each class below comes from one option.
   ========================================================================== */
/* Buttons */
.btn:not(.ghost):not(.dark):not(.order){background:var(--btn-bg,var(--pri));color:var(--btn-ink,var(--pri-ink))}
.btn:not(.ghost):not(.dark):not(.order):hover{background:var(--btn-hover,var(--btn-bg,var(--pri)))}
body.btn-round .btn,body.btn-round .button,body.btn-round button.single_add_to_cart_button,body.btn-round .dt-buy-now{border-radius:999px!important}
body.btn-flat .btn,body.btn-flat .button,body.btn-flat button.single_add_to_cart_button,body.btn-flat .dt-buy-now{border-radius:0!important}
body.btn-3d .btn:not(.ghost),body.btn-3d .button,body.btn-3d .dt-buy-now{box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
body.btn-3d .btn:not(.ghost):active,body.btn-3d .button:active{box-shadow:inset 0 -1px 0 rgba(0,0,0,.18);transform:translateY(1px)}
body.btnc-normal .btn,body.btnc-normal .button,body.btnc-normal .dt-buy-now{text-transform:none;letter-spacing:0}
body.btnc-capitalize .btn,body.btnc-capitalize .button,body.btnc-capitalize .dt-buy-now{text-transform:capitalize;letter-spacing:0}
/* Forms */
.fld input,.fld textarea,.fld select,.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.search-form .search-field{border-width:var(--form-bw,1px);border-color:var(--form-line,var(--line));background-color:var(--form-bg,var(--bg))}
body.form-round .fld input,body.form-round .fld select,body.form-round .woocommerce input.input-text,body.form-round .woocommerce select,body.form-round .search-form .search-field{border-radius:999px!important}
body.form-round .fld textarea,body.form-round .woocommerce textarea{border-radius:18px!important}
body.form-square .fld input,body.form-square .fld textarea,body.form-square .fld select,body.form-square .woocommerce input.input-text,body.form-square .woocommerce textarea,body.form-square .woocommerce select,body.form-square .search-form .search-field{border-radius:0!important}
body.form-underlined .fld input,body.form-underlined .fld textarea,body.form-underlined .fld select,body.form-underlined .woocommerce input.input-text,body.form-underlined .woocommerce textarea,body.form-underlined .woocommerce select{border-radius:0!important;border-width:0 0 max(1px,var(--form-bw,1px))!important;background:transparent!important;padding-inline:2px!important;box-shadow:none!important}
/* Links */
.entry a,.article .entry a,.term-description a,.woocommerce-tabs .panel a{color:var(--link,inherit)}
body.lnk-hover .entry a:hover,body.lnk-hover .woocommerce-tabs .panel a:hover{text-decoration:underline;text-underline-offset:3px}
body.lnk-always .entry a,body.lnk-always .woocommerce-tabs .panel a{text-decoration:underline;text-underline-offset:3px}
/* Page title */
.phead{background-color:var(--pt-bg,var(--soft));background-image:var(--pt-img,none);background-size:cover;background-position:center}
body.pt-left .phead .wrap{justify-items:start;text-align:left}
body.pts-small .phead .wrap{padding-block:18px}
body.pts-small .phead h1{font-size:clamp(20px,2.2vw,26px)}
body.pts-large .phead .wrap{padding-block:clamp(50px,7vw,90px)}
body.pts-large .phead h1{font-size:clamp(28px,4vw,46px)}
body.ptc-light .phead,body.ptc-light .phead h1,body.ptc-light .phead .crumbs,body.ptc-light .phead .crumbs a,body.ptc-light .phead .crumbs b{color:#fff}
body.ptc-light .phead{border-bottom-color:transparent}
body.ptc-dark .phead,body.ptc-dark .phead h1,body.ptc-dark .phead .crumbs a,body.ptc-dark .phead .crumbs b{color:#111}
.phead-off{padding-top:18px}
.phead-off:not(:has(.crumbs)){padding-top:6px}
.pt-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
body.pt-left .pt-cats{justify-content:flex-start}
.pt-cats a{padding:6px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600;transition:.2s}
body.ptc-light .phead .pt-cats a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
body.ptc-light .phead .pt-cats a small{color:rgba(255,255,255,.7)}
body.ptc-light .phead .pt-cats a:hover,body.ptc-light .phead .pt-cats a.on{background:#fff;color:#111}
body.ptc-dark .phead .pt-cats a{color:#111}
@media (max-width:640px){.pt-cats{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;max-width:100%;scrollbar-width:none;padding-bottom:2px}.pt-cats a{flex:none}}
.pt-cats a small{color:var(--ink-2);font-weight:400;margin-left:2px}
.pt-cats a:hover,.pt-cats a.on{border-color:var(--pri);color:var(--pri)}
/* Footer layouts */
.site-footer.fl-equal .cols{grid-template-columns:repeat(calc(var(--fcols,4) + 1),minmax(0,1fr))}
.site-footer.fl-wide .cols{grid-template-columns:2fr 1fr 1fr}
.site-footer.fl-wide-left .cols{grid-template-columns:1fr 1fr 2fr}
.site-footer.fl-wide-left .cols>div:first-child{order:3}
.site-footer.fl-centered .cols{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.site-footer.fl-centered .cols>div:not(:first-child){display:none}
.site-footer.fl-centered .ci,.site-footer.fl-centered .fsocial{justify-content:center}
body.ftc-light .site-footer{--foot-ink:rgba(255,255,255,.72);--foot-strong:#fff}
body.ftc-dark .site-footer{--foot-ink:rgba(17,17,17,.7);--foot-strong:#111}
body.fso-square .fsocial a{border-radius:6px}
body.fso-plain .fsocial a{background:transparent;width:auto;padding:0 6px}
body.fso-plain .fsocial a:hover{background:transparent;color:var(--pri)}
.prefooter{border-top:1px solid var(--line);padding-block:30px;background:var(--soft)}
.fbot.fb-centered .wrap{flex-direction:column;justify-content:center;text-align:center}
.fbot .fright{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media (min-width:992px){
  body.f-sticky .dt-site-main{position:relative;z-index:1;background:var(--bg)}
  body.f-sticky .site-footer{position:sticky;bottom:0;z-index:0}
}
@media (max-width:991px){
  .site-footer.fl-wide .cols,.site-footer.fl-wide-left .cols,.site-footer.fl-equal .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .site-footer.fl-wide .cols,.site-footer.fl-wide-left .cols,.site-footer.fl-equal .cols{grid-template-columns:minmax(0,1fr)}
  body.f-open footer .cols>div:not(:first-child)>:not(h4){display:revert}
  body.f-open footer .cols>div:not(:first-child)>ul{display:grid;padding-bottom:12px}
  body.f-open footer .cols>div:not(:first-child)>h4{cursor:default}
  body.f-open footer .cols>div:not(:first-child)>h4::after{content:none}
}
/* Products loop */
body.tl-1 .card h3{-webkit-line-clamp:1}
body.tl-0 .card h3{display:block;-webkit-line-clamp:unset;overflow:visible}
body.no-hover-img .card .img .b{display:none}
.card{background-color:var(--card-bg,transparent)}
body.card-bordered .grid .card{border:1px solid var(--line);border-radius:var(--rad);padding:10px}
body.card-shadowed .grid .card{box-shadow:0 6px 24px rgba(0,0,0,.07);border-radius:var(--rad);padding:10px}
body.card-shadowed .grid .card:hover{box-shadow:0 10px 32px rgba(0,0,0,.11)}
body.no-card-cat .card .cat-l{display:none}
.card .sku-l{display:block;font-size:11px;color:var(--ink-2);letter-spacing:.03em}
.card .card-cd{margin-top:8px;gap:4px}
.card .card-cd div{padding:4px 2px}
.card .card-cd b{font-size:14px}
.card .card-cd span{font-size:9px;text-transform:uppercase}
/* Shop: columns on tablet / phone */
@media (max-width:991px){
  .shop-main .grid.products:not(.list){grid-template-columns:repeat(var(--shop-cols-t,3),minmax(0,1fr))}
}
@media (max-width:575px){
  .shop-main .grid.products:not(.list){grid-template-columns:repeat(var(--shop-cols-m,2),minmax(0,1fr))}
}
/* Shop sidebar position */
@media (min-width:992px){
  .shop.side-right{grid-template-columns:minmax(0,1fr) 270px}
  .shop.side-right>.shop-side{order:2}
  .shop.side-offcanvas{grid-template-columns:minmax(0,1fr)}
  .shop.side-offcanvas .fbtn{display:inline-flex}
  .shop.side-offcanvas .shop-side{position:fixed;left:0;top:0;bottom:0;width:min(340px,88%);background:var(--surface);z-index:210;padding:24px;overflow-y:auto;transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);align-content:start;box-shadow:var(--shadow)}
  .shop.side-offcanvas .shop-side.on{transform:none}
  .shop.side-offcanvas .side-head{display:flex}
}
.per-page{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--ink-2)}
.per-page a{padding:2px 4px;font-weight:600;color:var(--ink-2)}
.per-page a.on,.per-page a:hover{color:var(--ink)}
.shop-cats{margin-bottom:22px}
.dt-more{display:flex;justify-content:center;margin-top:30px}
.dt-more .btn{min-width:200px}
.dt-more.busy .btn{opacity:.6;pointer-events:none}
.dt-more[data-pager="infinite"] .btn{background:transparent;box-shadow:none;color:var(--ink-2)}
/* Filters: scroll + collapse */
body.sf-scroll .shop-side .flist,body.sf-scroll .shop-side .dt-fscroll,body.sf-scroll .shop-side .chips,body.sf-scroll .shop-side .dt-fsw,body.sf-scroll .shop-side .widget ul{max-height:var(--sf-h,280px);overflow-y:auto;scrollbar-width:thin}
.fbox.sf-coll>h4{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}
.fbox.sf-coll>h4::after{content:"+";font-weight:400;font-size:18px;color:var(--ink-2)}
.fbox.sf-coll.open>h4::after{content:"−"}
.fbox.sf-coll:not(.open)>h4{margin-bottom:0}
.fbox.sf-coll:not(.open)>:not(h4){display:none!important}
/* Single product layout */
@media (min-width:992px){
  body.pp-small .single-product-wrap div.product{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  body.pp-large .single-product-wrap div.product{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  body.pp-sticky .single-product-wrap div.product>.summary{position:sticky;top:calc(var(--sticky-h,90px) + 20px)}
}
body.pp-centered .single-product-wrap .summary{text-align:center;align-items:center}
body.pp-centered .single-product-wrap .summary form.cart,body.pp-centered .single-product-wrap .summary .woocommerce-product-rating{justify-content:center}
body.pp-shadow .single-product-wrap div.product>.summary{background:var(--surface);box-shadow:0 10px 40px rgba(0,0,0,.08);border-radius:calc(var(--rad) + 4px);padding:28px}
.pv-sold{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.pv-sold b{color:var(--sale)}
.atc-extra{font-size:13px;color:var(--ink-2)}
.atc-extra p{margin:0}
/* Gallery: left thumbnails (single page) */
@media (min-width:768px){
  body.gal-left .single-product-wrap .woocommerce-product-gallery:has(.flex-control-thumbs){display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start}
  body.gal-left .single-product-wrap .woocommerce-product-gallery .flex-viewport{grid-column:2;grid-row:1}
  body.gal-left .single-product-wrap .woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);margin:0;max-height:620px;overflow-y:auto;scrollbar-width:none}
}
@media (max-width:767px){
  body.gal-left:not(.gal-mb) .single-product-wrap .woocommerce-product-gallery:has(.flex-control-thumbs){display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px}
  body.gal-left:not(.gal-mb) .single-product-wrap .woocommerce-product-gallery .flex-viewport{grid-column:2;grid-row:1}
  body.gal-left:not(.gal-mb) .single-product-wrap .woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);margin:0}
}
/* Gallery: bottom thumbnails (popup) */
body.gal-bottom .pv-gal,body.gal-grid .pv-gal{grid-template-columns:minmax(0,1fr)}
body.gal-bottom .pv-thumbs,body.gal-grid .pv-thumbs{flex-direction:row;order:2;overflow-x:auto;scrollbar-width:none}
body.gal-bottom .pv-thumbs button,body.gal-grid .pv-thumbs button{width:72px;flex:none}
@media (max-width:991px){
  body.gal-left:not(.gal-mb) .pv-gal:not(.dt-one){grid-template-columns:60px minmax(0,1fr)}
  body.gal-left:not(.gal-mb) .pv-thumbs{flex-direction:column;order:0}
  body.gal-left:not(.gal-mb) .pv-thumbs button{width:auto}
}
/* Gallery: carousel (arrows, no thumbnails) */
body.gal-carousel .pv-gal{grid-template-columns:minmax(0,1fr)}
body.gal-carousel .pv-thumbs,body.gal-carousel .single-product-wrap .flex-control-thumbs{display:none!important}
body.gal-carousel .pv-main .gnav{opacity:1}
.single-product-wrap .flex-direction-nav{list-style:none;margin:0;padding:0}
.single-product-wrap .flex-direction-nav a{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow);font-size:0;display:grid;place-items:center}
.single-product-wrap .flex-direction-nav a::before{content:"";width:10px;height:10px;border:solid var(--ink);border-width:0 0 2px 2px;transform:rotate(45deg);margin-left:4px}
.single-product-wrap .flex-direction-nav .flex-next::before{transform:rotate(-135deg);margin:0 4px 0 0}
.single-product-wrap .flex-direction-nav .flex-prev{left:12px}
.single-product-wrap .flex-direction-nav .flex-next{right:12px}
.single-product-wrap .flex-direction-nav .flex-disabled{opacity:.3;pointer-events:none}
/* Gallery: grid (all images, no slider) */
body.gal-grid .single-product-wrap .woocommerce-product-gallery__wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.gal-grid .single-product-wrap .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:nth-child(n+2){display:block}
body.gal-grid .single-product-wrap .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:first-child{grid-column:1/-1}
body.gal-no-enlarge .woocommerce-product-gallery__trigger{display:none!important}
body.galc-none .pv-main{cursor:default}
body.galc-lightbox .pv-main{cursor:zoom-in}
/* Lightbox */
.dt-lb{position:fixed;inset:0;z-index:400;background:rgba(10,10,12,.92);display:grid;place-items:center;animation:tin .2s}
.dt-lb img{max-width:min(92vw,1400px);max-height:88vh;object-fit:contain;border-radius:4px}
.dt-lb button{position:absolute;color:#fff;background:rgba(255,255,255,.1);border:0;width:48px;height:48px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center}
.dt-lb button:hover{background:rgba(255,255,255,.2)}
.dt-lb .lb-x{top:16px;right:16px}
.dt-lb .lb-p{left:16px;top:50%;transform:translateY(-50%)}
.dt-lb .lb-n{right:16px;top:50%;transform:translateY(-50%)}
.dt-lb .lb-c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.75);font-size:13px}
/* Blog designs */
.posts.posts-grid,.posts.posts-mask{grid-template-columns:repeat(var(--blog-cols,3),minmax(0,1fr))}
.blog-layout .posts.posts-grid,.blog-layout .posts.posts-mask{grid-template-columns:repeat(min(var(--blog-cols,3),2),minmax(0,1fr))}
.posts.posts-list,.posts.posts-small,.posts.posts-classic{grid-template-columns:minmax(0,1fr)!important}
.bp-list{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:center}
.bp-list h3{margin-top:0}
.bp-small{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center}
.bp-small .pimg{aspect-ratio:1}
.bp-small .ptag,.bp-small .pdate{display:none}
.bp-small h3{margin:0 0 6px;font-size:16px}
.bp-mask{position:relative;border-radius:var(--rad);overflow:hidden}
.bp-mask .pimg{aspect-ratio:4/5;border-radius:0}
.bp-mask .pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.78))}
.bp-mask .pbody{position:absolute;left:0;right:0;bottom:0;padding:20px;color:#fff;pointer-events:none}
.bp-mask .pbody a{pointer-events:auto}
.bp-mask h3,.bp-mask h3 a{color:#fff}
.bp-mask p{color:rgba(255,255,255,.82)}
.bp-mask .rm{color:#fff}
.bp-classic .pimg{aspect-ratio:16/8}
.bp-classic h3{font-size:24px}
body.blog-bg .posts .bpost:not(.bp-mask){background:var(--surface);border-radius:calc(var(--rad) + 2px);overflow:hidden}
body.blog-bg .posts .bp-grid .pbody,body.blog-bg .posts .bp-classic .pbody{padding:0 16px 14px}
body.blog-bg .posts .bp-grid .pimg,body.blog-bg .posts .bp-classic .pimg{border-radius:0}
body.blog-bg .posts .bp-list .pbody,body.blog-bg .posts .bp-small .pbody{padding:14px 16px 14px 0}
body.blog-shadow .posts .bpost{box-shadow:0 8px 30px rgba(0,0,0,.07)}
.blog-layout.side-left{grid-template-columns:300px minmax(0,1fr)}
.blog-layout.side-left>.blog-side{order:-1}
.blog-main{min-width:0}
.ahero-large{position:relative;max-height:560px;overflow:hidden;margin-bottom:20px}
.ahero-large img{width:100%;height:clamp(300px,45vw,560px);object-fit:cover;display:block}
.ahero-large::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.65))}
.ahero-large .wrap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding-block:34px}
.ahero-large h1{color:#fff;font-size:clamp(26px,4vw,46px);max-width:900px}
.ahero-crumbs{margin-bottom:6px}
.ahero-crumbs .crumbs{justify-content:flex-start}
.abio{display:flex;gap:16px;align-items:center;background:var(--soft);border-radius:var(--rad);padding:20px}
.abio img{border-radius:50%;flex:none}
.abio p{margin:4px 0 0;font-size:14px}
@media (max-width:991px){
  .blog-layout.side-left{grid-template-columns:minmax(0,1fr)}
  .blog-layout.side-left>.blog-side{order:2}
  .posts.posts-grid,.posts.posts-mask{grid-template-columns:repeat(min(var(--blog-cols,3),2),minmax(0,1fr))}
}
@media (max-width:640px){
  .posts.posts-grid,.posts.posts-mask,.blog-layout .posts.posts-grid,.blog-layout .posts.posts-mask{grid-template-columns:repeat(var(--blog-cols-m,1),minmax(0,1fr))}
  .bp-list{grid-template-columns:minmax(0,1fr);gap:12px}
  .bp-small{grid-template-columns:96px minmax(0,1fr);gap:12px}
  body.blog-bg .posts .bp-list .pbody{padding:0 16px 14px}
}
/* Thank you page */
.ty-hero{text-align:center;display:grid;justify-items:center;gap:10px;padding:34px 20px 30px;margin-bottom:26px;background:var(--soft);border-radius:calc(var(--rad) + 6px)}
.ty-tick svg{width:68px;height:68px;fill:none;stroke:var(--ok,#16a34a);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ty-tick circle{stroke-dasharray:160;stroke-dashoffset:160;animation:tydraw .6s ease forwards}
.ty-tick path{stroke-dasharray:40;stroke-dashoffset:40;animation:tydraw .4s .5s ease forwards}
@keyframes tydraw{to{stroke-dashoffset:0}}
.ty-hero h2{font-size:clamp(22px,3vw,30px);margin:0}
.ty-hero p{color:var(--ink-2);max-width:60ch;margin:0}
.ty-facts{list-style:none;padding:0;margin:8px 0 4px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ty-facts li{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad);padding:10px 18px;display:grid;gap:2px;min-width:130px}
.ty-facts small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.ty-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
body.ty-design .woocommerce-thankyou-order-received:empty,body.ty-design p.woocommerce-notice:empty{display:none}
body.ty-nodefault .woocommerce-order-overview,body.ty-nodefault .woocommerce-order-details,body.ty-nodefault .woocommerce-customer-details,body.ty-nodefault .woocommerce-bacs-bank-details{display:none!important}
.ty-extra{margin:26px 0}
.ty-products{margin-top:34px}
/* Maintenance */
.dt-maint-body{margin:0}
.dt-maint{min-height:100vh;display:grid;place-items:center;padding:30px 16px;background:var(--maint-bg,var(--soft))}
.maint-box{max-width:620px;text-align:center;display:grid;justify-items:center;gap:16px}
.maint-logo .logo-img,.maint-logo img{max-height:70px;width:auto}
.maint-logo b{font-family:var(--font-h);font-size:26px}
.maint-box h1{font-size:clamp(28px,5vw,44px);margin:0}
.maint-box p{color:var(--ink-2);font-size:16px;line-height:1.7;margin:0}
.maint-cd{width:min(420px,100%)}
.maint-cd div{background:var(--surface)}
.maint-soc{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.maint-soc a{font-weight:600;color:var(--pri)}
.maint-page{width:min(1100px,100%)}
/* Preloader */
.dt-preloader{position:fixed;inset:0;z-index:9999;background:var(--preload-bg,var(--bg));display:grid;place-items:center;transition:opacity .4s,visibility .4s}
.dt-preloader span{width:42px;height:42px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--pri);animation:dtspin .8s linear infinite}
body.dt-loaded .dt-preloader{opacity:0;visibility:hidden}
@keyframes dtspin{to{transform:rotate(360deg)}}

/* ==========================================================================
   Header builder (Theme Options → Header builder). Every rule is behind a body
   class that only appears when the owner changes the option, so demos keep their look.
   ========================================================================== */
/* Sticky header: sit below the WordPress admin bar for logged-in users */
body.admin-bar{--adm:32px}
@media (max-width:782px){body.admin-bar{--adm:46px}}
@media (max-width:600px){body.admin-bar{--adm:0px}}
body.sticky .site-head{top:calc(env(safe-area-inset-top,0px) + var(--adm,0px))}
/* Navigation row only: the whole header sticks, pulled up by the main row's height (set by main.js) */
@media (min-width:992px){
  body.sticky.st-nav .site-head{top:calc(var(--adm,0px) - var(--hm-h,0px))}
  body.sticky.st-compact.st-small .site-head .hmain .wrap{min-height:var(--st-hm);padding-block:4px}
  body.sticky.x-stlogo.st-small .site-head .logo-img{height:var(--st-logo);max-height:var(--st-logo)}
}
@media (max-width:991px){body.sticky.st-nom .site-head{position:relative;top:auto}}
body.sticky.st-noshadow.scrolled .site-head{box-shadow:none}
body.sticky.st-hide .site-head{transition:transform .3s ease,box-shadow .3s}
body.sticky.st-hide.st-down .site-head{transform:translateY(calc(-100% - var(--adm,0px) - 4px))}
@media (max-width:991px){body.sticky.st-hide.st-nom .site-head{transform:none}}
/* Full width rows */
body.hdr-full .topbar .wrap,body.hdr-full .site-head .wrap{max-width:none;padding-inline:clamp(16px,2.6vw,48px)}
/* Row heights */
body.x-tbh .topbar .wrap{min-height:var(--tb-h)}
@media (min-width:992px){
  body.x-hmh .site-head .hmain .wrap{min-height:var(--hm-hd)}
  body.x-hnh .site-head .hnav .wrap{min-height:var(--hn-h)}
  body.x-hnh .site-head .hnav .menu>li>a{padding-block:0;min-height:var(--hn-h)}
}
@media (max-width:991px){body.x-hmhm .site-head .hmain .wrap{min-height:var(--hm-hm)}}
@media (max-width:767px){body.tb-hide-m .topbar{display:none}}
/* Navigation row lines and shadow */
body.nb-top .site-head .hnav{border-bottom:0}
body.nb-bottom .site-head .hnav{border-top:0}
body.nb-none .site-head .hnav{border-top:0;border-bottom:0}
body.nav-shadow .site-head .hnav{box-shadow:0 8px 18px -12px rgba(0,0,0,.28);position:relative;z-index:2}
/* Main menu: gap, font, colours */
body.ng-s .mainnav>.menu,body.ng-m .mainnav>.menu,body.ng-l .mainnav>.menu,body.ng-custom .mainnav>.menu{column-gap:var(--nav-gap)}
body.x-nfs .mainnav>.menu>li>a{font-size:var(--nav-fs)}
body.x-nfw .mainnav>.menu>li>a{font-weight:var(--nav-fw)}
body.x-nc .site-head .mainnav>.menu>li>a{color:var(--nav-c)}
body.x-nhc .site-head .mainnav>.menu>li>a:hover{color:var(--nav-hc);opacity:1}
body.x-nac .site-head .mainnav>.menu>li>a.on,body.x-nac .site-head .mainnav>.menu>li.current-menu-ancestor>a,body.x-nac .site-head .mainnav>.menu>li.current-menu-parent>a{color:var(--nav-ac);opacity:1}
body.no-arrow .mainnav>.menu>li>a>svg.i:not(.mi-ic){display:none}
/* Menu styles */
body.ns-underline .mainnav>.menu>li>a{position:relative}
body.ns-underline .mainnav>.menu>li>a::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:var(--nav-hc,var(--pri));transform:scaleX(0);transform-origin:left;transition:transform .25s}
body.ns-underline .mainnav>.menu>li>a:hover::after,body.ns-underline .mainnav>.menu>li>a.on::after,body.ns-underline .mainnav>.menu>li.current-menu-ancestor>a::after{transform:scaleX(1)}
body.ns-bordered .mainnav>.menu,body.ns-bg .mainnav>.menu{align-items:center;column-gap:var(--nav-gap,6px)}
body.ns-bordered .mainnav>.menu>li>a,body.ns-bg .mainnav>.menu>li>a{padding:8px 14px;min-height:0;border-radius:var(--rad);transition:background .2s,border-color .2s,color .2s}
body.ns-bordered .mainnav>.menu>li>a{box-shadow:inset 0 0 0 1px var(--line)}
body.ns-bordered .mainnav>.menu>li>a:hover,body.ns-bordered .mainnav>.menu>li>a.on{box-shadow:inset 0 0 0 1px var(--nav-hc,var(--pri));background:var(--nav-hbg,transparent)}
body.ns-bg .mainnav>.menu>li>a:hover,body.ns-bg .mainnav>.menu>li>a.on,body.ns-bg .mainnav>.menu>li.current-menu-ancestor>a{background:var(--nav-hbg,var(--soft));color:var(--nav-hc,var(--pri))}
body.nav-bar.ns-bg .hnav .mainnav>.menu>li>a:hover,body.nav-bar.ns-bg .hnav .mainnav>.menu>li>a.on{background:var(--nav-hbg,rgba(255,255,255,.14));color:var(--nav-hc,var(--nav-ink));opacity:1}
body.nav-bar.ns-bordered .hnav .mainnav>.menu>li>a{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
body.ns-separated .mainnav>.menu{column-gap:0}
body.ns-separated .mainnav>.menu>li>a{padding-inline:var(--nav-gap,18px)}
body.ns-separated .mainnav>.menu>li+li{border-left:1px solid var(--line)}
body.nav-bar.ns-separated .hnav .mainnav>.menu>li+li{border-left-color:rgba(255,255,255,.2)}
body.ns-separated .mainnav>.menu>li:first-child>a{padding-left:0}
/* Dropdowns */
body.x-ddw .menu .sub-menu{min-width:var(--dd-w)}
body.dd-dark .menu .sub-menu,body.dd-dark .dt-mega,body.dd-dark .catbtn .mega,body.dd-dark .mega .sub,body.dd-dark .mega .mega-list .sub-menu{background:#1d1f24;color:#e8e8e8;border-color:#2c2f36;--ink:#e8e8e8;--ink-2:#a9adb5;--line:#2c2f36;--soft:#2a2d33;--surface:#1d1f24}
body.dd-dark .menu .sub-menu a:hover,body.dd-dark .mega>ul>li:hover>a{background:rgba(255,255,255,.06)}
/* Categories button */
@media (min-width:992px){
  body.x-catw .catbtn>button{min-width:var(--cat-w)}
  body.x-catw .catbtn .mega{width:var(--cat-w)}
}
body.x-catbg .catbtn>button{background:var(--cat-bg);color:var(--cat-ink,#fff)}
body.x-catc .catbtn>button{color:var(--cat-ink)}
/* Menu item extras (Appearance → Menus) */
.menu .mi-ic{width:16px;height:16px;flex:none}
.menu .mtag.mt-green{background:#16a34a}.menu .mtag.mt-blue{background:#2563eb}.menu .mtag.mt-orange{background:#f59e0b}.menu .mtag.mt-black{background:#111}.menu .mtag.mt-primary{background:var(--pri);color:var(--pri-ink)}
@media (max-width:991px){.menu .mi-hide-m,.mnav .mi-hide-m{display:none!important}}
@media (min-width:992px){.mainnav .mi-hide-d{display:none!important}}
/* Dropdown as columns (mega) */
.menu .mi-cols{position:static}
.menu .mi-cols>.sub-menu{left:0;right:0;width:auto;min-width:0;display:grid;grid-template-columns:repeat(var(--mi-cols,4),minmax(0,1fr));gap:6px 26px;padding:22px 26px;border-radius:0 0 12px 12px}
.menu .mi-cols>.sub-menu>li>a{font-family:var(--font-h);font-weight:700;font-size:13px;text-transform:uppercase;padding:6px 0;background:none}
.menu .mi-cols>.sub-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:4px 0 10px;min-width:0;background:none}
.menu .mi-cols>.sub-menu .sub-menu a{font-weight:400;padding:5px 0;color:var(--ink-2);background:none}
.menu .mi-cols>.sub-menu .sub-menu a:hover{color:var(--pri)}

/* Touch targets (WCAG 2.5.8) and block-search widget overflow in sidebars */
.widget .wp-block-search__inside-wrapper{flex-wrap:wrap;min-width:0;max-width:100%}
.widget .wp-block-search__input{min-width:0;flex:1 1 120px}
.dots button{position:relative}
.dots button::after{content:"";position:absolute;inset:-12px -4px}
@media (max-width:991px){
  .mtoggle{min-width:44px;min-height:44px}
  .hicon.h-mcart{min-width:44px;min-height:44px;justify-content:center}
  .dhead button{min-height:44px;padding-inline:10px}
}

/* Side category bar (desktop only): icon rail fixed at the left edge, opens to a category list on hover or click */
.rail{display:none}
@media (min-width:1100px){
  body.has-rail{padding-left:64px}
  body.has-rail.admin-bar .rail{top:32px}
  .rail{display:flex;flex-direction:column;gap:6px;position:fixed;left:0;top:0;bottom:0;width:64px;z-index:120;background:var(--surface);border-right:1px solid var(--line);padding:10px 10px;overflow:hidden auto;scrollbar-width:none;transition:width .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
  .rail::-webkit-scrollbar{display:none}
  .rail.open{width:272px;box-shadow:12px 0 40px -18px rgba(0,0,0,.35)}
  body.rail-open::after{content:"";position:fixed;inset:0;background:var(--overlay);z-index:119;animation:railfade .25s both;pointer-events:none}
  @keyframes railfade{from{opacity:0}to{opacity:1}}
  .rail-btn{display:flex;align-items:center;gap:12px;height:44px;min-width:44px;border-radius:999px;background:var(--pri);color:var(--pri-ink);padding:0 13px;font-weight:700;font-size:14px;white-space:nowrap;flex:none;box-shadow:0 8px 18px -10px var(--pri)}
  .rail-btn svg.i{width:18px;height:18px;flex:none}
  .rail-list{display:grid;gap:2px;margin:8px 0 0;padding:0;list-style:none}
  .rail-list a{display:flex;align-items:center;gap:12px;height:44px;border-radius:12px;padding:0 10px;white-space:nowrap;font-size:14px;font-weight:600;color:var(--ink);transition:background .2s,color .2s}
  .rail-list a:hover,.rail-list a:focus-visible,.rail-list a.on{background:var(--soft);color:var(--pri)}
  .rail-list .ri{display:grid;place-items:center;width:24px;flex:none}
  .rail-list .ri svg.i{width:21px;height:21px}
  .rail .rl{opacity:0;max-width:0;overflow:hidden;transition:opacity .15s}
  .rail.open .rl{opacity:1;max-width:200px;transition-delay:.08s}
  .rail:not(.open) .rail-btn{padding:0;justify-content:center;width:44px;gap:0}
  .rail:not(.open) .rail-list a{gap:0;padding:0 10px}
  body.has-rail .totop,body.has-rail .mbar{left:auto}
}