/* Electric Home v2.1 — "bright home" design system. RTL, mobile-first. */
:root{
  --bg:#f6f4f0; --paper:#fff; --sand:#efe8de; --sand-2:#f6f1ea; --mist:#e2f2f7; --mist-2:#eef8fb; --fog:#eeece8; --media:#f3f1ec;
  --ink:#10202a; --ink-2:#394a56; --mut:#5d6b75; --line:#e6e1d9; --line-2:#d3cdc3;
  --tq:#33aed3; --tq-d:#0b6f88; --tq-dd:#095a6e;
  --sale:#c2261c; --ok:#0f7a55; --wa:#25d366; --wa-d:#0b5f3a; --star:#e89b0c;
  --r-s:12px; --r:20px; --r-l:20px;
  --sh:0 1px 2px rgba(16,32,42,.05),0 14px 34px -16px rgba(16,32,42,.22);
  --sh-2:0 18px 48px -12px rgba(16,32,42,.30);
  --f:"Heebo",-apple-system,"Segoe UI",Arial,sans-serif;
  --ease:cubic-bezier(.22,.8,.24,1);
  --gut:16px;
}
@media (min-width:768px){:root{--gut:28px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:150px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body.ehv2{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f);direction:rtl;text-align:right;overflow-x:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}
@media (min-width:1024px){body.ehv2{padding-bottom:0}}
.ehv2 ::selection{background:#bfe6f2;color:var(--ink)}
.ehv2 input,.ehv2 textarea{caret-color:var(--tq-d)}
.ehv2 img{max-width:100%;height:auto;display:block}
.ehv2 a{color:inherit;text-decoration:none}
.ehv2 button,.ehv2 input,.ehv2 select,.ehv2 textarea{font:inherit;color:inherit}
.ehv2 h1,.ehv2 h2,.ehv2 h3{font-family:var(--f);line-height:1.15;margin:0;color:var(--ink);letter-spacing:-.02em;text-wrap:balance}
.ehv2 p{margin:0;text-wrap:pretty}
.ehv2 :focus-visible{outline:3px solid var(--tq);outline-offset:2px;border-radius:8px}
.ic{flex:none;display:inline-block;vertical-align:middle}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;top:-80px;right:12px;z-index:100;background:var(--ink);color:#fff!important;padding:10px 16px;border-radius:var(--r-s)}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--gut)}
.only-d,.only-d-in{display:none!important}
.only-m-block{display:block}
@media (min-width:1024px){.only-d{display:flex!important}.only-d-in{display:inline!important}.only-m,.only-m-block{display:none!important}}
html.ehv2-lock,html.ehv2-lock body{overflow:hidden}
.ehv2-hide{display:none!important}
.price,.pdp-price,.dr-price,.dr-sum,.pick-p,.mega-feat-p,.ninja-list b,.rev-num b{font-variant-numeric:tabular-nums}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--r-s);border:1.5px solid transparent;font-weight:700;font-size:16px;line-height:1;cursor:pointer;transition:background-color .18s var(--ease),border-color .18s,transform .15s var(--ease);white-space:nowrap;text-align:center}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-lg{min-height:56px;padding:0 28px;font-size:17px}
.btn-sm{min-height:40px;padding:0 14px;font-size:14.5px}
.btn-go{background:var(--ink);color:#fff!important}
.btn-soft{background:#fff;color:var(--ink)!important;border-color:var(--line-2)}
.btn-soft .ic{color:#12a150}
.btn-wa{background:var(--wa);color:#062b16!important}
.btn-line{background:#fff;border-color:var(--line-2);color:var(--ink)!important}
.btn-text{background:none;border:0;color:var(--tq-d);font-weight:600;cursor:pointer;padding:10px;text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){
  .btn-go:hover{background:var(--tq-dd)}
  .btn-soft:hover,.btn-line:hover{border-color:var(--ink)}
  .btn-wa:hover{background:#1fbd5b}
}
.is-busy{opacity:.55;pointer-events:none}

/* ---------- top bar + header ---------- */
.topbar{background:var(--ink);color:#d9e6ec;font-size:13.5px}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}
.topbar-msg{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-msg .ic{color:var(--tq)}
.topbar-phone{display:flex;align-items:center;gap:6px;font-weight:700;color:#fff;flex:none}
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--line)}
.hdr-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;padding-top:8px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:10px;min-width:0}
.logo-mark{width:40px;height:40px;object-fit:contain;flex:none}
.logo-txt{display:flex;flex-direction:column;line-height:1.08}
.logo-txt b{font-size:19px;font-weight:800;letter-spacing:-.03em}
.logo-txt small{font-size:11.5px;color:var(--mut);font-weight:500;margin-top:2px}
.logo-inv .logo-txt b{color:#fff}.logo-inv .logo-txt small{color:#9fb3c0}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-s);border:0;background:transparent;cursor:pointer;position:relative;color:var(--ink)}
@media (hover:hover){.icon-btn:hover{background:var(--fog)}}
.hdr-actions{display:flex;align-items:center;gap:4px;justify-content:flex-end}
.hdr-link{align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-s);line-height:1.2}
.hdr-link small{display:block;font-size:12px;color:var(--mut)}
.hdr-link b{font-size:15px}
.hdr-link-ic{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6f8ec;color:#12a150}
@media (hover:hover){.hdr-link:hover{background:var(--fog)}}
.badge{position:absolute;top:2px;left:1px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--tq);color:var(--ink);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:normal;box-shadow:0 0 0 2px #fff}
.badge[hidden]{display:none}
.hdr-in .logo{grid-column:2;justify-self:center}
.hdr-in [data-menu]{grid-column:1}
.hdr-in .hdr-actions{grid-column:3}
.hsearch{position:relative;grid-column:1/-1;order:3;display:flex;align-items:center;background:var(--fog);border:1.5px solid transparent;border-radius:var(--r-s);transition:border-color .15s,background-color .15s}
.hsearch:focus-within{background:#fff;border-color:var(--tq-d)}
.hsearch input[type=search]{flex:1;min-width:0;height:46px;border:0;background:transparent;padding:0 14px;font-size:16px;outline:none;-webkit-appearance:none}
.hsearch input::placeholder{color:#6d7a83}
.hsearch button{width:48px;height:46px;border:0;background:transparent;cursor:pointer;color:var(--ink)}
@media (min-width:1024px){
  .hdr-in{grid-template-columns:auto minmax(320px,600px) auto;gap:32px;padding-top:12px;padding-bottom:12px}
  .hdr-in .logo{grid-column:1;justify-self:start}
  .hsearch{grid-column:2;order:0}
  .logo-mark{width:46px;height:46px}.logo-txt b{font-size:22px}
}
.sr-box{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:60;background:#fff;border-radius:var(--r);box-shadow:var(--sh-2);padding:6px;max-height:70vh;overflow:auto}
.sr-it{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:var(--r-s);font-size:14.5px}
.sr-it:hover,.sr-it:focus{background:var(--mist-2)}
.sr-it img{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply;background:var(--media);border-radius:10px}
.sr-it b{white-space:nowrap}
.sr-all{display:block;padding:12px;text-align:center;font-weight:700;color:var(--tq-d)}
.sr-none{padding:14px;font-size:14.5px}.sr-none a{color:var(--tq-d);text-decoration:underline}

/* mega menu */
.mega{border-top:1px solid var(--line)}
.mega .wrap{display:block}
.mega-bar{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.mega-item{position:static}
.mega-top{display:block;padding:13px 14px;font-weight:600;font-size:15px;white-space:nowrap;position:relative}
.mega-top::after{content:"";position:absolute;right:14px;left:14px;bottom:0;height:2.5px;border-radius:2px;background:var(--tq);transform:scaleX(0);transition:transform .2s var(--ease)}
.mega-item:focus-within .mega-top::after,.mega-item.is-open .mega-top::after{transform:scaleX(1)}
@media (hover:hover){.mega-item:hover .mega-top::after{transform:scaleX(1)}}
.mega-sale{color:var(--sale)}
.mega-panel{position:absolute;right:0;left:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 24px 40px -24px rgba(16,32,42,.35);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s var(--ease),transform .16s var(--ease),visibility 0s .16s;z-index:45}
.mega-item.is-open .mega-panel,.mega-item:focus-within .mega-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover){.mega-item.has-kids:hover .mega-panel{opacity:1;visibility:visible;transform:none;transition-delay:.08s}}
.mega-in{display:grid;grid-template-columns:1fr 260px;gap:40px;padding-top:26px;padding-bottom:28px}
.mega-h{font-size:22px;font-weight:800;margin-bottom:12px}
.mega-links ul{list-style:none;margin:0 0 14px;padding:0;columns:3;column-gap:28px}
.mega-links li{break-inside:avoid}
.mega-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-weight:500}
.mega-links a span{font-size:12.5px;color:var(--mut)}
@media (hover:hover){.mega-links a:hover{color:var(--tq-d)}}
.mega-feat{display:flex;flex-direction:column;gap:6px;background:var(--media);border-radius:var(--r);padding:16px}
.mega-feat img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.mega-feat-k{font-size:12.5px;font-weight:700;color:var(--tq-d)}
.mega-feat b{font-size:14.5px;line-height:1.35}
.mega-feat-p{font-weight:800;font-size:18px}

/* mobile menu (drawer from the start side) */
.menu{position:fixed;inset:0;z-index:70}
.menu[hidden]{display:none}
.menu-scrim{position:absolute;inset:0;background:rgba(16,32,42,.45)}
.menu-in{position:absolute;top:0;bottom:0;right:0;width:min(90vw,400px);background:#fff;display:flex;flex-direction:column;overflow:auto;animation:slideR .26s var(--ease)}
@keyframes slideR{from{transform:translateX(100%)}to{transform:none}}
.menu-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:18px;position:sticky;top:0;background:#fff;z-index:1}
.menu-list{list-style:none;margin:0;padding:4px 0}
.menu-list>li{border-bottom:1px solid #f0ece6}
.menu-list summary,.menu-a{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:17px;font-weight:600;cursor:pointer;list-style:none}
.menu-list summary::-webkit-details-marker{display:none}
.menu-list summary .ic{transition:transform .2s var(--ease);color:var(--mut)}
.menu-list details[open] summary .ic{transform:rotate(-90deg)}
.menu-list details ul{list-style:none;margin:0;padding:0 20px 12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.menu-list details ul a{display:block;padding:10px 12px;border-radius:var(--r-s);background:var(--bg);font-size:14.5px;font-weight:500}
.menu-list .menu-all{grid-column:1/-1;background:var(--mist-2);color:var(--tq-dd);font-weight:700}
.menu-sale{color:var(--sale)}
.menu-help{margin-top:auto;padding:20px;display:grid;gap:10px;background:var(--bg)}
.menu-help p{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--mut)}

/* ---------- sections ---------- */
.sec{padding:40px 0}
@media (min-width:1024px){.sec{padding:64px 0}}
.sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.sec-hd h2{font-size:26px;font-weight:800}
.sec-hd p{color:var(--mut);margin-top:6px;font-size:15.5px}
@media (min-width:1024px){.sec-hd h2{font-size:36px}}
.sec-tools{display:flex;align-items:center;gap:8px;flex:none}
.more{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--tq-d);white-space:nowrap;font-size:15px}
@media (hover:hover){.more:hover{text-decoration:underline;text-underline-offset:4px}}
.arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);background:#fff;cursor:pointer;align-items:center;justify-content:center;color:var(--ink)}
@media (hover:hover){.arrow:hover{border-color:var(--ink)}}
.stars{display:inline-flex;gap:1px;color:var(--star)}

/* ---------- hero stage ---------- */
.hero{padding:14px 0 0}
.stage{position:relative;display:grid;border-radius:var(--r);overflow:hidden;background:var(--sand)}
.stage-media{aspect-ratio:16/10;overflow:hidden}
.stage-media img{width:100%;height:100%;object-fit:cover;object-position:35% 50%}
.stage-copy{padding:22px 18px 24px;background:#fff}
.stage h1{font-size:31px;font-weight:900;line-height:1.08;letter-spacing:-.035em}
.stage h1 span{color:var(--tq-d)}
.lead{font-size:16.5px;color:var(--ink-2);margin-top:12px;max-width:34em}
.hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.g-proof{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--ink-2)}
.g-proof b{color:var(--ink)}
.stage-pick{position:absolute;top:12px;left:12px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;max-width:calc(100% - 24px);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:8px 8px 8px 12px;box-shadow:var(--sh)}
.pick-img img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply;background:var(--media);border-radius:10px}
.pick-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.pick-k{font-size:11.5px;font-weight:700;color:var(--tq-d)}
.pick-t b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;display:block}
.pick-p{font-weight:800;font-size:15px}
.stage-pick .add{width:42px;padding:0}
.stage-pick .add span{display:none}
@media (min-width:768px){
  .stage h1{font-size:44px}
  .stage-copy{padding:28px}
}
@media (min-width:1024px){
  .hero{padding:22px 0 0}
  .stage{min-height:560px;grid-template-columns:1fr;align-items:center}
  .stage-media{position:absolute;inset:0;aspect-ratio:auto}
  .stage-media::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(246,244,240,.96) 0%,rgba(246,244,240,.88) 34%,rgba(246,244,240,0) 62%)}
  .stage-copy{position:relative;z-index:1;background:none;width:min(560px,48%);padding:56px 56px 56px 0;margin-right:0}
  .stage h1{font-size:58px}
  .lead{font-size:18px}
  .hero-cta{display:flex;flex-wrap:wrap}
  .stage-pick{top:auto;bottom:28px;left:28px;grid-template-columns:72px 1fr auto;padding:10px 10px 10px 14px}
  .pick-img img{width:72px;height:72px}
  .pick-t b{max-width:220px;font-size:14.5px}
}

/* ---------- rooms ---------- */
.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.room{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:1;background:var(--sand);isolation:isolate}
.room img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.room::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,24,32,.72) 0%,rgba(12,24,32,.12) 52%,rgba(12,24,32,0) 70%);z-index:1}
.room-t{position:absolute;right:14px;left:48px;bottom:12px;z-index:2;color:#fff;display:flex;flex-direction:column;line-height:1.2}
.room-t b{font-size:18px;font-weight:800}
.room-t small{font-size:12.5px;opacity:.9;margin-top:3px;display:none}
.room-go{position:absolute;left:12px;bottom:12px;z-index:2;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center}
.room-0{grid-column:1/-1;aspect-ratio:16/10}
.room-0 .room-t b{font-size:22px}
.room-0 .room-t small{display:block}
@media (hover:hover){.room:hover img{transform:scale(1.04)}}
@media (min-width:1024px){
  .room-grid{grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:260px 260px;gap:14px}
  .room{aspect-ratio:auto}
  .room-0{grid-column:1;grid-row:1/3;aspect-ratio:auto}
  .room-t{right:22px;bottom:20px}
  .room-t b{font-size:22px}.room-0 .room-t b{font-size:30px}
  .room-t small{display:block;font-size:14px}
  .room-go{left:18px;bottom:18px;width:38px;height:38px}
}
.cat-strip{list-style:none;margin:18px calc(var(--gut)*-1) 0;padding:4px var(--gut) 6px;display:grid;grid-auto-flow:column;grid-auto-columns:88px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.cat-strip::-webkit-scrollbar,.rail::-webkit-scrollbar,.chips::-webkit-scrollbar,.g-track::-webkit-scrollbar{display:none}
.cat-strip li{scroll-snap-align:start}
.cat-strip a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.cat-img{width:88px;height:88px;border-radius:var(--r);background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s}
.cat-img img{width:78%;height:78%;object-fit:contain}
.cat-name{font-size:13px;font-weight:600;line-height:1.25}
@media (hover:hover){.cat-strip a:hover .cat-img{transform:translateY(-2px);box-shadow:var(--sh)}}
@media (min-width:1024px){
  .cat-strip{margin:22px 0 0;padding:4px 0;grid-auto-flow:row;grid-template-columns:repeat(12,1fr);overflow:visible;gap:12px}
  .cat-img{width:100%;height:auto;aspect-ratio:1}
}

/* ---------- product cards / rails / grids ---------- */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,46%);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut)*-1);padding:4px var(--gut) 14px;scrollbar-width:none;overscroll-behavior-x:contain}
.rail>*{scroll-snap-align:start}
@media (min-width:768px){.rail{grid-auto-columns:calc((100% - 36px)/4);gap:12px;margin:0;padding:4px 0 14px}}
@media (min-width:1200px){.rail{grid-auto-columns:calc((100% - 48px)/5)}}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:768px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media (min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.card{position:relative;display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r);overflow:hidden;min-width:0;transition:box-shadow .22s var(--ease),transform .22s var(--ease)}
@media (hover:hover){.card:hover{box-shadow:var(--sh);transform:translateY(-2px)}}
.card-media{position:relative;display:block;aspect-ratio:1;background:var(--media);margin:8px 8px 0;border-radius:12px;overflow:hidden}
.card-media img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .3s var(--ease),transform .4s var(--ease)}
.card-media .im2{opacity:0}
@media (hover:hover){.card:hover .im2{opacity:1}.card:hover .card-media img.im1:not(:only-of-type){opacity:0}.card:hover .card-media img:only-of-type{transform:scale(1.04)}}
.tags{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:1}
.tag{display:inline-block;padding:3px 8px;border-radius:8px;font-size:12.5px;font-weight:800;line-height:1.3;direction:ltr}
.tag-sale{background:var(--sale);color:#fff}
.tag-top{background:var(--ink);color:#fff;direction:rtl}
.card-body{display:flex;flex-direction:column;gap:5px;padding:10px 12px 12px;flex:1}
.card-brand{font-size:12px;font-weight:700;color:var(--tq-d)}
.card-name{font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;max-height:2.7em}
@media (hover:hover){.card-name a:hover{color:var(--tq-d)}}
.card-meta{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--mut)}
.card-meta .ic{color:var(--ok)}
.card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.price{display:flex;flex-direction:column;line-height:1.1}
.price b{font-size:19px;font-weight:800}
.price s{font-size:12.5px;color:var(--mut);margin-bottom:2px}
.ehv2 .add{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;min-width:44px;padding:0 13px;border-radius:var(--r-s);border:0;background:var(--ink);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background-color .18s var(--ease),transform .15s}
.ehv2 .add:active{transform:scale(.96)}
@media (hover:hover){.ehv2 .add:hover{background:var(--tq-dd)}}
.add span{display:none}
@media (min-width:430px){.add span{display:inline}}
.ehv2 .add-line{background:#fff;color:var(--ink);border:1.5px solid var(--line-2)}
.oos{font-size:13px;font-weight:600;color:var(--mut);background:var(--fog);padding:6px 10px;border-radius:8px}
.card.is-oos .card-media img{opacity:.55}

/* ---------- ninja split ---------- */
.ninja-in{display:grid;background:var(--sand);border-radius:var(--r);overflow:hidden}
.ninja-media{aspect-ratio:16/10;overflow:hidden}
.ninja-media img{width:100%;height:100%;object-fit:cover}
.ninja-copy{padding:22px 18px 24px}
.ninja-logo{height:30px;width:auto;margin-bottom:10px}
.ninja-copy h2{font-size:26px;font-weight:800}
.ninja-copy>p{color:var(--ink-2);margin-top:8px}
.ninja-list{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:8px}
.ninja-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.7);border-radius:12px;padding:8px 12px 8px 14px}
.ninja-list a{display:flex;align-items:center;gap:12px;min-width:0;font-weight:600;font-size:14.5px}
.ninja-list a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ninja-list img{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply;flex:none}
@media (min-width:1024px){
  .ninja-in{grid-template-columns:1.1fr 1fr;align-items:stretch}
  .ninja-media{aspect-ratio:auto;min-height:520px}
  .ninja-copy{padding:48px 48px 48px 56px;align-self:center}
  .ninja-copy h2{font-size:38px}
}

