/* DARGAHI MART — redesigned storefront (header, hero, carousels, cards, footer) */
:root{--gold:#f2b705;--mint:#eaeef7;--ease:cubic-bezier(.2,.7,.2,1)}
body{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff}
h1,h2,h3{font-family:inherit}
.ic{flex:none;vertical-align:middle}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes imgin{from{opacity:0;transform:translateX(60px) scale(.94)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes cardin{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes revfb{to{opacity:1;transform:none}}
@keyframes tk{to{transform:translateX(-50%)}}
@keyframes prog{to{transform:scaleX(1)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,89,211,.55)}70%{box-shadow:0 0 0 18px rgba(37,89,211,0)}100%{box-shadow:0 0 0 0 rgba(37,89,211,0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes shine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-22px,16px) scale(1.05)}}
@keyframes tick{from{transform:translateY(-45%);opacity:0}to{transform:none;opacity:1}}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* scroll reveal (falls back to visible after 3s if JS never runs) */
.js [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);animation:revfb 0s 3s forwards}
.js [data-rv].in{opacity:1;transform:none;animation:none}

/* ---------- moving strips ---------- */
.tk{overflow:hidden;background:var(--brand-deep);color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap}
.tk-t{display:flex;width:max-content;animation:tk 38s linear infinite}.tk:hover .tk-t{animation-play-state:paused}
.tk-g{display:flex}.tk-i{display:inline-flex;align-items:center;gap:10px;padding:9px 26px}.tk-i i{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}
.tk-g2{background:var(--brand);font-size:13px;letter-spacing:.03em}.tk-g2 .tk-t{animation-duration:46s;animation-direction:reverse}

/* ---------- header ---------- */
.hdr2{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:0;transition:box-shadow .3s}
.hdr2.sc{box-shadow:0 8px 28px rgba(13,38,96,.13)}
.hdr2 .hdr-in{gap:16px;min-height:74px;position:relative}
.hdr2 .logo{display:flex;align-items:center;gap:10px;margin:0;color:var(--brand-deep)}
.hdr2 .logo img{height:46px;width:auto}
.logo-m{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;transition:transform .5s var(--ease)}
.hdr2 .logo:hover .logo-m{transform:rotate(360deg)}
.logo-t{font-weight:800;letter-spacing:.03em;font-size:18px}
.hdr2 .nav{display:flex;gap:2px;border:0;background:none;flex:1;justify-content:center;align-items:center}
.hdr2 .nav>a,.dd-t{position:relative;padding:8px 13px;border-radius:99px;font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.hdr2 .nav>a::after,.dd-t::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--brand);transform:scaleX(0);transition:transform .3s var(--ease)}
.hdr2 .nav>a:hover,.dd-t:hover{color:var(--brand)}.hdr2 .nav>a:hover::after,.dd-t:hover::after{transform:scaleX(1)}
.dd{position:relative}.dd-m{position:absolute;top:100%;left:0;min-width:210px;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(26,29,35,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s var(--ease);z-index:70}
.dd:hover .dd-m,.dd:focus-within .dd-m{opacity:1;visibility:visible;transform:none}
.dd-m a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;color:var(--ink);text-decoration:none;transition:background .2s,padding .2s}.dd-m a:hover{background:var(--mint);color:var(--brand-deep);padding-left:17px}
.hdr2 .search{flex:0 1 250px;margin:0;max-width:none;transition:flex-basis .35s var(--ease)}.hdr2 .search:focus-within{flex-basis:330px}
.hdr2 .search input{border:1.5px solid transparent;background:#f1f2f6;border-radius:99px 0 0 99px;padding:10px 16px;font-family:inherit;outline:0;transition:border-color .2s,background .2s}.hdr2 .search input:focus{border-color:var(--brand);background:#fff}
.hdr2 .search button{border-radius:0 99px 99px 0;display:grid;place-items:center;padding:0 16px}
.hd-ic{display:flex;align-items:center;gap:2px;margin-left:auto}
.hi{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--ink);text-decoration:none;transition:background .2s,color .2s,transform .2s}.hi:hover{background:var(--mint);color:var(--brand);transform:translateY(-2px)}
.hi .badge{position:absolute;top:1px;right:-1px;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:grid;place-items:center;border-radius:99px;line-height:1}

/* ---------- hero ---------- */
.hx{position:relative;overflow:hidden;background:linear-gradient(105deg,#f7f9fc 0%,#e3e8f4 48%,#bfcbe6 100%)}
.hx-blob{position:absolute;border-radius:50%;pointer-events:none}
.hx-blob.b1{width:min(62vw,720px);aspect-ratio:1;right:-8%;top:-14%;background:linear-gradient(145deg,var(--brand),var(--brand-deep));opacity:.93;animation:drift 14s ease-in-out infinite}
.hx-blob.b2{width:220px;aspect-ratio:1;left:-60px;bottom:30px;background:var(--brand);opacity:.09;animation:drift 11s ease-in-out infinite reverse}
.hx-blob.b3{width:90px;aspect-ratio:1;left:46%;top:14%;background:var(--gold);opacity:.35;animation:float 7s ease-in-out infinite}
.hx-stage{position:relative;display:grid;min-height:clamp(380px,41vw,540px)}
.hx-s{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s;position:relative}.hx-s.on{opacity:1;visibility:visible;z-index:2}
.hx-in{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;height:100%;padding-top:30px;padding-bottom:20px}
.hx-txt>*{opacity:0}.hx-s.on .hx-txt>*{animation:rise .8s var(--ease) both}.hx-s.on .hx-txt>:nth-child(2){animation-delay:.12s}.hx-s.on .hx-txt>:nth-child(3){animation-delay:.24s}.hx-s.on .hx-txt>:nth-child(4){animation-delay:.36s}
.hx-k{display:block;color:var(--brand);font-weight:700;font-size:clamp(20px,2.6vw,32px);letter-spacing:.04em;margin-bottom:6px}
.hx-txt h1{margin:0 0 12px;font-size:clamp(30px,4.6vw,58px);line-height:1.12;font-weight:800;color:#181a20}
.hx-txt p{margin:0 0 24px;font-size:clamp(15px,1.5vw,19px);color:#1c3672;max-width:34em}
.hx-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:0;border-radius:99px;padding:15px 38px;font-weight:700;font-size:15px;line-height:1;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px rgba(22,55,131,.38);transition:transform .25s var(--ease),box-shadow .25s,background .2s}
.hx-cta:hover{background:var(--brand-deep);transform:translateY(-3px);box-shadow:0 16px 34px rgba(22,55,131,.45)}
.hx-cta::after,.pc-btn::after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-120%) skewX(-20deg)}
.hx-cta:hover::after,.pc-btn:hover::after{animation:shine .8s}
.hx-img{display:flex;justify-content:center;align-items:center;height:100%}.hx-img img{max-height:min(46vw,470px);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(0,0,0,.28));opacity:0}
.hx-s.on .hx-img img{animation:imgin .9s var(--ease) .15s both,float 6s ease-in-out 1.1s infinite}
.hx-s.full{display:block}.hx-full{width:100%;height:100%;object-fit:cover;max-height:560px}
.hx-a{position:absolute;top:44%;z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--brand-deep);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.15);transition:all .25s}.hx-a:hover{background:var(--brand);color:#fff;transform:scale(1.08)}.hx-a.prev{left:14px}.hx-a.next{right:14px}
.hx-dots{left:50%;right:auto;transform:translateX(-50%);bottom:12px;z-index:5}
.hx .dot{width:10px;height:10px;border-radius:99px;background:rgba(24,26,32,.22);position:relative;overflow:hidden;padding:0;transition:width .35s var(--ease)}.hx .dot.on{width:38px}
.hx .dot i{position:absolute;inset:0;background:var(--brand);transform:scaleX(0);transform-origin:left}.hx .dot.on i{animation:prog var(--dur,6s) linear forwards}.hx:hover .dot.on i{animation-play-state:paused}
.hx-foot{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:18px 34px;align-items:center;justify-content:space-between;padding-top:6px;padding-bottom:42px}
.hx-feat{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 26px}
.hx-feat li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#181a20;animation:bob 3.4s ease-in-out infinite}.hx-feat li:nth-child(2){animation-delay:.4s}.hx-feat li:nth-child(3){animation-delay:.8s}.hx-feat li:nth-child(4){animation-delay:1.2s}
.hx-feat span{width:44px;height:44px;border-radius:50%;border:2px solid var(--brand);color:var(--brand);display:grid;place-items:center;background:#fff;transition:all .3s}.hx-feat li:hover span{background:var(--brand);color:#fff;transform:rotate(-8deg) scale(1.08)}
.hx-wa{display:flex;align-items:center;gap:12px;background:#fff;border-radius:99px;padding:8px 22px 8px 8px;text-decoration:none;color:#181a20;box-shadow:0 8px 24px rgba(0,0,0,.14);transition:transform .25s}.hx-wa:hover{transform:translateY(-3px)}
.hx-wa span{width:46px;height:46px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;animation:pulse 2.4s infinite}.hx-wa small{display:block;font-size:11.5px;color:#555a67;line-height:1.2}.hx-wa b{font-size:17px;font-weight:700;letter-spacing:.02em}

/* ---------- section headings ---------- */
.sec{padding:46px 0}.wrap.sec{padding-left:16px;padding-right:16px}
.sh{text-align:center;margin:0 auto 26px;max-width:640px}
.sh h2{margin:0;font-size:clamp(24px,3.1vw,35px);font-weight:700;color:var(--brand-deep);display:inline-flex;align-items:center;gap:10px;justify-content:center}
.sh-i{color:var(--gold);display:inline-flex;animation:bob 2.2s ease-in-out infinite}.sh-i .ic{fill:currentColor;fill-opacity:.2}
.sh p{margin:8px 0 0;color:var(--muted);font-size:15px}
.sh::after{content:"";display:block;width:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--gold));margin:14px auto 0;border-radius:3px;transition:width .9s var(--ease) .2s}.sh.in::after,.no-js .sh::after{width:68px}
.band{background:linear-gradient(180deg,#eef2fa 0%,#fff 100%)}.band.soft{background:#f1f3f8}.band>.wrap.sec{padding-top:54px;padding-bottom:54px}
.va{text-align:center;margin:8px 0 0}

/* ---------- carousels ---------- */
.car{--g:18px;position:relative}
.car-t{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--g)) / 4);gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 4px 20px;scroll-behavior:smooth;overscroll-behavior-x:contain}
.car-t::-webkit-scrollbar{display:none}
.car-i{scroll-snap-align:start;min-width:0;display:flex}.car-i>.card{width:100%}
.js .car .car-i{opacity:0;animation:cardin .6s var(--ease) 3s both}
.js .car.in .car-i{animation:cardin .65s var(--ease) both;animation-delay:calc(var(--i) * 80ms)}
.car-b{position:absolute;top:42%;z-index:4;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--brand-deep);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 22px rgba(26,29,35,.22);transition:all .25s var(--ease)}
.car-b:hover{background:var(--brand);color:#fff;transform:scale(1.1)}.car-b.prev{left:-14px}.car-b.next{right:-14px}
.car-d{display:flex;justify-content:center;gap:8px;margin-top:2px}.car-d button{width:9px;height:9px;border-radius:99px;border:0;padding:0;background:#c9cdd8;cursor:pointer;transition:all .35s var(--ease)}.car-d button.on{width:28px;background:var(--brand)}
.car-cat .car-t{grid-auto-columns:calc((100% - 5 * var(--g)) / 6)}

/* collection circles */
.cat2{flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px;text-align:center}
.cat2-img{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:4px solid #fff;box-shadow:0 8px 24px rgba(13,38,96,.16);transition:transform .4s var(--ease),box-shadow .4s}
.cat2-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.cat2:hover .cat2-img{transform:translateY(-8px);box-shadow:0 0 0 4px var(--brand),0 18px 36px rgba(13,38,96,.28)}.cat2:hover .cat2-img img{transform:scale(1.12)}.cat2:hover b{color:var(--brand)}

/* ---------- product card ---------- */
.card.pc{position:relative;border:0;border-radius:16px;box-shadow:0 4px 18px rgba(26,29,35,.08);transition:transform .35s var(--ease),box-shadow .35s}
.card.pc:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(26,29,35,.18)}
.pc .card-img{background:#f3f4f8;overflow:hidden}.pc .card-img img{transition:transform .6s var(--ease)}.pc:hover .card-img img{transform:scale(1.08)}
.pc-top{position:absolute;left:10px;top:10px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}
.pc-flag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:6px;color:#fff}
.pc-flag.fl{background:var(--brand-deep)}.pc-flag.bs{background:#fff;color:var(--brand-deep);box-shadow:0 0 0 1px var(--brand) inset}.pc-flag .ic{width:12px;height:12px}
.tag.pc-off{left:auto;right:10px;top:10px;background:linear-gradient(135deg,#f7cf45,#d9a100);color:#2b2100;border-radius:99px;font-size:12.5px;padding:5px 10px;box-shadow:0 4px 10px rgba(217,161,0,.4)}
.pc-wish{position:absolute;right:10px;top:50px;z-index:3;margin:0}
.pc-eye{position:absolute;right:10px;top:92px;z-index:3}
.pc-ic{width:36px;height:36px;border-radius:50%;background:#fff;color:#1a326a;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.16);opacity:0;transform:translateX(10px);transition:all .3s var(--ease);text-decoration:none}
.pc:hover .pc-ic,.pc-ic:focus-visible,.pc-ic.on{opacity:1;transform:none}.pc-ic:hover{background:var(--brand);color:#fff}.pc-ic.on{color:#e0245e}.pc-ic.on .ic{fill:currentColor}
@media (hover:none){.pc-ic{opacity:1;transform:none}}
.pc .card-b{padding:14px 14px 16px;gap:7px}.pc .card-t{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.pc .card-t:hover{color:var(--brand)}
.pc-rate{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.st{display:inline-block;font-size:15px;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,#f5b301 calc(var(--v) * 20%),#d3d6dc 0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pc .price strong{font-size:17px;color:var(--brand-deep);font-weight:700}.pc .price s{font-size:12.5px;margin-left:4px}
.pc-in,.pc-low{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--brand)}.pc-in i{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:blink 1.8s infinite}.pc-low{color:#c76a00;font-weight:600}
.pc-btn{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:12px;font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:auto;transition:background .2s,transform .2s}.pc-btn:active{transform:scale(.97)}
.pc .cmpf{margin:0;text-align:center}.pc .cmpf .link{font-size:12px;color:var(--muted);opacity:.8}

/* ---------- flash sale ---------- */
.flash{background:linear-gradient(180deg,#e7ecf6,#f6f8fc 70%,#fff)}
.cdwrap{display:flex;justify-content:center;margin-bottom:10px}
.cdb{display:flex;gap:12px;justify-content:center}
.cdb div{min-width:76px;padding:11px 8px 9px;background:#fff;border:2px solid var(--brand);border-radius:14px;text-align:center;box-shadow:0 6px 18px rgba(22,55,131,.15)}
.cdb b{display:block;font-size:29px;line-height:1.1;font-weight:700;color:var(--brand-deep);font-variant-numeric:tabular-nums}.cdb b.t{animation:tick .35s var(--ease)}
.cdb small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;padding-top:22px;padding-bottom:22px;font-size:13px;color:#1f3b7c;font-weight:500}
.pills span{display:inline-flex;align-items:center;gap:8px}.pills .ic{color:var(--brand);animation:bob 2.6s ease-in-out infinite}.pills span:nth-child(2) .ic{animation-delay:.3s}.pills span:nth-child(3) .ic{animation-delay:.6s}.pills span:nth-child(4) .ic{animation-delay:.9s}

/* ---------- trending spotlight ---------- */
.tr-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:38px;background:#fff;border-radius:24px;padding:30px;box-shadow:0 14px 50px rgba(26,29,35,.12);border:1px solid #e6e9f0}
.tr-main{position:relative;background:linear-gradient(145deg,#f1f3f8,#e2e6f1);border-radius:18px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.tr-main img{width:88%;height:88%;object-fit:contain;animation:float 6.5s ease-in-out infinite;transition:opacity .25s}
.tr-tags{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tr-tags span{display:inline-flex;gap:5px;align-items:center;background:#ff6a2b;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:99px}.tr-tags .g{background:var(--brand)}
.tr-th{display:flex;gap:10px;margin-top:12px}.tr-th button{width:70px;height:70px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#f1f3f8;cursor:pointer;transition:all .25s}.tr-th button.on,.tr-th button:hover{border-color:var(--brand);transform:translateY(-3px)}.tr-th img{width:100%;height:100%;object-fit:cover}
.tr-info{display:flex;flex-direction:column;justify-content:center;min-width:0}
.tr-info h3{margin:0 0 8px;font-size:clamp(20px,2.4vw,29px);line-height:1.25;font-weight:700}.tr-info h3 a{color:var(--ink);text-decoration:none}.tr-info h3 a:hover{color:var(--brand)}
.tr-d{color:var(--muted);font-size:14.5px;margin:10px 0}
.tr-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:8px 0 12px}.tr-price b{font-size:clamp(28px,3.4vw,38px);color:var(--brand-deep);font-weight:800}.tr-price s{color:var(--muted)}.tr-price small{color:var(--muted)}
.tr-price em{font-style:normal;background:linear-gradient(135deg,#f7cf45,#d9a100);color:#2b2100;font-size:13px;font-weight:700;padding:4px 11px;border-radius:99px}
.tr-stock{display:flex;align-items:center;gap:9px;background:#e6ebf5;color:var(--brand-deep);padding:10px 14px;border-radius:10px;font-weight:600;font-size:14px}.tr-stock i{width:9px;height:9px;border-radius:50%;background:currentColor;animation:blink 1.6s infinite}.tr-stock.warn{background:#fff1de;color:#b35f00}.tr-stock.bad{background:#fdecea;color:#b02a1f}
.tr-sale{background:linear-gradient(135deg,var(--brand-deep),var(--brand));color:#fff;border-radius:16px;padding:14px 16px 16px;margin:16px 0}.tr-sale>small{display:flex;gap:6px;align-items:center;justify-content:center;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;margin-bottom:10px}
.tr-sale .cdb div{background:rgba(255,255,255,.14);border-color:transparent;box-shadow:none;min-width:64px}.tr-sale .cdb b{color:#fff;font-size:26px}.tr-sale .cdb small{color:#cfd8ee}
.tr-buy{display:flex;gap:12px;margin:16px 0 4px;align-items:stretch}.tr-add{flex:1;border-radius:12px;padding:15px 20px}
.qty{display:flex;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.qty button{width:42px;border:0;background:#f1f3f8;font-size:20px;cursor:pointer;color:var(--brand-deep);transition:background .2s}.qty button:hover{background:var(--brand);color:#fff}.qty input{width:52px;border:0;text-align:center;font-weight:600;font-size:16px;font-family:inherit;-moz-appearance:textfield;outline:0}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tr-sold{display:flex;gap:6px;align-items:center;color:#c2410c;font-weight:600;font-size:13.5px;margin:12px 0 0}
.tr-tr{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;font-size:12px;color:#1f3b7c}
.tr-tr li{display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .3s var(--ease)}.tr-tr li:hover{transform:translateY(-4px)}.tr-tr .ic{color:var(--brand)}

/* ---------- reviews & stats ---------- */
.rv2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rv2 blockquote{background:#fff;border:0;border-top:4px solid var(--brand);border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(26,29,35,.09);transition:transform .3s var(--ease),box-shadow .3s;display:flex;flex-direction:column;gap:8px}.rv2 blockquote:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(26,29,35,.16)}
.js .rv2 blockquote{opacity:0;animation:cardin .6s var(--ease) 3s both}.js .rv2.in blockquote{animation:cardin .65s var(--ease) both;animation-delay:calc(var(--i) * 120ms)}
.rv2-h{display:flex;align-items:center;gap:12px}.rv2-h strong{display:block;line-height:1.2}.rv2-h small{color:var(--muted)}
.av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;flex:none}
.rv2 p{margin:0;color:#1d3774;font-size:14.5px}.rv2 footer{margin-top:auto;font-size:13px}.rv2 footer a{color:var(--brand);font-weight:600;text-decoration:none}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:34px;background:#fff;border-radius:20px;padding:28px 18px;box-shadow:0 10px 36px rgba(26,29,35,.1);text-align:center}
.stats b{display:block;font-size:clamp(28px,3.6vw,42px);font-weight:800;color:var(--brand);line-height:1.1;font-variant-numeric:tabular-nums}.stats small{color:var(--muted);font-size:13.5px}

/* ---------- collection tiles ---------- */
.ct{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ct a{position:relative;display:block;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 8px 28px rgba(26,29,35,.14)}
.ct-img{display:block;aspect-ratio:4/3;background:#dce0eb}.ct-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.ct a:hover .ct-img img{transform:scale(1.1)}
.ct a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,23,28,.82))}
.ct b,.ct small{position:absolute;left:18px;z-index:2}.ct b{bottom:34px;font-size:19px;font-weight:700}.ct small{bottom:14px;font-size:13px;opacity:.9;transition:letter-spacing .3s,opacity .3s}.ct a:hover small{letter-spacing:.08em;opacity:1}

/* ---------- other home sections ---------- */
.why div{background:#fff;border:1px solid #e3e7ef;border-radius:16px;padding:20px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s}.why div:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(26,29,35,.13)}.why span{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--mint);color:var(--brand);margin-bottom:8px}.why strong{display:block}
.wa-cta{background:linear-gradient(120deg,var(--brand-deep),var(--brand));position:relative;overflow:hidden}.wa-cta::before{content:"";position:absolute;width:320px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.08);right:-80px;top:-120px;animation:drift 12s ease-in-out infinite}
.wa-cta .btn{border-radius:99px;padding:14px 34px;animation:pulse 2.6s infinite}

/* ---------- footer ---------- */
.ft{background:linear-gradient(180deg,var(--brand-deep),#191b21);color:#d6dcea;margin-top:56px;padding:0}.ft a{color:#d6dcea;text-decoration:none}
.ft-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}
.ft-trust div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 10px;font-size:13.5px;transition:transform .3s var(--ease),background .3s}.ft-trust div:hover{transform:translateY(-5px);background:rgba(255,255,255,.14)}.ft-trust .ic{color:var(--gold)}.ft-trust b{font-weight:600;color:#fff}
.ft-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:30px;padding-top:36px;padding-bottom:30px}
.ft strong{color:#fff;font-size:16px;display:block;margin-bottom:10px}.ft-logo{font-size:22px!important;letter-spacing:.04em}.ft p{margin:6px 0;font-size:14px;color:#b8c0d4}
.ft ul{list-style:none;padding:0;margin:0}.ft li{margin:8px 0;font-size:14px}.ft li a{display:inline-flex;align-items:center;gap:8px;transition:transform .25s,color .2s}.ft li a:hover{transform:translateX(6px);color:var(--gold)}
.ft-c li{display:flex;gap:8px;align-items:center}.ft-fo{margin-top:18px!important}
.ft-so{display:flex;gap:10px}.ft-so a{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);display:grid;place-items:center;transition:all .3s var(--ease)}.ft-so a:hover{background:var(--gold);border-color:var(--gold);color:#2b2100;transform:translateY(-4px) rotate(8deg)}
.ft-bot{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#a9b2c8}
.ft-pay{display:flex;gap:8px;flex-wrap:wrap}.ft-pay i{font-style:normal;background:#fff;color:#1e2128;font-weight:700;font-size:11.5px;padding:5px 11px;border-radius:7px}
.wa-float{color:#fff;animation:pulse 2.4s infinite;transition:transform .25s}.wa-float:hover{transform:scale(1.1) rotate(-6deg)}

/* ---------- responsive ---------- */
@media (max-width:1080px){.car-t{grid-auto-columns:calc((100% - 2 * var(--g)) / 3)}.car-cat .car-t{grid-auto-columns:calc((100% - 3 * var(--g)) / 4)}.hdr2 .nav>a,.dd-t{padding:8px 9px;font-size:14px}.hdr2 .search{flex-basis:190px}}
@media (max-width:860px){
 .hdr2 .hdr-in{gap:8px;min-height:62px;flex-wrap:wrap;padding-top:6px;padding-bottom:8px}.hdr2 .burger{display:grid;place-items:center;order:0;width:42px;height:42px;color:var(--ink)}.hdr2 .logo{order:1}.hd-ic{order:2}.hdr2 .search{order:5;flex:1 0 100%;max-width:none}.hdr2 .search:focus-within{flex-basis:100%}
 .hdr2 .nav{display:none}.hdr2 .nav.open{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:absolute;top:100%;left:0;right:0;background:#fff;padding:8px 16px 18px;box-shadow:0 24px 40px rgba(26,29,35,.2);max-height:72vh;overflow:auto;animation:drop .25s var(--ease);z-index:80}
 .hdr2 .nav>a,.dd-t{padding:12px 6px;border-radius:0;border-bottom:1px solid #edeff3}.hdr2 .nav>a::after,.dd-t::after{display:none}
 .dd-m{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 4px 14px;min-width:0}.dd-m a{padding:9px 6px}
 .hx-in{grid-template-columns:1fr;text-align:center;padding-top:26px;gap:8px}.hx-txt p{margin-left:auto;margin-right:auto}.hx-img img{max-height:250px}.hx-blob.b1{width:120vw;right:-40%;top:auto;bottom:-30%}.hx-a{display:none}
 .hx-foot{justify-content:center;padding-bottom:46px}.hx-feat{justify-content:center}
 .ft-in{grid-template-columns:1fr 1fr}.ft-trust{grid-template-columns:1fr 1fr}
 .tr-card{grid-template-columns:minmax(0,1fr);padding:18px;gap:22px}.rv2{grid-template-columns:1fr 1fr}.ct{grid-template-columns:1fr 1fr 1fr}
 .car-b{width:38px;height:38px}.car-b.prev{left:-6px}.car-b.next{right:-6px}
}
@media (max-width:640px){
 .car{--g:12px}.car-t{grid-auto-columns:calc((100% - var(--g)) / 2.12)}.car-cat .car-t{grid-auto-columns:calc((100% - 2 * var(--g)) / 3.3)}.car-b{display:none}
 .sec{padding:34px 0}.band>.wrap.sec{padding-top:38px;padding-bottom:38px}.rv2{grid-template-columns:1fr}.ct{grid-template-columns:1fr}.ft-in{grid-template-columns:1fr}
 .cdb{gap:8px}.cdb div{min-width:62px}.cdb b{font-size:23px}.tr-tr{grid-template-columns:repeat(2,1fr)}.tr-buy{flex-direction:column}.logo-t{font-size:15px}
 .pc .card-b{padding:11px 10px 13px}.pc .card-t{font-size:13px}.pc-btn{font-size:11px;padding:10px 6px;letter-spacing:.03em}
}
@media (prefers-reduced-motion:reduce){.js [data-rv],.js .car .car-i,.js .rv2 blockquote,.hx-txt>*,.hx-img img{opacity:1!important;transform:none!important}.tk-t{animation:none!important}.tk{overflow-x:auto}}

/* ================= PRODUCT PAGE ================= */
.pdp{background:linear-gradient(180deg,#eef0f6 0,#fff 720px)}
.pdtop{padding-top:22px;padding-bottom:40px}.pdp .crumbs{font-size:13px;margin-bottom:16px}.pdp .crumbs a{text-decoration:none;color:var(--brand-deep)}
.pd2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:start}
.gal2{position:sticky;top:96px}
.gal-card{background:#fff;border-radius:20px;padding:14px;box-shadow:0 12px 40px rgba(26,29,35,.1);animation:cardin .7s var(--ease) both}
.gal-main{position:relative;overflow:hidden;border-radius:14px;background:#fff;cursor:zoom-in}
.pd2 .gal-main #mainimg{width:100%;aspect-ratio:1;object-fit:contain;border:0;border-radius:0;display:block;transition:transform .35s var(--ease),opacity .25s}
.gal-main.zm #mainimg{transform:scale(1.8);transition:transform .15s}
.gal-main.sw #mainimg{opacity:0}
.gal-save{position:absolute;left:12px;top:12px;background:linear-gradient(135deg,#ef4444,#c81e1e);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:99px;box-shadow:0 6px 16px rgba(200,30,30,.35);animation:bob 2.4s ease-in-out infinite;pointer-events:none}
.pd2 .thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pd2 .th{width:78px;height:78px;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#f3f4f8;opacity:.72;transition:all .25s var(--ease);animation:cardin .5s var(--ease) both;animation-delay:calc(var(--i) * 70ms + .3s)}
.pd2 .th img{width:100%;height:100%;object-fit:cover}.pd2 .th:hover{opacity:1;transform:translateY(-3px)}.pd2 .th.on{border-color:var(--brand);opacity:1;box-shadow:0 6px 16px rgba(22,55,131,.25)}
.info-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 40px rgba(26,29,35,.1)}
.info-card>*{animation:rise .7s var(--ease) both}.info-card>:nth-child(2){animation-delay:.06s}.info-card>:nth-child(3){animation-delay:.12s}.info-card>:nth-child(4){animation-delay:.18s}.info-card>:nth-child(5){animation-delay:.24s}.info-card>:nth-child(6){animation-delay:.3s}.info-card>:nth-child(n+7){animation-delay:.36s}
.info-card h1{margin:0 0 10px;font-size:clamp(21px,2.5vw,29px);line-height:1.3;font-weight:600}
.info-card .brandln{margin:0 0 4px;font-size:13px}.pr-rate{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px}.pr-rate a{color:var(--muted);text-decoration:none}
#pprice{margin:6px 0 10px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}
#pprice strong{font-size:clamp(28px,3.6vw,40px);font-weight:700;color:var(--brand-deep);line-height:1.1}#pprice s{font-size:19px;color:#9aa8a0}
#pprice .tag.inl{background:linear-gradient(135deg,#f7cf45,#d9a100);color:#2b2100;font-size:13px;padding:4px 12px;border-radius:99px}
.pstock{margin:0 0 8px}.pstock strong{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:99px;font-size:13px;font-weight:600}.pstock strong::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;animation:blink 1.6s infinite}
.pstock strong.good{background:#e6ebf5;color:var(--brand)}.pstock strong.warn{background:#fff1de;color:#b35f00}.pstock strong.bad{background:#fdecea;color:#b02a1f}
.skuln{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.pshort{color:#203c7f;font-size:14.5px;margin:8px 0}
.flashbox{background:linear-gradient(135deg,var(--brand-deep),#242730);color:#fff;border-radius:14px;padding:16px;margin:16px 0;text-align:center}
.flashbox>small{display:flex;justify-content:center;gap:6px;align-items:center;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;margin-bottom:10px}.flashbox>small .ic{color:var(--gold)}
.flashbox .cdb div{background:rgba(255,255,255,.14);border-color:transparent;box-shadow:none;min-width:64px}.flashbox .cdb b{color:#fff;font-size:26px}.flashbox .cdb small{color:#cfd8ee}
.buy2{display:grid;gap:12px;margin:18px 0;align-items:stretch}.buy2 .opts{display:flex;gap:12px}.buy2 .opts label{flex:1;font-weight:600}.buy2 .opts select{width:100%;border-radius:10px}
.qrow{display:flex;align-items:center;gap:16px}.ql{font-weight:600;font-size:14px}.buy2 .qty input{display:block;width:56px;padding:0}
.buy2 .btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;border-radius:12px;font-family:inherit;font-size:14.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,background .2s,color .2s}
.addcart{background:var(--brand-deep);box-shadow:0 10px 24px rgba(13,38,96,.3)}.addcart:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(13,38,96,.38)}
.addcart::after{content:"";position:absolute;inset:0 auto 0 0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-130%) skewX(-20deg);animation:shine 3.6s ease-in-out 1.4s infinite}
.buynow{background:#fff!important;color:var(--brand-deep)!important;border:2px solid var(--brand-deep)!important}.buynow:hover{background:var(--brand-deep)!important;color:#fff!important;transform:translateY(-3px)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}.tiles span{display:flex;align-items:center;gap:9px;background:#f1f3f8;border-radius:10px;padding:12px;font-size:13px;font-weight:500;transition:transform .25s var(--ease),background .25s}.tiles span:hover{transform:translateY(-3px);background:#e3e8f3}.tiles .ic{color:var(--brand)}
.pdp .fsnote{display:flex;gap:9px;align-items:center;background:#fff7e0;border:1px solid #f3dc9b;color:#7a5a00;border-radius:10px;padding:11px 14px;font-size:13px}.pdp .fsnote .ic{color:#c98a00}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.acts form{margin:0}.acts .btn{display:inline-flex;align-items:center;gap:6px;border-radius:99px;font-family:inherit}.acts .btn.on{color:#e0245e;border-color:#e0245e}.acts .btn.on .ic{fill:currentColor}
.pdp .dlv{border:1px dashed #b3bdd3;border-radius:12px;padding:14px;background:#fafbfd}
.accept{text-align:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.accept small{display:block;color:var(--muted);font-weight:600;font-size:12px;margin-bottom:6px}.accept i{font-style:normal;display:inline-block;border:1px solid var(--line);border-radius:6px;font-size:11px;font-weight:700;padding:4px 11px;margin:3px;color:#213f84;background:#fff}
.pdp .share{margin:12px 0 0;text-align:center;color:var(--muted)}
/* reviews band */
.pdrev .wrap.sec{padding-top:50px;padding-bottom:50px}
.car-rv .car-t{grid-auto-columns:calc((100% - 2 * var(--g)) / 3)}.car-i>blockquote{width:100%}
.rv3{background:#fff;border:2px solid var(--brand);border-radius:16px;padding:20px;margin:0;display:flex;flex-direction:column;gap:10px;transition:transform .3s var(--ease),box-shadow .3s}.rv3:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(26,29,35,.16)}
.rv3 .rv2-h strong{display:block;margin-bottom:2px}.rv3 p{margin:0;font-size:14.5px;color:#1d3774}.rv3 .revimg{border-radius:10px}.rv3 footer{margin-top:auto;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.wr{max-width:560px;margin:20px auto 0}.wr summary{list-style:none;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:99px;width:max-content;margin:0 auto}.wr summary::-webkit-details-marker{display:none}
.wr[open] .rform{animation:drop .3s var(--ease)}.wr .rform{background:#fff;padding:20px;border-radius:14px;box-shadow:0 8px 28px rgba(26,29,35,.1);max-width:none}
/* description + accordions */
.pdbody{padding-bottom:20px}
.pdesc{background:#fff;border-radius:20px;padding:34px;box-shadow:0 10px 36px rgba(26,29,35,.08);margin-top:44px;overflow-wrap:anywhere}
.pdesc h1,.pdesc h2,.pdesc h3,.pdesc h4{color:var(--brand-deep);line-height:1.3}.pdesc>h2:first-child{font-size:27px;margin-top:0}.pdesc ul,.pdesc ol{padding-left:22px}.pdesc li{margin:6px 0}.pdesc img{border-radius:12px}.pdesc a{color:var(--brand)}
.acc{margin-top:22px}.acc details{background:#fff;border-radius:14px;margin:12px 0;box-shadow:0 4px 18px rgba(26,29,35,.07);overflow:hidden}
.acc summary{display:flex;align-items:center;gap:10px;padding:16px 20px;font-weight:600;cursor:pointer;list-style:none;transition:background .2s}.acc summary::-webkit-details-marker{display:none}.acc summary:hover{background:#f4f6fa}.acc summary .ic{color:var(--brand)}
.acc summary::after{content:"+";margin-left:auto;font-size:24px;line-height:1;color:var(--brand);transition:transform .3s}.acc details[open] summary::after{content:"−"}
.acc-b{padding:4px 20px 20px;animation:drop .3s var(--ease)}.acc .ticks li{display:flex;gap:9px;align-items:flex-start}.acc .ticks .ic{color:var(--brand);margin-top:3px}
.pdbody .sec{padding:40px 0 10px}
@media (max-width:1080px){.car-rv .car-t{grid-auto-columns:calc((100% - var(--g)) / 2)}}
@media (max-width:860px){.pd2{grid-template-columns:minmax(0,1fr);gap:20px}.gal2{position:static}.info-card{padding:20px}.pdesc{padding:22px}}
@media (max-width:640px){.car-rv .car-t{grid-auto-columns:88%}.pd2 .th{width:62px;height:62px}.tiles{grid-template-columns:1fr 1fr}.tiles span{padding:10px;font-size:12px}.pdp .info-card h1{font-size:21px}}
@media (prefers-reduced-motion:reduce){.info-card>*,.gal-card,.pd2 .th{opacity:1!important;transform:none!important}}

/* ================= section settings (theme editor) ================= */
.car-t{grid-auto-columns:calc((100% - (var(--cols,4) - 1) * var(--g)) / var(--cols,4))}
.car-cat .car-t{grid-auto-columns:calc((100% - (var(--cols,6) - 1) * var(--g)) / var(--cols,6))}
@media (max-width:1080px){.car-t{grid-auto-columns:calc((100% - 2 * var(--g)) / 3)}.car-cat .car-t{grid-auto-columns:calc((100% - 3 * var(--g)) / 4)}}
@media (max-width:640px){.car-t{grid-auto-columns:calc((100% - var(--g)) / 2.12)}.car-cat .car-t{grid-auto-columns:calc((100% - 2 * var(--g)) / 3.3)}}
.car-grid .car-t{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));overflow:visible;scroll-snap-type:none}.car-grid .car-b,.car-grid .car-d{display:none!important}
@media (max-width:1080px){.car-grid .car-t{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.car-grid .car-t{grid-template-columns:repeat(2,minmax(0,1fr))}}
.car-cat.shape-square .cat2-img{border-radius:6px}.car-cat.shape-rounded .cat2-img{border-radius:24%}.car-cat.shape-square .cat2:hover .cat2-img,.car-cat.shape-rounded .cat2:hover .cat2-img{box-shadow:0 0 0 4px var(--brand),0 18px 36px rgba(13,38,96,.28)}
.hx-h-compact .hx-stage{min-height:clamp(300px,32vw,420px)}.hx-h-tall .hx-stage{min-height:clamp(460px,52vw,680px)}.hx-dots.nodots{opacity:0;pointer-events:none}
.story.rev img{order:2}
.sx.sx-bg .band{background:transparent}.sx.sx-bg .flash{background:transparent}
.sx.sx-pt .sec,.sx.sx-pt .band>.wrap.sec,.sx.sx-pt .dhero{padding-top:0}.sx.sx-pb .sec,.sx.sx-pb .band>.wrap.sec{padding-bottom:0}
.sx.sx-dark,.sx.sx-fg{color:inherit}
.sx.sx-dark .sh h2,.sx.sx-dark .sh p,.sx.sx-dark .sec-h h2,.sx.sx-dark .rt,.sx.sx-dark .mc-i h3,.sx.sx-dark .mc-i p,.sx.sx-dark .story,.sx.sx-dark .stats,.sx.sx-dark .faq summary,.sx.sx-dark .faq p,.sx.sx-dark .pills{color:#fff}
.sx.sx-dark .story,.sx.sx-dark .stats,.sx.sx-dark .faq details{background:rgba(255,255,255,.1);color:#fff}.sx.sx-dark .why div{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.sx.sx-dark .why span{background:rgba(255,255,255,.15);color:#fff}.sx.sx-dark .why p{color:#e3e8f2}
.sx.sx-fg .sh h2,.sx.sx-fg .sh p,.sx.sx-fg .sec-h h2,.sx.sx-fg .mc-i h3,.sx.sx-fg .mc-i p{color:inherit}
.sx-full .wrap{max-width:none}.sx-full .sec.wrap{padding-left:3vw;padding-right:3vw}
.sx-al-left .sh{text-align:left;margin-left:0;margin-right:auto;max-width:none}.sx-al-left .sh h2{justify-content:flex-start}.sx-al-left .sh::after{margin-left:0}
.sx-al-right .sh{text-align:right;margin-left:auto;margin-right:0;max-width:none}.sx-al-right .sh h2{justify-content:flex-end}.sx-al-right .sh::after{margin-right:0}
.sx-hs-s .sh h2{font-size:clamp(19px,2.2vw,24px)}.sx-hs-l .sh h2{font-size:clamp(30px,4.6vw,50px)}
.sx-nohead .sh{display:none}
@media (max-width:760px){.sx-hm{display:none}}@media (min-width:761px){.sx-hd{display:none}}
/* banner with text on top */
.bn-full{padding:0}.bn{position:relative;overflow:hidden;border-radius:16px}.bn-full .bn{border-radius:0}.bn img.banner{display:block;width:100%;border-radius:0}
.bn-h-small img.banner{height:220px;object-fit:cover}.bn-h-medium img.banner{height:360px;object-fit:cover}.bn-h-large img.banner{height:520px;object-fit:cover}
.bn-o{position:absolute;inset:0;background:rgba(0,0,0,var(--ov,.3));display:flex;align-items:center;padding:28px}
.bn-p-left .bn-o{justify-content:flex-start;text-align:left}.bn-p-center .bn-o{justify-content:center;text-align:center}.bn-p-right .bn-o{justify-content:flex-end;text-align:right}
.bn-t{max-width:560px;color:#fff}.bn-t h2{margin:0 0 8px;font-size:clamp(24px,4vw,44px);line-height:1.15;color:#fff}.bn-t p{margin:0 0 16px;font-size:clamp(14px,1.6vw,18px);color:#fff}
@media (max-width:760px){.bn-h-small img.banner{height:150px}.bn-h-medium img.banner{height:240px}.bn-h-large img.banner{height:340px}.bn-o{padding:16px}}
/* rich text */
.rt-s{font-size:14px}.rt-l{font-size:19px}.rt-left{text-align:left}.rt-center{text-align:center}.rt-right{text-align:right}.rt-center .sec-h,.rt-right .sec-h{justify-content:center}.rt .hx-cta{margin-top:6px}
/* reviews / badges columns */
.rv2.rv2-c2{grid-template-columns:repeat(2,1fr)}.rv2.rv2-c4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.rv2.rv2-c3,.rv2.rv2-c4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.rv2.rv2-c2,.rv2.rv2-c3,.rv2.rv2-c4{grid-template-columns:1fr}}
.sx .why{grid-template-columns:repeat(var(--wc,4),1fr)}@media (max-width:860px){.sx .why{grid-template-columns:1fr 1fr}}.why-plain div{background:transparent;border-color:transparent;box-shadow:none}
/* multicolumn */
.mc{display:grid;gap:22px}.mc-2{grid-template-columns:repeat(2,1fr)}.mc-3{grid-template-columns:repeat(3,1fr)}.mc-4{grid-template-columns:repeat(4,1fr)}
.mc-i{text-align:center;animation:cardin .5s var(--ease) both;animation-delay:calc(var(--i) * 90ms)}.mc-t-left .mc-i{text-align:left}.mc-i h3{margin:12px 0 6px;font-size:18px}.mc-i p{margin:0 0 12px;color:var(--muted)}
.mc-img{display:block;overflow:hidden;border-radius:14px;background:#f1f3f8}.mc-img img{width:100%;display:block;object-fit:cover;transition:transform .5s var(--ease)}.mc-i:hover .mc-img img{transform:scale(1.06)}
.mc-r-landscape .mc-img img{aspect-ratio:4/3}.mc-r-square .mc-img img{aspect-ratio:1}.mc-r-portrait .mc-img img{aspect-ratio:3/4}.mc-r-circle .mc-img{border-radius:50%;max-width:200px;margin:0 auto}.mc-r-circle .mc-img img{aspect-ratio:1}
@media (max-width:860px){.mc-3,.mc-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.mc-2,.mc-3,.mc-4{grid-template-columns:1fr}}
/* video, marquee, spacer */
.vid{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 12px 36px rgba(0,0,0,.18)}.vid-4x3{aspect-ratio:4/3}.vid-1x1{aspect-ratio:1}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mqw .tk{background:var(--brand-deep)}.mqw .tk-t{animation-duration:var(--tks,35s)}.mqw.tk-s-s .tk-i{padding:6px 22px;font-size:12px}.mqw.tk-s-l .tk-i{padding:15px 32px;font-size:19px;font-weight:600}.sx.sx-bg .mqw .tk{background:transparent;color:inherit}
.spc{position:relative}.spc.line::after{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:#d6dae4}

/* ---------- mobile hero fix: show full banner (no cropping), tidy feature badges ---------- */
@media (max-width:860px){
 .hx-stage:has(.hx-s.full){min-height:0}
 .hx-s.full .hx-full{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
 .hx:has(.hx-s.full.on) .hx-blob{display:none}
 .hx-foot{padding-top:14px;padding-bottom:30px;gap:14px;justify-content:center}
 .hx-feat{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
 .hx-feat li{background:#fff;border-radius:99px;padding:5px 12px 5px 5px;box-shadow:0 4px 14px rgba(24,26,32,.1);font-size:12.5px;gap:8px;animation:none}
 .hx-feat span{width:34px;height:34px;flex:none;border-width:1.5px}
 .hx-wa{width:100%;justify-content:center}
}

/* ===== Colourful product card (home) ===== */
.pcx{position:relative;display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}
.pcx-img{position:relative;display:block;z-index:2;width:84%;margin:0 auto -34%;aspect-ratio:1/1;filter:drop-shadow(0 14px 18px rgba(15,23,42,.22))}
.pcx-img img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease)}
.pcx:hover .pcx-img img{transform:translateY(-6px) scale(1.04)}
.pcx-b{position:relative;flex:1;display:flex;flex-direction:column;gap:7px;background:linear-gradient(180deg,#fff 0%,#f1f4fa 100%);border:1px solid #e0e4ef;border-radius:26px;padding:calc(34% + 14px) 16px 16px;box-shadow:0 10px 30px rgba(26,29,35,.10);transition:box-shadow .3s}
.pcx:hover .pcx-b{box-shadow:0 18px 40px rgba(26,29,35,.18)}
.pcx-rib{position:absolute;left:0;top:18px;z-index:4;writing-mode:vertical-rl;transform:rotate(180deg);background:linear-gradient(180deg,#ff5a36,#ff2e7e 55%,#7c3aed);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:12px 6px;border-radius:0 10px 10px 0}
.pcx .pc-wish{position:absolute;right:10px;top:10px;z-index:4}
.pcx-t{font-weight:800;text-transform:uppercase;font-size:14px;line-height:1.25;letter-spacing:.01em;color:#0f172a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcx-sku{font-size:11.5px;color:#64748b;letter-spacing:.04em}
.pcx-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:20px}
.pcx-rate{display:inline-flex;align-items:center;gap:5px;font-size:12px}.pcx-rate b{font-weight:700}
.pcx-off{background:#fff1ee;color:#e0391b;font-weight:800;font-size:12px;border-radius:999px;padding:2px 9px}
.pcx-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pcx-price strong{font-size:19px;color:#0f172a}.pcx-price s{color:#94a3b8;font-size:13px}.pcx-price small{color:#64748b;font-size:11px}
.pcx-dots{display:flex;gap:6px}.pcx-dots i{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1}
.pcx-chips{display:flex;flex-wrap:wrap;gap:5px}.pcx-chips span{font-size:11px;background:#fff;border:1px solid #dbdfe7;border-radius:8px;padding:3px 8px;color:#334155}
.pcx-btn{margin-top:auto;display:block;width:100%;text-align:center;background:#0b0b0f;color:#fff;border:0;border-radius:999px;padding:12px 16px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #ff5a36;transition:transform .2s,background .2s}
.pcx-btn:hover{transform:translateY(-2px);background:var(--brand,#2563eb);color:#fff}.pcx-btn.off{background:#cbd5e1;box-shadow:none;cursor:default}
.pcx form{margin-top:auto}.pcx-b>form .pcx-btn{margin-top:6px}
.car-x .car-t{padding-top:20px}
@media (max-width:1080px){.car-x:not(.car-grid) .car-t{grid-auto-columns:calc((100% - 2 * var(--g)) / 2.4)}}
@media (max-width:640px){.car-x:not(.car-grid) .car-t{grid-auto-columns:78%}.pcx-t{font-size:13px}}
/* trust strip */
.why-strip{display:flex;flex-wrap:wrap;justify-content:space-around;gap:14px 10px;background:#fff;border:1px solid #e3e7ef;border-radius:28px;padding:18px 20px;box-shadow:0 8px 26px rgba(26,29,35,.08)}
.sx .why-strip,.why-strip{grid-template-columns:none}
.why-strip div{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 140px;max-width:200px;transform:none!important}
.why-strip span{width:56px;height:56px;margin:0!important;background:#f1f5f9!important;color:#0f172a!important;border-radius:50%;display:grid;place-items:center}
.why-strip strong{font-size:12.5px;font-weight:600;text-align:center;line-height:1.3;color:#1e293b}
@media (max-width:640px){.why-strip{border-radius:22px;padding:14px 8px}.why-strip div{flex:1 1 30%}.why-strip span{width:46px;height:46px}.why-strip strong{font-size:11.5px}}
.pcx-t,.pcx-t:hover{text-decoration:none}
.pcx-btn,.pcx-btn:hover{text-decoration:none}

/* ===== Home: full-width page + fixed-ratio hero (same on every device) ===== */
.hm .wrap,.hm .wrap.sec,.hm .sec.wrap{max-width:none;padding-left:clamp(8px,1.2vw,20px);padding-right:clamp(8px,1.2vw,20px)}
.hm .sec.wrap:has(> .bn),.hm .sec.wrap:has(> a > .bn){padding-left:0;padding-right:0}
.hm .bn,.hm .bn img.banner{border-radius:0}
.hm .hx-foot,.hm .hx-in{max-width:1600px;margin-left:auto;margin-right:auto}
/* image-only slides: whole picture always visible, 12:5 box (1920x800) on every screen */
.hx .hx-stage:has(.hx-s.full){min-height:0;aspect-ratio:12/5}
.hx .hx-s.full{height:100%;display:block}
.hx .hx-s.full .hx-full{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.hx:has(.hx-s.full.on) .hx-blob{display:none}
.hx .hx-stage:has(.hx-s.full)~.hx-dots{bottom:8px}
@media (max-width:860px){.hx .hx-stage:has(.hx-s.full){aspect-ratio:12/5}.hx .hx-s.full .hx-full{height:100%}}
html{overflow-x:clip}

/* ===== Footer & header: full width, tidy columns, colour options ===== */
.ft .wrap,.hdr2 .wrap,.topbar .wrap{max-width:none;padding-left:clamp(12px,2.2vw,40px);padding-right:clamp(12px,2.2vw,40px)}
.ft{margin-top:48px}
.ft-trust{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.ft-in{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr)) minmax(0,1.3fr);gap:clamp(20px,3vw,56px);width:100%}
.ft-bot{width:100%}
.ft-dark{background:#0f172a}.ft-dark .ft-trust div{background:rgba(255,255,255,.06)}
.ft-light{background:#f2f3f7;color:#182e61}.ft-light a,.ft-light p,.ft-light li{color:#182e61}.ft-light strong,.ft-light .ft-logo{color:#171a20}
.ft-light .ft-trust,.ft-light .ft-bot{border-color:#d9dde6}.ft-light .ft-trust div{background:#fff;border-color:#dce0e8;color:#171a20}.ft-light .ft-trust div b{color:#171a20}
.ft-light .ft-so a{border-color:#b9c0cf;color:#171a20}.ft-light .ft-pay i{background:#fff;border:1px solid #d9dde6}
@media (max-width:1000px){.ft-in{grid-template-columns:1fr 1fr}.ft-trust{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ft-in{grid-template-columns:1fr}.ft-bot{justify-content:center;text-align:center}}
.ct-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ct-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ct-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:640px){.ct-3,.ct-4{grid-template-columns:1fr 1fr!important}}

/* ===== blue & black theme ===== */
.pc-in{color:#1a7f4b}.pc-in i{background:#1a7f4b}
.tr-stock{background:#e6f5ec;color:#0d6038}.tr-stock.warn{background:#fff1de;color:#b35f00}.tr-stock.bad{background:#fdecea;color:#b02a1f}
.pstock strong.good{background:#e6f5ec;color:#1a7f4b}
.flash.ok{background:#e6f5ec;color:#0d6038}.good{color:#1a7f4b}
:root{--gold:#7dd3fc}
.pcx-b{background:linear-gradient(180deg,#fff 0%,#f2f6ff 100%);border-color:#d6e2fb}
.pcx-rib{background:linear-gradient(180deg,#38bdf8,#2563eb 55%,#0b1220)}
.pcx-off{background:#e8f0ff;color:#1d4ed8}
.pcx-btn{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #2563eb}
.pcx-btn:hover{background:#2563eb}
.ft-brand,.ft{background:linear-gradient(180deg,#0b1220,#04070d)}