/* ---------- brands ---------- */
.brands{padding:8px 0 16px}
.brands-in{display:flex;align-items:center;justify-content:space-between;gap:28px;overflow-x:auto;scrollbar-width:none;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brands-in a{flex:none;display:flex;align-items:center;height:36px;opacity:.72;filter:grayscale(1);transition:opacity .2s,filter .2s}
.brands-in img{height:28px;width:auto;max-width:150px;object-fit:contain}
@media (hover:hover){.brands-in a:hover{opacity:1;filter:none}}

/* ---------- reviews ---------- */
.rev-in{display:grid;gap:20px}
.rev-score{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rev-score h2{font-size:26px;font-weight:800}
.rev-num{display:flex;align-items:center;gap:10px;margin-top:6px}
.rev-num b{font-size:46px;font-weight:900;line-height:1}
.rev-src{color:var(--mut);font-size:14.5px;margin-bottom:8px}
.rev-wall{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut)*-1);padding:2px var(--gut) 10px;scrollbar-width:none}
.rev{margin:0;background:var(--paper);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start}
.rev blockquote{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.rev figcaption{margin-top:auto;font-size:14px;font-weight:700}
@media (min-width:1024px){
  .rev-in{grid-template-columns:280px 1fr;gap:40px;align-items:start}
  .rev-score{position:sticky;top:150px}
  .rev-score h2{font-size:36px}
  .rev-wall{display:block;columns:2;column-gap:14px;overflow:visible;margin:0;padding:0}
  .rev{break-inside:avoid;margin-bottom:14px}
}
@media (min-width:1280px){.rev-wall{columns:3}}

/* ---------- help ---------- */
.help-in{display:grid;gap:14px}
.help-main{background:var(--mist);border-radius:var(--r);padding:24px 20px}
.help-main h2{font-size:26px;font-weight:800;margin-bottom:8px}
.help-main>p{color:var(--ink-2);margin-bottom:18px}
.help-side{display:grid;gap:14px}
.help-block{background:var(--paper);border-radius:var(--r);padding:22px 20px}
.help-block h3{font-size:19px;font-weight:800;margin-bottom:10px}
.guides{list-style:none;margin:0;padding:0}
.guides a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}
.guides li:last-child a{border-bottom:0}
@media (hover:hover){.guides a:hover{color:var(--tq-d)}}
.store p{display:flex;gap:8px;align-items:center;margin-bottom:8px;color:var(--ink-2)}
.store .ic{color:var(--tq-d)}
.store-go{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.store-go .btn{flex:1;min-height:44px;padding:0 12px;font-size:14.5px}
@media (min-width:1024px){.help-in{grid-template-columns:1.25fr 1fr;gap:16px}.help-main{padding:40px}.help-main h2{font-size:34px}.help-side{grid-template-columns:1fr}}

/* lead form */
.lead{display:grid;gap:12px}
.lead-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lead label>span{display:block;font-size:14px;font-weight:600;margin-bottom:5px}
.lead small{font-weight:400;color:var(--mut)}
.lead input[type=text],.lead input[type=tel]{width:100%;height:50px;border-radius:var(--r-s);border:1.5px solid var(--line-2);background:#fff;padding:0 14px;font-size:16px}
.lead input:focus{outline:none;border-color:var(--tq-d);box-shadow:0 0 0 3px rgba(51,174,211,.25)}
.lead input:user-invalid{border-color:var(--sale)}
.lead .consent{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ink-2)}
.lead .consent input{width:20px;height:20px;margin-top:1px;accent-color:var(--ink);flex:none}
.lead .consent a{text-decoration:underline}
.lead .btn{justify-self:start;min-width:170px}
.lead-err{background:#fdeceb;color:#8f1d15;border-radius:var(--r-s);padding:10px 14px;font-weight:600;font-size:14.5px}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lead-ok{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--ok);background:#fff;border-radius:var(--r-s);padding:14px}

/* ---------- assurance + footer ---------- */
.assure{padding:10px 0 34px}
.assure-in{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.assure-in>div{display:flex;align-items:center;gap:12px;background:var(--paper);border-radius:var(--r);padding:14px}
.assure-ic{width:44px;height:44px;border-radius:50%;background:var(--mist);color:var(--tq-dd);display:flex;align-items:center;justify-content:center;flex:none}
.assure p{display:flex;flex-direction:column;line-height:1.3}
.assure b{font-size:14.5px}.assure span{font-size:12.5px;color:var(--mut)}
@media (min-width:1024px){.assure-in{grid-template-columns:repeat(4,1fr);gap:14px}.assure-in>div{padding:18px}}
.ftr{background:var(--ink);color:#c9d7e0;padding:44px 0 0}
.ftr-in{display:grid;gap:28px}
.ftr-brand p{margin:14px 0;max-width:30em;font-size:14.5px}
.ftr-contact{display:grid;gap:10px;font-size:15px}
.ftr-contact a,.ftr-contact span{display:flex;align-items:center;gap:8px;color:#fff}
.ftr-contact .ic{color:var(--tq)}
.ftr-col b{color:#fff;display:block;margin-bottom:12px;font-size:16px}
.ftr-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
@media (hover:hover){.ftr-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}}
.ftr-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:16px;padding-bottom:18px;font-size:13px;color:#8fa4b2}
.ftr-bot span{white-space:nowrap}
@media (min-width:1024px){.ftr-in{grid-template-columns:1.6fr 1fr 1fr}}

/* ---------- mobile bar ---------- */
.mbar{position:fixed;bottom:0;right:0;left:0;z-index:45;background:rgba(255,255,255,.98);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(16,32,42,.06)}
.mbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:62px;font-size:11.5px;font-weight:600;color:var(--ink-2)}
.mbar a[aria-current=page]{color:var(--tq-dd)}
.mbar .badge{top:6px;left:calc(50% - 22px)}
.mbar-wa .ic{color:#12a150}

/* ---------- cart drawer ---------- */
.drawer{position:fixed;inset:0;z-index:75}
.drawer[hidden]{display:none}
.dr-scrim{position:absolute;inset:0;background:rgba(16,32,42,.45);opacity:0;transition:opacity .25s}
.dr-panel{position:absolute;top:0;bottom:0;left:0;width:min(94vw,430px);background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .28s var(--ease);box-shadow:var(--sh-2)}
.drawer.is-open .dr-scrim{opacity:1}
.drawer.is-open .dr-panel{transform:none}
.dr-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:18px}
.dr-ship{padding:12px 16px 4px;font-size:14.5px}
.dr-ship:empty{display:none}
.ship-track{height:8px;background:var(--fog);border-radius:999px;margin-top:8px;overflow:hidden}
.ship-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--tq),#78cfe8);border-radius:999px;transform-origin:right;transition:transform .4s var(--ease)}
.dr-body{flex:1;overflow:auto;padding:6px 16px}
.dr-added{display:flex;align-items:center;gap:6px;color:var(--ok);font-weight:700;padding:8px 0 4px}
.dr-empty{padding:40px 0;text-align:center;display:grid;gap:14px;justify-items:center;color:var(--mut)}
.dr-item{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.dr-img img{width:76px;height:76px;object-fit:contain;border-radius:var(--r-s);background:var(--media);mix-blend-mode:multiply}
.dr-name{font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dr-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.dr-price{font-size:16px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line-2);border-radius:var(--r-s);overflow:hidden;height:40px;background:#fff}
.qty button{width:40px;height:100%;border:0;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}
@media (hover:hover){.qty button:hover{background:var(--fog)}}
.qty span,.qty input{min-width:30px;text-align:center;font-weight:700}
.qty input{width:44px;border:0;height:100%;-moz-appearance:textfield;background:#fff}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.qty-lg{height:56px}.qty-lg button{width:44px}
.dr-foot{border-top:1px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:grid;gap:8px}
.dr-sum{display:flex;justify-content:space-between;font-size:18px;margin-bottom:4px}
.dr-note{display:flex;align-items:center;gap:6px;justify-content:center;font-size:12.5px;color:var(--mut)}
.toast{position:fixed;bottom:84px;right:16px;left:16px;z-index:80;background:var(--ink);color:#fff;padding:14px 18px;border-radius:var(--r-s);box-shadow:var(--sh-2);max-width:460px;margin:0 auto}
.toast[hidden]{display:none}

/* ---------- page header / listing ---------- */
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:16px 0 6px;font-size:13.5px;color:var(--mut)}
.crumbs li:not(:last-child)::after{content:"/";margin-inline-start:6px;color:#b9b2a7}
@media (hover:hover){.crumbs a:hover{color:var(--ink);text-decoration:underline}}
@media (max-width:1023px){.crumbs .cr-far{display:none}.crumbs ol{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.crumbs li:last-child{overflow:hidden;text-overflow:ellipsis}}
.page-hd{padding-bottom:8px}
.page-hd h1{font-size:28px;font-weight:900;margin-top:2px;letter-spacing:-.03em}
@media (min-width:1024px){.page-hd h1{font-size:42px}}
.cat-intro{max-width:760px;color:var(--ink-2);margin-top:8px;font-size:15.5px}
.chips{display:flex;gap:8px;list-style:none;margin:6px calc(var(--gut)*-1) 0;padding:4px var(--gut) 4px;overflow-x:auto;scrollbar-width:none}
.chip{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line-2);font-weight:600;font-size:14.5px;white-space:nowrap}
.chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.listing{display:grid;gap:14px;padding-top:12px}
@media (min-width:1024px){.listing{grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start;padding-top:20px}}
.results{min-width:0}
.tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.count{color:var(--mut);font-size:14.5px}.count b{color:var(--ink)}
.sort label{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--mut)}
.sort select{height:42px;border-radius:var(--r-s);border:1.5px solid var(--line-2);background:#fff;padding:0 12px;font-weight:600;font-size:14.5px;color:var(--ink);cursor:pointer}
.nsel{background:var(--tq);color:var(--ink);border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;padding:0 5px}
.active-f{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 14px;padding:0}
.active-f a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--mist);color:var(--tq-dd);font-weight:600;font-size:14px}
/* filters: desktop sidebar, mobile bottom sheet */
.side{min-width:0}
.filters{background:var(--paper);border-radius:var(--r)}
.f-body{padding:6px 18px 8px}
.f-grp{border:0;margin:0;padding:14px 0;border-bottom:1px solid var(--line)}
.f-grp:last-child{border-bottom:0}
.f-grp legend,.f-leg{font-weight:800;font-size:15.5px;padding:0;margin-bottom:8px}
.f-opt{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-size:15px}
.f-opt input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin:0}
.f-opt span{flex:1}
.f-opt em{font-style:normal;font-size:12.5px;color:var(--mut)}
.f-cats{list-style:none;margin:0;padding:0}
.f-cats a{display:flex;justify-content:space-between;padding:7px 0;font-size:15px}
.f-cats a span{font-size:12.5px;color:var(--mut)}
.f-cats a.is-on{font-weight:800;color:var(--tq-dd)}
.f-foot{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}
.f-foot .btn{flex:1}
@media (max-width:1023px){
  .side{position:fixed;inset:0;z-index:72;background:rgba(16,32,42,.45);display:none}
  .side.is-open{display:block}
  .filters{position:absolute;right:0;left:0;bottom:0;max-height:88dvh;display:flex;flex-direction:column;border-radius:var(--r) var(--r) 0 0;animation:sheetUp .26s var(--ease)}
  .f-hd{display:flex!important;align-items:center;justify-content:space-between;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line);font-size:18px}
  .f-body{overflow:auto;flex:1}
  .f-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
@media (min-width:1024px){.filters{position:sticky;top:150px}.f-foot .btn-text{flex:none}}
.pager ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:28px 0 8px;margin:0}
.pager a,.pager span{display:inline-flex;min-width:44px;height:44px;align-items:center;justify-content:center;padding:0 12px;border-radius:var(--r-s);background:#fff;font-weight:700}
.pager .current{background:var(--ink);color:#fff}
.empty{text-align:center;background:#fff;border-radius:var(--r);padding:48px 20px;display:grid;gap:12px;justify-items:center}
.seo-below{padding-top:40px;padding-bottom:20px}
.seo-below:empty{display:none}
.seo-below>*{background:#fff;border-radius:var(--r);padding:clamp(20px,4vw,40px);margin-bottom:16px}

/* ---------- product page ---------- */
.pdp{display:grid;gap:14px;padding-bottom:24px}
@media (min-width:1024px){.pdp{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:52px;align-items:start}}
.pdp-gal{min-width:0}
.g-main{position:relative;background:var(--media);border-radius:var(--r);aspect-ratio:1/.8;overflow:hidden}
@media (min-width:1024px){.g-main{aspect-ratio:1}}
.g-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.g-track img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;padding:7%;scroll-snap-align:center;mix-blend-mode:multiply}
.g-count{position:absolute;bottom:12px;left:12px;background:rgba(16,32,42,.72);color:#fff;font-size:13px;padding:3px 10px;border-radius:999px;direction:ltr}
.g-main .tag{position:absolute;top:12px;right:12px}
.g-thumbs{display:none;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
@media (min-width:1024px){.g-thumbs{display:flex}}
.g-thumbs button{flex:none;width:76px;height:76px;border-radius:var(--r-s);border:2px solid transparent;background:var(--media);padding:5px;cursor:pointer}
.g-thumbs button[aria-pressed=true]{border-color:var(--ink)}
.g-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
@media (min-width:1024px){.pdp-info{position:sticky;top:150px}}
.pdp-brand{font-size:14px;font-weight:700;color:var(--tq-d)}
.pdp-title{font-size:21px;font-weight:800;line-height:1.28;margin:4px 0 6px;letter-spacing:-.02em}
@media (min-width:1024px){.pdp-title{font-size:30px}}
.pdp-rating{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2)}
.pdp-rating a{text-decoration:underline}
.pdp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:10px}
.pdp-price b{font-size:34px;font-weight:900;letter-spacing:-.02em}
.pdp-price s{font-size:18px;color:var(--mut)}
.save{font-size:14px;font-weight:700;color:#fff;background:var(--sale);padding:3px 9px;border-radius:8px}
.vat{font-size:13px;color:var(--mut);margin-top:2px}
.pdp-hl{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.pdp-hl li{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;color:var(--ink-2)}
.pdp-hl .ic{color:var(--ok);margin-top:4px}
.pdp-short{margin-top:12px;color:var(--ink-2);font-size:15.5px}
.pdp-short p{margin:0}
.pdp-buy{display:flex;gap:10px;margin-top:18px}
.btn-buy{flex:1}
.oos-box{background:var(--fog);border-radius:var(--r-s);padding:14px;font-weight:600;width:100%}
.oos-box a{color:var(--tq-d);text-decoration:underline}
.pdp-facts{list-style:none;margin:16px 0 0;padding:0;border-radius:var(--r);background:var(--paper)}
.pdp-facts li{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}
.pdp-facts li:last-child{border-bottom:0}
.pdp-facts li>div{flex:1;min-width:0}
.pdp-facts .ic{color:var(--tq-d);margin-top:2px}
.pdp-facts b{display:block;font-size:15px}
.pdp-facts span{font-size:13.5px;color:var(--mut)}
.pdp-ask{display:flex;align-items:center;gap:12px;margin-top:10px;padding:14px 16px;border-radius:var(--r);background:#e7f7ed;font-size:14.5px;color:var(--wa-d)}
.pdp-ask .ic{color:#12a150}
.pdp-ask b{color:var(--ink)}
.pdp-nav{position:sticky;top:var(--nav-top,112px);z-index:30;margin-top:8px}
.pdp-nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:8px 0;overflow-x:auto;scrollbar-width:none;background:var(--bg)}
.pdp-nav a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:#fff;font-weight:600;font-size:14.5px;white-space:nowrap}
@media (min-width:1024px){.pdp-nav{top:140px}}
.pdp-more{display:grid;gap:14px;padding-bottom:10px}
.pdp-sec{background:var(--paper);border-radius:var(--r);padding:clamp(20px,3.5vw,38px);scroll-margin-top:190px}
.pdp-sec h2{font-size:22px;font-weight:800;margin-bottom:14px}
.spec{list-style:none;margin:0;padding:0;display:grid}
.spec li{display:grid;grid-template-columns:minmax(110px,34%) 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.spec li span{color:var(--mut)}
.spec .spec-one{grid-template-columns:auto 1fr;align-items:start}
.spec .spec-one .ic{color:var(--ok);margin-top:4px}
.spec b{font-weight:500}
@media (min-width:1024px){.spec{grid-template-columns:1fr 1fr;column-gap:40px}}
.sticky-buy{position:fixed;right:0;left:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:44;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(16,32,42,.08);transform:translateY(120%);visibility:hidden;transition:transform .28s var(--ease),visibility 0s .28s}
.sticky-buy.is-on{transform:none;visibility:visible;transition-delay:0s}
.sticky-in{display:flex;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}
.sticky-in img{width:48px;height:48px;object-fit:contain;flex:none;mix-blend-mode:multiply}
.sticky-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.sticky-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-t span{font-weight:800;font-size:17px}
@media (min-width:1024px){.sticky-buy{bottom:0}}

/* ---------- prose ---------- */
.prose{font-size:16.5px;line-height:1.8;color:var(--ink-2)}
.prose h2{font-size:24px;margin:1.4em 0 .5em}
.prose h3{font-size:19px;margin:1.2em 0 .4em}
.prose p{margin:0 0 1em}
.prose a{color:var(--tq-d);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-inline-start:1.3em}
.prose img{border-radius:var(--r-s);margin:1em 0}
.prose table{width:100%;border-collapse:collapse;margin:1em 0;font-size:15px}
.prose th,.prose td{border:1px solid var(--line);padding:10px;text-align:right}
.post-hd{padding-bottom:14px}
.post-hd h1{font-size:30px;font-weight:900;max-width:900px}
@media (min-width:1024px){.post-hd h1{font-size:44px}}
.post-meta{color:var(--mut);margin-top:8px}
.post-body{max-width:820px;background:#fff;border-radius:var(--r);padding:clamp(20px,4vw,48px);margin-bottom:32px}
.content-wrap{min-height:40vh}

/* floating widgets above the mobile bar, never on it */
@media (max-width:1023px){
  .ehv2 .userway_buttons_wrapper{bottom:calc(76px + env(safe-area-inset-bottom))!important;top:auto!important}
  .ehv2.is-product .userway_buttons_wrapper{bottom:calc(150px + env(safe-area-inset-bottom))!important}
}
.ehv2.is-product{--sm-sa-launcher-shift:74px}

/* ---------- v2.1 fixes: grids never grow past the container ---------- */
.stage,.ninja-in,.help-in,.rev-in,.pdp,.listing{grid-template-columns:minmax(0,1fr)}
.stage-copy,.ninja-copy,.help-main,.help-side,.ninja-list li,.ninja-list a{min-width:0}
.hero-cta .btn{min-width:0;padding:0 14px;white-space:normal;line-height:1.2}
@media (max-width:1023px){.topbar-msg span:first-of-type{overflow:hidden;text-overflow:ellipsis}}
@media (min-width:1024px){
  .stage{grid-template-columns:minmax(0,1fr)}
  .stage-copy{width:min(640px,52%)}
  .stage h1{font-size:54px}
  .ninja-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .help-in{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .rev-in{grid-template-columns:280px minmax(0,1fr)}
  .pdp{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
  .listing{grid-template-columns:270px minmax(0,1fr)}
}

/* =================== v3: full-width, designed header + banners =================== */
.wrap{max-width:1640px;padding:0 clamp(16px,3.2vw,48px)}
:root{--gut:clamp(16px,3.2vw,48px)}

/* promo ticker bar */
.promo{background:var(--tq);color:#06232e;font-size:13.5px;font-weight:600}
.promo-in{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:38px;gap:12px}
@media (min-width:1024px){.promo-in{grid-template-columns:1fr auto 1fr}}
.promo-side{display:flex;align-items:center;gap:6px;white-space:nowrap}
.promo-phone{justify-self:end;font-weight:800;display:none}
@media (min-width:1024px){.promo-phone{display:flex}}
.promo-msgs{position:relative;height:38px;overflow:hidden;text-align:center;min-width:0}
@media (min-width:1024px){.promo-msgs{width:560px}}
.promo-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.promo-msg.is-on{opacity:1;transform:none}

/* header */
.hdr{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 var(--line)}
.hdr-in{padding-top:10px;padding-bottom:10px}
@media (min-width:1024px){.hdr-in{grid-template-columns:auto minmax(360px,760px) auto;gap:40px;padding-top:16px;padding-bottom:16px}.logo-mark{width:54px;height:54px}.logo-txt b{font-size:25px}.logo-txt small{font-size:13px}}
.hsearch{background:#fff;border:2px solid var(--ink);border-radius:12px}
.hsearch:focus-within{border-color:var(--tq-d);box-shadow:0 0 0 4px rgba(51,174,211,.18)}
.hsearch input[type=search]{height:48px}
.hsearch button.hsearch-go{display:flex;align-items:center;gap:8px;height:48px;width:auto;padding:0 14px;margin:-2px;border-radius:12px 0 0 12px;background:var(--ink);color:#fff;font-weight:700;border:0;cursor:pointer}
@media (min-width:1024px){.hsearch button.hsearch-go{padding:0 22px}}
.act{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;color:var(--ink)}
@media (hover:hover){.act:hover{background:var(--fog)}}
.act-ic{position:relative;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg);flex:none}
.act-wa{background:#e3f7ea;color:#12a150}
.act-t{display:flex;flex-direction:column;line-height:1.2}
.act-t small{font-size:12px;color:var(--mut)}
.act-t b{font-size:15px;font-weight:700}
.act-cart .act-ic{background:var(--ink);color:#fff}
.act-cart .badge{top:-5px;left:-5px}
@media (max-width:1023px){.act{padding:0}.act-ic{background:transparent}.act-cart .act-ic{background:transparent;color:var(--ink)}.act-cart .badge{top:2px;left:1px}}

/* category bar */
.catbar{background:var(--ink);color:#fff;border-top:0}
.catbar .wrap.catbar-in{display:flex;align-items:stretch;gap:6px;min-height:54px}
.allcats{position:relative;display:flex;align-items:center}
.allcats-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:0;background:var(--tq);color:var(--ink);font-weight:800;font-size:15px;cursor:pointer;margin-left:8px;white-space:nowrap}
.allcats.is-open .allcats-btn{background:#fff}
.allcats-panel{position:absolute;top:calc(100% + 7px);right:0;width:min(1100px,calc(100vw - 96px));background:#fff;color:var(--ink);border-radius:18px;box-shadow:var(--sh-2);padding:24px;z-index:50}
.allcats-panel[hidden]{display:none}
.allcats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 28px}
.ac-h{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;margin-bottom:8px}
.ac-h img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply;background:var(--media);border-radius:12px;padding:4px}
.ac-col ul{list-style:none;margin:0;padding:0 66px 0 0;display:grid;gap:4px}
.ac-col a{font-size:14.5px}
@media (hover:hover){.ac-col ul a:hover,.ac-h:hover span{color:var(--tq-d);text-decoration:underline;text-underline-offset:3px}}
.catbar .mega-bar{flex:1;display:flex;gap:0;min-width:0}
.catbar .mega-top{display:flex;align-items:center;gap:8px;height:54px;padding:0 12px;color:#fff;font-weight:600;font-size:15px}
.catbar .mega-top .ic{color:var(--tq)}
.catbar .mega-top::after{bottom:0;background:var(--tq)}
@media (hover:hover){.catbar .mega-top:hover{background:rgba(255,255,255,.06)}}
.catbar-sale{display:flex;align-items:center;gap:6px;align-self:center;height:36px;padding:0 14px;border-radius:999px;background:#ffdfdc;color:#9a1c14;font-weight:800;white-space:nowrap}
.catbar-sale .ic{color:#c2261c}
.catbar .mega-panel{color:var(--ink);top:100%}
.mega-links ul{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 20px}
.mega-links a{border-bottom:0;padding:6px 8px;border-radius:12px;justify-content:flex-start;gap:12px}
.mega-links a img{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply;background:var(--media);border-radius:10px;padding:3px;flex:none}
.mega-links a span{flex:1;font-size:15px;color:var(--ink);font-weight:600}
.mega-links a em{font-style:normal;font-size:12.5px;color:var(--mut)}
@media (hover:hover){.mega-links a:hover{background:var(--bg)}}
.mega-in{grid-template-columns:1fr 300px}
.mega-feat{background:linear-gradient(160deg,#dff3f9,#f4fbfd);padding:20px}
.mega-feat-img{display:block}
.mega-feat-p s{font-size:13px;color:var(--mut);font-weight:500}

/* mobile menu tiles */
.menu-hd .logo-mark{width:36px;height:36px}.menu-hd .logo-txt b{font-size:17px}.menu-hd .logo-txt small{display:none}
.menu-t{font-size:13px;font-weight:700;color:var(--mut);padding:14px 20px 4px}
.menu-tiles{list-style:none;margin:0;padding:4px 12px;display:grid;gap:8px}
.menu-tiles summary,.menu-tiles>li>a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:var(--bg);cursor:pointer;list-style:none;font-weight:700;font-size:16px}
.menu-tiles summary::-webkit-details-marker{display:none}
.mt-img{width:52px;height:52px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;color:var(--tq-d)}
.mt-img img{width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply}
.mt-t{flex:1}
.menu-tiles summary>.ic{transition:transform .2s var(--ease);color:var(--mut)}
.menu-tiles details[open] summary{background:var(--mist)}
.menu-tiles details[open] summary>.ic{transform:rotate(-90deg)}
.menu-tiles details ul{list-style:none;margin:0;padding:8px 4px 6px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.menu-tiles details ul a{display:block;padding:10px 12px;border-radius:12px;border:1px solid var(--line);font-size:14.5px;font-weight:500}
.menu-tiles .menu-all{grid-column:1/-1;background:var(--mist-2);border-color:transparent;color:var(--tq-dd);font-weight:700}
.menu-sale{color:var(--sale)}

/* ---------- HERO BANNERS (full bleed) ---------- */
.hx{position:relative;overflow:hidden;background:var(--sand)}
.hx-track{display:grid}
.hx-slide{grid-area:1/1;position:relative;min-height:520px;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s}
.hx-slide.is-on{opacity:1;visibility:visible;transition-delay:0s;z-index:1}
.hx-studio{position:absolute;inset:0;overflow:hidden}
.hx-mint .hx-studio{background:radial-gradient(120% 90% at 22% 60%,#ffffff 0%,#dff4fa 38%,#bfe7f3 100%)}
.hx-sand .hx-studio{background:radial-gradient(120% 90% at 22% 60%,#fffdf9 0%,#f3ebe0 40%,#e6d8c4 100%)}
.hx-peach .hx-studio{background:radial-gradient(120% 90% at 22% 60%,#fffaf6 0%,#fbe6d8 40%,#f3cfb6 100%)}
.hx-glow{position:absolute;width:62vw;height:62vw;max-width:900px;max-height:900px;left:-8vw;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 62%)}
.hx-ring{position:absolute;width:44vw;height:44vw;max-width:640px;max-height:640px;left:6vw;top:50%;transform:translateY(-50%);border-radius:50%;border:1.5px solid rgba(16,32,42,.07)}
.hx-photo{position:absolute;inset:0}
.hx-photo img{width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.hx-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(246,244,240,.97) 0%,rgba(246,244,240,.9) 36%,rgba(246,244,240,0) 66%)}
.hx-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;padding-top:24px;padding-bottom:70px;width:100%}
.hx-copy{max-width:640px;min-width:0}
.hx-k{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--tq-dd);margin-bottom:10px}
.hx-k::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--tq)}
.hx-t{font-size:32px;font-weight:900;line-height:1.05;letter-spacing:-.04em;color:var(--ink)}
.hx-s{font-size:16px;color:var(--ink-2);margin-top:10px;max-width:34em}
.hx-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hx-cta .btn{min-width:0;flex:1 1 auto}
.hx-stage{position:relative;justify-self:center;width:min(70vw,300px);aspect-ratio:1;order:-1;margin-bottom:-10px}
.hx-podium{position:absolute;left:8%;right:8%;bottom:4%;height:18%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#ffffff 0%,#f3f1ec 60%,#e2ddd3 100%);box-shadow:0 22px 40px -14px rgba(16,32,42,.35)}
.hx-prod{position:absolute;top:0;right:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.hx-slide.is-on .hx-prod{animation:hxIn .8s var(--ease) both}
@keyframes hxIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.hx-badge{position:absolute;top:4%;left:0;width:92px;height:92px;border-radius:50%;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;box-shadow:0 14px 30px -10px rgba(16,32,42,.5);transform:rotate(-8deg);text-align:center}
.hx-badge small{font-size:12px;font-weight:600;color:#9fdcef}
.hx-badge b{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.hx-photo+.hx-in .hx-copy{padding-top:190px}
.hx-nav{position:absolute;left:0;right:0;bottom:44px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none;margin:0 auto}
.hx-dots,.hx-arrows{display:flex;align-items:center;gap:8px;pointer-events:auto}
.hx-dot{width:34px;height:24px;border:0;background:none;padding:0;cursor:pointer;display:flex;align-items:center}
.hx-dot i{display:block;width:100%;height:4px;border-radius:2px;background:rgba(16,32,42,.18);overflow:hidden;position:relative}
.hx-dot.is-on i::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:right;transform:scaleX(1)}
.hx.is-timing .hx-dot.is-on i::after{animation:hxBar 6.5s linear both}
@keyframes hxBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hx-arrow,.hx-pause{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px -6px rgba(16,32,42,.35)}
.hx-pause[aria-pressed=true]{background:var(--ink);color:#fff}
@media (max-width:767px){.hx-arrow{display:none}}
@media (min-width:768px){
  .hx-slide{min-height:560px}
  .hx-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;padding-top:40px;padding-bottom:96px}
  .hx-stage{order:0;width:min(42vw,540px);justify-self:center;margin:0}
  .hx-t{font-size:50px}
  .hx-s{font-size:18px}
  .hx-cta .btn{flex:0 0 auto}
  .hx-badge{width:124px;height:124px}.hx-badge b{font-size:26px}.hx-badge small{font-size:13px}
  .hx-photo+.hx-in .hx-copy{padding-top:0}
}
@media (min-width:1280px){.hx-slide{min-height:640px}.hx-t{font-size:64px}}

/* USP band overlapping the banner */
.usp-band{position:relative;z-index:4;margin-top:-34px}
.usp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.usp-i{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 30px -18px rgba(16,32,42,.35);min-width:0}
.usp-ic{width:46px;height:46px;border-radius:12px;background:var(--mist);color:var(--tq-dd);display:flex;align-items:center;justify-content:center;flex:none}
.usp-g .usp-ic{background:#fff3da;color:var(--star)}
.usp-i p{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.usp-i b{font-size:14.5px}.usp-i span{font-size:12.5px;color:var(--mut)}
@media (min-width:1024px){.usp-grid{grid-template-columns:repeat(4,1fr);gap:14px}.usp-i{padding:18px 20px}.usp-i b{font-size:16px}.usp-i span{font-size:13.5px}}

/* promo tiles */
.ptiles{padding:26px 0 4px}
.ptiles-in{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:768px){.ptiles-in{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.ptile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:170px;border-radius:20px;padding:20px 22px;overflow:hidden;isolation:isolate}
.pt-sky{background:linear-gradient(135deg,#d7f0f8,#eef9fc)}
.pt-stone{background:linear-gradient(135deg,#efe7dc,#f8f4ee)}
.pt-ink{background:var(--ink);color:#fff}
.pt-copy{display:flex;flex-direction:column;gap:4px;min-width:0;z-index:1}
.pt-copy small{font-size:12.5px;font-weight:800;color:var(--tq-dd)}
.pt-ink .pt-copy small{color:#9fdcef}
.pt-copy b{font-size:19px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pt-price{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.pt-price s{font-size:13px;color:var(--mut);font-weight:500}
.pt-go{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.pt-img{width:130px;height:130px;flex:none}
.pt-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.pt-wa{width:84px;height:84px;border-radius:50%;background:var(--wa);color:#062b16;display:flex;align-items:center;justify-content:center;flex:none}
@media (hover:hover){.ptile:hover .pt-img img{transform:scale(1.06) rotate(-2deg)}}

/* sections full-width feel */
.h1-sec{font-size:26px;font-weight:900;letter-spacing:-.03em}
@media (min-width:1024px){.h1-sec{font-size:40px}}
.cat-strip a{isolation:isolate}
.cat-strip .cat-img{background:#fff;border-radius:50%;position:relative;overflow:visible}
.cat-strip .cat-img img{mix-blend-mode:multiply;border-radius:50%}
.ninja{background:var(--sand);padding:0}
.ninja .wrap{max-width:none;padding:0}
.ninja-in{border-radius:0;background:transparent}
@media (min-width:1024px){.ninja-media{min-height:600px}.ninja-copy{padding:64px clamp(24px,5vw,96px)}}
.reviews{background:#fff}
.brands{background:#fff;padding:0}
.brands-in{border:0;justify-content:space-around}
.catbar a.catbar-sale{color:#9a1c14}
@media (max-width:767px){
  .hx-cta .btn-soft{display:none}
  .hx-stage{width:min(62vw,250px)}
  .hx-in{padding-bottom:104px}
  .hx-nav{bottom:50px}
  .hx-t{font-size:30px}
}
.f-cats-grp{display:none}
@media (min-width:1024px){.f-cats-grp{display:block}}
@media (max-width:1023px){
  .pdp-info{display:flex;flex-direction:column}
  .pdp-brand{order:1}.pdp-title{order:2}.pdp-rating{order:3}.pdp-price{order:4}.vat{order:5}
  .pdp-buy{order:6;margin-top:14px}
  .pdp-hl,.pdp-short{order:7}
  .pdp-facts{order:8}.pdp-ask{order:9}
  .g-main{aspect-ratio:1/.72}
  .pdp-title{font-size:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .pdp-price b{font-size:30px}
}
/* product page, mobile: floating widgets sit beside the sticky bar content, never on the buy button */
@media (max-width:1023px){
  .ehv2.is-product .userway_buttons_wrapper{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .ehv2.is-product{--sm-sa-launcher-shift:0px}
  .sticky-in{padding-left:66px;padding-right:72px}
  .sticky-in img{display:none}
  .sticky-buy .btn{padding:0 14px;min-height:44px}
}
/* a11y + motion fixes from Agent UX / Agent N audit */
.catbar .allcats-btn{color:var(--ink)}
h2.count{font-size:14.5px;font-weight:400;color:var(--mut);letter-spacing:0;margin:0}
h2.count b{color:var(--ink);font-weight:800}
.card-name{-webkit-line-clamp:3;max-height:none;min-height:2.7em}
.card{transition:transform .22s var(--ease)}
.card-media img{transition:opacity .22s var(--ease),transform .25s var(--ease)}
.mega-item:focus-within .mega-top::after,.mega-item.is-open .mega-top::after{transform:scaleX(1)}
@media (hover:hover){.mega-item:hover .mega-top::after{transform:scaleX(1)}}
.rail:focus-visible,.rev-wall:focus-visible,.cat-strip:focus-visible{outline:3px solid var(--tq);outline-offset:4px}

/* =================== v4: authentic retail — real photography, crisp surfaces, no decoration =================== */
:root{--bg:#ffffff;--media:#ffffff;--fog:#f3f4f5;--sand:#f5f5f4;--line:#e5e7e9;--line-2:#cfd4d8;--r-s:8px;--r:12px;--r-l:12px;
  --sh:0 1px 2px rgba(16,32,42,.06),0 8px 24px -14px rgba(16,32,42,.18)}
body.ehv2{background:#fff}
.ehv2 h1,.ehv2 h2,.ehv2 h3{letter-spacing:-.015em}

/* header: calmer, one voice */
.hsearch{border-width:1.5px;border-radius:10px}
.hsearch button.hsearch-go{border-radius:8px 0 0 8px}
.act-ic{border-radius:10px}
.allcats-btn{border-radius:8px}
.catbar-sale{border-radius:8px;background:transparent;color:#ffb3ad!important;border:1px solid rgba(255,179,173,.5)}
.catbar a.catbar-sale{color:#ffc7c2}
.catbar-sale .ic{color:#ffc7c2}

/* hero: white product slides + one real photo slide */
.hx{background:#fff;border-bottom:1px solid var(--line)}
.hx-slide{min-height:0}
.hx-white{background:#fff}
.hx-in{grid-template-columns:minmax(0,1fr);gap:0;padding-top:16px;padding-bottom:78px}
.hx-copy{max-width:600px}
.hx-label{font-size:14px;font-weight:700;color:var(--tq-d);margin-bottom:8px}
.hx-t{font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.1}
.hx-s{font-size:16px;color:var(--mut);margin-top:8px}
.hx-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:14px}
.hx-price b{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.hx-price s{font-size:17px;color:var(--mut)}
.hx-price span{font-size:15px;color:var(--mut)}
.hx-price .hx-off{font-size:14px;font-weight:800;color:#fff;background:var(--sale);padding:2px 8px;border-radius:4px;direction:ltr}
.hx-cta{margin-top:18px}
.hx-prodwrap{display:block;order:-1;justify-self:center;width:min(72vw,300px);aspect-ratio:1}
.hx-prod{position:static;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;animation:none!important}
.hx-photo img{object-position:40% 60%}
.hx-photo::after{background:linear-gradient(270deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,0) 62%)}
.hx-photo+.hx-in .hx-copy{padding-top:200px}
@media (max-width:767px){.hx-photo::after{background:linear-gradient(0deg,#fff 0%,#fff 48%,rgba(255,255,255,0) 72%)}}
.hx-dot i{height:3px;border-radius:0}
.hx-arrow,.hx-pause{box-shadow:none;border:1px solid var(--line-2)}
@media (min-width:768px){
  .hx-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:36px;padding-bottom:90px;min-height:520px}
  .hx-prodwrap{order:0;width:min(40vw,500px)}
  .hx-t{font-size:46px}
  .hx-price b{font-size:36px}
  .hx-photo+.hx-in .hx-copy{padding-top:0}
}
@media (min-width:1280px){.hx-in{min-height:560px}.hx-t{font-size:54px}}

/* benefits: one quiet line with dividers */
.usp-line{border-bottom:1px solid var(--line);background:#fff}
.usp-row{list-style:none;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0}
.usp-row li{display:flex;align-items:center;gap:10px;padding:14px 12px;font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.usp-row li:nth-child(odd){border-left:1px solid var(--line)}
.usp-row li a{display:flex;align-items:center;gap:10px}
.usp-row .ic{color:var(--tq-d)}
.usp-row b{color:var(--ink);font-weight:700}
@media (min-width:1024px){
  .usp-row{grid-template-columns:repeat(4,1fr)}
  .usp-row li{justify-content:center;padding:18px 16px;border-bottom:0;border-left:1px solid var(--line);font-size:15px}
  .usp-row li:last-child{border-left:0}
}

/* category tiles with real product photos */
.cats4{padding-top:34px}
.ctiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:768px){.ctiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
.ctile{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:border-color .18s}
@media (hover:hover){.ctile:hover{border-color:var(--ink)}.ctile:hover .ct-img img{transform:scale(1.03)}}
.ct-img{display:block;aspect-ratio:4/3;padding:14px;background:#fff}
.ct-img img{width:100%;height:100%;object-fit:contain;transition:transform .25s var(--ease)}
.ct-t{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px;border-top:1px solid var(--line)}
.ct-t b{font-size:16px;font-weight:800}
.ct-t small{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1024px){.ct-t b{font-size:18px}.ct-t small{font-size:13.5px}}

/* product cards: retail, not bubbly */
.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
@media (hover:hover){.card:hover{box-shadow:none;transform:none;border-color:var(--ink)}}
.card-media{margin:0;border-radius:0;background:#fff;border-bottom:1px solid var(--line)}
.card-media img{mix-blend-mode:normal}
.tag{border-radius:4px}
.ehv2 .add{border-radius:var(--r-s)}
.rail{gap:12px}

/* sections */
.sec-hd h2,.h1-sec{font-size:24px;font-weight:800}
@media (min-width:1024px){.sec-hd h2,.h1-sec{font-size:30px}}
.ninja{background:#fff;padding:40px 0;border-top:1px solid var(--line)}
.ninja .wrap{max-width:1640px;padding:0 var(--gut)}
.ninja-hd{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;align-items:center;margin-bottom:18px}
.ninja-hd .more{grid-column:1/-1}
.ninja-hd h2{font-size:22px;font-weight:800}
.ninja-hd p{color:var(--mut);font-size:15px;margin-top:4px}
.ninja-logo{height:34px;width:auto}
@media (min-width:1024px){.ninja{padding:56px 0}.ninja-hd{grid-template-columns:auto minmax(0,1fr) auto}.ninja-hd .more{grid-column:auto}.ninja-hd h2{font-size:28px}}
.brands{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reviews{background:var(--fog)}
.rev{border:1px solid var(--line);border-radius:var(--r)}
.help-main{background:var(--fog);border-radius:var(--r)}
.help-block{border:1px solid var(--line);border-radius:var(--r)}
.assure-in>div{border:1px solid var(--line);border-radius:var(--r)}
.assure-ic{background:transparent;width:auto;height:auto}
.is-home .assure{display:none}
.filters{border:1px solid var(--line);border-radius:var(--r)}
.pdp-facts,.pdp-sec{border:1px solid var(--line);border-radius:var(--r)}
.g-main{border:1px solid var(--line);border-radius:var(--r);background:#fff}
.g-track img{mix-blend-mode:normal}
.g-thumbs button{border-radius:var(--r-s);border:1px solid var(--line);background:#fff}
.g-thumbs button[aria-pressed=true]{border:2px solid var(--ink)}
.mega-feat{background:var(--fog);border-radius:var(--r)}
.mega-links a img,.ac-h img,.mt-img img{mix-blend-mode:normal}
.chip{border-radius:8px}
.active-f a{border-radius:6px}
/* v4.1 */
@media (min-width:768px){.ctiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.ctiles{grid-template-columns:repeat(6,minmax(0,1fr))}.ct-img{aspect-ratio:1}}
@media (max-width:767px){
  .hx-in{padding-bottom:12px}
  .hx-prodwrap{width:min(56vw,220px)}
  .hx-t{font-size:28px}
  .hx-s{font-size:15px}
  .hx-price b{font-size:26px}
  .hx-nav{position:static;padding-top:4px;padding-bottom:14px}
  .hx-photo{position:relative;inset:auto;height:230px}
  .hx-photo+.hx-in .hx-copy{padding-top:0}
  .hx-photo::after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 40%)}
  .hx-photo-slide-fix{display:none}
  .hx-slide{flex-direction:column;align-items:stretch}
}
.hx-pause[hidden],.hx-arrow[hidden]{display:none}
@media (max-width:767px){.hx-nav{justify-content:center}.hx-arrows{display:none}}
/* overlays always above floating third-party widgets */
.menu,.drawer,.side.is-open{z-index:10050!important}
html.ehv2-lock .sm-sa-launch{visibility:hidden}
/* compact mega panel */
.catbar .mega-in{grid-template-columns:minmax(0,1fr) 340px;align-items:start;padding-top:22px;padding-bottom:22px}
.mega-links ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.mega-feat{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"img k" "img b" "img p";gap:2px 14px;align-items:center;padding:14px}
.mega-feat-img{grid-area:img;width:96px;height:96px}
.mega-feat-img img{width:96px;height:96px;object-fit:contain}
.mega-feat-k{grid-area:k}.mega-feat b{grid-area:b;font-size:14px}.mega-feat-p{grid-area:p;font-size:16px}

/* =================== v5: store UX — sticky filters, social proof, drawer add-ons, lightbox =================== */
/* card availability */
.card-avail{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ok);font-weight:600}
.card.is-oos .card-avail{color:var(--mut)}
.dot-ok{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15);flex:none}
.ehv2 .add.is-added{background:#0f7a55}

/* subcategory tiles */
.subtiles{list-style:none;margin:6px calc(var(--gut)*-1) 0;padding:4px var(--gut) 8px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.subtiles::-webkit-scrollbar{display:none}
.subtile{display:flex;align-items:center;gap:10px;min-width:210px;height:76px;padding:8px 12px 8px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fff;white-space:nowrap;transition:border-color .18s}
.subtile.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
@media (hover:hover){.subtile:hover{border-color:var(--ink)}}
.st-img{width:56px;height:56px;flex:none;display:flex;align-items:center;justify-content:center}
.st-img img{width:100%;height:100%;object-fit:contain}
.st-t{display:flex;flex-direction:column;font-weight:700;font-size:15px;line-height:1.25}
.st-t small{font-weight:400;font-size:12.5px;color:var(--mut)}
@media (min-width:1024px){.subtiles{flex-wrap:wrap;margin:10px 0 0;padding:0}}

/* sticky toolbar under the (sticky) header, all widths */
.tools{position:sticky;top:var(--hdr-h,120px);z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:0 calc(var(--gut)*-1) 12px;padding:10px var(--gut);border-bottom:1px solid var(--line)}
@media (min-width:1024px){.tools{margin:0 0 14px;padding:10px 0}}
.tools [data-filters]{min-height:42px;border-radius:var(--r-s);font-weight:700;border:1.5px solid var(--ink)}
@media (min-width:1024px){.filters{top:calc(var(--hdr-h,180px) + 16px);max-height:calc(100vh - var(--hdr-h,180px) - 32px);overflow:auto}}
.filters .f-grp legend,.filters .f-leg{font-size:14px;text-transform:none;color:var(--ink)}
.f-opt{border-radius:8px;padding:8px 8px;margin:0 -8px}
@media (hover:hover){.f-opt:hover{background:var(--fog)}}
.f-opt input:checked+span{font-weight:700}
.f-foot{position:sticky;bottom:0;background:#fff}
@media (min-width:1024px){.f-foot{display:none}}

/* recent purchase toast (real orders) */
.sp{position:fixed;z-index:9000;left:84px;bottom:22px;display:flex;align-items:center;gap:6px;max-width:360px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 40px -18px rgba(16,32,42,.35);padding:10px 10px 10px 8px;opacity:0;transform:translateY(12px);transition:opacity .28s var(--ease),transform .28s var(--ease)}
.sp.is-on{opacity:1;transform:none}
.sp[hidden]{display:none}
.sp-a{display:flex;align-items:center;gap:12px;min-width:0}
.sp-img{width:52px;height:52px;object-fit:contain;flex:none;border:1px solid var(--line);border-radius:8px;background:#fff}
.sp-t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.sp-who{font-size:13.5px}
.sp-name{font-size:13.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.sp-when{font-size:12px;color:var(--mut)}
.sp-x{width:32px;height:32px;border:0;background:none;border-radius:8px;cursor:pointer;color:var(--mut);flex:none;align-self:flex-start}
@media (max-width:1023px){.sp{left:12px;right:12px;bottom:calc(140px + env(safe-area-inset-bottom));max-width:none}.is-product .sp{bottom:calc(210px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.sp{transition:none}}

/* cart drawer add-ons */
.dr-addons{border-top:1px solid var(--line);padding:12px 16px 4px;background:var(--fog)}
.dr-addons-h{font-size:14px;font-weight:800;margin-bottom:8px}
.dr-addons ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dr-addons li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:6px 8px}
.dr-addons li[hidden]{display:none}
.dr-addons a{display:flex;align-items:center;gap:10px;min-width:0;font-size:13.5px;font-weight:600}
.dr-addons a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-addons img{width:44px;height:44px;object-fit:contain;flex:none}
.dr-addons b{font-size:14px;font-variant-numeric:tabular-nums}
.ehv2 .add.add-sm{height:36px;min-width:36px;padding:0;font-size:20px;line-height:1}
.dr-panel{display:flex;flex-direction:column}
.dr-body{min-height:120px}

/* product page */
.pdp-stock{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ok);margin-top:8px}
.pdp-stock i{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.15)}
.pdp-stock.is-out{color:var(--mut)}.pdp-stock.is-out i{background:#9aa4ab;box-shadow:none}
.g-track img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:10060;background:#fff;display:flex;flex-direction:column}
.lb[hidden]{display:none}
.lb-x{position:absolute;top:12px;left:12px;z-index:2;background:var(--fog)}
.lb-track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.lb-track::-webkit-scrollbar{display:none}
.lb-track img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;padding:5%;scroll-snap-align:center}
.lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:4px 12px;border-radius:999px;font-size:13px;direction:ltr}

/* checkout thumbnails */
.co-item{display:inline-flex;align-items:center;gap:10px}
.co-thumb{width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;flex:none}

/* ===== v5.1: official logo, rich search, editorial band ===== */
.logo-full img{height:52px;width:auto}
@media (min-width:1024px){.logo-full img{height:78px}}
.hdr-in{padding-top:6px;padding-bottom:8px}
@media (min-width:1024px){.hdr-in{padding-top:8px;padding-bottom:8px}}
/* search panel */
.sr-cancel{display:none}
.sr-default{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);padding:16px}
.sr-default[hidden]{display:none}
.sr-h{font-size:13px;font-weight:800;color:var(--mut);margin:0 0 8px}
.sr-pop{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sr-pop a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600}
.sr-pop .ic{color:var(--mut)}
@media (hover:hover){.sr-pop a:hover{border-color:var(--ink)}}
.sr-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sr-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:var(--r-s);padding:8px;font-size:13px}
.sr-card img{width:100%;aspect-ratio:1;object-fit:contain}
.sr-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.sr-card b{font-size:14px}
.sr-cats{display:flex;flex-wrap:wrap;gap:6px;padding:4px 6px 10px}
.sr-cats a{height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;background:var(--mist);color:var(--tq-dd);font-weight:700;font-size:13.5px}
.sr-box .sr-h{padding:8px 6px 0}
@media (max-width:1023px){
  .sr-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.sr-open .hsearch{position:fixed;inset:0 0 auto 0;z-index:10070;margin:0;border-radius:0;border-width:0 0 1px;padding:10px 12px;background:#fff;display:flex;gap:8px;height:auto;align-items:center}
  html.sr-open .hsearch input[type=search]{border:1.5px solid var(--ink);border-radius:10px;height:48px}
  html.sr-open .hsearch button.hsearch-go{border-radius:10px;margin:0}
  html.sr-open .sr-cancel{display:block;border:0;background:none;font-weight:700;color:var(--tq-dd);padding:0 6px;cursor:pointer}
  html.sr-open .sr-default,html.sr-open .sr-box{position:fixed;top:70px;bottom:0;right:0;left:0;border-radius:0;border:0;box-shadow:none;overflow:auto;max-height:none}
  html.sr-open .hsearch::before{content:"";position:fixed;inset:0;background:#fff;z-index:-1}
}
/* editorial band (real manufacturer photo) */
.edband{display:grid;grid-template-columns:minmax(0,1fr);background:var(--fog);margin:8px 0}
.edband-media{aspect-ratio:16/9;overflow:hidden}
.edband-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.edband-copy{padding:26px var(--gut) 32px}
.edband-copy h2{font-size:26px;font-weight:800}
.edband-copy p{color:var(--ink-2);margin-top:10px;font-size:16px;max-width:36em}
.edband-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
@media (min-width:1024px){
  .edband{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;min-height:520px}
  .edband-media{aspect-ratio:auto;height:100%;min-height:520px}
  .edband-copy{padding:56px clamp(24px,5vw,96px)}
  .edband-copy h2{font-size:38px}
  .edband-copy p{font-size:18px}
}
/* a11y round 2 */
.hsearch input::placeholder{color:#5d6b75}
.card-name{-webkit-line-clamp:unset;display:block;max-height:none;min-height:0}
@media (min-width:1100px){.card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}}
.a11y-todo{background:#fff4d6;border:1px dashed #d4a017;border-radius:8px;padding:10px 14px;color:#6b4e00}
.a11y-contact li{margin-bottom:6px}
/* ---------- cart / checkout (Woo classic markup) ---------- */
.flow{padding-top:20px;padding-bottom:40px}
.flow-h{font-size:28px;font-weight:800;margin-bottom:16px}
.steps{display:flex;gap:6px;list-style:none;margin:0 0 12px;padding:0;counter-reset:s;font-size:14px;font-weight:600;color:var(--mut)}
.steps li{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);counter-increment:s}
.steps li::before{content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--fog);display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.steps .done{color:var(--ok)}.steps .done::before{content:"✓";background:#d7f2e5;color:var(--ok)}
.steps .on{color:var(--ink);border-color:var(--ink)}.steps .on::before{background:var(--ink);color:#fff}
.flow-trust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;color:var(--ink-2);margin-bottom:18px}
.flow-trust .ic{color:var(--tq-d)}
.flow-trust a{font-weight:700;text-decoration:underline}
.flow-body .woocommerce{font-size:16px}
.flow-body .woocommerce-notices-wrapper:empty{display:none}
.ehv2 .woocommerce-message,.ehv2 .woocommerce-info,.ehv2 .woocommerce-error{list-style:none;margin:0 0 16px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--tq);font-size:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.ehv2 .woocommerce-error{border-inline-start-color:var(--sale);display:block}
.ehv2 .woocommerce-error li{margin:2px 0}
.ehv2 .woocommerce-message .button,.ehv2 .woocommerce-info .button{order:2}
.ehv2 .woocommerce a.button,.ehv2 .woocommerce button.button,.ehv2 .woocommerce input.button,.ehv2 #place_order{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;border:0;background:var(--ink);color:#fff;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.ehv2 .woocommerce a.button:hover,.ehv2 .woocommerce button.button:hover,.ehv2 #place_order:hover{background:var(--tq-dd)}
.ehv2 .woocommerce button.button:disabled{opacity:.5}
.ehv2 #place_order{width:100%;min-height:58px;font-size:18px;margin-top:8px}
/* cart */
.ehv2 table.shop_table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
.ehv2 table.shop_table th,.ehv2 table.shop_table td{padding:14px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
.ehv2 table.shop_table tr:last-child td{border-bottom:0}
.ehv2 table.shop_table thead th{background:var(--bg);font-size:14px;color:var(--mut);font-weight:600}
.ehv2 table.cart img{width:72px;height:72px;object-fit:contain;border-radius:10px;border:1px solid var(--line)}
.ehv2 table.cart .product-name a{font-weight:600}
.ehv2 table.cart .product-remove a{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:var(--fog);color:var(--ink)!important;font-size:20px}
.ehv2 .quantity input.qty{width:70px;height:42px;border:1.5px solid var(--line-2);border-radius:10px;text-align:center;font-weight:700}
.ehv2 .coupon{display:flex;gap:8px;flex-wrap:wrap}
.ehv2 .coupon input.input-text,.ehv2 #coupon_code{height:46px;border:1.5px solid var(--line-2);border-radius:10px;padding:0 12px;min-width:0;flex:1}
.ehv2 .coupon label{display:none}
.ehv2 .cart-collaterals{margin-top:20px}
.ehv2 .cart_totals{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.ehv2 .cart_totals h2{font-size:22px;font-weight:800;margin-bottom:10px}
.ehv2 .cart_totals table.shop_table{border:0}
.ehv2 .wc-proceed-to-checkout .checkout-button{width:100%;min-height:58px!important;font-size:18px!important}
@media (max-width:767px){
  .ehv2 table.shop_table_responsive thead{display:none}
  .ehv2 table.shop_table_responsive tr{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line);padding:8px}
  .ehv2 table.shop_table_responsive td{border:0;padding:6px 8px;display:flex;justify-content:space-between;gap:10px}
  .ehv2 table.shop_table_responsive td::before{content:attr(data-title);font-weight:600;color:var(--mut)}
  .ehv2 table.cart td.product-thumbnail{grid-row:span 4}
  .ehv2 table.cart td.product-thumbnail::before,.ehv2 table.cart td.product-remove::before,.ehv2 table.cart td.actions::before{display:none}
  .ehv2 table.cart td.actions{grid-column:1/-1;display:block}
  .ehv2 table.cart td.actions .coupon{margin-bottom:10px}
}
@media (min-width:1024px){
  .ehv2 .woocommerce-cart .woocommerce,.ehv2.is-cart .flow-body>.woocommerce{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:28px;align-items:start}
  .ehv2.is-cart .woocommerce-notices-wrapper{grid-column:1/-1}
  .ehv2.is-cart .cart-collaterals{margin-top:0;position:sticky;top:130px}
}
/* checkout */
.ehv2 form.checkout{display:grid;gap:18px}
.ehv2 #customer_details{display:grid;gap:16px}
.ehv2 #customer_details .col-1,.ehv2 #customer_details .col-2{width:auto;float:none;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(18px,3vw,28px)}
.ehv2 form.checkout h3{font-size:20px;font-weight:800;margin:0 0 14px}
.ehv2 .woocommerce-billing-fields__field-wrapper,.ehv2 .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.ehv2 .form-row{margin:0 0 14px;padding:0;grid-column:1/-1}
.ehv2 .form-row-first,.ehv2 .form-row-last{grid-column:auto;width:auto!important;float:none!important}
.ehv2 .form-row label{display:block;font-size:14.5px;font-weight:600;margin-bottom:6px}
.ehv2 .form-row .required{color:var(--sale);text-decoration:none}
.ehv2 .form-row input.input-text,.ehv2 .form-row textarea,.ehv2 .form-row select{width:100%;height:50px;border:1.5px solid var(--line-2);border-radius:11px;background:#fff;padding:0 14px;font-size:16px}
.ehv2 .form-row textarea{height:84px;padding:12px 14px}
.ehv2 .form-row input:focus,.ehv2 .form-row textarea:focus{outline:none;border-color:var(--tq-d);box-shadow:0 0 0 3px rgba(51,174,211,.22)}
.ehv2 .form-row.woocommerce-invalid input.input-text{border-color:var(--sale)}
.ehv2 .woocommerce-account-fields,.ehv2 #ship-to-different-address{font-size:15px}
.ehv2 #ship-to-different-address label,.ehv2 .woocommerce-account-fields label.checkbox{display:flex;gap:8px;align-items:center;font-weight:600}
.ehv2 #order_review_heading{margin:0}
.ehv2 #order_review{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(18px,3vw,28px)}
.ehv2 #order_review table.shop_table{border:0;border-radius:0}
.ehv2 #order_review table.shop_table th,.ehv2 #order_review table.shop_table td{padding:10px 0}
.ehv2 #order_review .order-total th,.ehv2 #order_review .order-total td{font-size:19px;font-weight:800}
.ehv2 ul#shipping_method{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ehv2 ul#shipping_method li{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--line-2);border-radius:11px;font-size:14.5px}
.ehv2 ul#shipping_method li:has(input:checked){border-color:var(--ink);background:var(--mist-2)}
.ehv2 ul#shipping_method input{accent-color:var(--ink)}
.ehv2 #payment{background:none!important;border-radius:0}
.ehv2 #payment ul.payment_methods{list-style:none;margin:14px 0;padding:0;border:0}
.ehv2 #payment ul.payment_methods li{padding:14px;border:1.5px solid var(--ink);border-radius:12px;background:var(--mist-2)}
.ehv2 #payment div.payment_box{background:transparent!important;padding:6px 0 0!important;margin:0!important;font-size:14px;color:var(--ink-2)}
.ehv2 #payment div.payment_box::before{display:none}
.ehv2 .woocommerce-terms-and-conditions-wrapper{font-size:13.5px;color:var(--ink-2);margin-bottom:8px}
.ehv2 .woocommerce-form-coupon-toggle .woocommerce-info{border-inline-start-color:var(--line-2)}
.ehv2 form.checkout_coupon{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}
.ehv2 form.checkout_coupon p{margin:0}
@media (min-width:1024px){
  .ehv2 form.checkout{grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);align-items:start;gap:28px}
  .ehv2 form.checkout>#customer_details{grid-column:1;grid-row:1/4}
  .ehv2 form.checkout>#order_review_heading,.ehv2 form.checkout>#order_review{grid-column:2}
  .ehv2 form.checkout>#order_review{position:sticky;top:120px}
}
/* thank you */
.ehv2 .woocommerce-order{background:#fff;border-radius:var(--r-l);padding:clamp(20px,4vw,40px);border:1px solid var(--line)}
.ehv2 .woocommerce-thankyou-order-received{font-size:24px;font-weight:800;color:var(--ok);margin-bottom:16px}
.ehv2 ul.woocommerce-order-overview{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ehv2 ul.woocommerce-order-overview li{background:var(--bg);border-radius:12px;padding:12px;font-size:13.5px;color:var(--mut)}
.ehv2 ul.woocommerce-order-overview strong{display:block;color:var(--ink);font-size:16px;margin-top:2px}
/* product reviews (Woo template) */
.ehv2 #reviews .commentlist{list-style:none;padding:0;margin:0 0 16px}
.ehv2 #reviews .comment_container{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.ehv2 #reviews .avatar{width:40px;height:40px;border-radius:50%}
.ehv2 #reviews .star-rating{color:#f5a524}
.ehv2 #review_form input[type=text],.ehv2 #review_form input[type=email],.ehv2 #review_form textarea{width:100%;border:1.5px solid var(--line-2);border-radius:11px;padding:10px 12px}
.ehv2 #review_form .form-submit input{min-height:46px;padding:0 20px;border-radius:12px;border:0;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}
/* content pages built in Elementor: give them room under our header */
.content-wrap{min-height:40vh}

/* checkout polish v1.3 */
.ehv2 .woocommerce-info::before,.ehv2 .woocommerce-message::before,.ehv2 .woocommerce-error::before{display:none!important;content:none!important}
.ehv2 #payment div.payment_box::before{display:none!important;content:none!important}
.ehv2 #order_review tr.woocommerce-shipping-totals th{vertical-align:top;padding-top:16px!important}
@media (max-width:767px){
  .ehv2 #order_review table.shop_table tr.woocommerce-shipping-totals{display:block}
  .ehv2 #order_review table.shop_table tr.woocommerce-shipping-totals th,.ehv2 #order_review table.shop_table tr.woocommerce-shipping-totals td{display:block;width:100%;padding:8px 0!important}
  .ehv2 .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
  .ehv2 .form-row-first,.ehv2 .form-row-last{grid-column:1/-1}
}
.ehv2 ul#shipping_method li label{flex:1;cursor:pointer}

/* cart page v1.5 */
.ehv2 .cart-collaterals .cart_totals{width:100%!important;float:none!important}
.ehv2 .wc-proceed-to-checkout a.checkout-button{background:var(--ink)!important;color:#fff!important;border-radius:12px;display:flex!important;align-items:center;justify-content:center;width:100%}
.ehv2 .wc-proceed-to-checkout a.checkout-button:hover{background:var(--tq-dd)!important}
.ehv2 button[name=update_cart]{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line-2)!important}
.ehv2 .woocommerce-shipping-destination,.ehv2 .woocommerce-shipping-calculator{font-size:13.5px;color:var(--mut)}
.ship-note{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:14px;font-size:15px}
.ship-note .ship-track{margin-top:10px}
.co-assure{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:13.5px;color:var(--ink-2)}
.co-assure li{display:flex;align-items:center;gap:8px}.co-assure .ic{color:var(--tq-d)}

/* =================== v6: atmosphere layer - header, mega menu, hero, rooms, category banners =================== */

/* ---------- header: calmer, compacts on scroll ---------- */
.hdr{transition:box-shadow .2s var(--ease)}
.logo-full img{transition:height .2s var(--ease)}
html.is-scrolled .hdr{box-shadow:0 10px 30px -18px rgba(16,32,42,.35)}
@media (min-width:1024px){
  html.is-scrolled .logo-full img{height:56px}
  html.is-scrolled .hdr-in{padding-top:4px;padding-bottom:4px}
}
.hsearch input[type=search]{background:#f4f6f7;border-color:#f4f6f7}
.hsearch input[type=search]:focus{background:#fff;border-color:var(--ink)}
.catbar .mega-top{position:relative}
.catbar .mega-top::after{right:12px;left:12px;height:3px;border-radius:3px 3px 0 0}
@media (hover:hover){.catbar .mega-top:hover{background:rgba(255,255,255,.08)}}

/* ---------- mega panel: links | atmosphere photo | best seller ---------- */
.catbar .mega-panel{border-top:0;box-shadow:0 30px 60px -30px rgba(16,32,42,.45)}
.catbar .mega-in.mega-v6{grid-template-columns:minmax(0,1fr);gap:28px}
.catbar .mega-in.mega-v6.has-atmo{grid-template-columns:minmax(0,1fr) 380px}
@media (min-width:1280px){.catbar .mega-in.mega-v6.has-atmo:has(.mega-feat){grid-template-columns:minmax(0,1fr) 380px 280px}}
@media (max-width:1279px){.catbar .mega-v6 .mega-feat{display:none}}
.mega-v6 .mega-h{font-size:24px;letter-spacing:-.02em}
.mega-sub{font-size:13px;font-weight:700;color:var(--mut);margin:-4px 0 10px}
.mega-top4{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mega-top4 a{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px}
.mega-top4 img{grid-row:1/3;width:64px;height:64px;object-fit:contain}
.mega-top4 span{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mega-top4 b{font-size:15px;font-variant-numeric:tabular-nums}
@media (hover:hover){.mega-top4 a:hover{border-color:var(--ink)}}
.mega-atmo{position:relative;display:block;border-radius:12px;overflow:hidden;min-height:300px;align-self:stretch;background:var(--fog)}
.mega-atmo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.mega-atmo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,22,30,.78) 0%,rgba(10,22,30,.25) 45%,rgba(10,22,30,0) 70%)}
.ma-cap{position:absolute;right:18px;left:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:2px;color:#fff}
.ma-cap b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.ma-cap small{font-size:13.5px;opacity:.92}
.ma-go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:700;font-size:14px;color:#fff}
@media (hover:hover){.mega-atmo:hover img{transform:scale(1.04)}}

/* ---------- all-categories panel: photo headers ---------- */
.ac-h.ac-photo{position:relative;display:block;height:108px;border-radius:12px;overflow:hidden;margin-bottom:10px}
.ac-h.ac-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:none;padding:0;border-radius:0;transition:transform .4s var(--ease)}
.ac-h.ac-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,22,30,.72),rgba(10,22,30,0) 65%)}
.ac-h.ac-photo span{position:absolute;right:12px;bottom:10px;z-index:1;color:#fff;font-size:16px;font-weight:800}
@media (hover:hover){.ac-h.ac-photo:hover img{transform:scale(1.05)}.ac-h.ac-photo:hover span{color:#fff;text-decoration:none}}
.ac-col ul{padding:0 4px}

/* ---------- mobile menu: photo banners ---------- */
.menu-photos{gap:10px;padding:8px 12px}
.menu-photos>li.has-photo>a,.menu-photos>li.has-photo summary{position:relative;min-height:92px;padding:0 16px;background:#0f1d25;color:#fff;overflow:hidden;border-radius:12px}
.menu-photos .mt-photo{position:absolute;inset:0}
.menu-photos .mt-photo img{width:100%;height:100%;object-fit:cover;opacity:.9}
.menu-photos .mt-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(10,22,30,.82) 0%,rgba(10,22,30,.45) 45%,rgba(10,22,30,.05) 100%)}
.menu-photos li.has-photo .mt-img{display:none}
.menu-photos li.has-photo .mt-t{position:relative;z-index:1;font-size:18px;font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.menu-photos li.has-photo>a>.ic,.menu-photos li.has-photo summary>.ic{position:relative;z-index:1;color:#fff}
.menu-photos details[open] summary{background:#0f1d25}
.menu-photos details ul{padding:10px 2px 4px}

/* ---------- hero: atmosphere slides with a real product card ---------- */
.hx-atmo-bg img{object-position:30% 50%}
.hx-atmo-bg::after{background:linear-gradient(270deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 30%,rgba(255,255,255,0) 58%)}
.hx-pcard{display:none}
@media (min-width:1024px){
  .hx-slide.hx-atmo .hx-in{min-height:600px}
  .hx-pcard{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;justify-self:start;align-self:end;margin-bottom:8px;width:360px;padding:12px 16px 12px 12px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 24px 50px -24px rgba(16,32,42,.5)}
  .hx-pc-img{width:112px;height:112px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}
  .hx-pc-img img{width:100%;height:100%;object-fit:contain;padding:6px}
  .hx-pc-t{display:flex;flex-direction:column;gap:2px;min-width:0}
  .hx-pc-t small{font-size:12.5px;color:var(--tq-dd);font-weight:700}
  .hx-pc-t b{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hx-pc-p{font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}
  .hx-pc-p s{font-size:13px;color:var(--mut);font-weight:500}
  .hx-slide.is-on .hx-pcard{animation:hxIn .8s .15s var(--ease) both}
}
@media (max-width:1023px){
  .hx-atmo-bg{height:250px}
  .hx-atmo-bg img{object-position:20% 55%}
  .hx-atmo-bg::after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 32%)}
}

/* ---------- home: rooms bento ---------- */
.rooms .sec-hd{margin-bottom:16px}
.rooms-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rm a{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--fog);isolation:isolate}
.rm.rm-xl{grid-column:1/-1}
.rm.rm-xl a{aspect-ratio:16/10}
.rm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}
.rm a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,22,30,.8) 0%,rgba(10,22,30,.3) 40%,rgba(10,22,30,0) 65%);z-index:0}
.rm-cap{position:absolute;right:12px;left:12px;bottom:10px;z-index:1;display:flex;flex-direction:column;gap:1px;color:#fff}
.rm-cap b{font-size:16px;font-weight:800;line-height:1.2}
.rm-cap small{font-size:12px;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-go{display:none}
@media (min-width:768px){
  .rooms-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:14px}
  .rm a,.rm.rm-xl a{aspect-ratio:auto;height:100%}
  .rm.rm-xl{grid-column:span 2;grid-row:span 2}
  .rm:nth-child(n+6){grid-column:span 2}
  .rm-cap{right:18px;left:18px;bottom:16px}
  .rm-cap b{font-size:20px}
  .rm.rm-xl .rm-cap b{font-size:30px;letter-spacing:-.02em}
  .rm-cap small{font-size:13.5px}
  .rm-go{display:flex;position:absolute;top:14px;left:14px;z-index:1;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);align-items:center;justify-content:center;opacity:0;transform:translateX(6px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
}
@media (min-width:1280px){.rooms-grid{grid-auto-rows:250px}}
@media (hover:hover){.rm a:hover img{transform:scale(1.05)}.rm a:hover .rm-go,.rm a:focus-visible .rm-go{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rm img,.mega-atmo img,.ac-h.ac-photo img{transition:none}}

/* ---------- category banner ---------- */
.cat-hero{position:relative;overflow:hidden;background:#0f1d25;color:#fff;margin-bottom:14px}
.cat-hero-img{position:absolute;inset:0}
.cat-hero-img img{width:100%;height:100%;object-fit:cover;object-position:35% 55%}
.cat-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(10,22,30,.88) 0%,rgba(10,22,30,.7) 38%,rgba(10,22,30,.15) 75%)}
.cat-hero-in{position:relative;z-index:1;padding-bottom:22px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}
.cat-hero .crumbs ol{color:rgba(255,255,255,.82);padding-top:14px}
.cat-hero .crumbs a{color:#fff}
.cat-hero .crumbs li:not(:last-child)::after{color:rgba(255,255,255,.55)}
.cat-hero h1{font-size:30px;font-weight:900;letter-spacing:-.03em;margin-top:4px;color:#fff}
.cat-hero .cat-intro{color:rgba(255,255,255,.9);max-width:620px;font-size:15px;margin-top:6px}
.cat-stats{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13.5px;font-weight:600;color:#fff}
.cat-stats .ic{color:#7fd6ee}
@media (max-width:767px){.cat-hero .cat-intro{display:none}.cat-hero-img::after{background:linear-gradient(0deg,rgba(10,22,30,.9) 0%,rgba(10,22,30,.55) 55%,rgba(10,22,30,.2) 100%)}}
@media (min-width:1024px){.cat-hero-in{min-height:280px;padding-bottom:30px}.cat-hero h1{font-size:46px}}

/* hero: the outgoing slide's copy leaves before the incoming one arrives, so text never overlaps mid-fade */
.hx-slide .hx-copy,.hx-slide .hx-pcard{transition:opacity .18s var(--ease)}
.hx-slide:not(.is-on) .hx-copy,.hx-slide:not(.is-on) .hx-pcard{opacity:0}
.hx-slide.is-on .hx-copy{opacity:1;transition:opacity .35s .28s var(--ease)}
@media (prefers-reduced-motion:reduce){.hx-slide .hx-copy{transition:none}}
@media (max-width:767px){.rm:not(.rm-xl) .rm-cap small{white-space:normal;font-size:11.5px;line-height:1.3}.rm:not(.rm-xl) .rm-cap b{font-size:15px}}

/* =================== v7: Electric Home design language — "the neon plug" ===================
   Taken from the logo: a neon plug in a map pin, cyan #40C0D0 running into sea-teal #1F9A8F.
   Rules: turquoise carries every action; one signature element (the electric line, cyan→teal);
   rhythm of white / tint / night sections; product photography always on a calm stage. */
:root{
  --brand:#33aed3; --brand-2:#1f9a8f; --brand-d:#0b6f88; --brand-dd:#08566a;
  --night:#071c24; --night-2:#0c2a35; --night-3:#14394a;
  --tint:#eef8fb; --tint-2:#dff2f7; --stage:#f3f6f7;
  --ink:#0e1b22; --ink-2:#3a4a54; --mut:#5b6a74; --line:#e4e9ec; --line-2:#cfd8dd;
  --tq:#33aed3; --tq-d:#0b6f88; --tq-dd:#08566a;
  --fog:#f3f6f7; --media:#f3f6f7; --bg:#fff;
  --neon:linear-gradient(90deg,#1f9a8f 0%,#33aed3 100%);
  --r-s:10px; --r:16px; --r-l:22px;
  --sh-1:0 1px 2px rgba(7,28,36,.06),0 4px 14px -6px rgba(7,28,36,.12);
  --sh-2:0 24px 48px -24px rgba(7,28,36,.38);
}
body.ehv2{background:#fff}

/* ---------- actions carry the brand ---------- */
.btn-go,.ehv2 .add{background:var(--brand-d);color:#fff!important;border-color:var(--brand-d)}
@media (hover:hover){.btn-go:hover,.ehv2 .add:hover{background:var(--brand-dd);border-color:var(--brand-dd)}}
.btn-go:active,.ehv2 .add:active{transform:scale(.98)}
.btn-line{border-color:var(--line-2)}
.more{color:var(--brand-d);font-weight:700}
@media (hover:hover){.more:hover{color:var(--brand-dd)}}
.badge{background:var(--brand);color:var(--night)}

/* ---------- the electric line: section headings ---------- */
.sec-hd h2,.h1-sec,.rev-score h2,.help-main h2,.ninja-hd h2{position:relative;font-weight:800;letter-spacing:-.025em}
.sec-hd h2::before,.h1-sec::before,.rev-score h2::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--neon);margin-bottom:12px}
@media (min-width:1024px){.sec-hd h2,.h1-sec{font-size:34px}}
.sec{padding-top:48px;padding-bottom:48px}
@media (min-width:1024px){.sec{padding-top:72px;padding-bottom:72px}}

/* ---------- header in brand ---------- */
.promo{background:var(--brand);color:var(--night)}
.promo a,.promo .ic{color:var(--night)}
.catbar{background:var(--night)}
.catbar .mega-top .ic{color:var(--brand)}
.catbar .mega-top::after{background:var(--neon)}
.catbar .allcats-btn{background:var(--brand);color:var(--night)}
.hsearch-go,.hsearch button.hsearch-go{background:var(--brand-d);color:#fff}
@media (hover:hover){.hsearch button.hsearch-go:hover{background:var(--brand-dd)}}
.hsearch:focus-within,.hsearch input[type=search]:focus{border-color:var(--brand-d)}
.act-cart .act-ic{background:var(--brand-d)}
.mega-feat{background:var(--tint)}

/* ---------- product card: calm stage, lift on hover ---------- */
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s}
.card::before{content:"";position:absolute;top:-1px;right:16px;left:16px;height:3px;border-radius:0 0 3px 3px;background:var(--neon);opacity:0;transition:opacity .2s var(--ease);z-index:2}
.card-media{margin:8px 8px 0;border-radius:12px;background:var(--stage);border-bottom:0;overflow:hidden}
.card-media img{mix-blend-mode:multiply}
.card-body{padding-top:12px}
.card-brand{color:var(--brand-d);font-weight:800;letter-spacing:.02em}
.card-name a{color:var(--ink)}
.price b{font-size:20px;font-weight:800;letter-spacing:-.01em}
.tag-top{background:var(--night);color:#8fe0f2}
.tag-sale{background:var(--sale);color:#fff}
@media (hover:hover){
  .card:hover{border-color:transparent;box-shadow:var(--sh-2);transform:translateY(-3px)}
  .card:hover::before{opacity:1}
}
@media (prefers-reduced-motion:reduce){.card{transition:none}}
@media (prefers-reduced-motion:reduce) and (hover:hover){.card:hover{transform:none}}

/* ---------- night section (brand moment) ---------- */
.sec-night{background:var(--night);color:#e6f1f5;position:relative;overflow:hidden}
.sec-night::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--neon)}
.sec-night h2,.sec-night .ninja-hd h2{color:#fff}
.sec-night .ninja-hd p{color:#b9ccd4}
.sec-night .more{color:#8fe0f2}
.sec-night .ninja-logo{filter:invert(1) brightness(1.6)}
.sec-night .card{border-color:transparent;color:var(--ink)}
.sec-night .card .price b{color:var(--ink)}
.sec-night .arrow{background:transparent;border-color:rgba(255,255,255,.25);color:#fff}

/* ---------- tint sections ---------- */
.sec-tint{background:var(--tint)}
.sec-tint .rev{background:#fff;border-color:transparent;box-shadow:var(--sh-1)}
.edband{background:var(--tint)}
.help-main{background:var(--tint)}
.usp-line{background:#fff}
.usp-line .ic{color:var(--brand-d)}

/* ---------- brands strip ---------- */
.brands{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brands img{filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
@media (hover:hover){.brands a:hover img{filter:none;opacity:1}}

/* ---------- footer ---------- */
.ftr{background:var(--night)}
.ftr{position:relative}
.ftr::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--neon)}

/* ---------- hero accents ---------- */
.hx-label{color:var(--brand-d);font-weight:800}
.hx-off{background:var(--sale)}
.hx-dot.is-on i::after{background:var(--neon)}

/* ---------- display type: bolder, tighter (research: premium retail heroes run 56-72px) ---------- */
.hx-t{font-weight:900;letter-spacing:-.035em;line-height:1.04}
@media (min-width:1024px){.hx-t{font-size:58px}}
@media (min-width:1280px){.hx-t{font-size:66px}}
@media (max-width:767px){.hx-t{font-size:34px}}
.hx-price b{font-weight:900;letter-spacing:-.02em}
.rev-num b{font-weight:900}

/* ---------- WooCommerce leftovers inside our shell ---------- */
.ehv2 .pswp{display:none!important}
.ehv2 #review_form #submit,.ehv2 #respond .form-submit input[type=submit]{background:var(--brand-d);color:#fff;border:0;border-radius:var(--r-s);min-height:48px;padding:0 28px;font:700 16px var(--f);cursor:pointer}
@media (hover:hover){.ehv2 #review_form #submit:hover{background:var(--brand-dd)}}
.ehv2 #review_form textarea{min-height:120px;height:140px}
.ehv2 #review_form input[type=text],.ehv2 #review_form input[type=email],.ehv2 #review_form textarea{border:1.5px solid var(--line-2);border-radius:var(--r-s);padding:10px 12px;width:100%;font:inherit}
.ehv2 #review_form input:focus,.ehv2 #review_form textarea:focus{border-color:var(--brand-d);outline:none;box-shadow:0 0 0 3px rgba(51,174,211,.25)}

/* =================== v8: sticky that actually sticks, motion, PDP tabs, filters, spacing =================== */

/* ---------- sticky root cause: an external sheet sets overflow-x:hidden on html+body,
   which turns them into scroll containers and kills every position:sticky below. clip does not. ---------- */
html:has(body.ehv2),body.ehv2{overflow:visible!important;overflow-x:clip!important}
html.ehv2-lock,html.ehv2-lock body{overflow:hidden!important}
.hdr{position:sticky!important;top:0;z-index:60}
.rev-score{top:calc(var(--hdr-h,150px) + 16px)}
@media (min-width:1024px){.pdp-info{top:calc(var(--hdr-h,150px) + 20px)}}

/* ---------- header motion ---------- */
.hdr-in{transition:padding .22s var(--ease)}
.hsearch{transition:box-shadow .2s var(--ease)}
.hsearch:focus-within{box-shadow:0 0 0 4px rgba(51,174,211,.2);border-radius:var(--r-s)}
.catbar .mega-top::after{transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
[data-cart-count].bump{animation:ehvBump .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes ehvBump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* mega panel: slides in, links arrive in a short stagger, the photo settles */
.catbar .mega-panel{transform:translateY(-10px);transition:opacity .2s var(--ease),transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .2s}
.mega-panel .mega-links li,.mega-panel .mega-chips,.mega-panel .mega-atmo,.mega-panel .mega-feat{opacity:0;transform:translateY(8px);transition:opacity .25s var(--ease),transform .3s cubic-bezier(.2,.8,.2,1)}
.mega-atmo{overflow:hidden}
.mega-atmo img{transform:scale(1.07);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mega-item.is-open .mega-panel :is(.mega-links li,.mega-chips,.mega-atmo,.mega-feat),
.mega-item:focus-within .mega-panel :is(.mega-links li,.mega-chips,.mega-atmo,.mega-feat){opacity:1;transform:none}
.mega-item.is-open .mega-atmo img,.mega-item:focus-within .mega-atmo img{transform:scale(1)}
@media (hover:hover){
  .mega-item.has-kids:hover .mega-panel :is(.mega-links li,.mega-chips,.mega-atmo,.mega-feat){opacity:1;transform:none}
  .mega-item.has-kids:hover .mega-atmo img{transform:scale(1)}
}
.mega-panel .mega-chips{transition-delay:.04s}
.mega-panel .mega-links li:nth-child(1){transition-delay:.06s}
.mega-panel .mega-links li:nth-child(2){transition-delay:.09s}
.mega-panel .mega-links li:nth-child(3){transition-delay:.12s}
.mega-panel .mega-links li:nth-child(4){transition-delay:.15s}
.mega-panel .mega-links li:nth-child(5){transition-delay:.18s}
.mega-panel .mega-links li:nth-child(6){transition-delay:.21s}
.mega-panel .mega-links li:nth-child(n+7){transition-delay:.24s}
.mega-panel .mega-atmo{transition-delay:.1s}
.mega-panel .mega-feat{transition-delay:.16s}
.mega-chips{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 14px}
.mega-chips a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--tint);color:var(--brand-dd);font-size:13.5px;font-weight:700;transition:background .18s,color .18s}
.mega-chips .ic{color:var(--brand-d)}
@media (hover:hover){.mega-chips a:hover{background:var(--brand-d);color:#fff}.mega-chips a:hover .ic{color:#fff}}
.mega-links ul a{transition:background .18s,color .18s}
@media (hover:hover){.mega-links ul a:hover{color:var(--brand-dd)}}

/* ---------- product gallery ---------- */
.g-track>picture{flex:0 0 100%;width:100%;height:100%;display:block;scroll-snap-align:center}
.g-track picture img{width:100%;height:100%;object-fit:contain;padding:7%;mix-blend-mode:multiply}
.g-nav{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.94);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sh-1);opacity:0;transition:opacity .2s,transform .2s,background .2s}
.g-prev{right:12px;transform:rotate(180deg)}
.g-next{left:12px}
.g-main:hover .g-nav,.g-nav:focus-visible{opacity:1}
@media (hover:none){.g-nav{opacity:1;width:38px;height:38px;margin-top:-19px}}
@media (hover:hover){.g-nav:hover{background:var(--brand-d);color:#fff;border-color:var(--brand-d)}}
.g-thumbs button{transition:border-color .18s}
.g-thumbs button[aria-pressed=true]{border-color:var(--brand-d)}

/* ---------- product tabs ---------- */
.pdp-tabs{margin-top:28px;scroll-margin-top:calc(var(--hdr-h,140px) + 8px)}
.tab-bar{position:sticky;top:var(--hdr-h,120px);z-index:30;background:#fff;border-bottom:1px solid var(--line);margin:0 calc(var(--gut)*-1);padding:0 var(--gut)}
@media (min-width:1024px){.tab-bar{margin:0;padding:0}}
.tab-list{position:relative;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.tab-list::-webkit-scrollbar{display:none}
.tab-list [role=tab]{flex:none;height:54px;padding:0 18px;border:0;background:none;font:700 16px var(--f);color:var(--mut);cursor:pointer;white-space:nowrap;transition:color .18s}
.tab-list [role=tab][aria-selected=true]{color:var(--ink)}
@media (hover:hover){.tab-list [role=tab]:hover{color:var(--brand-dd)}}
.tab-list [role=tab]:focus-visible{outline:3px solid var(--brand);outline-offset:-3px;border-radius:8px}
.tab-ink{position:absolute;bottom:0;left:0;height:3px;border-radius:3px 3px 0 0;background:var(--neon);width:100px;transform-origin:left center;transition:transform .28s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tab-panel{padding:28px 0 8px;scroll-margin-top:calc(var(--hdr-h,140px) + 64px)}
@media (min-width:1024px){.tab-panel{padding:36px 0 12px;max-width:920px}}
.tab-panel[hidden]{display:none}
.tab-panel.tp-in{animation:tpIn .32s cubic-bezier(.2,.8,.2,1)}
@keyframes tpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tp-h{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}
.tab-panel:focus-visible{outline:3px solid var(--brand);outline-offset:6px;border-radius:8px}
.ship-grid{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
@media (min-width:768px){.ship-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ship-grid li{display:grid;gap:4px;padding:18px;border-radius:var(--r);background:var(--tint)}
.ship-grid .ic{color:var(--brand-d);margin-bottom:6px}
.ship-grid b{font-size:16px}
.ship-grid span{font-size:14.5px;color:var(--ink-2);line-height:1.5}

/* ---------- sticky buy bar: breathing room, never hugs an edge ---------- */
.sticky-in{padding-top:12px;padding-bottom:12px;gap:14px}
.sticky-buy .btn{min-height:46px;padding:0 22px;border-radius:var(--r-s);flex:none}
@media (min-width:1024px){.sticky-buy{bottom:0;padding-bottom:env(safe-area-inset-bottom)}.sticky-in{padding-top:14px;padding-bottom:14px}.sticky-buy .btn{min-height:50px;padding:0 32px}}
@media (max-width:1023px){.sticky-buy{border-radius:16px 16px 0 0}}
.sticky-t span{color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- product rails: exactly two lines, nothing peeks ---------- */
.rail .card-name,.grid .card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;min-height:2.7em;max-height:2.7em}

/* ---------- filters ---------- */
.filters .f-grp legend,.filters .f-leg{font-size:13px;letter-spacing:.04em;color:var(--mut);font-weight:800}
.f-opt input{accent-color:var(--brand-d)}
.f-opt em,.f-cats a span{min-width:28px;text-align:center;padding:1px 7px;border-radius:999px;background:var(--stage);font-size:12px;color:var(--mut)}
.f-cats a{border-radius:8px;padding:8px;margin:0 -8px}
@media (hover:hover){.f-cats a:hover{background:var(--tint)}}
.f-cats a.is-on{background:var(--tint);color:var(--brand-dd)}
.f-grp.is-folded:not(.is-unfolded) .f-more{display:none}
.f-toggle{margin-top:6px;border:0;background:none;padding:6px 0;font:700 14px var(--f);color:var(--brand-d);cursor:pointer}
@media (min-width:1024px){
  .side{align-self:start;position:sticky;top:calc(var(--hdr-h,160px) + 16px)}
  .filters{position:static;max-height:calc(100vh - var(--hdr-h,160px) - 32px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
}
.tools{transition:box-shadow .2s}
html.is-scrolled .tools{box-shadow:0 10px 20px -18px rgba(7,28,36,.4)}
.active-f{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 14px;padding:0}
.active-f a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--tint);color:var(--brand-dd);font-size:14px;font-weight:700}
@media (max-width:1023px){
  .filters{border-radius:28px 28px 0 0}
  .f-hd{padding:16px 16px 12px 20px!important}
  .f-hd::before{content:"";position:absolute;top:6px;right:50%;width:40px;height:4px;margin-right:-20px;border-radius:4px;background:var(--line-2)}
  .f-hd{position:relative}
  .f-body{padding:6px 20px 12px}
  .f-foot{padding:14px 20px calc(16px + env(safe-area-inset-bottom));gap:14px;box-shadow:0 -10px 20px -16px rgba(7,28,36,.3)}
  .f-foot .btn{min-height:50px}
  .f-foot .btn-text{flex:none;padding:0 6px}
}
.btn-go.is-busy{opacity:.75}
.btn-go:disabled{background:var(--line-2);border-color:var(--line-2);color:var(--ink-2)!important}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .catbar .mega-panel,.mega-panel :is(.mega-links li,.mega-chips,.mega-atmo,.mega-feat),.mega-atmo img{transition:none!important;transform:none!important}
  .tab-panel.tp-in,[data-cart-count].bump{animation:none}
  .tab-ink{transition:none}
}

/* the accessibility button (bottom-left, fixed) must never sit on the buy button */
@media (min-width:1024px){.sticky-buy .btn{margin-left:max(0px,calc(84px - (100vw - min(100vw,1360px))/2 - var(--gut,16px)))}}

/* fieldset legends leave a tall gap in Chrome - a floated legend sits in the flow like a heading */
.filters .f-grp legend{float:right;width:100%;margin:0 0 6px}
.filters .f-grp legend+*{clear:both}
.filters .f-grp{padding:16px 0 12px}
/* UserWay's button (fixed bottom-left, z max) must not cover the sheet's counts */
@media (max-width:1023px){.f-body{padding-left:68px}}
/* the chat bubble (fixed bottom-right) must not sit on the filter column */
@media (min-width:1024px){.filters{max-height:calc(100vh - var(--hdr-h,160px) - 170px)}}

/* =================== v9: header rebuilt - brand lockup, pill search, cart button, night category bar, tile mega =================== */

/* ---------- brand lockup: neon mark + real-text name + slogan ---------- */
.logo-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:0}
.logo-brand .logo-mark{width:52px;height:52px;object-fit:contain;flex:none;transition:width .22s var(--ease),height .22s var(--ease)}
.logo-brand .logo-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.logo-brand .logo-txt b{font-size:25px;font-weight:900;letter-spacing:-.035em;color:var(--ink);white-space:nowrap}
.logo-brand .logo-txt b em{font-style:normal;color:var(--brand-d)}
.logo-brand .logo-txt small{font-size:13px;font-weight:600;color:var(--mut);margin-top:4px;white-space:nowrap;max-height:20px;overflow:hidden;transition:opacity .2s var(--ease),max-height .22s var(--ease),margin .22s var(--ease)}
@media (min-width:1024px){
  html.is-scrolled .logo-brand .logo-mark{width:42px;height:42px}
  html.is-scrolled .logo-brand .logo-txt small{opacity:0;max-height:0;margin-top:0}
}
@media (max-width:1023px){
  .logo-brand{gap:8px}
  .logo-brand .logo-mark{width:38px;height:38px}
  .logo-brand .logo-txt b{font-size:19px}
  .logo-brand .logo-txt small{font-size:11px;margin-top:2px}
}
@media (max-width:359px){.logo-brand .logo-txt small{display:none}}

/* ---------- main row ---------- */
.hdr{background:#fff}
@media (min-width:1024px){
  .hdr-in{grid-template-columns:auto minmax(420px,720px) auto;gap:36px;padding-top:14px;padding-bottom:14px}
  html.is-scrolled .hdr-in{padding-top:8px;padding-bottom:8px}
}

/* ---------- search: one calm pill, one round action ---------- */
.hsearch{height:54px;border-radius:999px!important;background:var(--stage);border:1.5px solid transparent!important;padding:0 5px;box-shadow:none;transition:background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.hsearch input[type=search],.hsearch input[type=search]:focus{height:50px;background:transparent!important;border:0!important;padding:0 20px;font-size:16px;font-weight:500;color:var(--ink)}
.hsearch input::placeholder{color:#5f6e77;transition:opacity .2s}
@media (hover:hover){.hsearch:hover{border-color:var(--line-2)!important}}
.hsearch:focus-within{background:#fff;border-color:var(--brand-d)!important;box-shadow:0 0 0 5px rgba(51,174,211,.16),0 14px 30px -18px rgba(7,28,36,.35)}
.hsearch button.hsearch-go{flex:none;width:44px;height:44px;padding:0;margin:0;border-radius:50%!important;display:flex;align-items:center;justify-content:center;background:var(--brand-d);color:#fff;transition:background-color .18s,transform .18s}
@media (hover:hover){.hsearch button.hsearch-go:hover{background:var(--brand-dd)}}
.hsearch button.hsearch-go:active{transform:scale(.94)}
@media (max-width:1023px){
  .hsearch{height:48px}
  .hsearch input[type=search],.hsearch input[type=search]:focus{height:44px;padding:0 16px}
  .hsearch button.hsearch-go{width:38px;height:38px}
}
.sr-box{border-radius:var(--r-l);box-shadow:0 30px 60px -28px rgba(7,28,36,.45);border:1px solid var(--line);padding:10px}

/* ---------- actions ---------- */
@media (min-width:1024px){.act{border-radius:999px;padding:5px 5px 5px 14px}.act-ic{width:44px;height:44px;border-radius:50%!important;background:var(--stage)}}
.act-wa{background:#e6f7ec;color:#128c46}
@media (hover:hover){.act:hover{background:var(--stage)}.act:hover .act-ic{background:#fff}}
@media (min-width:1024px){
  .act-cart{background:var(--brand-d);color:#fff;padding:5px 5px 5px 18px;transition:background-color .18s}
  .act-cart .act-ic{background:rgba(255,255,255,.16)!important;color:#fff}
  .act-cart .act-t small{color:rgba(255,255,255,.8)}
  .act-cart .act-t b{color:#fff;font-variant-numeric:tabular-nums}
}
@media (hover:hover) and (min-width:1024px){.act-cart:hover{background:var(--brand-dd)}}
.act-cart .badge{background:var(--brand);color:var(--night);border:2px solid #fff;min-width:22px;height:22px;font-weight:800}

/* ---------- promo: live store status ---------- */
.open-now{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:2px 10px;border-radius:999px;background:rgba(7,28,36,.14);color:var(--night);font-size:12.5px;font-weight:800}
.open-now::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.6}
.open-now.is-open{background:#fff;color:#0b6b2e}
.open-now.is-open::before{background:#16a34a;opacity:1;box-shadow:0 0 0 3px rgba(22,163,74,.2)}

/* ---------- category bar ---------- */
.catbar{background:var(--night);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.catbar .wrap.catbar-in{min-height:52px;gap:4px}
.catbar .mega-top{height:52px;padding:0 13px;color:#d6e4ea;font-weight:600;font-size:15px;transition:color .18s,background-color .18s}
.catbar .mega-top .ic{color:var(--brand);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .catbar .mega-top:hover{color:#fff;background:rgba(255,255,255,.06)}
  .catbar .mega-item:hover .mega-top .ic{transform:translateY(-1px) scale(1.08)}
}
.catbar .mega-item.is-open .mega-top,.catbar .mega-item:focus-within .mega-top{color:#fff;background:rgba(255,255,255,.08)}
.catbar .mega-item.is-current .mega-top{color:#fff}
.catbar .mega-item.is-current .mega-top::after{transform:scaleX(1)}
.catbar .allcats-btn{height:40px;border-radius:var(--r-s);background:var(--brand);color:var(--night);font-weight:800;transition:background-color .18s}
@media (hover:hover){.catbar .allcats-btn:hover{background:#5cc3e2}}
.catbar a.catbar-sale,.catbar-sale{height:36px;padding:0 16px;border-radius:999px;border:0;background:var(--sale);color:#fff!important;font-weight:800;gap:8px;box-shadow:0 6px 16px -8px rgba(194,38,28,.8);transition:transform .18s,box-shadow .18s}
@media (hover:hover){.catbar a.catbar-sale:hover{transform:translateY(-1px);box-shadow:0 10px 20px -8px rgba(194,38,28,.9)}}
.sale-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#fff;flex:none}
.sale-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:saleRing 1.8s ease-out infinite}
@keyframes saleRing{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.6);opacity:0}}

/* ---------- mega panel: floating sheet, tiles, trust strip ---------- */
.catbar .mega-panel{background:#fff;border-radius:0 0 var(--r-l) var(--r-l);box-shadow:0 40px 80px -40px rgba(7,28,36,.5)}
.catbar .mega-panel::before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:var(--neon)}
.catbar .mega-in{padding-top:28px;padding-bottom:22px}
.mega-v6 .mega-h{font-size:26px;font-weight:900;letter-spacing:-.03em;margin-bottom:10px}
.mega-links ul:not(.mega-top4){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-bottom:16px}
.mega-links ul:not(.mega-top4) a{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:8px;border-radius:var(--r);border:1px solid transparent;transition:background-color .18s,border-color .18s,transform .22s cubic-bezier(.2,.8,.2,1)}
.mega-links ul:not(.mega-top4) a img{width:56px;height:56px;padding:5px;border-radius:var(--r-s);background:var(--stage);object-fit:contain;mix-blend-mode:multiply}
.mega-links ul:not(.mega-top4) a>span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:none}
.mega-links ul:not(.mega-top4) a b{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s}
.mega-links ul:not(.mega-top4) a em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--mut)}
@media (hover:hover){
  .mega-links ul:not(.mega-top4) a:hover{background:var(--tint);border-color:#d3edf5;transform:translateX(-2px)}
  .mega-links ul:not(.mega-top4) a:hover b{color:var(--brand-dd)}
}
.mega-top4 a{border-radius:var(--r)}
.mega-atmo{border-radius:var(--r)}
.mega-feat{border-radius:var(--r)}
.mega-usp{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;padding-top:14px;padding-bottom:16px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.mega-usp span,.mega-usp a{display:inline-flex;align-items:center;gap:8px}
.mega-usp .ic{color:var(--brand-d)}
.mega-usp a{margin-right:auto;color:#0f7a3d;font-weight:800}
.mega-usp a .ic{color:#128c46}
@media (hover:hover){.mega-usp a:hover{text-decoration:underline}}
.mega-panel .mega-usp{opacity:0;transform:translateY(6px);transition:opacity .25s var(--ease) .18s,transform .3s cubic-bezier(.2,.8,.2,1) .18s}
.mega-item.is-open .mega-panel .mega-usp,.mega-item:focus-within .mega-panel .mega-usp{opacity:1;transform:none}
@media (hover:hover){.mega-item.has-kids:hover .mega-panel .mega-usp{opacity:1;transform:none}}

/* ---------- small fixes from the taste audit ---------- */
.btn{white-space:nowrap}

@media (prefers-reduced-motion:reduce){
  .sale-dot::after{animation:none;display:none}
  .mega-panel .mega-usp,.logo-brand .logo-mark,.logo-brand .logo-txt small{transition:none!important;transform:none!important}
}

/* cart label: two lines, never run together */
@media (min-width:1024px){.act-cart .act-t{display:flex!important;flex-direction:column;line-height:1.15}}
/* mega tiles: names wrap to two lines instead of being cut */
.mega-links ul:not(.mega-top4) a b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
/* the mark carries more presence at desktop */
@media (min-width:1024px){.logo-brand .logo-mark{width:58px;height:58px}.logo-brand .logo-txt b{font-size:26px}}
/* the pill carries the focus ring; no second browser outline inside it */
.hsearch input[type=search]:focus,.hsearch input[type=search]:focus-visible{outline:none!important;box-shadow:none!important}
.mega-links .mega-top4{margin-bottom:14px}
.mega-top4 a{grid-template-columns:72px minmax(0,1fr);padding:10px;gap:4px 14px;transition:background-color .18s,border-color .18s}
.mega-top4 img{width:72px;height:72px;background:var(--stage);border-radius:var(--r-s);padding:6px;mix-blend-mode:multiply}
.mega-top4 b{color:var(--ink);font-weight:800}
@media (hover:hover){.mega-top4 a:hover{background:var(--tint);border-color:#d3edf5}}

/* the original logo, untouched (owner, 28/9): full artwork, only scaled */
.logo-brand .logo-orig{height:66px;width:auto;flex:none;transition:height .22s var(--ease)}
@media (min-width:1024px){html.is-scrolled .logo-brand .logo-orig{height:50px}}
@media (max-width:1023px){.logo-brand .logo-orig{height:46px}}
.logo-brand .logo-txt{flex:none}.logo-brand{flex:none}

/* footer: the original logo on a white plate (the artwork is drawn on white - never recoloured) */
.logo-inv{gap:14px}
.logo-plate{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 28px -14px rgba(0,0,0,.6);flex:none}
.logo-plate img{height:60px;width:auto}
.logo-inv .logo-txt b{font-size:22px;font-weight:900;letter-spacing:-.03em}

/* =================== v10: cart + checkout + footer polish (both widths) =================== */

/* ---------- every primary action in the brand colour (Woo defaults were black) ---------- */
.ehv2 .woocommerce a.button,.ehv2 .woocommerce button.button,.ehv2 .woocommerce input.button,.ehv2 #place_order,.ehv2 .wc-proceed-to-checkout .checkout-button{background:var(--brand-d)!important;border-color:var(--brand-d)!important;color:#fff!important;border-radius:var(--r-s)!important;font-weight:800!important;transition:background-color .18s,transform .18s}
@media (hover:hover){.ehv2 .woocommerce a.button:hover,.ehv2 .woocommerce button.button:hover,.ehv2 #place_order:hover,.ehv2 .wc-proceed-to-checkout .checkout-button:hover{background:var(--brand-dd)!important;border-color:var(--brand-dd)!important}}
.ehv2 #place_order:active,.ehv2 .checkout-button:active{transform:scale(.99)}
/* secondary actions stay quiet */
.ehv2 .woocommerce button[name=update_cart],.ehv2 .woocommerce button[name=apply_coupon]{background:#fff!important;color:var(--brand-dd)!important;border:1.5px solid var(--line-2)!important}
@media (hover:hover){.ehv2 .woocommerce button[name=apply_coupon]:hover{border-color:var(--brand-d)!important;background:var(--tint)!important}}
.ehv2 .woocommerce button[name=update_cart]:disabled{color:var(--mut)!important}

/* ---------- desktop cart table ---------- */
.ehv2 table.cart thead th{white-space:nowrap}
@media (min-width:768px){
  .ehv2 table.cart td.product-thumbnail{width:104px}
  .ehv2 table.cart td.product-thumbnail img,.ehv2 table.cart td.product-thumbnail picture img{width:84px!important;height:84px!important;max-width:none;padding:6px;background:var(--stage);border:0;border-radius:var(--r-s);mix-blend-mode:multiply}
  .ehv2 table.cart td.product-name a{font-size:16px;line-height:1.4}
  .ehv2 table.cart td.product-subtotal{font-weight:800}
}

/* ---------- mobile cart: every line is a product card ---------- */
@media (max-width:767px){
  .ehv2 table.cart{border-radius:var(--r)}
  .ehv2 table.cart tr.cart_item{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"th nm" "th pr" "qt st";column-gap:14px;row-gap:6px;padding:16px 14px;border-bottom:1px solid var(--line)}
  .ehv2 table.cart tr.cart_item td{display:block;padding:0;border:0;min-width:0}
  .ehv2 table.cart tr.cart_item td::before{display:none}
  .ehv2 table.cart td.product-remove{position:absolute;top:12px;left:12px}
  .ehv2 table.cart td.product-thumbnail{grid-area:th;grid-row:auto}
  .ehv2 table.cart td.product-thumbnail img{width:84px!important;height:84px!important;padding:6px;background:var(--stage);border:0;border-radius:var(--r-s);mix-blend-mode:multiply}
  .ehv2 table.cart td.product-name{grid-area:nm;padding-left:40px;font-size:15px;line-height:1.4}
  .ehv2 table.cart td.product-price{grid-area:pr;color:var(--mut);font-size:14px}
  .ehv2 table.cart td.product-quantity{grid-area:qt;align-self:center}
  .ehv2 table.cart td.product-quantity .quantity input.qty{width:84px}
  .ehv2 table.cart td.product-subtotal{grid-area:st;align-self:center;text-align:left;font-weight:800;font-size:17px}
  .ehv2 table.cart td.actions{display:block;padding:14px}
  .ehv2 table.cart td.actions .coupon{display:flex;gap:8px;margin-bottom:10px}
  .ehv2 table.cart td.actions .coupon input{flex:1;min-width:0}
  .ehv2 table.cart td.actions button[name=update_cart]{width:100%}
  /* totals: label on one side, amount on the other - never overflowing */
  .ehv2 .cart_totals table.shop_table_responsive tr{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
  .ehv2 .cart_totals table.shop_table_responsive tr:last-child{border-bottom:0}
  .ehv2 .cart_totals table.shop_table_responsive th,.ehv2 .cart_totals table.shop_table_responsive td{display:block;padding:0!important;border:0;background:none;text-align:right}
  .ehv2 .cart_totals table.shop_table_responsive td{text-align:left}
  .ehv2 .cart_totals table.shop_table_responsive td::before{display:none}
  .ehv2 .cart_totals tr.woocommerce-shipping-totals{flex-direction:column;gap:8px}
  .ehv2 .cart_totals tr.woocommerce-shipping-totals td{width:100%;text-align:right}
  .ehv2 .cart_totals tr.order-total td{font-size:20px;font-weight:900}
  .ehv2 .cart_totals{padding:18px}
}

/* ---------- checkout: the tall details column must not stretch the summary rows ---------- */
@media (min-width:1024px){
  .ehv2 form.woocommerce-checkout{grid-template-rows:auto auto 1fr;align-items:start}
  .ehv2 #order_review_heading{margin:10px 0 0}
}
.ehv2 #order_review .woocommerce-shipping-totals td{min-width:170px}

/* ---------- desktop cart badge sits on the icon, not on the label ---------- */
@media (min-width:1024px){.act-cart .badge{top:-4px;right:-4px;left:auto}}

/* ---------- floating widgets never cover content ---------- */
.ftr{padding-bottom:150px}
@media (max-width:1023px){.dr-foot{padding-left:68px}}

/* =================== v11: motion + showcase ("the store feels alive, never busy") =================== */

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(18px)}
.rv.in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.8,.2,1) calc(var(--d,0) * 70ms),transform .7s cubic-bezier(.2,.8,.2,1) calc(var(--d,0) * 70ms)}

/* ---------- hero: the active photo settles slowly (Ken Burns, 1.06 -> 1) ---------- */
/* clip, not hidden: hidden turns it into a scroll container, min-height:auto drops to 0 and the photo slide collapsed on mobile (28/9) */
.hx-slide > .hx-photo{overflow:clip}
/* a slide of type "photo" carries the class hx-photo itself - it must stay in the grid flow (it was absolute and got cut on short phones) */
.hx-slide.hx-photo{position:relative;inset:auto;overflow:visible}
.hx-slide.is-on .hx-photo img{animation:hxKb 11s cubic-bezier(.2,.6,.2,1) both}
@keyframes hxKb{from{transform:scale(1.07)}to{transform:scale(1)}}

/* ---------- page to page: app-like cross-fade, header stays put ---------- */
/* (cross-document view transitions removed 28/9 - Safari jumps with a sticky header; not worth a bug) */

/* ---------- showcase: best seller of each department ---------- */
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sc{position:relative;display:flex;flex-direction:column;min-height:540px;border-radius:var(--r-l);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.sc-dark{background:var(--night);color:#fff}
.sc-light{background:var(--stage);color:var(--ink)}
.sc-dark::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--neon);z-index:2}
.sc-txt{padding:30px 28px 0;position:relative;z-index:1}
.sc-k{font-size:13px;font-weight:800;letter-spacing:.02em;margin:0 0 10px}
.sc-dark .sc-k{color:#8fe0f2}.sc-light .sc-k{color:var(--brand-d)}
.sc h3{font-size:27px;font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc h3 a{color:inherit}
.sc-p{margin:0 0 18px;font-variant-numeric:tabular-nums}
.sc-p b{font-size:24px;font-weight:900}
.sc-p s{font-size:15px;margin-right:6px;opacity:.6}
.sc-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.sc-add{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--r-s);border:0;font:800 15px var(--f);cursor:pointer;transition:background-color .18s,transform .18s}
.sc-dark .sc-add{background:var(--brand);color:var(--night)}
.sc-light .sc-add{background:var(--brand-d);color:#fff}
@media (hover:hover){.sc-dark .sc-add:hover{background:#5cc3e2}.sc-light .sc-add:hover{background:var(--brand-dd)}}
.sc-add:active{transform:scale(.97)}
.sc-more{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14.5px}
.sc-dark .sc-more{color:#cfe9f1}.sc-light .sc-more{color:var(--brand-d)}
@media (hover:hover){.sc-more:hover{text-decoration:underline}}
/* product photos are shot on white - they always sit on a light stage, even inside a dark card */
.sc-img{display:flex;align-items:center;justify-content:center;margin:26px 16px 16px;margin-top:auto;padding-top:26px;min-height:270px;border-radius:var(--r);background:#fff;overflow:hidden}
.sc-light .sc-img{background:#fff}
.sc-img img{width:78%;height:auto;max-height:300px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){.sc:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}.sc:hover .sc-img img{transform:scale(1.05)}}
@media (max-width:1023px){
  .sc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--gut) * -1);padding:0 var(--gut) 8px;scrollbar-width:none}
  .sc-grid::-webkit-scrollbar{display:none}
  .sc{flex:0 0 84%;min-height:480px;scroll-snap-align:start}
  .sc h3{font-size:23px}
  .sc-txt{padding:24px 20px 0}
  .sc-img{min-height:220px}
}

/* ---------- touch: a press you can feel ---------- */
@media (hover:none){.card:active,.rm a:active,.sc:active{transform:scale(.985);transition:transform .12s}}

@media (prefers-reduced-motion:reduce){
  .rv{opacity:1!important;transform:none!important}
  .hx-slide.is-on .hx-photo img{animation:none}
  .sc,.sc-img img{transition:none}
}
/* contrast lock (IRON LAW #13): theme rules for h3/a/.btn must not leak into the showcase */
.ehv2 .sc-dark h3,.ehv2 .sc-dark h3 a{color:#fff!important}
.ehv2 .sc-light h3,.ehv2 .sc-light h3 a{color:var(--ink)!important}
.ehv2 .sc-dark .sc-add{color:var(--night)!important}
.ehv2 .sc-light .sc-add{color:#fff!important}
.ehv2 .sc-dark .sc-p b{color:#fff}

/* recent-order note: on mobile it drops in under the header, clear of chat / accessibility / bottom bar */
@media (max-width:1023px){
  .sp{top:calc(var(--hdr-h,120px) + 10px);bottom:auto!important;left:12px;right:12px;padding:8px 8px 8px 6px;transform:translateY(-10px)}
  .is-product .sp{bottom:auto!important}
  .sp.is-on{transform:none}
  .sp-img{width:44px;height:44px}
}
/* mobile: the space kept for the bottom bar belongs to the dark footer, not a white strip */
@media (max-width:1023px){
  body.ehv2{padding-bottom:0!important}
  .ftr{padding-bottom:calc(150px + 64px + env(safe-area-inset-bottom))}
}
/* the 230px mobile photo height belongs to the photo inside the slide, never to the slide (both share the class hx-photo) */
@media (max-width:1023px){.hx-slide.hx-photo{height:auto}}
.hx-slide.hx-photo::after{content:none!important;display:none!important}

/* =================== v12: post pages - theme sheets (hello-elementor reset, woo, jet) must not reach our shell =================== */
.ehv2 .hdr .sr-cancel{display:none}
html.sr-open .ehv2 .hdr .sr-cancel,html.sr-open body.ehv2 .hdr .sr-cancel{display:block}
/* reset.css paints every button with a #c36 border - neutralise it inside our chrome only */
body.ehv2 :is(.hdr,.menu,.drawer,.mbar,.sp,.ftr,.toast,.lb) button:not(.btn):not(.hsearch-go):not(.allcats-btn):not(.sc-add):not(.add){border:0;border-radius:var(--r-s);background-color:transparent;color:inherit;padding:0;font:inherit}
body.ehv2 :is(.hdr,.menu,.drawer,.mbar,.sp,.ftr) button:not(.btn):focus{outline:none}
body.ehv2 :is(.hdr,.menu,.drawer,.mbar,.sp,.ftr) button:not(.btn):focus-visible{outline:3px solid var(--brand);outline-offset:2px}
@media (hover:hover){body.ehv2 :is(.hdr,.menu,.drawer,.mbar,.sp,.ftr) button:not(.btn):not(.hsearch-go):not(.allcats-btn):hover{background-color:var(--stage);color:inherit}}
body.ehv2 .hdr a,body.ehv2 .ftr a,body.ehv2 .mbar a,body.ehv2 .menu a{text-decoration:none}

/* ---------- article body: readable, and tables never squeeze to one word per line ---------- */
.post-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;border-radius:var(--r);border:1px solid var(--line)}
.post-body table th,.post-body table td{min-width:120px;padding:12px 14px;vertical-align:top;border-bottom:1px solid var(--line);text-align:right}
.post-body table th{white-space:nowrap}
.post-body img{max-width:100%;height:auto;border-radius:var(--r)}
.post-body iframe,.post-body video{max-width:100%}
/* desktop: the table fills the column; only phones get the sideways scroll */
@media (min-width:768px){.post-body table{display:table;width:100%;overflow:visible}}
/* one comfortable reading column (~70 chars) for articles */
.ehv2 .post-hd,.ehv2 .post-body{max-width:calc(880px + 2 * var(--gut));margin-inline:auto}

/* =================== v13: "light turquoise" - brighter brand, rounder, calmer (owner 28/9) =================== */
/* text-bearing brand fills: #0c7593 (white 4.6:1 AA) replaces the heavier #0b6f88; the logo turquoise #33aed3 carries surfaces, badges, rings */
:root{
  --brand-d:#0c7593; --tq-d:#0c7593; --brand-dd:#0b6f88; --tq-dd:#0b6f88;
  --tint:#edf8fc; --tint-2:#dcf1f8; --ring:#bfe6f2;
  --r-s:14px; --r:20px; --r-l:28px;
  --sh-1:0 1px 2px rgba(7,28,36,.05),0 6px 18px -8px rgba(12,117,147,.16);
  --sh:0 1px 2px rgba(7,28,36,.05),0 16px 36px -18px rgba(12,117,147,.28);
  --ease-out:cubic-bezier(.22,1,.36,1);
}
/* buttons: Apple-style pills, soft press */
.ehv2 .btn,.ehv2 .woocommerce a.button,.ehv2 .woocommerce button.button,.ehv2 #place_order,.ehv2 .wc-proceed-to-checkout .checkout-button{border-radius:999px!important}
.ehv2 .btn{transition:background-color .22s var(--ease-out),box-shadow .22s var(--ease-out),transform .22s var(--ease-out),border-color .22s var(--ease-out)}
@media (hover:hover){.ehv2 .btn:hover{box-shadow:0 10px 24px -12px rgba(12,117,147,.55)}}

/* ---------- header cart: white/tint chip with a turquoise icon, badge sits ON the corner ---------- */
.act-cart .act-ic{overflow:visible}
@media (max-width:1023px){
  .act-cart .act-ic{background:var(--tint)!important;color:var(--brand-d)!important;border:1px solid var(--ring);border-radius:12px}
}
.act-cart .badge,.mbar .badge{background:var(--brand-d);color:#fff;border:2px solid #fff;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;box-shadow:0 4px 10px -4px rgba(12,117,147,.6);font-variant-numeric:tabular-nums}
@media (max-width:1023px){.act-cart .badge{top:-8px;left:-8px;right:auto}}
@media (min-width:1024px){.act-cart .act-ic{background:#fff!important;color:var(--brand-d)!important}.act-cart .badge{top:-6px;right:-6px;left:auto}}
.mbar .badge{top:2px;left:calc(50% - 26px)}

/* ---------- chat launcher: turquoise gradient with a WHITE icon (was black on cyan) ---------- */
html body button.sm-sa-launch,html body button.sm-sa-launch:focus,html body button.sm-sa-launch:active{--sa-primary:#0c7593;background:linear-gradient(150deg,#33aed3 0%,#0c7593 100%)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px -12px rgba(12,117,147,.65),0 0 0 4px rgba(51,174,211,.16)!important}
html body button.sm-sa-launch svg,html body button.sm-sa-launch svg path{fill:#fff!important;color:#fff!important}
html body button.sm-sa-launch:focus-visible{outline:3px solid #0b6f88!important;outline-offset:3px}
@media (hover:hover){html body button.sm-sa-launch:hover{box-shadow:0 18px 34px -12px rgba(12,117,147,.75),0 0 0 6px rgba(51,174,211,.2)!important}}

/* ---------- lighter brand surfaces ---------- */
.ehv2 .card,.ehv2 .sc,.ehv2 .usp-i,.ehv2 .rev-wall > *{border-radius:var(--r)}
.ehv2 .hsearch input,.ehv2 .hsearch-in{border-radius:999px}
.ehv2 .hsearch-go{background:var(--brand-d)}
.ehv2 :focus-visible{outline-color:var(--brand)}

/* motion: one easing everywhere, nothing sudden */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .ehv2 .card,.ehv2 .sc,.ehv2 .cat-img{transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
}

/* ---------- "all categories": white pill, turquoise icon (no dark-on-cyan) ---------- */
.catbar .allcats-btn{background:#fff;color:var(--brand-dd);border-radius:999px;padding:0 18px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.catbar .allcats-btn svg{color:var(--brand-d)}
@media (hover:hover){.catbar .allcats-btn:hover{background:var(--tint)}}
.allcats.is-open .allcats-btn{background:var(--tint)}

/* ---------- chat panel: same brand turquoise, white icons on fills ---------- */
html body .sm-sa-panel{--sa-primary:#0c7593}
html body .sm-sa-panel .sm-sa-input button{background:linear-gradient(150deg,#33aed3,#0c7593)!important;color:#fff!important}
html body .sm-sa-panel .sm-sa-input button svg,html body .sm-sa-panel .sm-sa-input button svg *{fill:#fff!important;color:#fff!important}

/* ---------- promo bar: light and quiet (Apple/Samsung pattern), turquoise hairline underneath ---------- */
.promo{background:var(--tint);color:var(--brand-dd);position:relative}
.promo::after{content:"";position:absolute;right:0;left:0;bottom:0;height:2px;background:var(--neon);opacity:.55}
.promo a,.promo .ic,.promo-side{color:var(--brand-dd)}
.promo .promo-msg b,.promo strong{color:var(--night)}

/* ---------- showcase: add button on the dark cards = white pill, never dark-on-cyan ---------- */
.sc-dark .sc-add{background:#fff!important;color:var(--brand-dd)!important;border-color:#fff!important}
.sc-dark .sc-add svg{color:var(--brand-d)}
@media (hover:hover){.sc-dark .sc-add:hover{background:var(--tint-2)!important}}

/* ---------- every horizontal row keeps the page gutter: scroll-snap ignores padding unless scroll-padding is set,
   so the first card was being snapped flush against the right edge on phones ---------- */
.rail,.cat-strip,.rev-wall,.sc-grid,.chips,.sub-strip{scroll-padding-inline:var(--gut)}
@media (min-width:768px){.rail{scroll-padding-inline:0}}

/* =================== v14: Apple/Samsung direction (owner 28/9) - canvas + tiles, calmer chrome, measured motion =================== */
/* one radius scale: 12 inner / 20 card / 28 tile / pill. taste-audit counted 5 */
:root{--r-s:12px;--r:20px;--r-l:28px;--canvas:#f2f5f7;--tile-m:10px}
@media (min-width:768px){:root{--tile-m:16px}}

/* ---------- home: a quiet grey canvas, every section is a rounded tile (Apple tv-home pattern) ---------- */
body.is-home{background:var(--canvas)}
.is-home :is(.sec,.brands,.edband){background:#fff;border-radius:var(--r-l);margin:12px var(--tile-m);overflow:clip}
@media (min-width:1024px){.is-home :is(.sec,.brands,.edband){width:calc(100% - 32px);max-width:1440px;margin:16px auto}}
.is-home .sec{padding-top:40px;padding-bottom:40px}
@media (min-width:1024px){.is-home .sec{padding-top:56px;padding-bottom:56px}}
.is-home .sec-tint{background:var(--tint)}
.is-home .sec-night{background:var(--night)}
.is-home .ftr{margin-top:16px}

/* stripes on dark tiles were the one "AI template" tell impeccable flagged (side-tab) - the tile edge carries it now */
.sec-night::before,.ftr::before,.sc-dark::before,.card::before{content:none!important;display:none!important}

/* ---------- headings: bigger, tighter, balanced; the little neon bar above every H2 goes ---------- */
.sec-hd h2::before,.h1-sec::before,.rev-score h2::before{content:none!important;display:none!important}
.sec-hd h2,.h1-sec,.ninja-hd h2,.help-main h2,.rev-score h2{font-size:clamp(26px,4.4vw,40px);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.sec-hd p{text-wrap:pretty}

/* ---------- product cards: no outline, product on a soft well, lift on hover (transform only) ---------- */
.card{border-color:transparent!important;transition:transform .25s var(--ease-out)!important}
.card .card-media{background:var(--stage);border-radius:var(--r-s)}
.is-home .sec .card{background:#fff}
@media (hover:hover){.card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(12,117,147,.35)}}

/* ---------- buttons: colour shift only, no animated shadow ---------- */
.ehv2 .btn{transition:background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),transform .15s var(--ease-out)}
@media (hover:hover){.ehv2 .btn:hover{box-shadow:none}.ehv2 .btn-go:hover{background:var(--brand-dd)}}
.ehv2 .btn:active{transform:scale(.98)}
.hsearch,.hdr,.hdr-in,.logo-brand .logo-orig,.catbar-sale,.sc,.sc-add{transition-property:background-color,border-color,color,transform!important}
.hdr,.hdr-in,.logo-brand .logo-orig{transition:none!important}

/* ---------- chat launcher: calm, no infinite pulse; header label readable ---------- */
html body button.sm-sa-launch.sm-sa-pulse{animation:none!important}
html body .sm-sa-hd-t small{font-size:12.5px!important}

/* ---------- story tiles (robot vacuums, fridges) ---------- */
.stories-in{display:grid;gap:12px;padding:0 var(--tile-m);margin:12px 0}
@media (min-width:1024px){.stories-in{grid-template-columns:1fr 1fr;gap:16px;width:calc(100% - 32px);max-width:1440px;margin:16px auto;padding:0}}
.story{background:#fff;border-radius:var(--r-l);overflow:clip;display:flex;flex-direction:column;text-align:center}
.story-copy{padding:36px 24px 20px}
@media (min-width:1024px){.story-copy{padding:48px 40px 24px}}
.story-k{font-size:15px;font-weight:700;color:var(--brand-dd);margin:0 0 8px}
.story h2{font-size:clamp(26px,3.2vw,38px);line-height:1.12;letter-spacing:-.03em;font-weight:800;margin:0;text-wrap:balance;color:var(--ink)}
.story-p{margin:10px 0 0;color:var(--mut);font-size:16px}
.story-cta{display:flex;align-items:center;justify-content:center;gap:10px 22px;flex-wrap:wrap;margin-top:20px}
.story-link{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:var(--brand-d);text-decoration:none;min-height:44px}
@media (hover:hover){.story-link:hover{text-decoration:underline;text-underline-offset:4px}}
.story-img{margin-top:auto;aspect-ratio:4/3;overflow:clip}
@media (min-width:1024px){.story-img{aspect-ratio:16/11}}
.story-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--ease-out)}
@media (hover:hover){.story:hover .story-img img{transform:scale(1.03)}}
.is-home .brands{padding-top:22px;padding-bottom:22px}
/* floating widgets need room above the bar, not a screen of empty footer */
@media (max-width:1023px){.ftr{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}}
@media (min-width:1024px){.ftr{padding-bottom:110px!important}}

/* cart line: the name never runs under the remove button */
@media (max-width:767px){.ehv2 table.cart td.product-name{padding-left:48px!important;overflow-wrap:anywhere}}

/* =================== v15: brand language taken from the logo (owner 28/9: "more brand, one unique language, sophisticated in the small things")
   The logo = ONE continuous neon tube (rounded caps) drawing a location pin, OPEN at the top where the cable enters,
   holding a PLUG whose head is an ARCH, standing on TWO PRONGS. Two turquoises: aqua #45c2cf + deep #1b8fc4.
   Idea: "הבית של מוצרי החשמל" -> every product gets its own home: an arched niche.
   Signatures, used consistently and nowhere else:  arch niche · open ring · two prongs · neon line/glow · Rubik (rounded like the tube) =================== */
:root{
  --f:"Rubik","Heebo",-apple-system,"Segoe UI",Arial,sans-serif;
  --aqua:#45c2cf; --aqua-2:#1b8fc4;
  --neon:linear-gradient(90deg,#45c2cf 0%,#1b8fc4 100%);
  --glow:0 0 0 4px rgba(69,194,207,.22);
  --arch:50% 50% var(--r-s) var(--r-s) / 30% 30% var(--r-s) var(--r-s);
}
body.ehv2,.ehv2 button,.ehv2 input,.ehv2 select,.ehv2 textarea{font-family:var(--f)}
.ehv2 h1,.ehv2 h2,.ehv2 h3{font-weight:700;letter-spacing:-.025em}
.ehv2 .price b,.ehv2 .sc-p b,.ehv2 .pdp-price b,.ehv2 .amount{font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* ---------- 1. the arched niche: every product stands in its own "home", lit from below like the neon tube ---------- */
.card .card-media,.sc-img,.g-main{border-radius:var(--arch)!important;
  background:radial-gradient(70% 26% at 50% 96%,rgba(69,194,207,.22),rgba(69,194,207,0) 72%),var(--stage)!important}
.sc-dark .sc-img{background:radial-gradient(70% 26% at 50% 96%,rgba(69,194,207,.30),rgba(69,194,207,0) 72%),#fff!important}
.card .card-media img,.sc-img img,.g-main img{mix-blend-mode:multiply}

/* ---------- 2. the open ring: every icon chip is a white disc inside the logo's pin line, open at the top ---------- */
.usp-ic,.assure-ic,.act-ic{position:relative;border-radius:50%!important;background:#fff!important;color:var(--brand-d)!important}
.usp-ic::before,.assure-ic::before,.act-ic::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0deg 22deg,#45c2cf 22deg,#1b8fc4 180deg,#45c2cf 338deg,transparent 338deg 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.act-wa{color:#14995a!important}
.usp-g .usp-ic{color:var(--star)!important}
@media (max-width:1023px){.act-cart .act-ic{border:0!important;background:#fff!important}}
.act-cart .act-ic{background:#fff!important}
@media (min-width:1024px){.act-cart .act-ic::before{background:conic-gradient(from 0deg,transparent 0deg 22deg,#fff 22deg 338deg,transparent 338deg);opacity:.55}}

/* ---------- 3. two prongs: the list marker and the kicker mark ---------- */
.story-k,.sc-k{display:inline-flex;align-items:center;gap:8px}
.story-k::before,.sc-k::before{content:"";width:7px;height:10px;border-inline:2px solid var(--aqua);border-radius:1px;flex:none}
.post-body ul,.prose ul,.pdp-desc ul{list-style:none;padding-inline-start:0}
.post-body ul>li,.prose ul>li,.pdp-desc ul>li{position:relative;padding-inline-start:22px}
.post-body ul>li::before,.prose ul>li::before,.pdp-desc ul>li::before{content:"";position:absolute;inset-inline-start:4px;top:.62em;width:6px;height:9px;border-inline:2px solid var(--aqua);border-radius:1px}

/* ---------- 4. the neon line: one hairline under the header, the current nav item, the slider progress ---------- */
.hdr{border-bottom:0!important}
.hdr::after{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background:var(--neon);opacity:.55;pointer-events:none}
.hx-dot.is-on i::after{background:var(--neon)!important}
.catbar .mega-item.is-current .mega-top::after,.tab-ink{background:var(--neon)!important}

/* ---------- 5. neon focus + form details (the small things) ---------- */
.ehv2 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--aqua-2)!important;outline-offset:3px;box-shadow:var(--glow)}
.ehv2 :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--aqua-2)!important;box-shadow:var(--glow)!important;outline:0}
.ehv2 input,.ehv2 textarea{caret-color:var(--aqua-2)}
.ehv2 input[type=checkbox],.ehv2 input[type=radio]{accent-color:var(--brand-d)}
.ehv2 ::selection{background:rgba(69,194,207,.28)}
html{scrollbar-color:#b8dde7 transparent}

/* ---------- 6. the primary button is a lit tube: a 1px inner highlight + a soft turquoise cast, both static ---------- */
.ehv2 .btn-go,.ehv2 .woocommerce a.button.alt,.ehv2 #place_order,.ehv2 .checkout-button,.ehv2 .sc-add:not(.sc-dark .sc-add),.ehv2 .add{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px rgba(12,117,147,.6)!important}

/* badges move off the arch's shoulder to the base of the niche, like a plaque */
.card .tags{top:auto;bottom:10px;right:10px}
.g-main .tag{top:auto;bottom:14px}

/* the same open ring on bare SVG icons (PDP facts, shipping tab, cart assurances) - no extra markup:
   white padding-box + conic border-box, the gap at the top */
.pdp-facts li>svg.ic,.ship-grid li>svg.ic{box-sizing:content-box;padding:9px;border-radius:50%;color:var(--brand-d);flex:none;
  border:1.6px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 0deg,transparent 0deg 22deg,#45c2cf 22deg,#1b8fc4 180deg,#45c2cf 338deg,transparent 338deg 360deg) border-box}

/* =================== v16: full-screen mobile menu, burger morph, the ring as a system =================== */
:root{--ez:cubic-bezier(.22,1,.36,1);--ring-conic:conic-gradient(from 0deg,transparent 0deg 22deg,#45c2cf 22deg,#1b8fc4 180deg,#45c2cf 338deg,transparent 338deg 360deg);--ring-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}

/* ---------- burger that becomes an X, with the ring drawing itself around it ---------- */
.hdr .burger{border-radius:50%!important}
.burger .bg{position:relative;display:block;width:22px;height:16px}
.burger .bg i{position:absolute;right:0;left:0;height:2px;border-radius:2px;background:currentColor;transition:transform .28s var(--ez),opacity .16s linear}
.burger .bg i:nth-child(1){top:0}
.burger .bg i:nth-child(2){top:7px;left:6px}
.burger .bg i:nth-child(3){top:14px}
.burger[aria-expanded=true] .bg i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] .bg i:nth-child(2){opacity:0;transform:scaleX(.2)}
.burger[aria-expanded=true] .bg i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.burger::before{content:"";position:absolute;inset:3px;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transform:rotate(-140deg) scale(.6);transition:opacity .18s linear,transform .34s var(--ez);pointer-events:none}
.burger[aria-expanded=true]::before{opacity:1;transform:none}
.burger[aria-expanded=true]{color:var(--brand-d)}

/* ---------- the stage: full screen under the live header (logo + search stay on top) ---------- */
html .menu{position:fixed;inset:var(--menu-top,116px) 0 0 0;z-index:58!important;background:#fff;overflow:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .3s var(--ez),opacity .16s linear}
html .menu.is-open{opacity:1;clip-path:inset(0 0 0 0)}
html .menu:not(.is-open){transition-duration:.2s,.14s}
html .menu[hidden]{display:none}
html.menu-open .hdr{z-index:60!important}
html.menu-open :is(.sm-sa-launch,.sm-sa-root,.ehv2-pop){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.menu .menu-in{position:absolute;inset:0;width:auto;animation:none;background:none;overflow:hidden;display:block}
.mn-stage{position:absolute;inset:0;overflow:hidden}
.mn-panel{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px var(--gut) calc(96px + env(safe-area-inset-bottom));background:#fff;scrollbar-width:none;transition:transform .3s var(--ez),opacity .2s linear}
.mn-panel::-webkit-scrollbar{display:none}
.mn-l2{transform:translateX(-100%);opacity:0}
.mn-l2.is-on{transform:none;opacity:1}
.menu.is-l2 .mn-l1{transform:translateX(24%);opacity:0;pointer-events:none}

/* ---------- quick chips ---------- */
.mn-quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--gut));padding:2px var(--gut) 4px}
.mn-quick::-webkit-scrollbar{display:none}
.mn-chip{flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;background:var(--tint);color:var(--brand-dd)!important;font-weight:700;font-size:14.5px;white-space:nowrap}
.mn-chip .ic{width:17px;height:17px}
.mn-chip-sale{background:#c62419!important;color:#fff!important}
.mn-t{margin:18px 2px 4px;font-size:13px;font-weight:700;color:var(--mut)}

/* ---------- rows: arched niche + name + count ---------- */
.mn-list{list-style:none;margin:0;padding:0}
.mn-list>li+li{border-top:1px solid var(--line)}
.mn-row{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:8px 2px;border:0!important;background:none!important;font:inherit;color:var(--ink);text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mn-niche{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--arch);background:radial-gradient(70% 26% at 50% 96%,rgba(69,194,207,.28),rgba(69,194,207,0) 72%),var(--stage);overflow:hidden;transition:transform .2s var(--ez)}
.mn-niche img{width:46px;height:46px;object-fit:contain;mix-blend-mode:multiply}
.mn-niche .ic{width:24px;height:24px;color:var(--brand-d)}
.mn-tx{flex:1;min-width:0;display:grid;gap:2px}
.mn-tx b{font-size:16.5px;font-weight:700;line-height:1.25}
.mn-tx small{font-size:13px;color:var(--mut)}
.mn-row>.ic{flex:none;width:18px;height:18px;color:var(--mut);transition:transform .2s var(--ez),color .2s linear}
.mn-row:active .mn-niche{transform:scale(.94)}
.mn-row:active>.ic{transform:translateX(-4px);color:var(--brand-d)}
@media (hover:hover){.mn-row:hover>.ic{transform:translateX(-4px);color:var(--brand-d)}.mn-row:hover .mn-tx b{color:var(--brand-d)}}

/* ---------- level 2 head ---------- */
.mn-back{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 16px;border-radius:999px;border:0!important;background:var(--tint)!important;color:var(--brand-dd);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.mn-back .ic{width:16px;height:16px;transform:scaleX(-1)}
.mn-h{margin:16px 2px 4px;font-size:clamp(24px,7vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.01em}
.mn-all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 6px;min-height:52px;padding:0 20px;border-radius:999px;background:var(--brand-d);color:#fff!important;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px rgba(12,117,147,.6)}
.mn-all small,.mn-all .ic{color:#fff!important;font-weight:500}

/* ---------- help links wear the ring ---------- */
.mn-help{display:grid;gap:2px;margin-top:22px;padding:12px 14px;border-radius:var(--r);background:var(--canvas)}
.mn-help-a{display:flex;align-items:center;gap:12px;min-height:58px;padding:4px 2px;color:var(--ink)}
.mn-help-a span{display:grid;gap:1px;font-weight:700;font-size:15px}
.mn-help-a small{font-weight:400;font-size:13px;color:var(--mut)}
.mn-ring{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--brand-d)}
.mn-ring::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.mn-ring .ic{width:20px;height:20px}
.mn-ring-wa{color:#128c4b}

/* ---------- entrance: fast stagger, transform + opacity only ---------- */
.menu.is-open .mn-l1>*,.menu.is-open .mn-l1 .mn-list>li{animation:mnIn .32s var(--ez) both}
.menu.is-open .mn-l1 .mn-list>li:nth-child(1){animation-delay:.03s}
.menu.is-open .mn-l1 .mn-list>li:nth-child(2){animation-delay:.05s}
.menu.is-open .mn-l1 .mn-list>li:nth-child(3){animation-delay:.07s}
.menu.is-open .mn-l1 .mn-list>li:nth-child(4){animation-delay:.09s}
.menu.is-open .mn-l1 .mn-list>li:nth-child(5){animation-delay:.11s}
.menu.is-open .mn-l1 .mn-list>li:nth-child(n+6){animation-delay:.13s}
.menu.is-open .mn-l1>.mn-help{animation-delay:.16s}
.mn-l2.is-on .mn-list>li{animation:mnIn .26s var(--ez) both}
.mn-l2.is-on .mn-list>li:nth-child(2){animation-delay:.03s}
.mn-l2.is-on .mn-list>li:nth-child(3){animation-delay:.05s}
.mn-l2.is-on .mn-list>li:nth-child(n+4){animation-delay:.07s}
@keyframes mnIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- the ring, carried into the controls (never onto text) ---------- */
.hx-arrow,.hx-pause,.g-nav{position:relative;background:#fff!important;color:var(--brand-d)!important;border:0!important;box-shadow:0 6px 16px -10px rgba(16,32,42,.35)!important}
.hx-arrow::after,.hx-pause::after,.g-nav::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;transition:transform .4s var(--ez)}
@media (hover:hover){.hx-arrow:hover::after,.hx-pause:hover::after,.g-nav:hover::after{transform:rotate(90deg)}}
/* mbar: the current tab wears the ring */
.mbar a[aria-current=page] .ic,html.menu-open .mbar a[data-menu] .ic{box-sizing:content-box;padding:4px;margin:-4px;border-radius:50%;border:1.6px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--ring-conic) border-box;color:var(--brand-d)}
/* add-to-cart busy: the ring spins in place of a generic spinner */
.is-busy{position:relative;pointer-events:none}
.is-busy::after{content:"";position:absolute;top:50%;left:14px;width:18px;height:18px;margin-top:-9px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0deg 70deg,currentColor 360deg);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ringSpin .7s linear infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}

/* ---------- mobile touch feedback: instant, short ---------- */
@media (max-width:1023px){
  .ehv2 a,.ehv2 button{-webkit-tap-highlight-color:transparent}
  .ehv2 :is(.btn,.icon-btn,.sc-add,.mn-chip,.mbar a):active{transform:scale(.97);transition:transform .08s linear}
}

@media (prefers-reduced-motion:reduce){
  html .menu,.mn-panel,.burger .bg i,.burger::before,.mn-row>.ic,.mn-niche{transition:none!important}
  .menu.is-open .mn-l1>*,.menu.is-open .mn-l1 .mn-list>li,.mn-l2.is-on .mn-list>li{animation:none!important}
  .is-busy::after{animation-duration:2s}
}

/* =================== v17: the gradient carries information, not decoration =================== */

/* ---------- product page: floating buttons climb above the sticky buy bar instead of covering it ---------- */
@media (max-width:1023px){
  .userway_buttons_wrapper,html body button.sm-sa-launch{transition:transform .28s var(--ez)!important}
  html.buy-on .userway_buttons_wrapper,html.buy-on body button.sm-sa-launch{transform:translateY(calc(-1 * var(--buy-h,72px)))!important}
}

/* ---------- search: the field wears the neon line while you type ---------- */
.hsearch:focus-within{border-color:transparent!important;background:linear-gradient(#fff,#fff) padding-box,var(--neon) border-box!important}

/* ---------- product tabs: soft edge where more tabs hide ---------- */
@media (max-width:767px){
  .tab-list.is-more{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 36px);mask-image:linear-gradient(to left,transparent 0,#000 36px)}
}

/* ---------- horizontal rails: a neon thumb shows where you are and that there is more ---------- */
.rail-prog{position:relative;width:96px;height:3px;margin:14px auto 0;border-radius:3px;background:var(--line);overflow:hidden}
.rail-prog i{position:absolute;top:0;right:0;height:100%;width:var(--rw,40%);border-radius:3px;background:var(--neon);transform:translateX(calc(-1 * var(--rx,0px)));will-change:transform}
.sec-night .rail-prog,.sc-dark .rail-prog{background:rgba(255,255,255,.18)}
@media (min-width:1024px){.rail-prog{display:none}}

/* ---------- articles: the header hairline becomes the reading progress ---------- */
.is-reading .hdr::after{opacity:1!important;transform-origin:right center;transform:scaleX(var(--rp,0));height:2px}

/* ---------- added to cart: the ring on the cart icon makes one turn ---------- */
.act-cart .act-ic.ring-go::before{animation:ringTurn .7s var(--ez)}
@keyframes ringTurn{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ---------- free-shipping bar in the brand line, with a lit tip ---------- */
.ship-track{height:6px!important;background:var(--tint)!important}
.ship-track i{background:var(--neon)!important;box-shadow:0 0 10px rgba(69,194,207,.55)}

/* ---------- recent-order note: a neon line shows how long it stays ---------- */
.sp{overflow:hidden}
.sp::after{content:"";position:absolute;right:0;left:0;bottom:0;height:2px;background:var(--neon);transform-origin:right center;transform:scaleX(0)}
.sp.is-on::after{animation:spTime 6.5s linear both}
@keyframes spTime{from{transform:scaleX(1)}to{transform:scaleX(0)}}

@media (prefers-reduced-motion:reduce){
  .act-cart .act-ic.ring-go::before,.sp.is-on::after{animation:none}
  .userway_buttons_wrapper,html body button.sm-sa-launch{transition:none!important}
}

/* ---------- fix: the scroll lock (overflow:hidden) kills position:sticky, so the header scrolled away under an open menu/search.
   While locked on a phone, pin the header exactly where it stood when the lock began. ---------- */
@media (max-width:1023px){
  html.ehv2-lock .hdr{position:fixed!important;top:var(--hdr-top,0px)!important;right:0;left:0}
}

/* =================== v18: conversion + simplicity pass =================== */
/* two CTAs side by side on phones: one row, equal weight, never wrapping */
@media (max-width:767px){
  .edband-cta{flex-wrap:nowrap;gap:8px}
  .edband-cta .btn{flex:1 1 0;min-width:0;padding-inline:10px;font-size:15px;white-space:nowrap;gap:6px}
  .edband-cta .btn .ic{flex:none;width:17px;height:17px}
}
@media (max-width:359px){.edband-cta .btn{font-size:13.5px;padding-inline:8px}}

/* ---------- brand logos: a slow, seamless loop (pausable, still when reduced motion is asked for) ---------- */
.brands-in.is-marquee{position:relative;display:block;overflow:hidden;padding-top:22px;padding-bottom:22px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
.brands-track{display:flex;align-items:center;width:max-content;animation:brandsRun 38s linear infinite}
.brands-track a{flex:none;margin-inline:22px}
@media (min-width:1024px){.brands-track a{margin-inline:34px}}
@keyframes brandsRun{from{transform:translateX(0)}to{transform:translateX(50%)}}
.brands-in.is-paused .brands-track,.brands-in.is-off .brands-track{animation-play-state:paused}
@media (hover:hover){.brands-in.is-marquee:hover .brands-track{animation-play-state:paused}}
.brands-in.is-marquee:focus-within .brands-track{animation-play-state:paused}
.brands-pause{position:absolute;left:10px;bottom:6px;z-index:2;width:28px;height:28px;border-radius:50%;border:0;background:#fff;color:var(--brand-d);display:grid;place-items:center;cursor:pointer;opacity:.85}
.brands-pause::before{content:"";position:absolute;inset:-8px}
.brands-pause::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.4px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.brands-pause .i-play,.brands-pause[aria-pressed=true] .i-pause{display:none}
.brands-pause[aria-pressed=true] .i-play{display:block}
.brands-in.is-marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
@media (prefers-reduced-motion:reduce){
  .brands-track{animation:none}
  .brands-in.is-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .brands-track a[aria-hidden=true],.brands-pause{display:none}
}

/* ---------- product rails on phones: exactly two cards, equal gutters on both sides, snap lands clean ---------- */
@media (max-width:767px){
  .rail{grid-auto-columns:calc((100% - 12px) / 2)!important;gap:12px!important;scroll-padding-inline:var(--gut)!important}
  .rail>*{scroll-snap-align:start;scroll-snap-stop:normal;min-width:0}
}

/* ---------- hero on phones: the whole slide always fits between the header and the bottom bar ---------- */
@media (max-width:767px){
  .hx .hx-slide>.hx-photo:not(.hx-slide){height:var(--hx-ph,230px)!important}
  .hx.hx-tight .hx-t{font-size:clamp(24px,7.4vw,30px)!important;line-height:1.12!important;margin-bottom:6px!important}
  .hx.hx-tight .hx-s{font-size:14px!important;margin-bottom:6px!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .hx.hx-tight .hx-in{padding-top:10px!important}
  .hx.hx-tight .hx-price{margin-bottom:10px!important}
}

/* ---------- product images: centred by measured content, transparent cut-outs never multiplied ---------- */
:is(.card-media,.sc-img,.hx-pc-img,.mn-niche,.dr-item) img.is-alpha{mix-blend-mode:normal!important}
:is(.card-media,.sc-img,.hx-pc-img,.mn-niche,.dr-item) img.is-norm{translate:var(--ix,0) var(--iy,0);scale:var(--is,1)}

/* ---------- chat launcher speaks the icon language: white circle, brand glyph, the open conic ring, smaller ---------- */
html body button.sm-sa-launch{width:48px!important;height:48px!important;min-width:0!important;padding:0!important;border-radius:50%!important;background:#fff!important;color:var(--brand-d)!important;border:0!important;box-shadow:0 10px 24px -12px rgba(16,32,42,.5)!important;animation:none!important}
html body button.sm-sa-launch svg{width:22px!important;height:22px!important;color:var(--brand-d)!important}
html body button.sm-sa-launch svg :is(path,circle,rect){fill:currentColor!important}
html body button.sm-sa-launch::before{display:none!important}
html body button.sm-sa-launch::after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;padding:1.6px!important;background:var(--ring-conic)!important;-webkit-mask:var(--ring-mask)!important;-webkit-mask-composite:xor!important;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)!important;pointer-events:none!important;animation:none!important;opacity:1!important;transform:none!important;transition:transform .4s var(--ez)!important}
@media (hover:hover){html body button.sm-sa-launch:hover::after{transform:rotate(90deg)!important}}

/* ---------- product niche: even rounded corners, near-white base so white products never vanish, aqua glow kept ---------- */
.card .card-media,.sc-img,.g-main,.hx-pc-img{border-radius:var(--r)!important;background:radial-gradient(72% 28% at 50% 97%,rgba(69,194,207,.26),rgba(69,194,207,0) 72%),linear-gradient(180deg,#f7fafb 0%,#fff 62%)!important;box-shadow:inset 0 0 0 1px rgba(16,32,42,.05)}
.mn-niche{border-radius:14px!important;background:radial-gradient(72% 30% at 50% 97%,rgba(69,194,207,.3),rgba(69,194,207,0) 72%),linear-gradient(180deg,#f5f9fa 0%,#fff 62%)!important;box-shadow:inset 0 0 0 1px rgba(16,32,42,.05)}
.sc-dark .sc-img{box-shadow:none}

/* chat glyph: the plugin paints the path white; win on the path itself */
html body button.sm-sa-launch.sm-sa-launch svg path,html body button.sm-sa-launch.sm-sa-launch svg{fill:#0c7593!important;color:#0c7593!important}

/* ---------- header balance: the burger wears the same ring as the cart, so the centred logo reads centred ---------- */
@media (max-width:1023px){
  .hdr .burger::before{inset:0;opacity:1;transform:none;transition:transform .45s var(--ez)}
  .hdr .burger[aria-expanded=true]::before{transform:rotate(180deg)}
  .hdr .burger .bg{width:20px;height:14px}
  .hdr .burger .bg i:nth-child(2){top:6px}
  .hdr .burger .bg i:nth-child(3){top:12px}
  .hdr .burger[aria-expanded=true] .bg i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .hdr .burger[aria-expanded=true] .bg i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hdr .burger{color:var(--brand-d)}
}

/* ---------- suggestion toast ---------- */
.sp .sp-a{flex:1;min-width:0}
.sp .sp-who{color:var(--brand-dd)}
.sp .sp-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp .sp-when{display:block;margin-top:2px;font-size:13.5px;color:var(--ink)}
.sp .sp-when s{color:var(--mut);font-weight:400;margin-inline-end:6px}
.sp .sp-when b{font-weight:800}
.sp .sp-add{flex:none;width:40px;height:40px;margin-inline-start:4px;border-radius:50%;border:0;background:var(--brand-d);color:#fff;display:grid;place-items:center;cursor:pointer}
.sp .sp-add .ic{width:18px;height:18px}
.sp .sp-img{border-radius:12px;background:#fff;object-fit:contain}
.sp.is-on::after{animation-duration:9s}
.sp.is-hold::after{animation-play-state:paused}

/* ---------- sticky buy bar on phones: the floats now climb above it, so the name gets the room (two lines, never cut mid-word) ---------- */
@media (max-width:1023px){
  .sticky-buy .sticky-in{padding-inline:var(--gut)!important;gap:14px!important;align-items:center}
  .sticky-buy .sticky-t{flex:1 1 auto;min-width:0}
  .sticky-buy .sticky-t b{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;text-overflow:clip!important;font-size:14px;line-height:1.3;font-weight:700}
  .sticky-buy .sticky-t span{font-size:17px;font-weight:800;margin-top:2px}
  .sticky-buy .btn{padding:0 20px!important;min-height:48px!important}
}

/* ---------- category banner: the best seller stands in the niche beside the title, so every category says what it sells ---------- */
.cat-hero.has-prod{position:relative}
.cat-hero-prod{position:absolute;z-index:2;left:var(--gut);bottom:18px;width:112px;height:112px;display:grid;place-items:center;border-radius:var(--r);background:radial-gradient(72% 28% at 50% 97%,rgba(69,194,207,.3),rgba(69,194,207,0) 72%),#fff;box-shadow:0 14px 30px -16px rgba(7,28,36,.55)}
.cat-hero-prod img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.cat-hero.has-prod .cat-hero-in{padding-left:calc(112px + var(--gut) + 14px)}
@media (min-width:768px){
  .cat-hero-prod{width:200px;height:200px;bottom:50%;transform:translateY(50%);left:max(var(--gut),calc((100vw - 1360px)/2 + var(--gut)))}
  .cat-hero.has-prod .cat-hero-in{padding-left:calc(200px + var(--gut) + 32px)}
}

/* ---------- promo ticker: the outgoing line leaves before the next arrives, never two lines on top of each other ---------- */
.promo-msg{transform:none!important;transition:opacity .18s linear!important}
.promo-msg.is-on{transition:opacity .3s linear .2s!important}

/* ---------- chat panel in the site language ---------- */
html body .sm-sa-panel{font-family:var(--f)!important;border-radius:var(--r-l) var(--r-l) 0 0!important;box-shadow:0 -18px 50px -20px rgba(7,28,36,.45)!important;overflow:hidden!important}
@media (min-width:768px){html body .sm-sa-panel{border-radius:var(--r-l)!important}}
html body .sm-sa-panel .sm-sa-hd{position:relative;background:#fff!important;color:var(--ink)!important;padding:16px 18px!important}
html body .sm-sa-panel .sm-sa-hd::after{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background:var(--neon);opacity:.6}
html body .sm-sa-panel .sm-sa-hd strong{color:var(--ink)!important;font-weight:800!important;font-size:17px!important}
html body .sm-sa-panel .sm-sa-hd small{color:var(--mut)!important;font-size:13px!important}
html body .sm-sa-panel .sm-sa-dot{background:#1f9d57!important;box-shadow:0 0 0 3px rgba(31,157,87,.18)!important}
html body .sm-sa-panel .sm-sa-x{position:relative;width:40px!important;height:40px!important;color:var(--brand-d)!important;background:#fff!important}
html body .sm-sa-panel .sm-sa-x::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
html body .sm-sa-panel .sm-sa-msgs{background:var(--canvas)!important}
html body .sm-sa-panel .sm-sa-b{border:0!important;font-size:15.5px!important;line-height:1.55!important;box-shadow:0 6px 16px -12px rgba(7,28,36,.35)}
html body .sm-sa-panel .sm-sa-b.sm-sa-bot{background:#fff!important;color:var(--ink)!important;border-radius:20px 6px 20px 20px!important}
html body .sm-sa-panel .sm-sa-b:not(.sm-sa-bot){background:var(--brand-d)!important;color:#fff!important;border-radius:6px 20px 20px 20px!important}
html body .sm-sa-panel .sm-sa-chip{background:#fff!important;color:var(--brand-dd)!important;border:1.5px solid var(--ring)!important;font-weight:700!important;min-height:44px}
html body .sm-sa-panel .sm-sa-chip:first-child{background:var(--brand-d)!important;color:#fff!important;border-color:var(--brand-d)!important}
@media (hover:hover){html body .sm-sa-panel .sm-sa-chip:not(:first-child):hover{background:var(--tint)!important}}
html body .sm-sa-panel .sm-sa-input{background:#fff!important;border-top:0!important;box-shadow:0 -1px 0 var(--line)}
html body .sm-sa-panel .sm-sa-input input{background:var(--canvas)!important;border:1.5px solid transparent!important;border-radius:999px!important;font-family:var(--f)!important;font-size:16px!important}
html body .sm-sa-panel .sm-sa-input input:focus{background:linear-gradient(#fff,#fff) padding-box,var(--neon) border-box!important;outline:none!important}
html body .sm-sa-panel .sm-sa-input button{background:var(--brand-d)!important;background-image:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px rgba(12,117,147,.6)!important}

/* ---------- brand strip: slim, in proportion to 30px logos ---------- */
.is-home .brands{padding-top:0!important;padding-bottom:0!important}
.brands-in.is-marquee{padding-top:18px!important;padding-bottom:18px!important}
.brands-track img{height:28px}
.brands-pause{top:50%;bottom:auto;left:8px;transform:translateY(-50%);width:26px;height:26px}
@media (min-width:1024px){.brands-in.is-marquee{padding-top:24px!important;padding-bottom:24px!important}.brands-track img{height:32px}}
@media (max-width:767px){.hx.hx-nophoto .hx-slide>.hx-photo:not(.hx-slide){display:none!important}.hx.hx-nophoto .hx-in{padding-top:18px!important}}
html body .sm-sa-panel .sm-sa-x{font-size:26px!important;line-height:1!important;font-weight:400!important;display:grid!important;place-items:center!important;padding:0 0 3px!important}
html body .sm-sa-panel .sm-sa-x::before{display:none!important}

/* =================== v19: price offer =================== */
.pdp-offer{margin-top:12px}
.pdp-offer-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 16px;border:1.5px dashed var(--ring);border-radius:var(--r-s);background:var(--tint);color:var(--ink);font:inherit;font-size:15px;text-align:right;cursor:pointer;transition:border-color .2s,background-color .2s}
.pdp-offer-btn .ic{flex:none;color:var(--brand-d)}
.pdp-offer-btn b{color:var(--brand-dd);text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){.pdp-offer-btn:hover{border-color:var(--brand-d)}}
.offer-dlg{width:min(480px,100vw);max-width:100vw;max-height:92vh;margin:auto auto 0;padding:0;border:0;border-radius:var(--r-l) var(--r-l) 0 0;background:#fff;color:var(--ink);box-shadow:0 -20px 60px -20px rgba(7,28,36,.5);overflow:auto}
@media (min-width:768px){.offer-dlg{margin:auto;border-radius:var(--r-l)}}
.offer-dlg::backdrop{background:rgba(7,28,36,.5)}
.offer-dlg[open]{animation:offerIn .3s var(--ez)}
@keyframes offerIn{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.offer-form{position:relative;display:grid;gap:12px;padding:26px 20px calc(22px + env(safe-area-inset-bottom))}
.offer-form::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--neon)}
.offer-x{position:absolute;top:14px;left:14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--brand-d);display:grid;place-items:center;cursor:pointer}
.offer-x::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.offer-k{margin:0;color:var(--brand-dd);font-weight:700;font-size:13.5px}
.offer-form h2{margin:0;font-size:24px;line-height:1.2;padding-left:48px}
.offer-sub{margin:0;color:var(--mut);font-size:15px;line-height:1.55}
.offer-sub b{color:var(--ink)}
.offer-price-row{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--r-s);background:var(--canvas);font-size:14px;color:var(--mut)}
.offer-price-row b{color:var(--ink);font-weight:800}
.offer-form .fld{display:grid;gap:6px;font-weight:700;font-size:14.5px}
.offer-form .fld input{height:50px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:var(--r-s);font:inherit;font-size:16px;background:#fff}
.offer-form .fld input:focus{outline:none;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--neon) border-box}
.offer-form input[name=price]{font-size:22px!important;font-weight:800;direction:ltr;text-align:right}
.offer-form .chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--mut);line-height:1.5}
.offer-form .chk input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:var(--brand-d)}
.offer-form .chk a{color:var(--brand-dd);text-decoration:underline}
.offer-form .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.offer-err{margin:0;padding:10px 12px;border-radius:var(--r-s);background:#fdecea;color:#a3211a;font-weight:700;font-size:14px}
.offer-err[hidden]{display:none}
.offer-go{width:100%}
.offer-ok{display:grid;justify-items:center;gap:6px;padding:10px 0 4px;text-align:center}
.offer-ok[hidden],.offer-form [hidden]{display:none!important}
.offer-ok .ic{color:#1f9d57}
.offer-ok h3{margin:0;font-size:20px}
.offer-ok p{margin:0;color:var(--mut)}
.offer-ok a{color:var(--brand-dd);font-weight:700}

/* ---------- a11y + copy pass ---------- */
.card .card-name a,.card-name{-webkit-line-clamp:3!important}
.crumbs a,.bc a,nav[aria-label*="פירורי"] a{display:inline-block;padding-block:10px}
.sc-more{display:inline-flex!important;align-items:center;min-height:44px}
.post-body .ehome-card-price,.prose .ehome-card-price{color:var(--brand-d)!important}
.post-body .ehome-card-btn,.prose .ehome-card-btn{background:var(--brand-d)!important;border-color:var(--brand-d)!important;color:#fff!important}
.post-body table[tabindex]:focus-visible{outline:3px solid var(--brand-d);outline-offset:2px}

/* ---------- wishlist ---------- */
.card{position:relative}
.wl-btn{position:absolute;z-index:3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--brand-d);cursor:pointer;box-shadow:0 6px 14px -10px rgba(7,28,36,.5);transition:transform .2s var(--ez)}
.wl-btn::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.4px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.wl-btn[aria-pressed=true]{--wl-fill:currentColor;color:#e0404b}
.wl-btn.pop svg{animation:wlPop .45s var(--ez)}
@keyframes wlPop{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}
.wl-card{top:8px;left:8px;width:36px;height:36px}
.wl-card svg{width:18px;height:18px}
.pdp-title+.wl-pdp{position:static;float:left;margin:4px 0 0 0}
.act-wl{background:none;border:0;font:inherit;cursor:pointer;color:inherit;text-align:right}
.wl-dlg{width:min(980px,100vw);max-width:100vw;height:min(88vh,900px);max-height:100vh;margin:auto auto 0;padding:0;border:0;border-radius:var(--r-l) var(--r-l) 0 0;background:var(--canvas);box-shadow:0 -20px 60px -20px rgba(7,28,36,.5)}
@media (min-width:768px){.wl-dlg{margin:auto;border-radius:var(--r-l)}}
.wl-dlg::backdrop{background:rgba(7,28,36,.5)}
.wl-dlg[open]{animation:offerIn .3s var(--ez)}
.wl-in{display:flex;flex-direction:column;height:100%}
.wl-hd{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#fff}
.wl-hd::after{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background:var(--neon);opacity:.6}
.wl-hd h2{margin:0;font-size:22px}
.wl-hd .offer-x{position:relative;top:auto;left:auto}
.wl-body{flex:1;overflow:auto;padding:16px var(--gut) calc(24px + env(safe-area-inset-bottom))}
.wl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:768px){.wl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wl-empty{padding:40px 24px;text-align:center;color:var(--mut)}
.wl-empty p:first-child{font-weight:800;color:var(--ink);font-size:18px}
.wl-load{padding:30px;text-align:center;color:var(--mut)}
.mn-chip-wl{border:0;font:inherit;font-weight:700;cursor:pointer}
@media (prefers-reduced-motion:reduce){.wl-btn.pop svg,.wl-dlg[open]{animation:none}}
.pdp-offer{order:6}
.wl-pdp{order:1;align-self:flex-end;margin-bottom:-38px!important;float:none!important;position:relative!important}

/* ---------- chat launcher never sits on content that matters ---------- */
@media (max-width:1023px){
  html body button.sm-sa-launch{transition:transform .28s var(--ez),translate .28s var(--ez),opacity .2s linear!important}
  html.fl-hide body button.sm-sa-launch{translate:0 90px;opacity:0!important;pointer-events:none!important}
  body.woocommerce-cart button.sm-sa-launch,body.woocommerce-checkout button.sm-sa-launch{display:none!important}
}

/* =================== v20: footer = last chance to convert =================== */
.ftr{padding-top:0!important}
.ftr-help{position:relative;display:grid;gap:18px;padding-block:30px;border-bottom:1px solid rgba(255,255,255,.1)}
.ftr-help-k{margin:0 0 4px;color:var(--tq);font-weight:800;font-size:13.5px;letter-spacing:.02em}
.ftr-help h2{margin:0 0 6px;color:#fff;font-size:24px;line-height:1.25}
.ftr-help-t p:last-child{margin:0;color:#b9cad5;font-size:15px;line-height:1.55;max-width:34em}
.ftr-help-a{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ftr-help-a .btn{justify-content:center;min-height:52px;padding-inline:12px;white-space:nowrap}
.ehv2 .ftr .ftr-help-a .btn-go{background:#fff!important;color:var(--brand-dd)!important;border-color:#fff!important;box-shadow:0 10px 24px -14px rgba(69,194,207,.9)!important}
.ftr .btn-ghost-l{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.35)}
@media (hover:hover){.ehv2 .ftr .ftr-help-a .btn-go:hover{background:var(--tint)!important}.ftr .btn-ghost-l:hover{border-color:#fff;background:rgba(255,255,255,.06)!important}}
.ftr-in{padding-top:32px}
.ftr-h{display:block;margin-bottom:14px;color:#fff;font-size:15px;font-weight:800}
.ftr-rate{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:#dbe6ec!important;font-size:13.5px}
.ftr-rate b{color:#fff;font-size:16px}
.ftr-rate .stars{display:inline-flex;color:#f5b400}
.ftr-contact{display:grid;gap:12px;align-content:start}
.ftr-contact>a,.ftr-hours{display:flex!important;align-items:center;gap:12px;margin:0;color:#fff!important;font-size:15px;line-height:1.3}
.ftr-contact small{display:block;color:#9fb3bf;font-size:12.5px;font-weight:600}
.ftr-ring{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);color:var(--tq)}
.ftr-ring::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1.5px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.ftr-ring-wa{color:#3fd07f}
.ftr-ring .ic{color:inherit!important}
@media (hover:hover){.ftr-contact>a:hover .ftr-ring{background:rgba(69,194,207,.16)}}
.ftr-col ul{gap:4px!important}
.ftr-col a{display:inline-block;padding-block:7px;color:#c9d7e0!important}
.ftr-bot{align-items:center}
.ftr-secure{display:inline-flex;align-items:center;gap:6px}
@media (max-width:1023px){
  .ftr-in{grid-template-columns:1fr 1fr!important;gap:26px 16px!important}
  .ftr-brand,.ftr-contact{grid-column:1/-1}
  .ftr-brand p{margin:12px 0}
  .ftr-bot{justify-content:center;text-align:center}
  .ftr-bot span{white-space:normal}
}
@media (max-width:359px){.ftr-help-a{grid-template-columns:1fr}}
@media (min-width:1024px){
  .ftr-help{grid-template-columns:1fr auto;align-items:center;gap:40px;padding-block:40px}
  .ftr-help h2{font-size:28px}
  .ftr-help-a{grid-template-columns:auto auto}
  .ftr-help-a .btn{padding-inline:26px}
  .ftr-in{grid-template-columns:1.3fr 1.2fr .9fr .9fr!important;gap:40px!important;padding-top:40px}
}

/* ---------- header: the logo never gives up width (wishlist act squeezed it under the search at 1024-1440) ---------- */
@media (min-width:1024px){
  .hdr-in{grid-template-columns:max-content minmax(240px,720px) max-content!important}
  .hdr-in>.logo-brand{min-width:max-content}
}
@media (min-width:1024px) and (max-width:1439px){
  .hdr-in{gap:22px!important}
  .hdr .act.only-d:not(.act-cart) .act-t{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
}
.ftr-contact>a>span:last-child,.ftr-hours>span:last-child{display:block!important;color:#fff}
.ftr-hours>span:last-child span{display:block!important}
@media (min-width:1024px){.ftr-bot{padding-right:76px}}

/* =================== v21: about + contact in the new design =================== */
.pg-hd{padding-bottom:6px}
.pg-k{margin:10px 0 4px;color:var(--brand-d);font-weight:800;font-size:14px}
.pg-hd h1{font-size:clamp(28px,5.6vw,46px)!important;line-height:1.12;text-wrap:balance;max-width:18em}
.pg-lead{margin:12px 0 0;max-width:40em;color:var(--ink-2);font-size:16.5px;line-height:1.65}
.pg-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.pg-facts>div{position:relative;display:grid;gap:2px;padding:16px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.pg-facts>div::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--neon)}
.pg-facts b{font-size:28px;font-weight:900;letter-spacing:-.03em;color:var(--brand-dd);line-height:1.1}
.pg-facts span{font-size:14px;color:var(--mut);line-height:1.4}
.pg-sec{padding-top:36px!important;padding-bottom:12px!important}
.pg-cards{display:grid;gap:12px}
.pg-card{display:grid;gap:8px;align-content:start;padding:20px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pg-card h3{margin:6px 0 0;font-size:19px}
.pg-card p{margin:0;color:var(--ink-2);line-height:1.6;font-size:15.5px}
.pg-ring{width:48px!important;height:48px!important;background:#fff!important;color:var(--brand-d)!important}
.pg-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--brand-dd);font-weight:800}

.pg-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pg-cats a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:10px 16px;border-radius:var(--r-s);background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-weight:700;font-size:15px;transition:box-shadow .2s var(--ez)}
.pg-cats a .ic{color:var(--brand-d);flex:none}
@media (hover:hover){.pg-cats a:hover{box-shadow:inset 0 0 0 1.5px var(--brand-d)}.pg-card:hover{box-shadow:inset 0 0 0 1px var(--ring)}}
.pg-revs{display:grid;gap:12px}
.pg-revs .rev{background:#fff}
.pg-visit{display:grid;gap:20px;padding:26px 20px;border-radius:var(--r-l);background:var(--tint);box-shadow:inset 0 0 0 1px rgba(12,117,147,.12)}
.pg-visit h2{margin:0 0 12px;font-size:clamp(24px,4.4vw,34px);line-height:1.15}
.pg-addr{display:flex;align-items:center;gap:8px;margin:6px 0;font-weight:700}
.pg-addr .ic{color:var(--brand-d);flex:none}
.pg-sign{margin:16px 0 0;color:var(--ink-2)}
.pg-actions{display:grid;gap:10px;align-content:center}
.pg-actions .btn{justify-content:center}
.ct-grid{display:grid;gap:10px;margin-top:22px}
.ct-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:76px;padding:12px 16px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)!important;text-decoration:none!important;transition:box-shadow .2s var(--ez),transform .2s var(--ez)}
.ct-card b{display:block;font-size:17px}
.ct-card small{display:block;color:var(--mut);font-size:14px;margin-top:2px}
.ct-mail{direction:ltr;text-align:right;overflow-wrap:anywhere}
.ct-card>.ic{color:var(--brand-d)}
.ct-wa{box-shadow:inset 0 0 0 1.5px #1f9d57}
.ct-ring-wa{color:#128c4b!important}
@media (hover:hover){.ct-card:hover{box-shadow:inset 0 0 0 1.5px var(--brand-d);transform:translateY(-2px)}}
.ct-form-in{display:grid;gap:18px;padding:24px 20px;border-radius:var(--r-l);background:var(--tint);box-shadow:inset 0 0 0 1px rgba(12,117,147,.12)}
.ct-form-t h2{margin:0 0 8px;font-size:clamp(24px,4.4vw,34px);line-height:1.15}
.ct-form-t p{margin:0 0 12px;color:var(--ink-2)}
.ct-why{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-weight:700;font-size:15px}
.ct-why li{display:flex;align-items:center;gap:8px}
.ct-why .ic{color:#1f9d57}
.ct-form-box{padding:18px;border-radius:var(--r);background:#fff}
@media (max-width:420px){.ct-form-box .lead-row{grid-template-columns:1fr}}
@media (min-width:768px){
  .pg-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pg-cards,.pg-revs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .pg-facts b{font-size:36px}.pg-facts>div{padding:22px}
  .pg-visit{grid-template-columns:1fr auto;padding:40px;gap:40px}
  .pg-actions{min-width:280px}
  .ct-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ct-card{grid-template-columns:1fr;justify-items:start;align-content:start;gap:10px;padding:20px;min-height:0}
  .ct-card>.ic{display:none}
  .ct-form-in{grid-template-columns:1fr 1.15fr;padding:40px;gap:40px;align-items:center}
}
.pg-facts b bdi{unicode-bidi:isolate}
/* blog list */
.bl-grid{display:grid;gap:14px}
.bl-card{position:relative;display:grid;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .2s var(--ez),transform .2s var(--ez)}
.bl-img{display:block;aspect-ratio:16/9;background:var(--stage);overflow:hidden}
.bl-img img{width:100%;height:100%;object-fit:cover;display:block}
.bl-body{display:grid;gap:6px;padding:16px 18px 10px;align-content:start}
.bl-date{margin:0;color:var(--mut);font-size:13px}
.bl-card h2{margin:0;font-size:18.5px;line-height:1.35}
.bl-card h2 a{color:var(--ink);text-decoration:none}
.bl-card h2 a::after{content:"";position:absolute;inset:0}
.bl-card h2 a:focus-visible{outline:none}.bl-card:focus-within{box-shadow:0 0 0 3px var(--brand-d)}
.bl-body>p:not(.bl-date){margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
@media (hover:hover){.bl-card:hover{box-shadow:inset 0 0 0 1px var(--ring),0 18px 30px -24px rgba(7,28,36,.5);transform:translateY(-2px)}}
.bl-pag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.bl-pag a,.bl-pag span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-weight:700;text-decoration:none}
.bl-pag .current{background:var(--brand-d);color:#fff;box-shadow:none}
@media (min-width:768px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.bl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
/* topbar phone: 24px+ target */
.topbar a,.promo a{padding-block:3px}
/* chat: the plugin's X ::after is a 13px rotated bar - reset it to a full ring */
html body .sm-sa-panel .sm-sa-x::after{width:auto!important;height:auto!important;top:0!important;right:0!important;bottom:0!important;left:0!important;transform:none!important;margin:0!important;opacity:1!important}
/* chat open on a phone = full screen: the floating a11y button must not sit on the conversation */
@media (max-width:1023px){html:has(.sm-sa-panel.is-open) .userway_buttons_wrapper{opacity:0!important;pointer-events:none!important}}
.sc-p>s{color:#5d6569!important}
/* footer rings: main.css `.ftr-contact span{display:flex}` beat the ring's grid - icon sat off-centre */
.ftr-contact .ftr-ring,.ftr .ftr-ring{display:grid!important;place-items:center!important;gap:0!important;padding:0!important}
.ftr-ring .ic{display:block;margin:0!important}
/* crumbs: product names with Latin + quotes ("ENERGY 42") keep their order */
.crumbs a,.crumbs span,.bc a,.bc span{unicode-bidi:isolate}
/* spotlight: the image box had padding-top only, so every product sat low. Even padding, fixed box, image fits inside it */
.sc-img{padding:22px!important;height:300px;min-height:0!important;box-sizing:border-box;align-items:center!important;justify-content:center!important}
.sc-img img{width:auto!important;height:auto!important;max-width:82%!important;max-height:100%!important;object-fit:contain;display:block;margin:auto}
@media (max-width:767px){.sc-img{height:240px}}
/* all-categories: open across the whole header like every other mega panel */
.catbar{position:relative}
.catbar .wrap.catbar-in{position:static}
.catbar .allcats{position:static}
.catbar .allcats-panel{top:100%!important;right:0!important;left:0!important;width:auto!important;margin:0!important;border-radius:0 0 var(--r-l) var(--r-l)!important;padding:28px max(clamp(16px,3.2vw,48px),calc((100% - 1640px)/2 + clamp(16px,3.2vw,48px))) 32px!important;box-shadow:0 40px 80px -40px rgba(7,28,36,.5)!important;border-top:0}
.catbar .allcats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* =================== v22: reviews move; footer bottom line =================== */
.rev-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rev-pause{position:relative!important;inset:auto!important;transform:none!important;width:44px!important;height:44px!important;opacity:1!important}
.rev-mq{position:relative;display:grid;gap:14px;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.rev-row{overflow:hidden}
.rev-track{display:flex;align-items:stretch;gap:14px;width:max-content;animation:brandsRun 70s linear infinite;will-change:transform}
.rev-row-b .rev-track{animation-direction:reverse;animation-duration:84s}
.rev-mq .rev{flex:none;width:280px;margin:0!important;background:#fff;scroll-snap-align:none}
.rev-mq .rev blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;unicode-bidi:plaintext}
.rev-mq .rev figcaption{unicode-bidi:plaintext;text-align:right}
.rev-in.is-paused .rev-track,.rev-in.is-off .rev-track{animation-play-state:paused}
@media (hover:hover){.rev-row:hover .rev-track{animation-play-state:paused}}
.rev-mq:focus-within .rev-track{animation-play-state:paused}
.rev-row-b{display:none}
@media (min-width:1024px){.rev-row-b{display:block}.rev-mq .rev{width:330px}}
@media (prefers-reduced-motion:reduce){
  .rev-track{animation:none}.rev-row-b,.rev-pause,.rev-track .rev[aria-hidden=true]{display:none}
  .rev-row{overflow-x:auto}.rev-mq{-webkit-mask-image:none;mask-image:none}
}

/* footer bottom line: sits in the middle of its band; floats need their room only on the sides */
.ftr{padding-bottom:0!important}
.ftr-bot{margin-top:28px!important;padding-top:18px!important;padding-bottom:18px!important;align-items:center;gap:6px 24px}
.ftr-credit a{color:#dbe6ec!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:700}
@media (hover:hover){.ftr-credit a:hover{color:#fff!important}}
@media (min-width:1024px){.ftr-bot{padding-inline:76px!important}}
@media (max-width:1023px){
  .ftr-bot{flex-direction:column;padding-inline:56px!important;padding-bottom:calc(18px + 64px + env(safe-area-inset-bottom))!important}
}
.rev-track{align-items:flex-start}
.rev-mq .rev blockquote{-webkit-line-clamp:5}
@media (min-width:1024px){.rev-mq .rev{width:310px}}

/* =================== all-categories mega: cards, counts, service strip =================== */
.catbar .allcats-panel{background:linear-gradient(180deg,#f6f9fa,#fff 40%)!important}
.catbar .allcats-grid{gap:16px!important;align-items:stretch}
.ac-col{position:relative;display:flex;flex-direction:column;padding:8px 8px 10px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 14px 30px -26px rgba(7,28,36,.45);transition:box-shadow .2s var(--ez),transform .2s var(--ez)}
@media (hover:hover){.ac-col:hover{box-shadow:inset 0 0 0 1px var(--ring),0 20px 36px -26px rgba(7,28,36,.55);transform:translateY(-2px)}}
.ac-h.ac-photo{height:118px!important;margin:0 0 8px!important;border-radius:calc(var(--r) - 6px)!important}
.ac-h.ac-photo::after{background:linear-gradient(0deg,rgba(7,28,36,.78),rgba(7,28,36,.05) 70%)!important}
.ac-h.ac-prod{background:linear-gradient(180deg,#f7fafb,#fff)!important}
.ac-h.ac-prod img{object-fit:contain!important;padding:12px!important;mix-blend-mode:multiply}
.ac-h.ac-prod::after{background:linear-gradient(0deg,rgba(7,28,36,.7),rgba(7,28,36,0) 60%)!important}
.ac-t{position:absolute;right:14px;bottom:12px;z-index:1;display:grid;gap:1px;color:#fff;line-height:1.15}
.ac-t b{font-size:17px;font-weight:800;color:#fff}
.ac-t small{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85)}
.ac-h.ac-photo>span:not(.ac-t):not(.ac-go){display:none}
.ac-go{position:absolute;left:12px;bottom:12px;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--brand-d);transition:transform .2s var(--ez)}

@media (hover:hover){.ac-h:hover .ac-go{transform:translateX(-3px)}}
.ac-kids{list-style:none;margin:0!important;padding:0!important;display:grid!important;gap:2px!important}
.ac-kids a{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:4px 10px;border-radius:10px;color:var(--ink)!important;font-size:14.5px!important;font-weight:600;text-decoration:none!important;transition:background-color .15s}
.ac-kids em{flex:none;min-width:26px;padding:1px 7px;border-radius:999px;background:var(--canvas);color:var(--mut);font-style:normal;font-size:12px;font-weight:700;text-align:center}
@media (hover:hover){.ac-kids a:hover{background:var(--tint)}.ac-kids a:hover span{color:var(--brand-dd)}.ac-kids a:hover em{background:#fff;color:var(--brand-dd)}}
.ac-kids a:focus-visible{outline:2px solid var(--brand-d);outline-offset:-2px}
.ac-all{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 10px;color:var(--brand-dd)!important;font-weight:700;font-size:14px!important}

.ac-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 18px;border-radius:var(--r);background:var(--tint);box-shadow:inset 0 0 0 1px rgba(12,117,147,.1)}
.ac-usp{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;font-size:14px;font-weight:700;color:var(--ink)}
.ac-usp>*{display:inline-flex;align-items:center;gap:8px;color:var(--ink)!important}
.ac-usp .ic{color:var(--brand-d)}
.ac-usp a{text-decoration:underline!important;text-underline-offset:3px}
.ac-usp a .ic{color:#128c4b}
.ac-foot-a{display:flex;align-items:center;gap:14px;flex:none}
.ac-sale{color:#c62419!important;font-weight:800;min-height:44px;display:inline-flex;align-items:center}
.ac-foot .btn{min-height:44px;padding-inline:22px}
/* open: cards rise in sequence */
.allcats-panel:not([hidden]) .ac-col{animation:acIn .32s var(--ez) both}
.allcats-panel:not([hidden]) .ac-col:nth-child(2){animation-delay:.03s}.allcats-panel:not([hidden]) .ac-col:nth-child(3){animation-delay:.06s}.allcats-panel:not([hidden]) .ac-col:nth-child(4){animation-delay:.09s}
.allcats-panel:not([hidden]) .ac-col:nth-child(n+5){animation-delay:.12s}
.allcats-panel:not([hidden]) .ac-foot{animation:acIn .32s var(--ez) .16s both}
@keyframes acIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.allcats-panel .ac-col,.allcats-panel .ac-foot{animation:none!important}.ac-col:hover{transform:none}}
/* breadcrumbs: every item on one baseline (links had 10px tap padding, the current page did not) */
.crumbs ol{align-items:center;padding-top:6px!important;padding-bottom:0!important}
.crumbs li{display:inline-flex;align-items:center}
.crumbs a,.crumbs span[aria-current]{display:inline-block;padding-block:10px;line-height:1.3}
/* vacuum band: new lifestyle photo, keep the woman in frame */
.edband-media img{object-position:72% 60%}
/* about FAQ */
.pg-faq{display:grid;gap:10px;max-width:900px}
.pg-faq-i{border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s}
.pg-faq-i[open]{box-shadow:inset 0 0 0 1px var(--ring)}
.pg-faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 18px;cursor:pointer;list-style:none}
.pg-faq-i summary::-webkit-details-marker{display:none}
.pg-faq-i summary:focus-visible{outline:3px solid var(--brand-d);outline-offset:2px;border-radius:var(--r)}
.pg-faq-i h3{margin:0;font-size:17px;line-height:1.35}
.pg-faq-x{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint)}
.pg-faq-x::before,.pg-faq-x::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--brand-d);transition:transform .25s var(--ez)}
.pg-faq-x::after{transform:rotate(90deg)}
.pg-faq-i[open] .pg-faq-x::after{transform:rotate(0)}
.pg-faq-i p{margin:0;padding:0 18px 16px;color:var(--ink-2);line-height:1.65;font-size:15.5px}
.pg-upd{margin:16px 0 0;color:var(--mut);font-size:13.5px}
.ac-h.ac-photo .ac-go{right:auto!important;left:12px!important;bottom:12px!important;color:var(--brand-d)!important}
/* legal pages: one clean reading column */
.legal-body{max-width:820px;margin-top:10px;padding-bottom:30px;font-size:16px;line-height:1.75}
.legal-body h2,.legal-body h3{margin:28px 0 8px;font-size:20px;line-height:1.35}
.legal-body p{margin:0 0 12px}
.legal-body ul,.legal-body ol{margin:0 0 14px;padding-inline-start:22px}
.legal-body li{margin:0 0 6px}
.legal-body li>p{margin:0}
.legal-body strong,.legal-body b{color:var(--ink)}
.lg-meta{font-size:14.5px;color:var(--mut)}
.lg-meta a{color:var(--brand-dd);font-weight:700}
.legal-body{margin-top:0!important}
.legal-body p{margin:0 0 4px!important;line-height:1.7}
.legal-body p:has(>strong:only-child),.legal-body p:has(>b:only-child){margin-top:18px!important}
.legal-body>*:first-child{margin-top:0!important}
.bl-card{grid-template-rows:auto 1fr;align-content:start}
html body .sm-sa-panel .sm-sa-b:not(.sm-sa-bot),html body .sm-sa-panel .sm-sa-b:not(.sm-sa-bot) *{color:#fff!important}

/* =================== v23: privacy & cookies, social login =================== */
.ck{position:fixed;z-index:90;right:12px;left:12px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:560px;margin-inline:auto;animation:ckIn .35s var(--ez)}
.ck[hidden]{display:none}
.ck.is-out{opacity:0;transform:translateY(12px);transition:opacity .22s,transform .22s}
@keyframes ckIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ck-in{position:relative;display:grid;gap:12px;padding:16px 16px 14px;border-radius:var(--r);background:#fff;box-shadow:0 24px 50px -20px rgba(7,28,36,.5),inset 0 0 0 1px var(--line);overflow:hidden}
.ck-in::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--neon)}
.ck-t{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.ck-t b{color:var(--ink)}
.ck-t a{color:var(--brand-dd);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ck-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ck-a .btn{min-height:44px;padding-inline:18px;font-size:14.5px}
.ck-more{min-height:44px;padding:0 6px;border:0;background:none;color:var(--brand-dd);font:inherit;font-weight:700;font-size:14.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ck-opts{display:grid;gap:8px}
.ck-opts[hidden]{display:none}
.ck-o{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-s);background:var(--canvas);cursor:pointer}
.ck-o input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--brand-d)}
.ck-o b{display:block;font-size:14.5px}
.ck-o small{display:block;color:var(--mut);font-size:13px;line-height:1.45}
.ck-save[hidden]{display:none}
@media (min-width:1024px){.ck{right:auto;left:24px;bottom:24px;margin:0;width:440px}}
@media (prefers-reduced-motion:reduce){.ck{animation:none}.ck.is-out{transition:none}}
.ftr-ck{border:0!important;background:none!important;padding:0!important;color:#dbe6ec!important;font:inherit!important;font-size:13px!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:24px}
.lead-note{margin:-4px 0 0;color:var(--mut);font-size:12.5px;line-height:1.5}
.ehv2-consent{margin:12px 0!important;font-size:14px}
.ehv2-consent label{display:flex!important;align-items:flex-start;gap:8px;line-height:1.5}
.ehv2-consent input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--brand-d)}
.ehv2-consent a,.woocommerce-terms-and-conditions-checkbox-text a{color:var(--brand-dd);font-weight:700;text-decoration:underline}
/* social login (Super Socializer) in the account forms */
.the_champ_outer_login_container,.the_champ_login_container{margin:16px 0 4px!important}
.the_champ_social_login_title{display:block;margin:0 0 10px;font-weight:700;font-size:14.5px;color:var(--mut)}
.the_champ_login_container ul{display:flex!important;gap:10px;margin:0!important;padding:0!important;list-style:none}
.the_champ_login_container li{margin:0!important}
.the_champ_login_container li i,.the_champ_login_container li img{border-radius:12px!important;box-shadow:0 6px 14px -10px rgba(7,28,36,.45)}
/* account: login first (right in RTL), register second; one column on phones */
.woocommerce #customer_login.col2-set,#customer_login.u-columns{display:grid!important;grid-template-columns:1fr;gap:18px;width:100%}
#customer_login::before,#customer_login::after{content:none!important;display:none!important}
#customer_login>.u-column1,#customer_login>.u-column2{float:none!important;width:auto!important;max-width:none!important;margin:0!important;min-width:0}
#customer_login>.u-column1{order:1}#customer_login>.u-column2{order:2}
@media (min-width:900px){#customer_login.col2-set,#customer_login.u-columns{grid-template-columns:1fr 1fr;gap:28px;align-items:start}}
#customer_login h2{margin:0 0 12px;font-size:22px}
#customer_login form{margin:0!important}
.heateor_ss_sl_optin_container{margin:8px 0;font-size:13.5px;line-height:1.5}
.heateor_ss_sl_optin_container input{width:18px;height:18px;margin-left:6px;vertical-align:-3px;accent-color:var(--brand-d)}
.heateor_ss_sl_optin_container a{color:var(--brand-dd);font-weight:700;text-decoration:underline}
/* the cookie notice is short-lived: floating chat / a11y buttons step aside on phones until a choice is made */
@media (max-width:1023px){html:has(#ehv2-ck:not([hidden])) :is(.sm-sa-launch,.userway_buttons_wrapper){opacity:0!important;pointer-events:none!important}}
@media (min-width:900px){.woocommerce #customer_login.col2-set,#customer_login.u-columns{grid-template-columns:1fr 1fr!important;gap:28px!important;align-items:start}}
@media (min-width:1024px){.ck{left:84px!important}}
.the_champ_login_container ul.the_champ_login_ul{display:grid!important;grid-template-columns:1fr;gap:10px}
.the_champ_login_container ul.the_champ_login_ul li{width:100%!important}
.the_champ_login_container ul.the_champ_login_ul li>*{width:100%!important;max-width:none!important;box-sizing:border-box}
@media (min-width:1280px){.the_champ_login_container ul.the_champ_login_ul{grid-template-columns:1fr 1fr}}

/* =================== v24: לקוח 29/9 — צבעים בהירים בגווני הלוגו, תיקונים =================== */
/* checkout: בלוק ההתחברות החברתית נכנס לגריד של הטופס ודחף את סיכום ההזמנה למטה */
form.checkout>.the_champ_outer_login_container,form.checkout>.the_champ_outer_login_container+div:empty{display:none!important}

/* PDP: הלב של השמורים בפינה של שורת המותג, לא על המחיר */
@media (max-width:1023px){.pdp-info{position:relative}}
.ehv2 .pdp-info>.wl-pdp{position:absolute!important;top:0;left:0;margin:0!important;float:none!important;align-self:auto}
.pdp-info>.pdp-brand,.pdp-info>.pdp-title{padding-left:52px}

/* כפתור הצ'אט בדסקטופ: צמוד לתחתית, בגובה של כפתור הנגישות */
@media (min-width:1024px){
  .ehv2.is-product{--sm-sa-launcher-shift:0px}
  html body button.sm-sa-launch{bottom:20px!important}
}

/* טבעות האייקונים: מרווח סביב האייקון */
.ehv2 .assure-ic{width:50px!important;height:50px!important;display:grid!important;place-items:center;flex:none}
.ehv2 .assure-ic .ic{width:24px;height:24px}

/* ---------- פס הקטגוריות: טורקיז-כחול של הלוגו במקום לילה ---------- */
.ehv2 .catbar{background:linear-gradient(90deg,#0e7c98 0%,var(--brand-d) 100%)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.12)}
.ehv2 .catbar .mega-top{color:#fff!important}
.ehv2 .catbar .mega-top .ic{color:#c9eef8!important}
.ehv2 .catbar .mega-top::after{background:#fff!important}
@media (hover:hover){.ehv2 .catbar .mega-top:hover{background:rgba(255,255,255,.14)!important}}
.ehv2 .catbar .mega-item.is-open .mega-top,.ehv2 .catbar .mega-item:focus-within .mega-top{background:rgba(255,255,255,.16)!important}
.ehv2 .catbar .allcats-btn{background:#fff!important;color:var(--brand-dd)!important;box-shadow:0 6px 14px -10px rgba(4,40,52,.6)}
.ehv2 .catbar .allcats-btn .ic{color:var(--brand-d)!important}
@media (hover:hover){.ehv2 .catbar .allcats-btn:hover{background:var(--tint)!important}}

/* ---------- פוטר בהיר ---------- */
.ehv2 .ftr{background:linear-gradient(180deg,#e6f4f8 0%,#f4fafc 55%,#f4fafc 100%)!important;color:var(--ink-2)!important}
.ehv2 .ftr-help{border-bottom:1px solid #cfe3ea}
.ehv2 .ftr-help-k{color:var(--brand-dd)}
.ehv2 .ftr-help h2{color:var(--ink)}
.ehv2 .ftr-help-t p:last-child{color:var(--mut)}
.ehv2 .ftr .ftr-help-a .btn-go{background:var(--brand-d)!important;color:#fff!important;border-color:var(--brand-d)!important;box-shadow:0 12px 26px -14px rgba(11,111,136,.8)!important}
.ehv2 .ftr .btn-ghost-l{color:var(--brand-dd)!important;border-color:var(--brand-d)!important;background:#fff!important}
@media (hover:hover){.ehv2 .ftr .ftr-help-a .btn-go:hover{background:var(--brand-dd)!important}.ehv2 .ftr .btn-ghost-l:hover{background:var(--tint)!important}}
.ehv2 .ftr-h,.ehv2 .ftr-col b{color:var(--ink)!important}
.ehv2 .logo-inv .logo-txt b{color:var(--ink)}.ehv2 .logo-inv .logo-txt small{color:var(--mut)}
.ehv2 .logo-plate{box-shadow:0 0 0 1px #d6e8ee,0 12px 26px -16px rgba(11,111,136,.45)}
.ehv2 .ftr-brand p{color:var(--ink-2)}
.ehv2 .ftr-rate{background:#fff!important;color:var(--ink-2)!important;box-shadow:0 0 0 1px #d6e8ee}
.ehv2 .ftr-rate b{color:var(--ink)}
.ehv2 .ftr-rate .stars{color:#e6a100}
.ehv2 .ftr-contact>a,.ehv2 .ftr-hours,.ehv2 .ftr-contact>a>span:last-child,.ehv2 .ftr-hours>span:last-child{color:var(--ink)!important}
.ehv2 .ftr-contact small{color:var(--mut)!important}
.ehv2 .ftr-ring{background:#fff!important;color:var(--brand-d)!important}
.ehv2 .ftr-ring-wa{color:#1a8f4f!important}
@media (hover:hover){.ehv2 .ftr-contact>a:hover .ftr-ring{background:var(--tint)!important}}
.ehv2 .ftr-col a{color:var(--ink-2)!important}
@media (hover:hover){.ehv2 .ftr-col a:hover{color:var(--brand-dd)!important}}
.ehv2 .ftr-bot{border-top-color:#cfe3ea!important;color:var(--mut)!important}
.ehv2 .ftr-credit a,.ehv2 .ftr-ck{color:var(--brand-dd)!important}

/* ---------- "נרכש לאחרונה": קטן, צדדי, לא חוסם ---------- */
.rp{position:fixed;z-index:60;left:84px;bottom:20px;width:340px;max-width:calc(100vw - 32px);display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:var(--r);background:#fff;color:var(--ink);box-shadow:0 18px 40px -18px rgba(7,28,36,.45),0 0 0 1px var(--line);transform:translateY(16px);opacity:0;transition:transform .35s var(--ez),opacity .25s linear;pointer-events:none}
.rp.on{transform:none;opacity:1;pointer-events:auto}
.rp[hidden]{display:none}
.rp-img{width:56px;height:56px;border-radius:var(--r-s);background:var(--stage);display:grid;place-items:center;overflow:hidden}
.rp-img img{width:48px;height:48px;object-fit:contain}
.rp a.rp-body{display:block;min-width:0;color:inherit;text-decoration:none}
.rp-k{display:block;font-size:12px;font-weight:700;color:var(--brand-dd)}
.rp-p{display:block;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-m{display:block;font-size:12.5px;color:var(--mut)}
.rp-x{position:relative;width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--mut);display:grid;place-items:center;cursor:pointer;align-self:start}
.rp-x::before{content:"";position:absolute;inset:-6px}
@media (hover:hover){.rp-x:hover{background:var(--stage);color:var(--ink)}}
@media (max-width:1023px){.rp{left:16px;right:16px;width:auto;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom));grid-template-columns:44px 1fr auto;padding:8px 8px 8px 10px}.rp-img{width:44px;height:44px}.rp-img img{width:38px;height:38px}}
html.menu-open .rp,html.ehv2-lock .rp,html:has(#ehv2-ck:not([hidden])) .rp{display:none!important}
@media (prefers-reduced-motion:reduce){.rp{transition:opacity .2s linear;transform:none}}
#message-purchased{display:none!important}

/* טבעת האייקונים סגורה (הפער העליון נראה כחיתוך) */
/* v25: בוטל - כל הטבעות פתוחות למעלה כמו בהדר */
/* שעות הפתיחה בפוטר הבהיר */
.ehv2 .ftr-hours span,.ehv2 .ftr-hours b{color:var(--ink)!important}
.ehv2 .ftr-hours small{color:var(--mut)!important}
html:has(#ehv2-sp:not([hidden])) #ehv2-rp{display:none!important}
@media (max-width:1023px){html:has(#ehv2-rp.on) :is(.sm-sa-launch,.userway_buttons_wrapper){opacity:0!important;pointer-events:none!important;transition:opacity .2s linear!important}}

/* =================== v25: אחרי העלייה לאוויר, 29/9 =================== */
/* Rubik מתארח מקומית (במקום Google Fonts, שחסם רינדור ~780ms). קובץ משתנה אחד לכל כתב מכסה 400-800 */
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(/wp-content/uploads/ehv2/fonts/rubik-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(/wp-content/uploads/ehv2/fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* קופה: כפתור "שליחת הזמנה" צף (float של WooCommerce) ורשימת האמון נדחסה לטור צר לידו */
.ehv2 #place_order{float:none!important;width:100%}
.ehv2 .co-assure{clear:both;width:100%}
.ehv2 .co-assure li{align-items:flex-start;line-height:1.5}
.ehv2 .co-assure li .ic{flex:none;margin-top:3px}

/* כפתור התקשרות צף במובייל: מעל כפתור הנגישות, באותה טבעת של כפתורי ההדר */
.fcall{display:none}
@media (max-width:1023px){
  .fcall{position:fixed;z-index:44;left:13px;bottom:calc(132px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand-d);box-shadow:0 10px 22px -12px rgba(7,28,36,.55);text-decoration:none;transition:transform .28s var(--ez),opacity .2s linear}
  .fcall::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
  .fcall .ic{width:20px;height:20px}
  .fcall:focus-visible{outline:3px solid var(--brand-dd);outline-offset:3px}
  html.buy-on .fcall{transform:translateY(calc(-1 * var(--buy-h,72px)))}
  html.menu-open .fcall,html.ehv2-lock .fcall,html:has(#ehv2-ck:not([hidden])) .fcall,html:has(.sm-sa-panel.is-open) .fcall,html:has(#ehv2-rp.on) .fcall{opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.fcall{transition:none}}

/* אחידות מסגרות האייקונים לפי ההדר: טבעת 1.6px, אייקון בצבע המותג, צל עדין */
.ehv2 .wl-btn{color:var(--brand-d)!important;box-shadow:0 4px 12px -8px rgba(7,28,36,.35)!important}
.ehv2 .wl-btn[aria-pressed=true]{color:#e0404b!important}
.ehv2 .wl-btn::after{padding:1.6px!important}
.ehv2 .wl-btn svg{stroke:currentColor}
.ehv2 .arrow{position:relative;border-color:transparent!important;color:var(--brand-d)}
.ehv2 .arrow::after,.ehv2 .rm-go::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
@media (hover:hover){.ehv2 .arrow:hover{background:var(--tint)}}
.ehv2 .sec-night .arrow{border-color:rgba(255,255,255,.25)!important;color:#fff}
.ehv2 .sec-night .arrow::after{display:none}
.ehv2 .rm-go{color:var(--brand-d)}

/* ההדר מתכווץ בגלילה בדסקטופ (146→122). הפיצוי שומר את גובה העמוד קבוע, כך שהכיווץ לא מזיז את הגלילה ולא נוצרת לולאת ריצוד בתחתית */
@media (min-width:1024px){
  /* הגובה, הריפוד והלוגו כבר לא משתנים בגלילה: שום שינוי פריסה, ולכן גם שום ריצוד. בגלילה נשאר רק צל רך וכיווץ קל של הלוגו ב-transform */
  html.is-scrolled .hdr-in{padding-top:14px!important;padding-bottom:14px!important}
  html.is-scrolled .logo-brand .logo-orig{height:66px!important}
  html.is-scrolled .logo-brand .logo-mark{width:52px!important;height:52px!important}
  html.is-scrolled .logo-brand .logo-txt small{opacity:1!important;max-height:20px!important;margin-top:4px!important}
  .ehv2 .logo-brand .logo-orig,.ehv2 .logo-brand .logo-mark,.ehv2 .logo-brand .logo-txt small{transition:none!important}
  .ehv2 .logo-brand{transform-origin:100% 50%;transition:transform .4s var(--ez)}
  html.is-scrolled .logo-brand{transform:scale(.9)}
}
.ehv2 .hdr{transition:box-shadow .35s linear}
@media (prefers-reduced-motion:reduce){.ehv2 .logo-brand{transition:none}}

/* הצעת מחיר: שדה ה-honeypot ישב 9,999px הצידה ויצר גלילה אופקית בתוך החלון */
.ehv2 .hp,.offer-dlg .hp{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.offer-dlg{overflow-x:hidden}
/* שעון שעות הפתיחה בפוטר קיבל בטעות את צבע הטקסט (שחור). כמו שאר הטבעות */
.ehv2 .ftr-hours .ftr-ring{color:var(--brand-d)!important}
.ehv2 .brands-pause{color:var(--brand-d)!important}

/* תמונות האווירה החדשות: המוצר בשליש השמאלי, הטקסט על הקיר הפנוי מימין */
.ehv2 .cat-hero-img img{object-position:22% 60%}
@media (max-width:767px){.ehv2 .cat-hero-img img{object-position:18% 55%}}
.ehv2 .cat-hero-prod{display:none!important}

/* חיווי שמירה לרשימה */
.wl-note{position:fixed;z-index:70;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;min-width:0;max-width:calc(100vw - 32px);border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 16px 36px -16px rgba(7,28,36,.5),0 0 0 1px var(--line);transform:translate(-50%,14px);opacity:0;pointer-events:none;transition:transform .32s var(--ez),opacity .2s linear}
.wl-note.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.wl-note-ic{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fdecee;color:#e0404b;--wl-fill:currentColor}
.wl-note.is-off .wl-note-ic{background:var(--stage);color:var(--mut);--wl-fill:none}
.wl-note-ic svg{width:18px;height:18px}
.wl-note-t{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}
.wl-note-t b{font-size:14.5px;font-weight:700}
.wl-note-t small{font-size:12.5px;color:var(--mut)}
.wl-note-go{border:0;border-radius:999px;background:var(--brand-d);color:#fff;font:inherit;font-size:14px;font-weight:700;padding:9px 16px;cursor:pointer;flex:none}
@media (hover:hover){.wl-note-go:hover{background:var(--brand-dd)}}
.wl-note-go:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}
@media (min-width:1024px){.wl-note{bottom:28px}}
@media (prefers-reduced-motion:reduce){.wl-note{transition:opacity .2s linear;transform:translate(-50%,0)}}
html.sr-open :is(.userway_buttons_wrapper,.sm-sa-launch,.fcall,.rp,.wl-note){display:none!important}

/* תפריט מובייל: מוצרים אמיתיים בתוך כל קטגוריה */
.mn-sub{margin:18px 0 8px;font-size:13px;font-weight:700;color:var(--mut)}
.mn-prods{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none}
.mn-prods::-webkit-scrollbar{display:none}
.mn-prod{scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink);text-decoration:none}
.mn-prod-img{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-s);background:var(--stage);overflow:hidden}
.mn-prod-img img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.mn-prod-n{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.mn-prod b{font-size:14.5px;font-weight:800;color:var(--ink)}
.mn-prod:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}

/* קופה: התחברות ללקוח רשום - שורה שקטה שנפתחת במקום */
.co-login{margin:0 0 16px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line)}
.co-login>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;font-size:14.5px;color:var(--ink-2)}
.co-login>summary::-webkit-details-marker{display:none}
.co-login>summary b{color:var(--ink)}
.co-login-ic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--brand-d)}
.co-login-go{margin-inline-start:auto;flex:none;font-weight:700;color:var(--brand-dd);text-decoration:underline;text-underline-offset:3px}
.co-login[open] .co-login-go{display:none}
.ehv2 .co-login>summary{display:flex!important;flex-wrap:nowrap!important}
.co-login>summary>span:nth-child(2){flex:1 1 auto;min-width:0;line-height:1.4}
@media (max-width:600px){.co-login>summary{font-size:14px;gap:10px;padding:10px 12px}.co-login-go{font-size:13.5px}}
.co-login>summary:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px;border-radius:var(--r)}
.co-login-in{padding:0 14px 14px;border-top:1px solid var(--line)}
.co-login-in form.woocommerce-form-login{margin:12px 0 0!important;padding:0!important;border:0!important;display:grid;gap:10px}
.co-login-in form.woocommerce-form-login>p:first-child{font-size:13.5px;color:var(--mut);margin:0}
/* כפתור על רקע טורקיז = טקסט לבן תמיד (חוק #13) */
html body .wl-note .wl-note-go{color:#fff!important;background:var(--brand-d)!important}
@media (hover:hover){html body .wl-note .wl-note-go:hover{background:var(--brand-dd)!important;color:#fff!important}}

/* סרגל הניהול (מחוברים בלבד): ההדר הדביק יושב מתחתיו */
body.admin-bar .hdr{top:32px}
@media (max-width:782px){body.admin-bar .hdr{top:46px}#wpadminbar{position:absolute}body.admin-bar .hdr{top:0}}

/* תת-קטגוריות בתפריט המובייל: פס מוצרים מתחת לכל שורה */
.mn-kid-prods{margin:6px 0 14px;padding-inline-start:2px}
.mn-kid-prods .mn-prod{padding:6px}
/* חיווי השמירה לא יושב על הכפתורים הצפים */
@media (max-width:1023px){html:has(.wl-note.on) :is(.sm-sa-launch,.userway_buttons_wrapper,.fcall){opacity:0!important;pointer-events:none!important;transition:opacity .2s linear!important}}

/* ניגודיות: מונה הגלריה */
.ehv2 .g-count{background:rgba(7,28,36,.72)!important;color:#fff!important}
/* ניגודיות בתוכן המאמרים (סגנונות inline ישנים בטורקיז בהיר) */
.ehv2 .post-body a[style*="background:#33AED3"],.ehv2 .post-body a[style*="background: #33AED3"],.ehv2 .post-body a[style*="background-color:#33AED3"]{background:var(--brand-d)!important;color:#fff!important}
.ehv2 .post-body a[style*="color:#33AED3"],.ehv2 .post-body a[style*="color: #33AED3"]{color:var(--brand-dd)!important}
.ehv2 .post-body p[style*="color:#888"]{color:var(--mut)!important}
.ehv2 .post-body .consent-wrapper,.ehv2 .post-body .consent-wrapper .consent-title,.ehv2 .post-body .consent-wrapper span,.ehv2 .post-body .consent-wrapper label{color:#fff!important}
.ehv2 .post-body .consent-wrapper a{color:#fff!important;text-decoration:underline!important}

/* מגה-מניו בדסקטופ: 3 רבי מכר במקום מוצר יחיד */
.mega-feat3{display:flex;flex-direction:column;gap:8px;align-self:start;padding:14px;border-radius:var(--r);background:var(--tint)}
.mega-feat3 .mega-feat-k{margin:0 0 2px;font-size:12.5px;font-weight:700;color:var(--brand-dd)}
.mf3{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:var(--r-s);background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px rgba(11,111,136,.08);transition:box-shadow .2s linear}
@media (hover:hover){.mf3:hover{box-shadow:0 0 0 1.5px var(--brand-d)}}
.mf3:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}
.mf3-img{width:64px;height:64px;border-radius:var(--r-s);background:var(--stage);display:grid;place-items:center;overflow:hidden}
.mf3-img img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.mf3-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.mf3-t b{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mf3-p{font-size:14.5px;font-weight:800}
.mf3-p s{font-size:12px;font-weight:500;color:var(--mut);margin-inline-start:4px}

/* =================== חיפוש v25 =================== */
/* תוצאות: כרטיס נקי, שם עד שתי שורות, מחיר בולט, המונח מודגש */
.ehv2 .sr-it{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px;border-radius:var(--r-s);color:var(--ink);text-decoration:none}
.ehv2 .sr-it+.sr-it{margin-top:2px}
@media (hover:hover){.ehv2 .sr-it:hover{background:var(--tint)}}
.ehv2 .sr-it:focus-visible{outline:3px solid var(--brand-dd);outline-offset:-3px;background:var(--tint)}
.ehv2 .sr-img{width:60px;height:60px;border-radius:12px;background:var(--stage);display:grid;place-items:center;overflow:hidden}
.ehv2 .sr-img img{width:88%!important;height:88%!important;object-fit:contain;mix-blend-mode:multiply;background:none!important;border-radius:0!important}
.ehv2 .sr-n{font-size:14.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ehv2 .sr-n mark{background:none;color:var(--brand-dd);font-weight:800}
.ehv2 .sr-p{font-size:15.5px;font-weight:800;white-space:nowrap;color:var(--ink)}
.ehv2 .sr-all{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:10px 4px 4px;padding:13px 16px;border-radius:999px;background:var(--brand-d);color:#fff!important;font-weight:700;text-decoration:none}
@media (hover:hover){.ehv2 .sr-all:hover{background:var(--brand-dd)}}
/* טעינה */
.ehv2 .sr-busy{display:flex;align-items:center;gap:10px;margin:0;padding:10px 8px 12px;font-size:14px;font-weight:600;color:var(--brand-dd)}
.sr-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(11,111,136,.2);border-top-color:var(--brand-d);animation:srSpin .7s linear infinite;flex:none}
.sr-sk{display:block;height:68px;margin:0 0 6px;border-radius:var(--r-s);background:linear-gradient(90deg,var(--stage) 0%,#eef6f9 45%,var(--stage) 90%);background-size:220% 100%;animation:srSk 1.1s ease-in-out infinite}
.ehv2 .hsearch.is-loading .hsearch-go svg{opacity:0}
.ehv2 .hsearch.is-loading .hsearch-go{position:relative}
.ehv2 .hsearch.is-loading .hsearch-go::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:srSpin .7s linear infinite}
@keyframes srSpin{to{transform:rotate(360deg)}}
@keyframes srSk{0%{background-position:100% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.sr-spin,.sr-sk,.ehv2 .hsearch.is-loading .hsearch-go::after{animation-duration:2.4s}}

/* מובייל: החיפוש נשאר בהדר, התוצאות נפתחות מתחתיו כמו התפריט */
@media (max-width:1023px){
  html.sr-open .ehv2 .hsearch,html.sr-open body.ehv2 .hsearch{position:relative!important;inset:auto!important;z-index:auto!important;border-radius:999px!important;border-width:0!important;padding:0!important;background:var(--stage)!important;display:flex!important;align-items:center;gap:0}
  html.sr-open .ehv2 .hsearch::before{display:none!important}
  html.sr-open .ehv2 .hsearch input[type=search]{border:0!important;border-radius:999px!important;height:auto!important;background:transparent!important}
  html.sr-open .ehv2 .hsearch button.hsearch-go{border-radius:50%!important}
  html.sr-open body.ehv2 .hdr .sr-cancel{display:block;order:3;flex:none;border:0;background:none;padding:0 12px;font:inherit;font-size:14.5px;font-weight:700;color:var(--brand-dd);cursor:pointer}
  html.sr-open .ehv2 .sr-default,html.sr-open .ehv2 .sr-box{position:fixed!important;top:var(--sr-top,120px)!important;bottom:0!important;right:0!important;left:0!important;z-index:59!important;margin:0!important;padding:12px 16px calc(24px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:auto!important;overscroll-behavior:contain;max-height:none!important}
  html.sr-open .ehv2 .sr-box[hidden],html.sr-open .ehv2 .sr-default[hidden]{display:none!important}
  html.sr-open .mbar{display:none!important}
}
/* אחידות: כל טבעות האייקונים פתוחות למעלה בדיוק כמו בהדר (קו הסיכה של הלוגו) */
:root{--ring-conic:conic-gradient(from 0deg,transparent 0deg 22deg,#45c2cf 22deg,#1b8fc4 180deg,#45c2cf 338deg,transparent 338deg 360deg)}
.co-login-ic{position:relative;background:#fff!important}
.co-login-ic::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}

/* תפריט מובייל: כפתור חזרה ברור - חץ ימינה (אחורה בעברית) בטבעת כמו בהדר */
.ehv2 .mn-back{height:auto!important;padding:6px 6px 6px 16px!important;gap:10px!important;background:#fff!important;box-shadow:0 0 0 1px var(--line);color:var(--brand-dd)!important;font-size:15px}
.mn-back-ic{position:relative;width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand-d)}
.mn-back-ic::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.ehv2 .mn-back .mn-back-ic .ic{width:18px;height:18px;transform:scaleX(-1)!important}
@media (hover:hover){.ehv2 .mn-back:hover{background:var(--tint)!important}}
.ehv2 .mn-back:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}
/* ספינר לכל מה שנטען */
.mn-load{display:flex;align-items:center;gap:10px;padding:14px 4px;font-size:13.5px;font-weight:600;color:var(--brand-dd);grid-column:1/-1}
.mn-kid-prods:has(.mn-load){display:block}
.wl-load{display:flex;align-items:center;justify-content:center;gap:10px}
/* כפתור החזרה נשאר למעלה בזמן גלילה בתוך הקטגוריה */
.ehv2 .mn-l2>.mn-back{display:flex!important;width:max-content;position:sticky!important;top:6px;z-index:5;margin:0 0 18px!important;padding:4px 4px 4px 13px!important;gap:8px!important;font-size:13.5px!important;background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--line),0 6px 14px -10px rgba(7,28,36,.35)!important}
.ehv2 .mn-l2>.mn-back .mn-back-ic{width:28px;height:28px;background:transparent}
.ehv2 .mn-l2>.mn-back .mn-back-ic .ic{width:15px;height:15px}
.ehv2 .mn-l2>.mn-h{margin-top:0!important}

/* ===== v26: 404 · עמוד תודה · טופס בתוך מאמר ===== */
.ehv2 .nf,.ehv2 .ty{padding-top:28px;padding-bottom:8px}
.nf-card,.ty-card{max-width:760px;margin:0 auto;text-align:center;background:#fff;border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line),0 24px 48px -32px rgba(7,28,36,.35);padding:clamp(24px,5vw,48px) clamp(18px,5vw,48px)}
.nf-ring,.ty-ring{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 14px;border-radius:50%;color:var(--brand-d);background:var(--tint)}
.nf-ring::after,.ty-ring::after{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.ty-ring{color:#fff;background:var(--brand-d)}
.nf-code{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--brand-d);margin:0 0 6px}
.nf-card h1,.ty-card h1{font-size:clamp(26px,4.6vw,36px);line-height:1.2;margin:0 0 10px;color:var(--ink)}
.nf-lead,.ty-lead{font-size:16.5px;color:var(--ink-2);max-width:34em;margin:0 auto 22px;line-height:1.6}
.nf-search{display:flex;gap:8px;max-width:520px;margin:0 auto 22px;background:var(--fog,#f3f4f5);border-radius:999px;padding:6px;box-shadow:inset 0 0 0 1px var(--line)}
.nf-search input{flex:1;min-width:0;border:0!important;background:transparent!important;font:inherit;font-size:16px;padding:0 14px;color:var(--ink);outline:0;box-shadow:none!important}
.nf-search:focus-within{box-shadow:inset 0 0 0 2px var(--brand-d)}
.nf-search .btn{border-radius:999px;flex:none;gap:6px}
.nf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nf-cats{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.nf-cats a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink);font-weight:600;font-size:14.5px;text-decoration:none}
.nf-cats a .ic{color:var(--brand-d)}
@media (hover:hover){.nf-cats a:hover{box-shadow:0 0 0 1.5px var(--brand-d);color:var(--brand-dd)}}
.nf-help{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.nf-help .btn{gap:8px;min-height:48px}
.ty-steps{list-style:none;margin:0 auto 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:right;max-width:680px}
.ty-steps li{display:flex;gap:12px;align-items:flex-start;background:var(--tint);border-radius:var(--r);padding:14px}
.ty-steps b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.ty-steps span:not(.ty-n){display:block;color:var(--ink-2);font-size:14px;line-height:1.5}
.ty-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand-d);color:#fff!important;font-weight:700;font-size:14px}
.ty-fast{font-weight:600;color:var(--ink);margin:0 0 12px}
@media (max-width:700px){.ty-steps{grid-template-columns:minmax(0,1fr)}.nf-help .btn{flex:1 1 100%;justify-content:center}.nf-search .btn span{display:none}}
.ehv2 .post-lead{margin:28px 0;padding:20px;border-radius:var(--r-l);background:var(--tint);box-shadow:0 0 0 1px var(--tint-2,#dff2f7);display:grid;gap:14px}
.ehv2 .post-lead-h{font-size:19px;font-weight:700;color:var(--ink);margin:0 0 4px}
.ehv2 .post-lead-t p{margin:0;color:var(--ink-2)}
.ehv2 .post-lead .lead{margin:0;max-width:none}

/* ===== v26: החשבון שלי - התחברות / הרשמה ===== */
.ehv2.is-account .flow-h{margin-bottom:6px}
.acc-intro{margin:0 0 20px}
.acc-intro>p{color:var(--ink-2);font-size:16.5px;margin:0 0 12px;max-width:40em}
.acc-perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.acc-perks li{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 6px;border-radius:999px;background:var(--tint);color:var(--ink);font-weight:600;font-size:14px}
.acc-pk{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--brand-d)}
.ehv2 .acc-grid .acc-card{background:#fff!important;border:0!important;border-radius:var(--r-l)!important;box-shadow:0 0 0 1px var(--line),0 22px 44px -34px rgba(7,28,36,.35)!important;padding:clamp(20px,3.4vw,32px)!important}
.ehv2 .acc-grid .acc-card form{border:0!important;padding:0!important;margin:0!important;border-radius:0!important;display:flex;flex-direction:column}
.acc-hd{display:flex;gap:14px;align-items:center;margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.acc-ring{position:relative;flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tint);color:var(--brand-d)}
.acc-ring::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.6px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.ehv2 #customer_login .acc-hd h2{margin:0 0 2px!important;font-size:22px;color:var(--ink)}
.acc-hd p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.5}
.ehv2 .acc-card .form-row{margin:0 0 14px!important;padding:0!important}
.ehv2 .acc-card label{font-weight:600;color:var(--ink);font-size:14.5px;margin-bottom:6px;display:block}
.ehv2 .acc-card .required{color:var(--sale);border:0;text-decoration:none}
.ehv2 .acc-card input.input-text{height:52px!important;border-radius:12px!important}
.ehv2 .acc-card input.input-text:focus{border-color:var(--brand-d)!important;box-shadow:0 0 0 3px rgba(12,117,147,.15);outline:0}
.ehv2 .acc-card .password-input{display:block;position:relative}
.ehv2 .acc-card .show-password-input{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:var(--mut);cursor:pointer}
/* סדר: שדות → כניסה → שכחתי → רשתות חברתיות בסוף, מתחת לקו "או" */
.ehv2 .acc-card form>*{order:3}
.ehv2 .acc-card form>.acc-submit{order:5;display:flex!important;flex-direction:column;gap:12px;align-items:stretch;margin-top:4px!important}
.ehv2 .acc-card form>.lost_password{order:6;text-align:center;margin:12px 0 0!important}
.ehv2 .acc-card form>.woocommerce-privacy-policy-text,.ehv2 .acc-card form>.ehv2-consent{order:4}
.ehv2 .acc-card form>.the_champ_outer_login_container{order:9}
.ehv2 .acc-card form>div[style*="clear"]{display:none}
.ehv2 .acc-card .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:8px;font-weight:500!important;margin:0!important;order:1}
.ehv2 .acc-card .acc-submit .button{order:2;width:100%!important;height:52px!important;border-radius:999px!important;background:var(--brand-d)!important;color:#fff!important;font-size:17px!important;font-weight:700!important;border:0!important;margin:0!important;float:none!important}
@media (hover:hover){.ehv2 .acc-card .acc-submit .button:hover{background:var(--brand-dd)!important}}
.ehv2 .acc-card .lost_password a{color:var(--brand-d)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ehv2 .acc-note{display:flex;gap:10px;align-items:flex-start;background:var(--tint);border-radius:12px;padding:12px 14px;color:var(--ink-2);font-size:14.5px;margin:0 0 14px!important}
.ehv2 .acc-note .ic{flex:none;color:var(--brand-d);margin-top:2px}
.ehv2 .acc-card .woocommerce-privacy-policy-text p{font-size:13.5px;color:var(--mut);margin:0 0 10px;line-height:1.55}
.ehv2 .acc-card a{color:var(--brand-d)}
.ehv2 .acc-card input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-d);flex:none;margin:0}
.ehv2 .acc-card .ehv2-consent label{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;font-size:14px!important;line-height:1.5}
/* רשתות חברתיות: קו "או", כפתורים אחידים, בלי נטוי */
.ehv2 .acc-card .the_champ_outer_login_container{margin:22px 0 0!important;padding:0!important;display:block}
.ehv2 .acc-card .the_champ_social_login_title{font-size:0!important;height:20px;display:flex!important;justify-content:center;align-items:center;margin:0 0 14px!important;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat}
.ehv2 .acc-card .the_champ_social_login_title::after{content:"או המשיכו עם";font-size:13.5px;font-weight:600;color:var(--mut);background:#fff;padding:0 12px}
.ehv2 .acc-card ul.the_champ_login_ul{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px!important;padding:0!important;list-style:none}
.ehv2 .acc-card ul.the_champ_login_ul li{margin:0!important;float:none!important;width:auto!important;list-style:none}
.ehv2 .acc-card ul.the_champ_login_ul li .theChampLogin{font-style:normal!important;width:100%!important;height:48px!important;border-radius:999px!important;box-shadow:0 0 0 1px var(--line-2)!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer}
.ehv2 .acc-card ul.the_champ_login_ul li .theChampLogin *{font-style:normal!important}
.ehv2 .acc-card .heateor_ss_sl_optin_container label{display:block!important;font-weight:500!important;font-size:13.5px!important;line-height:1.6;color:var(--ink-2)}
.ehv2 .acc-card .heateor_ss_sl_optin_container input{display:inline-block;vertical-align:-4px;margin:0 0 0 8px!important}
@media (max-width:420px){.ehv2 .acc-card ul.the_champ_login_ul{grid-template-columns:1fr}}
/* איפוס סיסמה / סיסמה חדשה - אותו כרטיס */
.ehv2 .flow-body form.woocommerce-ResetPassword{max-width:560px;margin:8px 0 0!important;background:#fff;border:0!important;border-radius:var(--r-l)!important;box-shadow:0 0 0 1px var(--line),0 22px 44px -34px rgba(7,28,36,.35);padding:clamp(20px,3.4vw,32px)!important}
.ehv2 .flow-body form.woocommerce-ResetPassword>p:first-child{color:var(--ink-2);margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--line);line-height:1.6}
.ehv2 .flow-body form.woocommerce-ResetPassword .form-row{float:none!important;width:100%!important;margin:0 0 14px!important;padding:0!important}
.ehv2 .flow-body form.woocommerce-ResetPassword label{display:block;font-weight:600;color:var(--ink);font-size:14.5px;margin-bottom:6px}
.ehv2 .flow-body form.woocommerce-ResetPassword input.input-text{height:52px!important;border-radius:12px!important}
.ehv2 .flow-body form.woocommerce-ResetPassword .button{width:100%!important;height:52px!important;border-radius:999px!important;background:var(--brand-d)!important;color:#fff!important;font-weight:700!important;font-size:17px!important;border:0!important}
.ehv2 .flow-body .woocommerce-ResetPassword .clear{display:none}
/* ===== v26: החשבון שלי - אזור מחובר ===== */
.ehv2.is-account .flow-body>.woocommerce{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.ehv2.is-account .flow-body>.woocommerce::before,.ehv2.is-account .flow-body>.woocommerce::after{content:none!important}
@media (min-width:900px){.ehv2.is-account .flow-body>.woocommerce:has(>.acc-nav){grid-template-columns:260px minmax(0,1fr);gap:28px}}
.ehv2 .acc-nav{float:none!important;width:auto!important;margin:0!important}
.ehv2 .acc-nav ul{list-style:none;margin:0;padding:8px;background:#fff;border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:2px}
.ehv2 .acc-nav li{margin:0;padding:0;list-style:none}
.ehv2 .acc-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:12px;color:var(--ink)!important;font-weight:600;text-decoration:none!important}
.ehv2 .acc-nav-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--brand-d);flex:none}
.ehv2 .acc-nav li.is-active a{background:var(--brand-d);color:#fff!important}
.ehv2 .acc-nav li.is-active .acc-nav-ic{background:rgba(255,255,255,.16);color:#fff}
@media (hover:hover){.ehv2 .acc-nav li:not(.is-active) a:hover{background:var(--tint)}}
.ehv2 .acc-nav li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--mut)!important}
@media (max-width:899px){
  .ehv2 .acc-nav ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:6px;gap:6px;border-radius:999px;scroll-snap-type:x proximity}
  .ehv2 .acc-nav ul::-webkit-scrollbar{display:none}
  .ehv2 .acc-nav a{white-space:nowrap;min-height:42px;padding:0 14px 0 8px;border-radius:999px;gap:8px;font-size:14.5px}
  .ehv2 .acc-nav-ic{width:28px;height:28px}
}
.ehv2 .woocommerce-MyAccount-content{float:none!important;width:auto!important;margin:0!important;min-width:0}
.ehv2 .woocommerce-MyAccount-content>*:first-child{margin-top:0}
.acc-hello{display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line);padding:20px;margin-bottom:16px}
.ehv2 .acc-hello h2{margin:0 0 4px;font-size:22px;color:var(--ink)}
.acc-hello p{margin:0;color:var(--ink-2);line-height:1.6}
.acc-hello p a{color:var(--brand-d);font-weight:600;white-space:nowrap}
.acc-last{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:var(--tint);border-radius:var(--r-l);padding:18px 20px;margin-bottom:16px}
.acc-last p{margin:0}
.acc-last-k{font-size:13.5px;font-weight:700;color:var(--brand-d)}
.acc-last-v{font-weight:700;color:var(--ink);margin:2px 0!important}
.acc-last-s{color:var(--ink-2)}
.acc-badge{display:inline-block;background:#fff;color:var(--brand-dd);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;margin-left:6px}
.acc-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.acc-tiles li{margin:0;list-style:none}
.acc-tiles a,.acc-tiles button{width:100%;height:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:right;background:#fff;border:0;border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line);padding:16px;color:var(--ink)!important;text-decoration:none!important;font:inherit;cursor:pointer}
.acc-tiles .acc-ring{grid-row:1/3;width:46px;height:46px}
.acc-tiles b{font-size:16px;align-self:end}
.acc-tiles a>span:last-child,.acc-tiles button>span:last-child{font-size:13.5px;color:var(--mut);align-self:start}
@media (hover:hover){.acc-tiles a:hover,.acc-tiles button:hover{box-shadow:0 0 0 1.5px var(--brand-d)}}
@media (max-width:1100px){.acc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.acc-tiles{grid-template-columns:minmax(0,1fr)}.acc-last .btn{width:100%;justify-content:center}}
/* טבלאות וטפסים בתוך החשבון */
.ehv2 .woocommerce-MyAccount-content table.shop_table{border:0!important;border-radius:var(--r-l);overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#fff}
.ehv2 .woocommerce-MyAccount-content table.shop_table th{background:var(--tint);color:var(--ink)!important}
.ehv2 .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,.ehv2 .woocommerce-MyAccount-content form.edit-account,.ehv2 .woocommerce-MyAccount-content form:has(.woocommerce-address-fields){background:#fff;border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line);padding:20px;float:none!important;width:auto!important}
.ehv2 .woocommerce-MyAccount-content .woocommerce-Addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.ehv2 .woocommerce-MyAccount-content .woocommerce-Addresses::before,.ehv2 .woocommerce-MyAccount-content .woocommerce-Addresses::after{content:none!important}
.ehv2 .woocommerce-MyAccount-content .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ehv2 .woocommerce-MyAccount-content .woocommerce-Address-title h2{font-size:19px;margin:0}
.ehv2 .woocommerce-MyAccount-content .woocommerce-Address-title a{color:var(--brand-d)!important;font-weight:700}
.ehv2 .woocommerce-MyAccount-content .woocommerce-info{border-radius:var(--r);background:var(--tint)}

/* v27: subcategory tiles - even grid on desktop, snap row on mobile, breathing room below */
.subtiles{margin-bottom:22px;padding-bottom:10px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gut)}
.subtiles>li{scroll-snap-align:start;flex:none}
.subtile{min-width:0;width:200px;height:72px;gap:12px;padding:8px 14px 8px 12px;white-space:normal}
.st-img{width:52px;height:52px;border-radius:12px;background:var(--media,#f4f7f8)}
.st-img img{mix-blend-mode:multiply;padding:4px}
.st-t{font-size:14.5px;min-width:0}
.st-t small{margin-top:3px}
@media (min-width:1024px){
  .subtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:14px 0 32px;padding:0;overflow:visible}
  .subtile{width:auto;height:76px}
}

/* v27: "כל הקטגוריות" - one compact row, never taller than the screen, page stays visible below */
@media (min-width:1024px){
  .catbar .allcats-panel{padding-top:18px!important;padding-bottom:18px!important;max-height:calc(100vh - var(--hdr-h,180px) - 60px);overflow-y:auto;overscroll-behavior:contain}
  .catbar .allcats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px!important}
  .ac-col{padding:6px 6px 8px}
  .ac-h.ac-photo{height:78px!important;margin:0 0 4px!important}
  .ac-t{right:10px;bottom:8px}
  .ac-t b{font-size:15px}
  .ac-t small{font-size:11.5px}
  .ac-go{width:24px;height:24px;left:8px;bottom:8px}
  .ac-kids li:nth-child(n+5){display:none}
  .ac-kids a{min-height:30px;padding:3px 8px;font-size:13.5px!important}
  .ac-kids em{min-width:22px;padding:0 6px;font-size:11px}
  .ac-foot{margin-top:12px;padding:10px 14px}
  .ac-foot .btn{min-height:40px}
}

/* footer contact: long values wrap cleanly instead of being clipped */
.ftr-contact>a>span:last-child,.ftr-hours>span:last-child{min-width:0;overflow-wrap:anywhere}
.ftr-hours>span:last-child{line-height:1.45}

/* v27: mobile subcategory strip - less empty space under it */
@media (max-width:1023px){.subtiles{margin-bottom:6px;padding-bottom:6px}.subtile{width:184px;height:66px}}

/* v27: subcategory products inside the menu */
.kp-grid{display:grid;gap:10px}
.kp-all{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:700;font-size:14.5px;color:var(--brand-dd)!important;text-decoration:none}
.kp-all small{font-weight:600;color:var(--mut);font-size:12.5px}
.kp-all .ic{flex:none}
@media (hover:hover){.kp-all:hover{text-decoration:underline;text-underline-offset:3px}}
.kp-err{font-size:14px;color:var(--mut)}
/* mobile: horizontal product rail under the tapped row */
.mn-kid-prods .kp-grid{grid-auto-flow:column;grid-auto-columns:132px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 8px}
.mn-kid-prods .kp-grid::-webkit-scrollbar{display:none}
.mn-kid-prods{display:block;overflow:visible}
.mn-row[data-kp] .ic:last-child{transition:transform .2s var(--ez)}
.mn-row[data-kp][aria-expanded="true"] .ic:last-child{transform:rotate(-90deg)}
.mn-row[data-kp][aria-expanded="true"]{background:var(--tint)}
/* desktop: the product view replaces the subcategory list inside the same column */
.mega-links.is-kp>ul,.mega-links.is-kp>.mega-sub,.mega-links.is-kp>.mega-top4{display:none!important}
.mega-kp{display:none}
.mega-links.is-kp>.mega-kp{display:block;animation:acIn .25s var(--ez) both}
.kp-hd{display:flex;align-items:center;gap:14px;margin:4px 0 12px}
.kp-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 14px;border:1px solid var(--line)!important;border-radius:999px!important;background:#fff!important;color:var(--ink)!important;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
@media (hover:hover){.kp-back:hover{background:var(--tint)!important;border-color:var(--ring)!important}}
.kp-t{font-size:17px;font-weight:800}
.mega-kp .kp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mega-kp .mn-prod{flex-direction:row;align-items:center;gap:10px;padding:8px;min-height:74px}
.mega-kp .mn-prod-img{flex:none;width:58px;height:58px;aspect-ratio:auto}
.mega-kp .mn-prod>b{margin-inline-start:auto;flex:none;font-size:14px}
.mega-kp .mn-prod-n{flex:1;font-size:13px;min-height:0}
@media (hover:hover){.mega-kp .mn-prod:hover{box-shadow:0 0 0 1px var(--ring),0 10px 22px -16px rgba(7,28,36,.45)}}
.mega-links a[data-kp][aria-expanded="true"]{background:var(--tint)}
@media (prefers-reduced-motion:reduce){.mega-links.is-kp>.mega-kp{animation:none}}
.mn-kid-prods[hidden]{display:none!important}

/* v27: cart drawer - item count in the title, upsell as one compact snap row (was 3 tall stacked rows) */
.dr-hd b{display:flex;align-items:baseline;gap:8px}
.dr-n{font-size:13px;font-weight:700;color:var(--brand-dd);background:var(--tint);padding:2px 10px;border-radius:999px}
.dr-addons{padding:10px 0 12px}
.dr-addons-h{padding:0 16px;margin-bottom:8px;font-size:13.5px}
.dr-addons ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,76%);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:2px 16px 4px;scrollbar-width:none}
.dr-addons ul::-webkit-scrollbar{display:none}
.dr-addons li{scroll-snap-align:start;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 10px;padding:8px 10px;border-radius:var(--r)}
.dr-addons li>a{grid-column:1;grid-row:1/3;align-self:center}
.dr-addons li>a span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;font-size:13px}
.dr-addons img{width:48px;height:48px;border-radius:10px;background:var(--stage);mix-blend-mode:normal}
.dr-addons li>b{grid-column:2;grid-row:1;align-self:end;justify-self:center;font-size:13.5px}
.dr-addons li>.add{grid-column:2;grid-row:2;justify-self:center;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;border-radius:50%!important;font-size:18px}
.dr-addons li:only-child{grid-column:1/-1}

.dr-addons li>a img{flex:0 0 48px;min-width:48px;padding:3px;object-fit:contain}
/* v27: one ring language everywhere - login perk icons get the same open-top ring */
.acc-pk{position:relative}
.acc-pk::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.4px;background:var(--ring-conic);-webkit-mask:var(--ring-mask);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
/* cart drawer footer note: always a single line */
.dr-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.dr-note .ic{flex:none}

/* v27: mobile cart = part of the header - full width panel that drops down under it (same motion as the menu) */
@media (max-width:1023px){
  html .drawer{inset:var(--menu-top,116px) 0 0 0!important;z-index:58!important}
  html .drawer .dr-scrim{display:none}
  html .drawer .dr-panel{inset:0;width:auto;transform:none!important;box-shadow:none;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .3s var(--ez),opacity .16s linear}
  html .drawer.is-open .dr-panel{opacity:1;clip-path:inset(0 0 0 0)}
  html .drawer .dr-hd{padding-top:10px;padding-bottom:10px}
  html.cart-open .mbar a[data-open-cart] .ic{box-sizing:content-box;padding:4px;margin:-4px;border-radius:50%;border:1.6px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--ring-conic) border-box}
  html.cart-open .fcall,html.cart-open .sm-sa-launch{visibility:hidden}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){html .drawer .dr-panel{transition:none}}
.dr-foot[hidden]{display:none!important}

/* v27: cart icon <-> X morph */
.act-cart .act-ic>.ic,.act-cart .act-ic>svg{transition:transform .32s var(--ez),opacity .18s linear}
.act-x{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:rotate(-90deg) scale(.4);transition:transform .32s var(--ez),opacity .18s linear;pointer-events:none}
html.cart-open .hdr .act-cart .act-ic>.ic,html.cart-open .hdr .act-cart .act-ic>svg{opacity:0;transform:rotate(90deg) scale(.4)}
html.cart-open .hdr .act-cart .act-x{opacity:1;transform:none}
html.cart-open .hdr .act-cart .badge{opacity:0;transform:scale(.5)}
.hdr .act-cart .badge{transition:opacity .18s linear,transform .25s var(--ez)}
html.cart-open .hdr .act-cart .act-ic::before{animation:ringTurn .6s var(--ez)}
@media (prefers-reduced-motion:reduce){.act-x,.act-cart .act-ic>.ic,.act-cart .act-ic>svg,.act-cart .act-ic::before{transition:none;animation:none!important}}
/* v27: mobile logo - optical centre (wordmark sits left of the pin, so the group read as off-centre) */
@media (max-width:1023px){.hdr-in>.logo{transform:translateX(9px)}}

/* v27: page transitions - header and bottom bar stay still, content does a short soft fade */
html.vt-on .hdr{view-transition-name:ehv2-hdr}
html.vt-on .mbar{view-transition-name:ehv2-mbar}
::view-transition-group(ehv2-hdr),::view-transition-group(ehv2-mbar){animation:none}
::view-transition-old(root){animation:ehvOut .14s ease-out both}
::view-transition-new(root){animation:ehvIn .24s cubic-bezier(.22,1,.36,1) both}
@keyframes ehvOut{to{opacity:0}}
@keyframes ehvIn{from{opacity:0;transform:translateY(8px)}}
/* navigation feedback line */
html.nav-go .hdr::after{left:auto!important;height:2px;opacity:1!important;transform:none!important;background:linear-gradient(90deg,#1b8fc4,#45c2cf);animation:navGo 2.4s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes navGo{from{width:0}to{width:86%}}
@media (prefers-reduced-motion:reduce){html.nav-go .hdr::after{animation:none;width:100%}}

/* v27: rail play/pause - same ring button as the arrows, visible on every width */
.sec-tools .rail-play{display:grid!important;place-items:center}
@media (max-width:1023px){.sec-tools .rail-play{width:36px!important;height:36px!important}}
.rail-play svg{display:block}

/* v27: checkout sticky pay bar - appears whenever the real pay button is out of view (all widths) */
.co-bar{position:fixed;right:0;left:0;bottom:0;z-index:48;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(7,28,36,.45);transform:translateY(110%);transition:transform .3s var(--ez);pointer-events:none}
.co-bar.on{transform:none;pointer-events:auto}
.co-bar-in{display:flex;align-items:center;gap:14px;max-width:760px;margin:0 auto}
.co-bar-t{display:grid;line-height:1.15;flex:none}
.co-bar-t small{font-size:12px;color:var(--mut);font-weight:600}
.co-bar-t b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.co-bar-go{flex:1;min-height:52px!important;gap:8px;font-size:16px!important}
@media (min-width:1024px){
  .co-bar{right:auto;left:var(--co-l,auto);width:var(--co-w,420px);bottom:16px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-l,22px)}
}
@media (max-width:1023px){body.ehv2 .woocommerce-checkout{padding-bottom:90px}}
@media (prefers-reduced-motion:reduce){.co-bar{transition:none}}
/* missing required field - clear, not alarming */
form.checkout .woocommerce-invalid-required-field :is(input,select,textarea),form.checkout .woocommerce-invalid-required-field .select2-selection{border-color:#d64545!important;box-shadow:0 0 0 3px rgba(214,69,69,.12)!important}
form.checkout .woocommerce-invalid-required-field>label{color:#b42f2f}
/* checkout upsell - compact, one row of small cards */
.co-upsell{margin:0 0 18px;padding:14px;border-radius:var(--r);background:var(--tint);box-shadow:inset 0 0 0 1px rgba(12,117,147,.1)}
.co-upsell[hidden]{display:none}
.co-upsell-h{margin:0 0 10px;font-weight:800;font-size:15px}
.co-upsell-h small{display:block;font-weight:500;font-size:12.5px;color:var(--mut)}
.co-upsell ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.co-upsell ul::-webkit-scrollbar{display:none}
.co-upsell li{scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:8px 10px;border-radius:var(--r-s);background:#fff;border:1px solid var(--line)}
.co-upsell li[hidden]{display:none}
.co-upsell li>a{grid-column:1;grid-row:1/3;display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:600;color:var(--ink)}
.co-upsell li>a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.co-upsell li img{flex:0 0 44px;width:44px;height:44px;object-fit:contain;border-radius:8px;background:var(--stage)}
.co-upsell li>b{grid-column:2;grid-row:1;align-self:end;justify-self:center;font-size:13.5px}
.co-upsell li>.add{grid-column:2;grid-row:2;justify-self:center;width:32px!important;height:32px!important;min-height:0!important;padding:0!important;border-radius:50%!important}
.co-upsell li.is-added{opacity:.55}
.co-upsell li.is-added>.add{pointer-events:none}
@media (min-width:1024px){.co-upsell ul{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible}}
form.checkout>*,.co-upsell,.co-upsell ul{min-width:0;max-width:100%}

/* v28: optimistic cart - a row waiting for the server is calm, not broken */
.dr-item.is-pending .dr-price{opacity:.55;transition:opacity .2s}
.dr-item.is-pending .qty button{opacity:.45;cursor:progress}
.dr-item .qty button:disabled{pointer-events:none}

/* v28: play/pause on rails that had no arrow bar - the link and the button share one row */
.rail-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:1/-1}
.rail-tools .rail-play{flex:0 0 auto}
@media (min-width:1024px){.ninja-hd .rail-tools{grid-column:auto;justify-content:flex-end}}
html .sec-night .rail-tools .rail-play{background:rgba(255,255,255,.1);color:#ffffff;border:1.5px solid rgba(255,255,255,.55);width:40px;height:40px}
html .sec-night .rail-tools .rail-play svg{stroke:#ffffff}
html .sec-night .rail-tools .rail-play:hover{background:rgba(255,255,255,.2)}

/* v28: add-to-cart note (wishlist-note language, product thumbnail instead of the heart) */
.ct-note-ic{background:var(--stage);overflow:hidden;color:var(--brand-d)}
.ct-note-ic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ct-note .wl-note-t small{direction:rtl}

/* v28b: close button on the add-to-cart note */
.ct-note{padding-inline-end:6px}
.ct-note-x{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--mut);display:grid;place-items:center;cursor:pointer;margin-inline-start:-2px}
@media (hover:hover){.ct-note-x:hover{background:var(--stage);color:var(--ink)}}
.ct-note-x:focus-visible{outline:3px solid var(--brand-dd);outline-offset:1px}

/* v28c: fly-to-cart */
.fly-img{position:fixed;z-index:90;object-fit:contain;background:#fff;border-radius:16px;box-shadow:0 12px 30px -10px rgba(7,28,36,.45);pointer-events:none;will-change:transform,opacity}
@keyframes cartBump{0%{transform:scale(1)}35%{transform:scale(1.22)}65%{transform:scale(.94)}100%{transform:scale(1)}}
.cart-bump{animation:cartBump .42s cubic-bezier(.3,1.4,.5,1)}
@media (prefers-reduced-motion:reduce){.cart-bump{animation:none}}

/* v28d: success sparkle on the cart icon */
.spark{position:fixed;z-index:91;pointer-events:none;display:block;line-height:0;will-change:transform,opacity}
.spark.is-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
/* v34: product cards inside posts - identical to the shop cards; .prose must not restyle them */
.post-products{margin:1.6em 0}
.post-products .pp-hd{font-size:19px;margin:0 0 .6em}
.post-products .grid{gap:10px}
@media (min-width:768px){.post-products .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.prose .post-products .card a{color:inherit;text-decoration:none}
.prose .post-products .card img{margin:0;border-radius:0}
.prose .post-products .card-name{font-size:14.5px;margin:0;line-height:1.35}
.prose .post-products .card p{margin:0}
.prose .post-products .card .price{margin:0}
/* v34: mid-size desktops (1024-1379) - the category items overflowed under the sale pill ("טלויזיותמבצעים" at 1280) */
.catbar-sale{flex-shrink:0}
@media (max-width:1379px){.catbar .mega-top{padding:0 8px;gap:6px;font-size:14.5px}}
@media (max-width:1199px){.catbar .mega-top .ic{display:none}.catbar .mega-top{padding:0 7px}}
@media (max-width:1099px){.catbar .mega-top{font-size:13.5px;padding:0 5px}.catbar-sale{padding:0 10px}.catbar .wrap.catbar-in{gap:4px}}
/* v34: arrows + mouse drag for horizontal product rows (cart drawer) */
.dr-addons-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hrow-nav{display:none;gap:6px}
@media (hover:hover) and (pointer:fine){.hrow-nav{display:inline-flex}.hrow-nav[hidden]{display:none}}
.hrow-b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);border:1px solid var(--line);cursor:pointer;transition:background .15s,opacity .15s}
.hrow-b:hover:not(:disabled){background:var(--tq);color:#fff;border-color:var(--tq)}
.hrow-b:disabled{opacity:.35;cursor:default}
@media (hover:hover) and (pointer:fine){.dr-addons ul{cursor:grab}.dr-addons ul.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}}
/* ===== v34: product comparison ===== */
/* card button - sits under the heart, same ring language but quieter (white, thin) */
.cmp-btn{position:absolute;z-index:3;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--brand-d);cursor:pointer;box-shadow:0 4px 12px -8px rgba(7,28,36,.35);transition:transform .2s var(--ez),background .2s,color .2s}
.cmp-card{top:50px;left:8px;width:36px;height:36px}
.cmp-card::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.4px solid var(--line);pointer-events:none}
.cmp-btn[aria-pressed=true]{background:var(--brand-d);color:#fff}
.cmp-btn[aria-pressed=true]::after{border-color:transparent}
.cmp-btn.pop svg{animation:wlPop .45s var(--ez)}
@media (hover:hover){.cmp-btn:hover{transform:scale(1.06)}}
.cmp-btn:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}
.ehv2 .pdp-info>.cmp-pdp,.cmp-pdp{position:relative!important;top:auto;left:auto;display:inline-flex;align-items:center;gap:6px;width:auto;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);box-shadow:none;font:inherit;font-size:14px;font-weight:600;margin:6px 0 4px;align-self:flex-start}
.cmp-pdp[aria-pressed=true]{border-color:var(--brand-d)}

/* tray - bottom, centered, above the mobile bar */
.cmp-tray{position:fixed;z-index:65;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;max-width:calc(100vw - 24px);border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 16px 36px -16px rgba(7,28,36,.5),0 0 0 1px var(--line);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:transform .32s var(--ez),opacity .2s linear}
.cmp-tray.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
@media (min-width:1024px){.cmp-tray{bottom:24px}}
.cmp-ths{display:flex;gap:6px;flex:none}
.cmp-th{position:relative;width:40px;height:40px;border-radius:50%;background:var(--stage,#f3f6f8);display:grid;place-items:center;flex:none}
.cmp-th img{width:32px;height:32px;object-fit:contain;border-radius:50%}
.cmp-th.is-empty{border:1.5px dashed var(--line);background:#fff;color:var(--mut);font-size:18px;line-height:1}
.cmp-th-x{position:absolute;top:-4px;left:-4px;width:20px;height:20px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.cmp-th-x svg{width:10px;height:10px}
.cmp-go{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--brand-d);color:#fff;font:inherit;font-size:14.5px;font-weight:700;padding:10px 16px;cursor:pointer;white-space:nowrap}
html body .cmp-tray .cmp-go{color:#fff!important;background:var(--brand-d)!important}
@media (hover:hover){html body .cmp-tray .cmp-go:hover{background:var(--brand-dd)!important}}
.cmp-hint{font-size:13.5px;color:var(--mut);white-space:nowrap;padding:0 4px}
.cmp-clear{width:34px;height:34px;flex:none;border-radius:50%;border:0;background:transparent;color:var(--mut);display:grid;place-items:center;cursor:pointer}
@media (hover:hover){.cmp-clear:hover{background:var(--stage,#f3f6f8);color:var(--ink)}}
.cmp-go:focus-visible,.cmp-clear:focus-visible,.cmp-th-x:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}
@media (max-width:420px){.cmp-th{width:36px;height:36px}.cmp-th img{width:28px;height:28px}.cmp-go{padding:10px 13px;font-size:14px}.cmp-go svg{display:none}}
/* notes + floating buttons step up while the tray is showing, never on top of it */
@media (max-width:1023px){
  html.has-cmp .wl-note{bottom:calc(140px + env(safe-area-inset-bottom))}
  html.has-cmp .fcall{bottom:calc(196px + env(safe-area-inset-bottom))}
  html.has-cmp :is(.userway_buttons_wrapper,.sm-sa-launch){transform:translateY(-64px)}
}
@media (min-width:1024px){html.has-cmp .wl-note{bottom:92px}}
html.sr-open .cmp-tray,html.ehv2-lock .cmp-tray{opacity:0!important;pointer-events:none!important}
.cmp-note-ic{background:#e7f5fa!important;color:var(--brand-d)!important}

/* dialog */
.cmp-dlg{width:min(1180px,100vw)}
.cmp-dlg .wl-hd{gap:12px}
.cmp-dlg .wl-hd h2{margin-inline-end:auto}
.cmp-diff{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap}
.cmp-diff input{width:18px;height:18px;accent-color:var(--brand-d);margin:0}
.cmp-body{flex:1;min-height:0;overflow:auto;padding:0 0 12px;-webkit-overflow-scrolling:touch}
.cmp-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.cmp-t{border-collapse:separate;border-spacing:0;min-width:calc(110px + var(--n) * 150px);width:100%;table-layout:fixed;font-size:14px}
.cmp-t thead th,.cmp-t thead td{position:sticky;top:0;z-index:2;background:#fff;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp-t .cmp-lab,.cmp-t tbody th{width:110px;position:sticky;right:0;z-index:1;background:#f7fafb;text-align:right}
.cmp-t thead .cmp-lab{z-index:3;background:#fff}
.cmp-t tbody th{font-weight:700;font-size:13px;color:var(--ink-2,#3a4a55);padding:12px 12px;border-bottom:1px solid var(--line);line-height:1.35}
.cmp-t td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center;line-height:1.4;color:var(--ink);word-break:break-word}
.cmp-t tbody tr:nth-child(even) td{background:#fbfcfd}
.cmp-dlg.only-diff .cmp-t tbody tr.is-same{display:none}
.cmp-na{color:var(--mut);font-size:12.5px}
.cmp-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;text-align:center}
.cmp-p-x{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--mut);display:grid;place-items:center;cursor:pointer;padding:0}
@media (hover:hover){.cmp-p-x:hover{color:var(--ink);border-color:var(--ink)}}
.cmp-p-a{display:flex;flex-direction:column;align-items:center;gap:6px;color:inherit;text-decoration:none}
.cmp-p-img{width:96px;height:96px;display:grid;place-items:center}
.cmp-p-img img{max-width:100%;max-height:100%;object-fit:contain}
.cmp-p-n{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.cmp-p-pr{margin:0;display:flex;align-items:baseline;gap:6px}
.cmp-p-pr b{font-size:18px;font-weight:800}
.cmp-p-pr s{font-size:13px;color:var(--mut)}
.cmp-add{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:auto!important;min-height:38px;padding:0 14px!important;border-radius:999px!important;font-size:14px}
.cmp-foot{margin:12px 16px 0;font-size:12.5px;color:var(--mut)}
@media (min-width:768px){.cmp-t{font-size:14.5px}.cmp-t .cmp-lab,.cmp-t tbody th{width:160px}.cmp-t{min-width:calc(160px + var(--n) * 190px)}.cmp-p-img{width:120px;height:120px}}
@media (max-width:767px){.cmp-dlg .wl-hd{flex-wrap:wrap;padding:14px 16px}.cmp-dlg .wl-hd h2{font-size:19px}.cmp-diff{order:3;width:100%}}
@media (prefers-reduced-motion:reduce){.cmp-btn.pop svg{animation:none}.cmp-tray{transition:opacity .2s linear;transform:translate(-50%,0)}}
@media (max-width:767px){.cmp-t{min-width:calc(88px + var(--n) * 128px)}.cmp-t .cmp-lab,.cmp-t tbody th{width:88px;padding-inline:10px}.cmp-t td{padding:11px 8px;font-size:13.5px}.cmp-p-img{width:84px;height:84px}}
.cmp-body{padding-bottom:22px}
html body .cmp-tray .cmp-th-x{color:#fff!important;background:var(--ink)!important}
.cmp-th-x svg{width:11px!important;height:11px!important;stroke:#fff}
/* product page: the sticky buy bar owns the bottom edge - the tray sits above it, never on the buy button */
@media (max-width:1023px){html:has(.sticky-buy.is-on) .cmp-tray{bottom:calc(158px + env(safe-area-inset-bottom))}html.has-cmp:has(.sticky-buy.is-on) .wl-note{bottom:calc(222px + env(safe-area-inset-bottom))}}
@media (min-width:1024px){html:has(.sticky-buy.is-on) .cmp-tray{bottom:92px}html.has-cmp:has(.sticky-buy.is-on) .wl-note{bottom:160px}}
.cmp-tray{transition:transform .32s var(--ez),opacity .2s linear,bottom .28s var(--ez)}
/* mobile: the left edge belongs to the accessibility and call buttons - the tray hugs the right edge and stacks its thumbnails */
@media (max-width:1023px){
  .cmp-tray{left:auto;right:12px;max-width:calc(100vw - 84px);transform:translateY(16px)}
  .cmp-tray.on{transform:none}
  .cmp-ths .cmp-th+.cmp-th{margin-inline-start:-12px}
  .cmp-th{box-shadow:0 0 0 2px #fff}
  .cmp-th-x{display:none!important}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){.cmp-tray{transform:none}}
/* v35: images fade in on arrival (JS marks only the ones still loading) */
.img-wait{visibility:hidden}
.img-in{animation:imgIn .38s cubic-bezier(.2,.8,.2,1)}
@keyframes imgIn{from{opacity:0;filter:blur(6px)}to{filter:blur(0)}}
/* v35: Safari/iOS has no cross-document view transition here (sticky header jumps) - a short soft entrance of the page body instead.
   Chrome keeps the view transition; CrUX/LCP is measured in Chrome only, so this never touches the ranking metric. */
html:not(.vt-on) .content-wrap,html:not(.vt-on) main{animation:pgIn .26s cubic-bezier(.2,.8,.2,1)}
@keyframes pgIn{from{opacity:.001;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.img-wait{visibility:visible}.img-in{animation:none}html:not(.vt-on) .content-wrap,html:not(.vt-on) main{animation:none}}
/* v36 compare: the note never spills past the viewport; suggestions inside the dialog */
.cmp-note{width:max-content;max-width:min(460px,calc(100vw - 24px));box-sizing:border-box}
.cmp-note .wl-note-t{white-space:normal;min-width:0;flex:1 1 auto}
.cmp-note .wl-note-t small{line-height:1.3}
@media (max-width:520px){.cmp-note{border-radius:18px;padding:10px 10px 10px 12px;gap:8px}.cmp-note .wl-note-go{font-size:13.5px;padding:8px 12px}.cmp-note .wl-note-t b{font-size:14px}}
html body .cmp-tray .cmp-go.cmp-go-soft{background:#fff!important;color:var(--brand-dd)!important;box-shadow:inset 0 0 0 1.5px var(--brand-d)}
@media (hover:hover){html body .cmp-tray .cmp-go.cmp-go-soft:hover{background:var(--stage)!important;color:var(--brand-dd)!important}}
.cmp-dlg.cmp-single .cmp-diff{display:none}
.cmp-one{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--stage);margin:4px 0 18px}
.cmp-one-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cmp-one-t small{font-size:12.5px;color:var(--mut)}
.cmp-one-t b{font-size:15px;line-height:1.35}
.cmp-sug{margin-top:18px}
.cmp-sug-h{font-size:16px;font-weight:700;margin:0 0 10px}
.cmp-sug-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.cmp-sug-i{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}
.cmp-sug-a{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;min-width:0}
.cmp-sug-img{display:grid;place-items:center;width:72px;height:72px;border-radius:10px;background:var(--stage);flex:none;overflow:hidden}
.cmp-sug-i .cmp-sug-img{width:100%;height:auto;aspect-ratio:1}
.cmp-sug-img img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.cmp-sug-n{font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp-sug-pr{font-size:15px}
.cmp-sug-add{margin-top:auto;border:0;border-radius:999px;background:var(--brand-d);color:#fff;font:inherit;font-size:14px;font-weight:700;padding:9px 12px;cursor:pointer;min-height:40px}
html body .cmp-sug-add{color:#fff!important;background:var(--brand-d)!important}
@media (hover:hover){html body .cmp-sug-add:hover{background:var(--brand-dd)!important}}
.cmp-sug-add:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}
@media (max-width:767px){.cmp-sug-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;margin-inline:-4px;padding-inline:4px}.cmp-sug-i{flex:0 0 150px;scroll-snap-align:start}}
/* v37: suggestions and the "selected" strip keep the dialog's side gutter; the mobile slider bleeds to the edge but starts and snaps inside it */
.cmp-sug{padding-inline:16px}
.cmp-one{margin-inline:16px}
@media (min-width:768px){.cmp-sug{padding-inline:24px}.cmp-one{margin-inline:24px}.cmp-foot{margin-inline:24px}}
@media (max-width:767px){.cmp-sug-row{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.cmp-sug-row::after{content:"";flex:0 0 6px}}
.cmp-na{color:#9aa7b0;font-size:16px;line-height:1}
.cmp-more-b td{padding:10px 12px;text-align:center;background:#fff!important;border-bottom:1px solid var(--line)}
.cmp-more{border:1px solid var(--line);background:#fff;color:var(--brand-dd);font:inherit;font-size:14px;font-weight:700;border-radius:999px;padding:9px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;position:sticky;right:12px}
.cmp-more::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ez)}
.cmp-more[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
@media (hover:hover){.cmp-more:hover{border-color:var(--brand-d);background:#f3fafc}}
.cmp-more:focus-visible{outline:3px solid var(--brand-dd);outline-offset:2px}
.cmp-extra th{color:var(--mut)!important}
.cmp-dlg .cmp-body .cmp-foot{margin:12px 16px 0;line-height:1.5}
@media (min-width:768px){.cmp-dlg .cmp-body .cmp-foot{margin-inline:24px}}
/* v37: floating call button steps aside over tappable content (app.js fc-away) */
html.fc-away .fcall{opacity:0!important;pointer-events:none!important}