/* vd-bundle.css - GEGENEREERD (webshop-snelheid 01-09-2026): app.css + premium.css + commerce.css + redesign.css, byte-voor-byte achter elkaar in
   cascade-volgorde, dus dezelfde computed styles als de losse bestanden. Een render-blocking
   verzoek i.p.v. 4. De losse bestanden blijven bestaan: onderdelen/ (pseo.css tussen commerce
   en redesign) en de generatoren in _shell/ en _pseo/ gebruiken ze nog. Wijzig je een van de
   bronnen, bouw dan deze bundel opnieuw op (zelfde volgorde) en bump het ?v=-token. */

/* ==== app.css ==== */
@font-face{font-family:Saira;src:url(/assets/fonts/saira-latin-var.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Saira Condensed;src:url(/assets/fonts/saira-cond-latin-var.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces-latin-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg:#FFFFFF;--bg-2:#F4F6F8;--bg-3:#E9EDF1;--surface:#FFFFFF;--surface-2:#F1F4F7;--ink:#14171C;--ink-2:#49515C;--ink-3:#67707A;--line:#E6E9ED;--line-2:#D5DAE0;--dark:#121417;--accent:#00BA84;--accent-600:#007A55;--accent-700:#009E6E;--accent-50:#E9FBF4;--accent-100:#BFF2E0;--accent-ink:#FFFFFF;--ok:#0E7A45;--ok-bg:#E7F6EE;--warn:#985D00;--warn-bg:#FDF2DC;--star:#F5A623;--font-display:"Saira Condensed","Arial Narrow","Saira",system-ui,sans-serif;--font-body:"Saira",system-ui,sans-serif;--fs-xs:clamp(.74rem,.71rem + .12vw,.81rem);--fs-sm:clamp(.84rem,.81rem + .15vw,.93rem);--fs-base:clamp(.95rem,.92rem + .2vw,1.04rem);--fs-lg:clamp(1.1rem,1.02rem + .4vw,1.3rem);--fs-xl:clamp(1.35rem,1.1rem + 1.1vw,1.9rem);--fs-2xl:clamp(1.8rem,1.4rem + 2vw,2.9rem);--fs-hero:clamp(2.4rem,1.6rem + 3.6vw,4.4rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--r:12px;--r-lg:18px;--r-xl:24px;--header-h:66px;--maxw:1280px;--sh-warm:0 10px 30px rgba(20,32,54,.1);--sh-cta:0 12px 28px rgba(0,186,132,.3);--shadow:0 6px 22px rgba(20,32,54,.08);--shadow-md:0 16px 40px rgba(20,32,54,.12);--shadow-lg:0 24px 56px rgba(20,32,54,.16);--ease:cubic-bezier(.22,.61,.36,1);--speed:.28s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.12;letter-spacing:-.012em}h1,h2,h3{font-family:var(--font-display)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.muted{color:var(--ink-2)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:1000;background:var(--accent);color:#fff;padding:10px 14px;border-radius:var(--r)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kicker{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-600);font-weight:700}.ic{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.18em;line-height:0}.ic>svg,svg.ic{display:block;width:100%;height:100%}.fit-banner .ic{width:24px;height:24px;color:var(--accent-600)}.life .life-pts .ic{width:18px;height:18px;color:#fff}.pay-badge .ic{width:16px;height:16px}.rev-card .vf .ic{width:13px;height:13px}.foot-badges .ic,.foot-badges svg{width:16px;height:16px;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:0 1.3rem;border-radius:var(--r);font-weight:700;font-size:var(--fs-sm);border:1.5px solid transparent;transition:transform var(--speed) var(--ease),background var(--speed),box-shadow var(--speed),border-color var(--speed);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--sh-cta)}.btn--primary:hover{background:var(--accent-600);transform:translateY(-2px);box-shadow:0 16px 34px #ef5a1e61}.btn--ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink);background:var(--bg-2)}.btn--dark{background:var(--dark);color:#fff}.btn--dark:hover{background:#000;transform:translateY(-2px)}.btn--block{width:100%}.btn--lg{min-height:54px;font-size:var(--fs-base);padding-inline:1.7rem}.btn--sm{min-height:38px;font-size:var(--fs-xs);padding-inline:.9rem}.usp-bar{background:var(--dark);color:#fff}.usp-bar .wrap{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap;padding-block:.5rem;font-size:var(--fs-xs);font-weight:600}.usp-bar span{display:inline-flex;align-items:center;gap:.4rem;color:#e9e8e4}.usp-bar svg{width:16px;height:16px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:2}@media(max-width:680px){.usp-bar span:nth-child(n+3){display:none}}.site-head{position:sticky;top:0;z-index:60;background:#121417d1;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line);transition:box-shadow var(--speed),background var(--speed)}.site-head.is-scrolled{background:#121417f2;box-shadow:0 8px 28px #00000080}.nav{display:flex;align-items:center;gap:var(--s5);height:var(--header-h)}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:-.01em}.brand .mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);border-radius:8px;color:#fff;font-size:1.1rem;box-shadow:0 3px 10px #ef5a1e4d}.brand-mark{width:36px;height:36px;border-radius:9px;flex:none}.brand .wordmark{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.5rem;line-height:1}.brand b{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:.3rem}.main-nav>a,.main-nav>button{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem .8rem;border-radius:var(--r);font-weight:600;font-size:var(--fs-sm);color:var(--ink);transition:background var(--speed),color var(--speed)}.main-nav>a:hover,.main-nav>button:hover,.main-nav .has-mega[aria-expanded=true]{background:var(--bg-2);color:var(--accent-600)}.main-nav .caret{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--speed)}.main-nav .has-mega[aria-expanded=true] .caret{transform:rotate(180deg)}.nav-search{flex:1;display:flex;max-width:420px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden;transition:border-color var(--speed),background var(--speed)}.nav-search:focus-within{border-color:var(--accent);background:var(--bg-3)}.nav-search input{flex:1;min-width:0;border:0;background:transparent;padding:.6rem 1rem;font-size:var(--fs-sm)}.nav-search input::placeholder{color:var(--ink-3)}.nav-search button{padding:0 1rem;color:var(--ink-2)}.nav-search button:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.icon-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r);color:var(--ink);transition:background var(--speed),color var(--speed)}.icon-btn:hover{background:var(--bg-2);color:var(--accent-600)}.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.pill{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:999px;border:2px solid var(--bg)}.menu-toggle{display:none}.mega{position:absolute;left:0;right:0;top:100%;z-index:55;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s var(--ease)}.mega.open{opacity:1;visibility:visible;transform:none}@media(max-width:780px){.mega{display:none}}.mega .wrap{display:grid;grid-template-columns:1fr 280px;gap:var(--s6);padding-block:var(--s5)}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.mega-cat{display:flex;align-items:center;gap:.7rem;padding:.7rem;border-radius:var(--r);transition:background var(--speed)}.mega-cat:hover{background:var(--bg-2)}.mega-cat .ic{width:42px;height:42px;flex:none;display:grid;place-items:center;background:var(--bg-2);border-radius:10px;font-size:1.25rem;overflow:hidden}.mega-cat .ic img{width:100%;height:100%;object-fit:cover}.mega-cat .tx{display:flex;flex-direction:column;line-height:1.2}.mega-cat b{font-size:var(--fs-sm)}.mega-cat small{font-size:var(--fs-xs);color:var(--ink-3)}.mega-promo{background:linear-gradient(160deg,var(--accent-50),var(--bg-2));border:1px solid var(--accent-100);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;justify-content:center;gap:.6rem}.mega-promo b{font-family:var(--font-display);font-size:var(--fs-lg)}.mega-promo p{font-size:var(--fs-sm);color:var(--ink-2);margin:0}.mnav-backdrop{position:fixed;inset:0;z-index:90;background:#14161e73;opacity:0;visibility:hidden;transition:.3s}body.mnav-open .mnav-backdrop{opacity:1;visibility:visible}.mnav{position:fixed;top:0;left:0;z-index:95;height:100dvh;width:min(360px,90%);background:var(--surface);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .32s var(--ease);display:flex;flex-direction:column;overflow-y:auto}body.mnav-open .mnav{transform:none}.mnav header{display:flex;align-items:center;justify-content:space-between;padding:var(--s4);border-bottom:1px solid var(--line)}.mnav nav{padding:var(--s3)}.mnav a,.mnav .acc-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem .8rem;border-radius:var(--r);font-weight:600;font-size:var(--fs-base);color:var(--ink)}.mnav a:hover,.mnav .acc-trigger:hover{background:var(--bg-2)}.acc-panel{display:none;padding-left:.6rem}.acc-panel.open{display:block}.acc-panel a{font-weight:500;color:var(--ink-2)}.acc-trigger svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}.acc-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.hero{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-bottom:1px solid var(--line)}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s7);align-items:center;padding-block:clamp(2.2rem,5vw,4rem)}.hero h1{font-size:var(--fs-hero);letter-spacing:-.025em;line-height:1.02}.hero h1 .hl{color:var(--accent)}.hero p.lead{max-width:48ch;color:var(--ink-2);font-size:var(--fs-lg);margin:var(--s4) 0 var(--s5)}.hero-cta{display:flex;flex-wrap:wrap;gap:.7rem}.hero-assure{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:var(--s5)}.hero-assure div{display:flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}.hero-assure .ic{width:18px;height:18px;color:var(--ok)}.hero-proof{display:flex;align-items:center;gap:.5rem;margin-top:var(--s5);font-size:var(--fs-sm)}.hero-proof .stars{font-size:1.15em}.hero-proof strong{font-weight:700}.hero-proof .muted{color:var(--ink-2)}.hero-visual{position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md)}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual .vtag{position:absolute;left:1rem;bottom:1rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font-size:var(--fs-xs);font-weight:700;box-shadow:var(--shadow);display:flex;align-items:center;gap:.4rem}.hero-visual .vtag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}.section{padding-block:clamp(1.5rem,3vw,2.6rem)}.section.alt{background:var(--bg-2);border-block:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap}.section-head h2{font-size:var(--fs-2xl)}.section-head p{color:var(--ink-2);max-width:54ch;margin:.4rem 0 0}.section-head .lnk{color:var(--accent-600);font-weight:700;font-size:var(--fs-sm)}.section-head .lnk:hover{text-decoration:underline}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:var(--s4)}.cat-card{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:var(--s5) var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);transition:transform var(--speed) var(--ease),box-shadow var(--speed),border-color var(--speed)}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-100)}.cat-card .ic{width:52px;height:52px;display:grid;place-items:center;background:var(--accent-50);border-radius:12px;font-size:1.6rem;margin-bottom:.5rem}.cat-card b{font-size:var(--fs-base)}.cat-card span{font-size:var(--fs-xs);color:var(--ink-3)}.cat-card .arr{position:absolute;top:var(--s4);right:var(--s4);color:var(--accent);opacity:0;transform:translate(-4px);transition:.25s}.cat-card:hover .arr{opacity:1;transform:none}.shop-layout{display:grid;grid-template-columns:248px 1fr;gap:var(--s6);align-items:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4)}.products-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap;color:var(--ink-2);font-size:var(--fs-sm)}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--speed) var(--ease),box-shadow var(--speed),border-color var(--speed)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-2)}.card:hover .cover img{transform:scale(1.05)}.card .cover{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bg-2)}.card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.card .badge{position:absolute;top:10px;left:10px;z-index:2;font-weight:700;font-size:11px;padding:.28rem .5rem;border-radius:6px;background:var(--ink);color:#fff}.card .stock{position:absolute;top:10px;right:10px;z-index:2;font-size:11px;font-weight:700;padding:.28rem .5rem;border-radius:999px;background:var(--ok-bg);color:var(--ok)}.card .stock.check{background:var(--warn-bg);color:var(--warn)}.card .body{display:flex;flex-direction:column;gap:.45rem;padding:var(--s4);flex:1}.card .eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600}.card h3{font-size:var(--fs-base);line-height:1.25;font-weight:700}.card h3 a:hover{color:var(--accent-600)}.card .ship{font-size:var(--fs-xs);color:var(--ink-2);display:flex;align-items:center;gap:.3rem;font-weight:600}.card .ship svg{width:16px;height:16px;color:var(--ink-3);flex:none;stroke:currentColor;fill:none;stroke-width:2}.card .fitline{font-size:var(--fs-xs);color:var(--ink-2);display:flex;align-items:flex-start;gap:.3rem}.card .fitline svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:2px;stroke:currentColor;fill:none;stroke-width:2}.card .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.5rem}.price{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);line-height:1;color:var(--ink)}.price del{display:block;font-size:var(--fs-xs);color:var(--ink-3);font-family:var(--font-body);font-weight:500}.price.sale .now{color:var(--ink)}.card .add{flex:none}.badge--save{background:var(--ink);color:#fff;letter-spacing:.02em}.card .cover{background:var(--surface-2)}.card .cover img,.cat-card .ph img{filter:saturate(.96) contrast(1.03) brightness(1.01)}.filters{position:sticky;top:calc(var(--header-h) + 12px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4)}.filters h4,.filters .filters-title{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink);margin:0;font-weight:700;letter-spacing:normal;line-height:1.2}.filters-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 .7rem}.filters-reset{background:none;border:0;color:var(--accent-600);font-size:var(--fs-xs);font-weight:700;cursor:pointer;padding:.2rem .1rem;border-radius:var(--r)}.filters-reset:hover{text-decoration:underline;text-underline-offset:2px}.filters-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.f-toggle{display:none}.field{margin-bottom:var(--s4)}.field>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:700;margin-bottom:.35rem}.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r);padding:.6rem .7rem;font-size:var(--fs-sm)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-100)}@media(max-width:780px){.field input,.field select,.field textarea,.nav-search input{font-size:16px}}.check{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--accent)}.filter-fit{margin-top:var(--s4);padding:var(--s4);border-radius:var(--r);background:var(--accent-50);border:1px solid var(--accent-100)}.filter-fit b{font-size:var(--fs-sm)}.filter-fit p{font-size:var(--fs-xs);color:var(--ink-2);margin:.3rem 0 .7rem}.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4)}.trust-card{display:flex;gap:.9rem;align-items:flex-start;padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.trust-card .t-ic{width:46px;height:46px;flex:none;display:grid;place-items:center;background:var(--accent-50);border-radius:12px;color:var(--accent-600)}.trust-card .t-ic .ic{width:24px;height:24px}.trust-card b{font-size:var(--fs-base);font-weight:700}.trust-card p{margin:.2rem 0 0;font-size:var(--fs-sm);color:var(--ink-2)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s4)}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);position:relative}.step .n{font-family:var(--font-display);font-size:2.4rem;color:var(--accent-100);line-height:1;position:absolute;top:.6rem;right:1rem}.step h3{font-size:var(--fs-lg);margin-bottom:.4rem}.step p{color:var(--ink-2);font-size:var(--fs-sm);margin:0 0 .8rem}.step a{color:var(--accent-600);font-weight:700;font-size:var(--fs-sm)}.brand-logo{display:block;width:auto;height:36px;max-width:100%;object-fit:contain;opacity:.92;transition:opacity var(--speed) var(--ease)}.brand-logo--lg{height:46px}.brand-logo-chip{display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r);padding:.7rem 1rem;min-height:72px;transition:transform var(--speed) var(--ease),border-color var(--speed),box-shadow var(--speed)}.brand-logo-chip--card{margin-bottom:var(--s4)}.brand-logo-chip--card:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:var(--shadow)}.brand-logo-chip--card:hover .brand-logo{opacity:1}.step--brand h3{margin-top:0}.brand-hero{display:flex;align-items:center;gap:var(--s5);margin-bottom:var(--s5);flex-wrap:wrap}.brand-hero .brand-logo-chip{flex:none;min-width:170px;min-height:96px}.brand-hero h1{font-size:var(--fs-2xl)}.brand-hero p{color:var(--ink-2);max-width:60ch;margin:.4rem 0 0}@media(max-width:560px){.brand-hero .brand-logo-chip{width:100%}}.brandwrap a .brand-logo{height:30px}.brandwrap.brandwrap--logos a{flex-direction:column;gap:.45rem;padding:.85rem .8rem;min-height:92px}.brandwrap.brandwrap--logos a .brand-name{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-family:var(--font-display)}.brandwrap.brandwrap--logos a:hover .brand-name{color:var(--accent-600)}.brandwrap.brandwrap--logos a:hover .brand-logo{opacity:1}.site-foot{margin-top:var(--s8);background:var(--dark);color:#cfd0cf}.foot-grid{display:grid;grid-template-columns:1.6fr repeat(5,minmax(120px,1fr));gap:var(--s5);padding-block:var(--s7) var(--s6)}@media(max-width:1080px){.foot-grid{grid-template-columns:1fr 1fr 1fr}}.site-foot .brand{color:#fff}.site-foot h5,.site-foot .foot-h{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;letter-spacing:.04em;color:#fff;margin:0 0 .8rem}.site-foot a{display:block;color:#b9bab8;padding:.25rem 0;font-size:var(--fs-sm)}.site-foot a:hover{color:var(--accent)}.foot-badges{display:flex;flex-wrap:wrap;gap:1.2rem;padding-block:var(--s4);border-top:1px solid rgba(255,255,255,.1)}.foot-badges div{display:flex;align-items:center;gap:.45rem;font-size:var(--fs-xs);color:#b9bab8}.foot-badges svg{width:16px;height:16px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:2}.foot-base{border-top:1px solid rgba(255,255,255,.1);padding-block:var(--s4);display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;color:#8c8d8b;font-size:var(--fs-xs)}.drawer-backdrop{position:fixed;inset:0;z-index:90;background:#14161e73;opacity:0;visibility:hidden;transition:.3s}body.drawer-open .drawer-backdrop{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;z-index:95;height:100dvh;width:min(430px,100%);background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translate(100%);transition:transform .34s var(--ease)}body.drawer-open .drawer{transform:none}.drawer header{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);border-bottom:1px solid var(--line)}.drawer header h3{font-size:var(--fs-lg)}.close-btn{width:40px;height:40px;border-radius:var(--r);display:grid;place-items:center;font-size:1.3rem;color:var(--ink-2)}.close-btn:hover{background:var(--bg-2);color:var(--ink)}.drawer .items{flex:1;overflow-y:auto;padding:var(--s4) var(--s5)}.empty-cart{text-align:center;color:var(--ink-2);padding:var(--s8) 0;display:flex;flex-direction:column;gap:1rem;align-items:center}.line-item{display:grid;grid-template-columns:60px 1fr auto;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line)}.line-item img{width:60px;height:60px;object-fit:contain;background:var(--bg-2);border-radius:var(--r);padding:6px}.line-item .name{font-weight:700;font-size:var(--fs-sm);line-height:1.25}.line-item .row{display:flex;align-items:center;gap:var(--s3);margin-top:.4rem}.qty-mini{display:flex;align-items:center;gap:.2rem;border:1px solid var(--line-2);border-radius:var(--r)}.qty-mini button{width:30px;height:30px;color:var(--ink-2)}.qty-mini button:hover{color:var(--accent)}.line-item .rm{border:0;background:none;color:var(--ink-3);font-size:12px;text-decoration:underline}.line-item .rm:hover{color:var(--accent-600)}.line-item .price{font-size:var(--fs-base)}.drawer footer{padding:var(--s5);border-top:1px solid var(--line);background:var(--bg-2)}.summary-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:var(--fs-sm);color:var(--ink-2)}.summary-row.total{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink);padding-top:.7rem;margin-top:.4rem;border-top:1px solid var(--line)}.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:var(--s4)}.modal.open{display:grid}.modal .backdrop{position:absolute;inset:0;background:#14161e80;animation:fade .25s var(--ease) forwards}.modal .box{position:relative;z-index:1;width:min(860px,100%);max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s6);box-shadow:var(--shadow-lg);animation:pop .3s var(--ease) forwards}.modal .box.sm{width:min(540px,100%)}@keyframes pop{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}.modal h2{font-size:var(--fs-xl);margin-bottom:.3rem}.modal .x{position:absolute;top:var(--s4);right:var(--s4);width:40px;height:40px;border-radius:var(--r);display:grid;place-items:center;color:var(--ink-2);font-size:1.3rem}.modal .x:hover{background:var(--bg-2);color:var(--ink)}.pd{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6)}.pd-img{aspect-ratio:4/3;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.pd-img img{width:100%;height:100%;object-fit:cover}.specs{width:100%;border-collapse:collapse;margin:var(--s4) 0;font-size:var(--fs-sm)}.specs td{padding:.55rem .2rem;border-bottom:1px solid var(--line)}.specs td:first-child{color:var(--ink-3);text-transform:uppercase;font-size:11px;letter-spacing:.04em;width:42%;font-weight:600}.toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,140%);background:var(--dark);color:#fff;border-left:3px solid var(--accent);padding:.8rem 1.2rem;border-radius:var(--r);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-lg);transition:transform .34s var(--ease);max-width:90vw}.toast.show{transform:translate(-50%)}.crumbs{font-size:var(--fs-xs);color:var(--ink-3);padding-block:var(--s4) 0}.crumbs a:hover{color:var(--accent-600)}.crumbs span{color:var(--ink-2)}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start;padding-block:var(--s5)}.pdp-gallery{position:sticky;top:calc(var(--header-h) + 16px)}.pdp-main-img{aspect-ratio:4/3;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.pdp-main-img img{width:100%;height:100%;object-fit:cover}.pdp h1{font-size:var(--fs-2xl)}.pdp .price-row{display:flex;align-items:center;gap:var(--s4);margin:var(--s4) 0}.pdp .price-row .price{font-size:var(--fs-2xl)}.fit-banner{display:flex;gap:.7rem;align-items:flex-start;padding:var(--s4);border-radius:var(--r);background:var(--accent-50);border:1px solid var(--accent-100);margin:var(--s4) 0}.fit-banner svg{width:22px;height:22px;color:var(--accent-600);flex:none;stroke:currentColor;fill:none;stroke-width:2}.pdp-cta{display:flex;gap:.7rem;flex-wrap:wrap;margin:var(--s5) 0}.pdp .models{display:flex;flex-wrap:wrap;gap:.4rem;margin:var(--s3) 0}.pdp .models span,.pdp .models a{font-size:var(--fs-xs);padding:.3rem .65rem;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);display:inline-block}.pdp .models a{color:var(--accent-600);border-color:var(--accent);text-decoration:none;transition:.15s}.pdp .models a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;background:#121417f5;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:.6rem var(--s4)}.sticky-atc .inner{display:flex;align-items:center;gap:var(--s4);max-width:var(--maxw);margin-inline:auto}.sticky-atc .price{font-size:var(--fs-lg)}.stars{position:relative;display:inline-block;font-size:.85em;line-height:1;letter-spacing:1px;white-space:nowrap}.stars .s-bg{color:var(--line-2)}.stars .s-fg{position:absolute;left:0;top:0;color:var(--star);overflow:hidden;white-space:nowrap}.s-count{font-size:var(--fs-xs);color:var(--ink-2);font-weight:600;margin-left:.35rem}.rating-row{display:flex;align-items:center;gap:.1rem;margin:-.1rem 0 .1rem}.cat-card{padding:0;overflow:hidden}.cat-card .ph{aspect-ratio:4/3;overflow:hidden;background:var(--bg-2)}.cat-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.cat-card:hover .ph img{transform:scale(1.06)}.cat-card .cc-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.1rem}.cat-card .cc-body b{font-size:var(--fs-base)}.cat-card .cc-body span{font-size:var(--fs-xs);color:var(--ink-3)}.cat-card .arr{top:auto;bottom:1rem;right:1rem}.life{position:relative;overflow:hidden;border-radius:var(--r-xl);min-height:340px;display:flex;align-items:center;border:1px solid var(--line);box-shadow:var(--shadow-md)}.life img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.life:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,22,30,.82),rgba(20,22,30,.35) 70%,transparent)}.life .life-tx{position:relative;z-index:2;color:#fff;padding:clamp(1.5rem,4vw,3rem);max-width:60ch}.life .life-tx h2{color:#fff;font-size:var(--fs-2xl)}.life .life-tx p{color:#e6e6e3;margin:.6rem 0 1.2rem;font-size:var(--fs-lg)}.life .life-pts{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-bottom:1.4rem}.life .life-pts span{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:var(--fs-sm)}.life .life-pts svg{width:18px;height:18px;color:#fff;stroke:currentColor;fill:none;stroke-width:2}.stats-band{background:var(--ink);color:#fff}.stats-band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);padding-block:var(--s5)}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem}.stat b{font-family:var(--font-display);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);color:#fff;line-height:1}.stat span{font-size:var(--fs-xs);color:#b9bab8;text-transform:uppercase;letter-spacing:.06em}.stat:first-child b,.stats-band .accent b{color:var(--accent)}@media(max-width:680px){.stats-band .wrap{grid-template-columns:1fr 1fr;gap:var(--s5)}}.rev-head{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.rev-score{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;flex-wrap:wrap;max-width:100%}@media(max-width:480px){.rev-score{border-radius:var(--r-lg)}}.rev-score .big{font-family:var(--font-display);font-size:1.6rem;line-height:1}.rev-score .stars{font-size:1.05em}.rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4)}.rev-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;gap:.6rem}.rev-card .top{display:flex;align-items:center;gap:.7rem}.rev-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;font-size:var(--fs-sm);flex:none;background:var(--accent)}.rev-card .nm{font-weight:700;font-size:var(--fs-sm);line-height:1.1}.rev-card .vf{display:inline-flex;align-items:center;gap:.25rem;font-size:11px;color:var(--ok);font-weight:600}.rev-card .vf svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.rev-card p{margin:0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.55}.rev-card .prod{font-size:var(--fs-xs);color:var(--ink-3);margin-top:auto}.pay-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;justify-content:center}.pay-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.5rem .8rem;font-size:var(--fs-xs);font-weight:700;color:var(--ink-2)}.pay-badge.ideal{color:#c06}.pay-badge svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.pdp-reviews{margin-top:var(--s4)}.pdp-rev-item{padding:var(--s4) 0;border-top:1px solid var(--line)}.pdp-rev-item .top{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.co-head{height:var(--header-h);display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--surface)}.co-head .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}.co-head .secure{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);color:var(--ink-2)}.co-head .secure .ic,.co-head .secure svg{width:16px;height:16px;color:var(--ok)}.checkout{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--s7);align-items:start;padding-block:var(--s6)}.co-form h2{font-size:var(--fs-lg);margin:var(--s5) 0 var(--s3);padding-top:var(--s4);border-top:1px solid var(--line)}.co-form h2:first-of-type{border-top:0;padding-top:0;margin-top:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.grid3{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:var(--s3)}.pay-method{display:flex;align-items:center;gap:.7rem;padding:var(--s4);border:1.5px solid var(--accent);border-radius:var(--r);background:var(--accent-50);cursor:pointer}.pay-method input{accent-color:var(--accent);width:20px;height:20px}.pay-method .ideal{margin-left:auto;font-family:var(--font-display);font-weight:700;color:#c06}.order-summary{position:sticky;top:calc(var(--header-h) + 16px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5)}.order-summary h3{font-size:var(--fs-lg);margin-bottom:var(--s4)}.os-item{display:grid;grid-template-columns:48px 1fr auto;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.os-item img{width:48px;height:48px;object-fit:cover;background:var(--bg-2);border-radius:6px}.os-item .q{color:var(--ink-3);font-size:var(--fs-xs)}.os-totals{padding-top:var(--s4)}.os-note{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);font-size:var(--fs-xs);color:var(--ink-2);margin:var(--s4) 0}.err{border-color:var(--accent)!important}.err-msg{color:var(--accent-600);font-size:var(--fs-xs);margin-top:.3rem;display:none}.err-msg.show{display:block}.trust-row{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.trust-row div{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);color:var(--ink-2)}.trust-row .ic{width:15px;height:15px;color:var(--ok)}.thanks{max-width:640px;margin-inline:auto;text-align:center;padding-block:var(--s8)}.thanks .check-circle{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto var(--s5);background:var(--ok-bg);border:2px solid var(--ok)}.thanks .check-circle svg{width:42px;height:42px;color:var(--ok);stroke:currentColor;fill:none;stroke-width:2}.thanks.pending .check-circle{background:var(--warn-bg);border-color:var(--warn)}.thanks.pending .check-circle svg{color:var(--warn)}.thanks h1{font-size:var(--fs-2xl);margin-bottom:var(--s3)}.thanks .order-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);margin:var(--s5) 0;text-align:left}.has-js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.has-js .reveal.in-view{opacity:1;transform:none}.reveal[data-d="1"]{transition-delay:.05s}.reveal[data-d="2"]{transition-delay:.1s}.reveal[data-d="3"]{transition-delay:.15s}.fp-pop{animation:fpPop .45s var(--ease) both}@keyframes fpPop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1040px){.main-nav .lbl-koopgids{display:none}.hero .wrap{grid-template-columns:1fr}.hero-visual{max-width:440px}.shop-layout{grid-template-columns:1fr}.filters{position:static;padding:0;border:0;background:none}.f-toggle{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:.7rem .9rem;font-size:var(--fs-sm);font-weight:700;color:var(--ink);cursor:pointer}.f-toggle .ic{width:18px;height:18px;color:var(--accent-600)}.f-toggle .ic:last-child{margin-left:auto;transition:transform .2s}.filters.open .f-toggle .ic:last-child{transform:rotate(180deg)}.filters>:not(.f-toggle){display:none}.filters.open{padding:var(--s4);border:1px solid var(--line);background:var(--surface);margin-top:.6rem}.filters.open>:not(.f-toggle){display:block}.filters.open .filters-head,.filters.open .check{display:flex}.filters.open .f-toggle{margin:-.2rem 0 .8rem;border:0;background:none;padding:.2rem 0;width:auto}.pdp{grid-template-columns:1fr}.pdp-gallery{position:static}.mega-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.checkout{grid-template-columns:1fr}.order-summary{position:static;order:-1}.stats-band .wrap{grid-template-columns:1fr 1fr}}@media(max-width:780px){.main-nav,.nav-search{display:none}.menu-toggle{display:grid}.sticky-atc{display:block}.pd{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.foot-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding-block:1.4rem}.section-head{margin-bottom:var(--s4)}.cat-grid,.grid{grid-template-columns:1fr 1fr;gap:.6rem}.trustbar .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem var(--s4);padding-block:var(--s4)}.trustbar .tb{min-width:0;flex-direction:column;align-items:flex-start;gap:.4rem}.trustbar .tb>div{min-width:0}.social{display:none}main,.usp-bar,.trustbar,.prefoot{overflow-x:clip}}@media(max-width:420px){.cat-grid,.grid{gap:.55rem}.section{padding-block:1.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.has-js .reveal,.reveal{opacity:1!important;transform:none!important}.fp-pop{animation:none!important;opacity:1!important;transform:none!important}}.fit-chip{display:flex;align-items:center;gap:.45rem;background:var(--ok-bg);border:1px solid var(--ok);border-radius:var(--r);padding:.5rem .7rem;font-size:var(--fs-xs);color:var(--ink);margin-bottom:var(--s4)}.fit-chip svg{width:15px;height:15px;color:var(--ok);stroke:currentColor;fill:none;stroke-width:2;flex:none}.fit-chip b{font-weight:700}.fit-chip button{margin-left:auto;color:var(--ink-2);font-size:var(--fs-xs);text-decoration:underline;padding:.1rem .25rem}.fit-chip button:last-child{margin-left:0;text-decoration:none;font-size:1rem;line-height:1}.fit-chip button:hover{color:var(--ink)}.pdp .fit-banner .fit-chip{margin:.6rem 0 0;background:#ffffffb3}.demo-pill{display:inline-flex;align-items:center;align-self:center;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:.18rem .55rem;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-left:.5rem;white-space:nowrap}.stats-band .demo-pill{position:absolute;right:1rem;top:.6rem}.stats-band .wrap{position:relative}.info-page .section-head h1{font-size:var(--fs-2xl);font-family:var(--font-display)}.info-body{max-width:76ch}.info-body h2{font-size:var(--fs-xl);margin:var(--s6) 0 var(--s3)}.info-body h3{font-size:var(--fs-lg);margin:var(--s5) 0 var(--s2);font-family:var(--font-display)}.info-body p,.info-body li{color:var(--ink-2);font-size:var(--fs-base)}.info-body ul{padding-left:1.2rem;margin:.4rem 0 var(--s4)}.info-body li{margin-bottom:.35rem}.info-body a{color:var(--accent-600);text-decoration:underline;text-underline-offset:2px}.info-body a.btn{color:#fff;text-decoration:none}.info-body .btn{margin:var(--s3) 0}.info-body table.specs{width:100%;margin:var(--s4) 0}.info-body .fit-banner{margin:var(--s5) 0}.model-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}.model-links a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.7rem .9rem;font-weight:700;font-size:var(--fs-sm);color:var(--ink);transition:border-color var(--speed),transform var(--speed),box-shadow var(--speed)}.model-links a:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.model-links a span{background:var(--accent-50);color:var(--accent-600);border-radius:999px;padding:.1rem .5rem;font-size:var(--fs-xs);font-weight:700;flex:none}.hero-visual{display:flex;justify-content:flex-end;align-items:center}.hero-badge{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:22px 22px 18px;max-width:320px;box-shadow:0 24px 60px #3c241252}.hero-badge .hb-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-50,#fff2eb);color:var(--accent,#ef5a1e);margin-bottom:12px}.hero-badge .hb-ic .ic{width:24px;height:24px}.hero-badge .hb-tx b{display:block;font-family:var(--font-display);font-size:1.28rem;color:#221d18;margin-bottom:4px}.hero-badge .hb-tx p{margin:0;color:#5e554c;font-size:.95rem;line-height:1.5}.hero-badge .hb-foot{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;padding-top:14px;border-top:1px solid #efe7dd}.hero-badge .hb-foot span{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:#3c342c}.hero-badge .hb-foot .ic{width:16px;height:16px;color:var(--accent,#ef5a1e)}@media(max-width:920px){.hero-visual{justify-content:flex-start}.hero-badge{max-width:none;width:100%}}.pay-row{display:flex;flex-wrap:wrap;gap:22px 48px;align-items:center;padding:22px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.12)}.pay-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pay-lbl{font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#9a9b98}.pay-logos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pay-logos img{height:30px;width:auto;border-radius:5px;background:#fff;box-shadow:0 1px 3px #0000002e;display:block}.foot-base .fb-mollie{display:inline-flex;align-items:center;gap:6px}.foot-base .fb-mollie img{height:18px;width:auto;vertical-align:middle;background:#fff;border-radius:4px;padding:3px 6px}.grid-more{text-align:center;margin-top:26px}.grid-more button[hidden]{display:none}.card{border:1px solid var(--line,#ece5db);border-radius:var(--r-lg);background:var(--surface,#fff);box-shadow:0 1px 2px #3c24120d;transition:transform .22s var(--ease,ease),box-shadow .22s var(--ease,ease),border-color .22s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #3c241224;border-color:#e2d8ca}.card .cover{display:block;background:linear-gradient(180deg,#fbf8f2,#f4eee4);border-radius:15px 15px 0 0;overflow:hidden;aspect-ratio:1/1}.card .cover img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .3s var(--ease,ease)}.card .body{padding:14px 15px 15px}.card .body .eyebrow{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#a08f7c;font-weight:700;margin-bottom:3px}.card .body h3{font-size:1rem;line-height:1.3;margin:0 0 8px;font-family:var(--font-body);font-weight:600}.card .body h3 a{color:#221d18;text-decoration:none}.card .body h3 a:hover{color:var(--accent,#ef5a1e)}.card .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #f1eadf}.card .price .now{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:#221d18}.card .price del{color:#a89a88;font-size:.82rem;margin-right:5px}.hero .wrap{grid-template-columns:1fr!important}.hero__content{max-width:620px}.hero-assure{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;padding:0;list-style:none;max-width:640px}.hero-assure li{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:.95rem;text-shadow:0 1px 10px rgba(10,20,10,.45)}.hero-assure li .ic{width:18px;height:18px;color:#7ee0a8;flex:0 0 auto}.hero-visual,.hero-badge{display:none!important}.hero__overlay{background:linear-gradient(90deg,#120b06d9,#120b0699 40%,#120b062e 72%,#120b0600),linear-gradient(0deg,#120b068c,#120b0600 42%)!important}.hero .lead{color:#fffffff0!important;text-shadow:0 1px 12px rgba(10,8,4,.5)}.hero .hero-proof{color:#ffffffe6}.hero .hero-proof strong{color:#fff}.hero-assure div{text-shadow:0 1px 10px rgba(10,8,4,.5)}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--line-2)}.card .body{padding:var(--s4)}.card .body .eyebrow{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:2px}.card .body h3{font-size:var(--fs-base);line-height:1.25;font-weight:700}.card .body h3 a{color:var(--ink)}.card .body h3 a:hover{color:var(--accent-600)}.card .foot{border-top:1px solid var(--line)}.card .price .now{color:var(--ink)}.card .price del{color:var(--ink-3)}.card .cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--r-lg) var(--r-lg) 0 0;background:radial-gradient(120% 90% at 50% 12%,#f4f6f8,#ebeef1 52%,#e3e7eb);border-bottom:1px solid var(--line);box-shadow:inset 0 1px #ffffff8c,inset 0 -10px 22px #0f12160f}.card .cover:after{content:"";position:absolute;inset:8px;border:1px solid rgba(18,20,23,.06);border-radius:calc(var(--r-lg) - 6px) calc(var(--r-lg) - 6px) 6px 6px;pointer-events:none;z-index:1}.card .cover img{width:100%;height:100%;object-fit:contain;padding:clamp(12px,7%,20px);filter:saturate(.98) contrast(1.02);transition:transform .45s var(--ease)}.card:hover .cover img{transform:scale(1.045)}.cat-card .ph{aspect-ratio:16/10;overflow:hidden;background:radial-gradient(120% 90% at 50% 12%,#f4f6f8,#ebeef1 55%,#e3e7eb);border-bottom:1px solid var(--line);box-shadow:inset 0 1px #ffffff80,inset 0 -10px 22px #0f12160f}.cat-card .ph img{width:100%;height:100%;object-fit:contain;padding:clamp(10px,5%,18px);filter:saturate(.98) contrast(1.02);transition:transform .4s var(--ease)}.cat-card:hover .ph img{transform:scale(1.05)}.pdp-main-img{background:radial-gradient(120% 90% at 50% 10%,#f4f6f8,#ebeef1 55%,#e3e7eb);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff8c,inset 0 -14px 30px #0f12160f}.pdp-main-img img{object-fit:contain;padding:clamp(16px,5%,34px)}.card .cover~.stock,.card .stock{z-index:3}.card .badge{z-index:3}.usp-bar{background:var(--bg-2);color:var(--ink-2);border-bottom:1px solid var(--line)}.usp-bar span{color:var(--ink-2)}.usp-bar .ic,.usp-bar svg{color:var(--accent)}.site-head{background:#ffffffd9;border-bottom:1px solid var(--line)}.site-head.is-scrolled{background:#fffffff5;box-shadow:0 6px 24px #1420361a}.btn--primary:hover{background:var(--accent-700)}.stats-band{background:var(--bg-2);color:var(--ink);border-block:1px solid var(--line)}.stats-band .stat b{color:var(--ink)}.stats-band .stat span{color:var(--ink-3)}.stats-band .stat:first-child b,.stats-band .accent b{color:var(--accent-600)}.sticky-atc{background:#fffffff7;border-top:1px solid var(--line)}.card .badge{background:var(--ink);color:#fff}.card .badge--new{background:var(--ok);color:#fff}.brand-logo{opacity:1;filter:none}.brand-logo-chip{background:var(--bg-2);border:1px solid var(--line)}.brandwrap.brandwrap--logos a:hover .brand-logo,.brand-logo-chip:hover .brand-logo{filter:grayscale(0) brightness(1);opacity:1}.brand-hero .brand-logo{opacity:1;filter:none}.hero--light{background:linear-gradient(180deg,#fff 0%,var(--bg-2) 100%)!important;min-height:auto!important;border-bottom:1px solid var(--line)}.hero--light .wrap{position:relative;display:grid!important;grid-template-columns:1.06fr .94fr!important;gap:clamp(2rem,4vw,3.4rem);align-items:center;padding-block:clamp(2.4rem,5vw,4.2rem)}.hero--light .hero__content{color:var(--ink)!important;max-width:none}.hero--light .eyebrow{display:inline-flex;align-items:center;gap:.5em;background:var(--accent-50);color:var(--accent-600);border:1px solid var(--accent-100);padding:.42rem .9rem;border-radius:999px;font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.hero--light .hero__content h1{color:var(--ink)!important;text-shadow:none}.hero--light .hero__content h1 .hl{color:var(--accent)!important;-webkit-text-fill-color:var(--accent)}.hero--light .lead{color:var(--ink-2)!important;text-shadow:none}.hero--light .hero-proof{color:var(--ink-2)}.hero--light .hero-proof strong{color:var(--ink)}.hero--light .hero-assure{display:flex!important;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:var(--s5);max-width:none}.hero--light .hero-assure div,.hero--light .hero-assure li{color:var(--ink-2)!important;text-shadow:none!important;font-weight:600;display:flex;align-items:center;gap:.45rem}.hero--light .hero-assure .ic{color:var(--ok)}.hero--light .hero-visual{display:block!important;position:relative;aspect-ratio:4/3.3;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);background:var(--bg-2)}.hero--light .hero__slides{position:absolute;inset:0;z-index:0}.hero--light .hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}.hero--light .hero__slide.is-active{opacity:1}.hero--light .hero__slide img{width:100%;height:100%;object-fit:cover}.hero--light .hero__overlay{display:none!important}.hero--light .hero__controls{position:absolute;z-index:3;left:0;right:0;bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.hero--light .hero__dot{width:9px;height:9px;border-radius:50%;border:2px solid #fff;background:#fff6;cursor:pointer;padding:0;box-shadow:0 1px 4px #0000004d}.hero--light .hero__dot.is-active{background:#fff}.hero--light .hero__pause{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:#14171c73;color:#fff;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(4px)}@media(max-width:920px){.hero--light .wrap{grid-template-columns:1fr!important}.hero--light .hero-visual{max-width:560px;margin-inline:auto;width:100%}}.b2b-hero{background:#fff!important}.b2b-hero__overlay{background:linear-gradient(90deg,#fff 0% 34%,#ffffffd1 52%,#ffffff38,#fff0)!important}.b2b-hero h1{color:var(--ink)!important;text-shadow:none!important;max-width:16ch}.b2b-hero h1 .hl{color:var(--accent)!important}.b2b-hero p.lead{color:var(--ink-2)!important;text-shadow:none!important;max-width:46ch}.b2b-hero__chips li{color:var(--ink-2)!important;text-shadow:none!important}.b2b-hero__chips .ic{color:var(--ok)}@media(max-width:780px){.b2b-hero__overlay{background:#ffffffe0!important}}.pay-logos img{height:auto;max-height:18px;width:auto;max-width:54px;object-fit:contain;background:#fff;border-radius:5px;padding:4px 6px;box-shadow:0 1px 2px #0000002e}

.pay3{display:none!important}
.card .price .now{font-weight:800;font-size:1.18em}
.buy-price .now{font-weight:800}


/* ==== premium.css ==== */
.stars .s-bg{color:#c2c8d0}.stars .s-fg{color:#f59e0b}.section{padding-block:clamp(2.8rem,5.5vw,4.8rem)}.section-head{margin-bottom:clamp(1.4rem,3vw,2.2rem)}.section-head h2{font-size:clamp(1.7rem,1.25rem+1.7vw,2.6rem);letter-spacing:-.02em}.section-head p{max-width:60ch;line-height:1.6}.kicker{position:relative}.section-head .kicker{margin-bottom:.5rem}.grid,.cat-grid,.rev-slider{align-items:stretch}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(.8rem,1.6vw,1.15rem)}.cat-card{padding:1.4rem 1.2rem 1.25rem;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px #1420360a;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;overflow:hidden;position:relative}.cat-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),#ff8a4c);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.cat-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #1420361f;border-color:transparent}.cat-card:hover:before{transform:scaleX(1)}.cat-card .ic{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,var(--accent-50),#fff);display:grid;place-items:center;margin-bottom:.7rem;border:1px solid var(--accent-100);transition:transform .25s var(--ease)}.cat-card:hover .ic{transform:scale(1.06) rotate(-3deg)}.cat-card .ic img,.cat-card .ic svg{width:30px;height:30px}.cat-card b{font-size:1.02rem;letter-spacing:-.01em}.cat-card span{color:var(--ink-3)}.cat-card .arr{color:var(--accent)}.brand-marquee{position:relative;overflow:hidden;padding-block:.4rem;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.brand-marquee__track{display:flex;gap:1rem;width:max-content;animation:fp-marquee 38s linear infinite}.brand-marquee:hover .brand-marquee__track{animation-play-state:paused}@keyframes fp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-marquee a{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:158px;min-height:104px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem;box-shadow:0 1px 2px #1420360a;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}.brand-marquee a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1420361f;border-color:var(--accent-100)}.brand-marquee .brand-logo{height:31.4px;width:auto;filter:none;opacity:1;transition:.2s}.brand-marquee a:hover .brand-logo{filter:grayscale(0) brightness(1);opacity:1}.brand-marquee .brand-name{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.brand-marquee a:hover .brand-name{color:var(--accent-600)}@media(prefers-reduced-motion:reduce){.brand-marquee__track{animation:none;flex-wrap:wrap;justify-content:center}}.model-links{gap:.5rem}.model-links a{border-radius:999px;padding:.5rem .95rem;background:var(--bg-2);border-color:var(--line);font-weight:600}.model-links a:hover{background:#fff;border-color:var(--accent);color:var(--accent-600)}.rev-wrap{position:relative}.rev-slider{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.4rem .2rem 1.1rem;margin:0 -.2rem;scrollbar-width:none}.rev-slider::-webkit-scrollbar{display:none}.rev-slider .rev-card{flex:0 0 min(360px,82vw);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px #1420360d}.rev-head{align-items:flex-end}.rev-nav{display:flex;gap:.5rem;flex:none}.rev-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:.2s;box-shadow:0 2px 8px #1420360f}.rev-nav button:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.rev-nav button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}@media(max-width:600px){.rev-nav{display:none}}.life{border-radius:24px;border:1px solid var(--line);box-shadow:0 18px 44px #1420361a}.life:after{background:linear-gradient(90deg,#fffffff7,#ffffffe6 38%,#ffffff73 64%,#fff0)}.life .life-tx{color:var(--ink)}.life .life-tx .kicker{color:var(--accent-600)!important}.life .life-tx h2{color:var(--ink)}.life .life-tx p{color:var(--ink-2)}.life .life-pts span{color:var(--ink)}.life .life-pts svg{color:var(--ok)}.stats-band{background:linear-gradient(180deg,#fff,var(--bg-2));position:relative}.stats-band:before,.stats-band:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-100),transparent)}.stats-band:before{top:0}.stats-band:after{bottom:0}.stat b{letter-spacing:-.02em}.fitcta{background:linear-gradient(120deg,var(--accent-50),#fff 70%);border:1px solid var(--accent-100);border-radius:var(--r-lg);padding:clamp(1.5rem,3.5vw,2.4rem) clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.btn--primary{box-shadow:0 8px 20px #00ba8442}.btn--primary:hover{box-shadow:0 12px 28px #00ba8457}.btn--ghost{border-color:var(--line-2);background:#fff}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-600);background:#fff}.hero--light .btn--ghost{border-color:var(--ink-3)}.prefoot{background:linear-gradient(135deg,#16191f,#20242c 60%,#2a1c12 140%);color:#fff;position:relative;overflow:hidden}.prefoot:before{content:"";position:absolute;width:420px;height:420px;right:-80px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(0,186,132,.32),transparent 68%);pointer-events:none}.prefoot .wrap{position:relative;display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:center;padding-block:clamp(2.4rem,5vw,3.8rem)}.prefoot h2{font-family:var(--font-display);font-size:clamp(1.7rem,1.2rem+1.8vw,2.6rem);text-transform:uppercase;letter-spacing:-.01em;color:#fff;line-height:1.02}.prefoot h2 .hl{color:var(--accent)}.prefoot p{color:#fffc;margin:.7rem 0 0;max-width:46ch}.prefoot .nl-form{display:flex;gap:.6rem;flex-wrap:wrap}.prefoot .nl-form input{flex:1;min-width:200px;border:1px solid rgba(255,255,255,.22);background:#ffffff12;color:#fff;border-radius:999px;padding:.85rem 1.2rem;font:inherit}.prefoot .nl-form input::placeholder{color:#ffffff8c}.prefoot .nl-form input:focus{outline:none;border-color:var(--accent);background:#ffffff1f}.prefoot .nl-perks{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.1rem}.prefoot .nl-perks span{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;color:#ffffffd1;font-weight:600}.prefoot .nl-perks svg{width:16px;height:16px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:2}@media(max-width:780px){.prefoot .wrap{grid-template-columns:1fr;gap:1.4rem}}.site-foot{position:relative;background:linear-gradient(180deg,#14171c,#0e1014)}.site-foot:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#ff8a4c,var(--accent))}.site-foot h5,.site-foot .foot-h{position:relative;padding-bottom:.5rem}.site-foot a{transition:color .18s,padding-left .18s}.site-foot a:hover{color:#fff;padding-left:3px}.foot-grid{gap:clamp(1.4rem,3vw,2.4rem)}.has-js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.has-js .reveal.in-view{opacity:1;transform:none}.card .body{gap:.4rem}.card h3{min-height:2.6em}.card .foot{padding-top:.7rem;border-top:1px solid var(--line)}.price{letter-spacing:-.01em}.seo-longread{background:var(--bg-2);border-top:1px solid var(--line);padding-block:clamp(2.6rem,5vw,4.2rem)}.seo-longread>*{max-width:940px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.seo-longread h2{font-family:var(--font-display);font-size:clamp(1.5rem,1.1rem+1.4vw,2.1rem);letter-spacing:-.01em;margin-bottom:.4rem}.seo-longread h3{font-family:var(--font-display);font-size:1.2rem;margin:1.6rem 0 .5rem;color:var(--ink)}.seo-longread p,.seo-longread li{color:var(--ink-2);line-height:1.75;font-size:.97rem}.seo-longread p{margin:.6rem 0}.seo-longread ul{margin:.5rem 0 .8rem;padding-left:1.2rem}.seo-longread li{margin-bottom:.3rem}.seo-longread a{color:var(--accent-600);font-weight:600;text-decoration:underline;text-underline-offset:2px}.seo-longread .cols{columns:2;column-gap:2.4rem}@media(max-width:720px){.seo-longread .cols{columns:1}}.rev-av{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent),#ff8a4c);width:46px;height:46px}.rev-av:before{content:attr(data-init);position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--fs-sm);z-index:0}.rev-av img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.rev-card{padding:1.5rem}.rev-card .top{gap:.8rem}.rev-card p{color:var(--ink);font-size:1rem;line-height:1.6}.rev-card .prod{color:var(--ink-3);border-top:1px solid var(--line);padding-top:.7rem;margin-top:.3rem}.social{background:#fff}.social-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.social-head .ig-handle{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink)}.social-head .ig-handle svg{width:24px;height:24px}.social-head .ig-follow{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(120deg,#feda75,#d62976 45%,#962fbf 80%,#4f5bd5);color:#fff;font-weight:700;font-size:.9rem;padding:.6rem 1.2rem;border-radius:999px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #d6297647}.social-head .ig-follow:hover{transform:translateY(-2px);box-shadow:0 12px 26px #d629765c}.social-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.55rem}.social-grid a{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--bg-2);display:block}.social-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.social-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,23,28,.42));opacity:0;transition:opacity .25s}.social-grid a:before{content:"";position:absolute;z-index:2;right:.5rem;bottom:.5rem;width:22px;height:22px;opacity:0;transition:opacity .25s;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='white'/%3E%3C/svg%3E")}.social-grid a:hover img{transform:scale(1.08)}.social-grid a:hover:after,.social-grid a:hover:before{opacity:1}@media(max-width:900px){.social-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:420px){.social-grid{grid-template-columns:repeat(3,1fr)}}.steps{gap:clamp(.9rem,2vw,1.3rem)}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.7rem 1.5rem 1.4rem;overflow:hidden;box-shadow:0 1px 2px #1420360a;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.step:hover{transform:translateY(-5px);box-shadow:0 18px 40px #1420361f;border-color:var(--accent-100)}.step .n{font-family:var(--font-display);font-size:3.4rem;line-height:1;color:var(--accent);opacity:.16;font-weight:700;top:.4rem;right:1rem}.step h3{font-size:1.15rem;margin:.2rem 0 .5rem;letter-spacing:-.01em;padding-right:2.5rem}.step p{color:var(--ink-2);line-height:1.6}.step a{color:var(--accent-600);font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.step a:hover{gap:.5rem}.step:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),#ff8a4c);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.step:hover:before{transform:scaleX(1)}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:0 1px 3px #1420360d;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 16px 38px #14203621;border-color:var(--line-2)}.card .cover{background:#fafbfc;border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0}.card .cover:after{content:"";position:absolute;inset:auto 12% 7%;height:7%;border-radius:50%;background:radial-gradient(50% 100% at 50% 50%,rgba(20,32,54,.16),transparent 72%);pointer-events:none}.card .cover img{padding:clamp(12px,8%,22px);mix-blend-mode:multiply;filter:none}.card .body{display:flex;flex-direction:column;flex:1 1 auto;padding:.95rem 1.05rem 1.05rem}.card .foot{margin-top:auto}.cat-card{border:1px solid var(--line);box-shadow:0 1px 3px #1420360d}.cat-card .ic{border:0;box-shadow:none;background:var(--accent-50)}.cat-card .ph{background:#fafbfc;box-shadow:none;border-bottom:1px solid var(--line)}.cat-card .ph img{filter:none;mix-blend-mode:multiply}.pdp-main-img{background:#fafbfc;border:1px solid var(--line);box-shadow:none}.pdp-main-img img{padding:clamp(16px,5%,34px);mix-blend-mode:multiply}.brand-marquee .brand-logo,.brandwrap .brand-logo,.brand-hero .brand-logo,.brand-logo-chip .brand-logo{filter:none;opacity:1;transition:opacity .2s}.brand-marquee a:hover .brand-logo,.brandwrap a:hover .brand-logo,.brand-logo-chip:hover .brand-logo,.brand-hero .brand-logo{opacity:1}.demo-pill{background:transparent;border:0;color:var(--ink-3);font-weight:600;text-transform:none;letter-spacing:0;padding:0 .2rem;font-size:11px}.stats-band .demo-pill{position:static;display:block;text-align:center;margin-top:.4rem;opacity:.75}#catalogus .products-top{margin-bottom:1.2rem}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:1rem}.cat-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.cat-card .ph{aspect-ratio:16/10;background:#fafbfc;border-bottom:1px solid var(--line);display:grid;place-items:center}.cat-card .ph:after{display:none}.cat-card .ph img{width:auto;height:auto;max-width:82%;max-height:84%;object-fit:contain;mix-blend-mode:multiply;padding:0;transition:transform .3s var(--ease)}.cat-card:hover .ph img{transform:scale(1.06)}.cat-card .cc-body{padding:.9rem 1.05rem .4rem;display:flex;flex-direction:column;gap:.1rem}.cat-card .cc-body b{font-size:1.06rem;letter-spacing:-.01em;line-height:1.2}.cat-card .cc-body span{font-size:.84rem;color:var(--ink-3)}.cat-card .arr{display:none}.cat-card:after{content:"Bekijk onderdelen →";margin-top:auto;padding:.55rem 1.05rem 1.05rem;font-family:var(--font-display);font-size:.86rem;font-weight:700;color:var(--accent-600);transition:padding .2s var(--ease)}.cat-card:hover:after{padding-left:1.3rem}.card .cover,.cat-card .ph,.pdp-main-img,.os-item img,.line-item img,.pd-img,.hero-fcard img{background:#fff!important}.card .cover img,.cat-card .ph img,.pdp-main-img img,.mega-cat .ic img,.pd-img img{mix-blend-mode:normal!important}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out .28s var(--ease) both}::view-transition-new(root){animation:vt-in .34s var(--ease) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}.site-head{view-transition-name:fp-head}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.section{padding-block:clamp(3rem,6vw,5.5rem)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(1.1rem,2vw,1.7rem)}#catalogus #grid{grid-template-columns:repeat(4,1fr)}@media(max-width:980px){#catalogus #grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){#catalogus #grid{grid-template-columns:repeat(2,1fr)}}.cat-grid{gap:clamp(1.05rem,2vw,1.5rem)}.section-head{margin-bottom:clamp(1.6rem,3vw,2.4rem)}.card .cover-wrap{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden}.card .cover{position:absolute;inset:0;display:block;background:#fff}.card .cover img{width:100%;height:100%;object-fit:contain!important;padding:clamp(14px,9%,26px);background:#fff;transition:transform .4s var(--ease)}.card:hover .cover img{transform:scale(1.045)}.card .cover-wrap .badge,.card .cover-wrap .stock{z-index:4}.card{box-shadow:none;border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 46px #14203626;border-color:var(--line)}.card .rating-row:empty{display:none}.quick-add{position:absolute;left:50%;bottom:12px;transform:translate(-50%,16px);opacity:0;z-index:5;display:inline-flex;align-items:center;gap:.45rem;background:var(--ink);color:#fff;font-family:var(--font-body);font-weight:700;font-size:.84rem;padding:.6rem 1.15rem;border:0;border-radius:999px;cursor:pointer;box-shadow:0 10px 24px #14203647;transition:opacity .22s var(--ease),transform .22s var(--ease),background .18s;white-space:nowrap}.card:hover .quick-add{opacity:1;transform:translate(-50%)}.quick-add:hover{background:var(--accent)}.quick-add svg,.quick-add .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.quick-add.added{background:var(--ok)}@media(hover:none){.quick-add{display:none}}.products-top{padding:.2rem 0 1rem;border-bottom:1px solid var(--line);margin-bottom:1.4rem;font-size:.95rem}.products-top #result-count{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink)}.sticky-atc{display:block;background:#ffffffeb;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-top:1px solid var(--line-2);box-shadow:0 -12px 34px #14203621;padding-block:.55rem;transform:translateY(115%);visibility:hidden;transition:transform .34s var(--ease),visibility 0s linear .34s}.sticky-atc.show{transform:none;visibility:visible;transition:transform .34s var(--ease)}.sticky-atc .inner{gap:.85rem;padding-inline:clamp(1rem,4vw,2rem)}.sticky-atc__thumb{width:48px;height:48px;flex:none;border-radius:12px;border:1px solid var(--line);background:#fff;object-fit:contain;padding:4px}.sticky-atc__meta{min-width:0;display:flex;flex-direction:column;gap:.05rem;line-height:1.2}.sticky-atc__name{font-weight:700;font-size:var(--fs-sm);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44ch}.sticky-atc .price{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);line-height:1.1}.sticky-atc .price .now{color:var(--ink)}.sticky-atc .price del{font-family:var(--font-body);font-size:.66em;font-weight:500;color:var(--ink-3);margin-right:.35rem}.sticky-atc .btn{flex:none;margin-left:auto;white-space:nowrap}@media(max-width:560px){.sticky-atc__thumb{display:none}.sticky-atc__name{max-width:18ch;font-size:var(--fs-xs)}.sticky-atc .price{font-size:var(--fs-md)}.sticky-atc .inner{gap:.6rem}.sticky-atc .btn{padding-inline:1rem}}@media(prefers-reduced-motion:reduce){.sticky-atc{transition:visibility 0s linear .01s}.sticky-atc.show{transition:none}}.btn--primary[data-add]{background:var(--accent);box-shadow:0 8px 20px #00ba8447}.btn--primary[data-add]:hover{background:var(--accent-700);box-shadow:0 12px 28px #00ba845c}.sticky-atc [data-add]{background:var(--accent)}.sticky-atc [data-add]:hover{background:var(--accent-700)}.stats-band{background:linear-gradient(180deg,#fff,var(--bg-2))!important;border-block:1px solid var(--line);position:relative;color:var(--ink)}.stats-band:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#16a34a 50%,var(--accent))}.stats-band .wrap{padding-block:clamp(1.5rem,3vw,2.1rem)}.stats-band .stat{flex-direction:row;align-items:center;gap:.8rem;text-align:left;justify-content:center}.stat-ic{width:50px;height:50px;flex:none;border-radius:15px;display:grid;place-items:center;background:var(--accent-50);color:var(--accent-600)}.stat-ic svg{width:25px;height:25px}.stats-band .stat:nth-child(2) .stat-ic{background:#e8f5ee;color:#0e7a45}.stats-band .stat:nth-child(3) .stat-ic{background:#eaf0fd;color:#1d4ed8}.stats-band .stat:nth-child(4) .stat-ic{background:#fdecec;color:#c4400d}.stat-txt{display:flex;flex-direction:column;text-align:left;line-height:1.05}.stats-band .stat b{color:var(--ink)!important;font-size:clamp(1.45rem,1.1rem+1.2vw,2.1rem)}.stats-band .stat span{color:var(--ink-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em}@media(max-width:600px){.stats-band .stat{justify-content:flex-start}}.hb-assure .ic{color:#16a34a!important}.usp-bar [data-ic=circle-check],.usp-bar [data-ic=check]{color:#16a34a}.trustbar .tb:nth-child(1) .ic{color:var(--accent-600)}.trustbar .tb:nth-child(2) .ic{color:#1d4ed8}.trustbar .tb:nth-child(3) .ic{color:#0e7a45}.trustbar .tb:nth-child(4) .ic{color:#c4400d}.trustbar .tb .ic{width:24px;height:24px}.model-links a{background:#fff;border:1.5px solid var(--line);padding-left:1.05rem;position:relative;overflow:hidden}.model-links a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;border-radius:0 3px 3px 0;background:var(--accent);transition:height .22s}.model-links a:hover{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700);box-shadow:var(--shadow);transform:translateY(-2px)}.model-links a:hover:before{height:62%}.model-select{display:flex;align-items:center;gap:.9rem 1.1rem;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem 1.2rem;box-shadow:var(--shadow)}.model-select .ms-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:800;font-size:1.06rem;color:var(--ink)}.model-select .ms-label .ic{width:20px;height:20px;color:var(--accent)}.model-select select{flex:1;min-width:240px;max-width:440px;padding:.78rem 1rem;border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--bg-2);font:inherit;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s}.model-select select:hover,.model-select select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-50);outline:none}.model-select .ms-all{color:var(--accent-600);font-weight:700;font-size:var(--fs-sm)}@media(max-width:640px){.model-select{flex-direction:column;align-items:stretch}.model-select select{max-width:none}}.hb-tile--cat{background:var(--bg-2)!important;justify-content:flex-start!important;min-height:0!important;padding:1rem 1.1rem!important;display:flex;flex-direction:column;gap:.55rem}.hb-cat-top .kicker{display:block;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-600);margin-bottom:.1rem}.hb-cat-top .hb-th{font-family:var(--font-display);font-size:1.18rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.hb-cat-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;flex:1;min-height:0}.hb-cat-thumbs img{width:100%;height:100%;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px;mix-blend-mode:multiply;transition:transform .2s}.hb-tile--cat:hover .hb-cat-thumbs img{transform:scale(1.04)}.hb-tile--cat .hb-lnk{margin-top:auto;color:var(--accent-600)}.stat{transition:transform .2s}.stat:hover{transform:translateY(-3px)}.stat:hover .stat-ic{transform:scale(1.08) rotate(-4deg);transition:transform .25s var(--ease)}.stat-ic{transition:transform .25s var(--ease)}.section{padding-block:clamp(.9rem,1.8vw,1.7rem)!important}.section-head{margin-bottom:clamp(.7rem,1.4vw,1.2rem)}.stats-band .wrap{padding-block:clamp(1.1rem,2vw,1.6rem)}.grid-more{margin-top:.9rem}.fitcta{padding:clamp(1.3rem,2.2vw,1.9rem) clamp(1.4rem,3vw,2.4rem)!important}.trustbar{padding-block:clamp(.8rem,1.5vw,1.3rem)}.seo-longread{padding-block:clamp(1rem,2vw,1.6rem)}.hero h1 .hl,.hb-content h1 .hl,.prefoot h2 .hl{color:var(--accent)}.card .body{gap:.3rem;padding:.95rem 1.05rem 1.1rem}.card .eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.05rem}.card h3{min-height:0;font-size:var(--fs-base);font-weight:600;line-height:1.28;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 .1rem}.card h3 a{color:var(--ink)}.card h3 a:hover{color:var(--accent-700)}.card .ship{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.3}.card .fitline{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.3}.card .foot{padding-top:.7rem;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}.card .price{display:flex;flex-direction:column;line-height:1.05;gap:.05rem}.card .price del{font-size:.78rem;color:var(--ink-3);font-weight:500}.card .price .now{font-family:var(--font-display);font-weight:800;font-size:1.45rem;letter-spacing:-.01em;color:var(--ink)}.card .price.sale .now{color:var(--accent-700)}.card .foot .add{flex:none}.card .cover-wrap .stock{font-weight:700;font-size:12px;letter-spacing:.01em;padding:.3rem .55rem;box-shadow:0 2px 8px #1420361a}.card .badge--save{background:var(--accent);color:#fff;font-weight:800;letter-spacing:.01em}.icon-btn{border-radius:12px;transition:background .18s var(--ease),color .18s,transform .12s}.icon-btn:hover{background:var(--bg-2);color:var(--accent-700)}.icon-btn:active{transform:scale(.93)}.main-nav>a,.main-nav>button{border-radius:10px;transition:background .18s,color .18s}.main-nav>a:hover,.main-nav>button:hover{background:var(--bg-2);color:var(--accent-700)}.brand{transition:opacity .18s}.brand .brand-mark{filter:drop-shadow(0 2px 7px rgba(0,186,132,.3))}.brand:hover{opacity:.92}.nav-search{transition:border-color .18s,box-shadow .18s,background .18s}.nav-search:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-50)}.nav-search button{transition:color .18s}.nav-search:focus-within button,.nav-search button:hover{color:var(--accent-700)}.card{border:1px solid #eceff3!important;border-radius:var(--r-lg)!important;box-shadow:0 1px 2px #1420360a,0 14px 30px -16px #1420362e!important}.card:hover{transform:translateY(-7px)!important;border-color:#e2e6ec!important;box-shadow:0 2px 6px #1420360f,0 34px 60px -22px #14203652!important}.cat-card{border:1px solid #eceff3!important;border-radius:var(--r-lg);box-shadow:0 1px 2px #1420360a,0 12px 28px -16px #14203629}.cat-card:hover{transform:translateY(-6px);box-shadow:0 2px 5px #1420360d,0 30px 56px -20px #14203647!important}.step,.rev-card,.model-select{box-shadow:0 1px 2px #1420360a,0 14px 30px -18px #14203629!important}.section{padding-block:clamp(1.5rem,2.8vw,2.6rem)!important}.section-head{margin-bottom:clamp(1rem,2vw,1.55rem)!important}.stats-band .wrap{padding-block:clamp(1.5rem,2.6vw,2.1rem)!important}.section-head h2{font-size:clamp(1.9rem,1.3rem+2vw,2.9rem)!important;letter-spacing:-.025em;line-height:1.04}.section-head p{font-size:var(--fs-base);color:var(--ink-2);max-width:64ch;margin-top:.4rem}.kicker{font-size:.74rem;letter-spacing:.16em}.section.alt{background:linear-gradient(180deg,#f6f8fb,#eef2f6)!important;border-block:1px solid #e9edf2}.trustbar{background:#fff!important;border-bottom:1px solid #eceff3;box-shadow:0 6px 18px -12px #1420362e;padding-block:clamp(1.1rem,2vw,1.5rem)!important}.trustbar .tb b{font-size:var(--fs-base)}.hb-grid{height:clamp(470px,43vw,580px)!important}.hb-main{box-shadow:0 28px 64px -28px #14203673!important}.hb-tile{box-shadow:0 1px 2px #1420360d,0 16px 34px -20px #14203633!important}.hb-content h1{font-size:clamp(2.3rem,1.4rem+3vw,4rem)!important;line-height:.98}.btn--primary{border-radius:12px;font-weight:800}.btn--lg{min-height:56px}.card .cover-wrap,.card .cover{background:#fcfcfd!important}.stats-band .stat .stat-ic,.stats-band .stat:nth-child(1) .stat-ic,.stats-band .stat:nth-child(2) .stat-ic,.stats-band .stat:nth-child(3) .stat-ic,.stats-band .stat:nth-child(4) .stat-ic{background:linear-gradient(150deg,var(--accent-50),#fff)!important;color:var(--accent-600)!important;border:1px solid var(--accent-100)}.trustbar .tb:nth-child(1) .ic,.trustbar .tb:nth-child(2) .ic,.trustbar .tb:nth-child(3) .ic,.trustbar .tb:nth-child(4) .ic{color:var(--accent-600)!important}.stats-band{background:linear-gradient(180deg,#fff,#fbf4ef)!important}.stats-band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,1.6vw,1.4rem)}.stats-band .stat{justify-content:flex-start;gap:1rem;padding:.4rem .2rem}.stat-ic{width:58px!important;height:58px!important;border-radius:var(--r-lg)!important;box-shadow:0 8px 18px -8px #00ba8459}.stat-ic svg{width:30px!important;height:30px!important;stroke-width:2.1}.stats-band .stat b{font-size:clamp(1.6rem,1.1rem+1.5vw,2.4rem)!important;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.has-js #stats-band .stat{opacity:0;transform:translateY(16px)}.has-js #stats-band.in-view .stat{opacity:1;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease)}.has-js #stats-band.in-view .stat:nth-child(2){transition-delay:.08s}.has-js #stats-band.in-view .stat:nth-child(3){transition-delay:.16s}.has-js #stats-band.in-view .stat:nth-child(4){transition-delay:.24s}@media(max-width:760px){.stats-band .wrap{grid-template-columns:1fr 1fr;gap:1rem 1.2rem}}@media(prefers-reduced-motion:reduce){.has-js .stats-band .stat{opacity:1;transform:none}}.trust-card .t-ic{width:50px!important;height:50px!important;border-radius:14px!important;background:linear-gradient(150deg,var(--accent),#ff7d45)!important;color:#fff!important;box-shadow:0 10px 22px -10px #00ba8480}.trust-card .t-ic .ic{width:25px!important;height:25px!important;stroke-width:2.1}.card .cover-wrap{background:radial-gradient(ellipse 80% 70% at 50% 40%,#fff,#f2f5f8)!important}.card .cover img{filter:drop-shadow(0 20px 22px rgba(20,32,54,.26))!important;padding:clamp(7px,4%,14px)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .4s}.card:hover .cover img{transform:scale(1.075) translateY(-5px);filter:drop-shadow(0 32px 30px rgba(20,32,54,.32))!important}.pay-row .pay-logos{gap:.4rem!important;flex-wrap:wrap}.pay-row .pay-logos img{height:30px;width:auto;background:#fff;border-radius:6px;padding:3px 5px;box-shadow:0 1px 3px #0000001f}.pay-row{gap:1.4rem 2rem}.pay-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem 1.1rem;margin-top:var(--s5)}.pay-trust .pt-logos{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.pay-trust .pt-logos img{height:30px;width:auto;background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 6px}.pay-trust .pt-note{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:700;color:var(--ink-2)}.pay-trust .pt-note .ic{width:18px;height:18px;color:var(--ok)}.pay-trust .pt-sep{width:1px;height:26px;background:var(--line-2)}.hb-tile--fit{padding:1.15rem 1.25rem;justify-content:center;gap:.18rem;text-align:left}.hb-tile--fit .hb-fit-ic{width:48px;height:48px;border-radius:14px;background:linear-gradient(150deg,var(--accent),#ff7d45);display:grid;place-items:center;margin-bottom:.6rem;box-shadow:0 12px 24px -8px #00ba848c}.hb-tile--fit .hb-fit-ic .ic{width:25px;height:25px;color:#fff;stroke-width:2.1}.hb-tile--fit .hb-th{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--ink);line-height:1.05}.hb-tile--fit .hb-fit-sub{color:var(--ink-3);font-size:.82rem;line-height:1.42;margin:.25rem 0 .55rem}.hb-tile--fit .hb-lnk{color:var(--accent-600);margin-top:auto}


/* ==== commerce.css ==== */
.card{border:1px solid var(--line-2);border-radius:18px;box-shadow:0 1px 2px #1420360d;transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .2s;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -14px #14203642;border-color:var(--accent-100)}.card .cover{position:relative;aspect-ratio:1/1;background:radial-gradient(125% 95% at 50% 6%,#fff,#eef1f5 86%)}.card .cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(52% 38% at 50% 90%,rgba(20,32,54,.13),transparent 72%)}.card .cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:12px 14px 18px;filter:saturate(1.05) contrast(1.05);transition:transform .5s var(--ease)}.card:hover .cover img{transform:scale(1.075)}.card .badge--save{background:var(--accent);color:#fff;box-shadow:0 6px 14px -4px #00ba8480;font-weight:800;padding:.32em .6em;border-radius:8px}.card .stock{backdrop-filter:saturate(1.3);font-weight:700;border-radius:8px}.card .price .now{font-family:var(--font-display);font-size:1.22rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.card .price del{font-size:.82rem;color:var(--ink-3)}.card .foot .add{min-height:42px;padding-inline:1.05rem;border-radius:var(--r);font-weight:800}.quick-add{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;border-radius:var(--r);background:#14171ceb;color:#fff;font-weight:700;font-size:var(--fs-xs);border:0;backdrop-filter:blur(6px);opacity:0;transform:translateY(10px);transition:opacity .22s,transform .22s,background .2s}.quick-add svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}.quick-add:hover{background:var(--accent)}.card:hover .quick-add{opacity:1;transform:none}@media(hover:none){.quick-add{display:none}}.cat-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #1420360d;transition:transform .24s var(--ease),box-shadow .24s,border-color .2s}.cat-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px -16px #1420363d;border-color:var(--accent-100)}.cat-card .ph{position:relative}.cat-card .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,12,15,.18));pointer-events:none}.hero-bento .hb-tile--merk{background:linear-gradient(162deg,#fff,#f5f7fa);border-color:var(--line);color:var(--ink);overflow:hidden}.hb-tile--merk:before{content:"";position:absolute;top:-46px;right:-46px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,186,132,.09),transparent 70%);pointer-events:none}.hero-bento .hb-tile--merk .hb-th{position:relative;color:var(--ink)}.hero-bento .hb-tile--merk .hb-sub{color:var(--ink-3)}.hb-tile--merk .hb-logos{position:relative;gap:.5rem}.hb-tile--merk .hb-logos{flex:1;align-content:stretch;gap:.55rem}.hb-tile--merk .hb-logos span{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 3px #1420360f;height:auto;min-height:54px;padding:10px 12px;display:grid;place-items:center;transition:border-color .2s,box-shadow .2s}.hb-tile--merk .hb-logos img{max-height:21px;max-width:90%;width:auto;object-fit:contain}.hb-tile--merk:hover .hb-logos span{border-color:var(--accent-100,#bff2e0);box-shadow:0 5px 12px -5px #14203624}.hero-bento .hb-tile--fit{background:linear-gradient(155deg,#181b20,#23272e);border-color:#23272e;color:#fff;overflow:hidden}.hb-tile--fit:before{content:"";position:absolute;bottom:-50px;left:-30px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(0,186,132,.22),transparent 68%);pointer-events:none}.hb-tile--fit .hb-fit-ic{position:relative;background:#fff;box-shadow:0 12px 26px -8px #00000080}.hb-tile--fit .hb-fit-ic .ic{color:var(--accent)}.hb-tile--fit .hb-th{color:#fff;position:relative}.hb-tile--fit .hb-fit-sub{color:#ffffffbd;position:relative}.hb-tile--fit:hover{transform:translateY(-2px);box-shadow:0 22px 44px -18px #0000008c}.hb-tile--merk .hb-lnk,.hb-tile--fit .hb-lnk{position:relative;align-self:flex-start;background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:10px;margin-top:.7rem;box-shadow:0 8px 18px -8px #00ba8499;transition:background .2s,transform .2s}.hb-tile--merk:hover .hb-lnk,.hb-tile--fit:hover .hb-lnk{background:var(--accent-600,#c4400d)}.usp-bar{background:#14171c;border-bottom:1px solid rgba(255,255,255,.07)}.usp-bar .wrap{gap:1rem 1.9rem}.usp-bar svg{width:16px;height:16px}.usp-bar span{color:#e7eaee;font-weight:600}.usp-bar .ic{color:var(--accent)}.usp-bar .blogo{background:#fff;padding:2px 5px;box-shadow:none}.blogos{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;vertical-align:middle}.blogo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e6e9ed;border-radius:6px;padding:2px 4px;box-shadow:0 1px 3px #14203624;flex:none}.blogo img{display:block;width:auto}.usp-bar .blogo{padding:2px 4px}.usp-bar .blogo img{height:13px}.trustbar .tb .blogos .blogo img{height:20px}.trustbar .tb .blogos{flex:none}.trust-card .t-logos{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;flex:none;margin-top:1px}.trust-card .t-logos .blogo img{height:20px}.rev-av{width:54px;height:54px;box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--line-2);overflow:hidden}.rev-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.rev-card{box-shadow:0 1px 2px #1420360d;transition:transform .22s var(--ease),box-shadow .22s}.rev-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px #14203633}.faq-home{max-width:860px;margin-inline:auto}.faq-home .faq-item{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:.7rem;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-home .faq-item[open]{border-color:var(--accent-100);box-shadow:var(--shadow)}.faq-home summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;font-weight:700;font-size:var(--fs-base);color:var(--ink);font-family:var(--font-display)}.faq-home summary::-webkit-details-marker{display:none}.faq-home summary:after{content:"";flex:none;width:11px;height:11px;border-right:2.4px solid var(--accent);border-bottom:2.4px solid var(--accent);transform:rotate(45deg);transition:transform .25s;margin-top:-3px}.faq-home .faq-item[open] summary:after{transform:rotate(-135deg);margin-top:3px}.faq-home .faq-a{padding:0 1.25rem 1.15rem;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.62}.faq-home .faq-a a{color:var(--accent-600);font-weight:600}.stats-band{background:#14171c!important;border:0!important;color:#fff}.stats-band .wrap{position:relative;gap:var(--s5)}.stats-band .stat-ic{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--accent)!important;border-radius:12px}.stats-band .stat b{color:#fff!important}.stats-band .stat:first-child b{color:var(--accent)!important}.stats-band .stat span{color:#aeb6bf!important}.paychips{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.paychips .pc{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:44px;padding:0 7px;background:#fff;border:1px solid #e6e9ed;border-radius:7px;box-shadow:0 1px 3px #1420361f}.paychips .pc img{height:17px;width:auto;display:block}.pay-trust{display:flex;align-items:center;gap:.9rem 1.1rem;flex-wrap:wrap}.pay-trust .pt-note{color:var(--ink-2);font-weight:600;display:inline-flex;align-items:center;gap:.4rem}.pay-trust .pt-note .ic{color:var(--ok)}.pay-row .paychips .pc{height:30px}.tp-badge{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.4rem}.tp-logo{height:21px;width:auto;display:block}.tp-stars{display:inline-flex;gap:3px}.tp-stars i{width:23px;height:23px;display:grid;place-items:center;border-radius:3px;background:#dcdce3}.tp-stars i.on{background:#00b67a}.tp-stars i svg{width:15px;height:15px;fill:#fff;display:block}.tp-score{font-weight:800;color:var(--ink);font-family:var(--font-display)}.tp-meta{color:var(--ink-3);font-size:var(--fs-sm)}.tp-meta b{color:var(--ink-2)}.rev-card .tp-stars i{width:19px;height:19px}.rev-card .tp-stars i svg{width:12px;height:12px}.stats-band:before,.stats-band:after{display:none!important}.paychips{gap:7px}.paychips .pc{width:50px;height:30px;min-width:0;padding:0 3px;display:grid;place-items:center;border-radius:7px}.paychips .pc img{width:44px;height:24px;max-width:none;object-fit:contain;display:block}.hb-logos img{max-height:20px}.hb-logos span{min-height:38px}.usp-bar .blogo{height:18px;padding:0 3px;display:inline-flex;align-items:center}.usp-bar .blogo img{width:34px;height:15px;max-width:none;object-fit:contain;display:block}.usp-bar .blogos{gap:.3rem}.card{border:1px solid var(--line);border-radius:var(--r-lg)}.card .cover{aspect-ratio:1/1;background:radial-gradient(130% 100% at 50% 4%,#fff,#eef1f5 88%)}.card .body{padding:13px 15px 15px;gap:.42rem}.card .body .eyebrow{font-size:.66rem;letter-spacing:.09em;color:var(--ink-3);font-weight:700}.card h3{font-size:.97rem;line-height:1.28;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.card .rating-row{margin:.05rem 0}.card .rating-row .s-count{font-weight:600;color:var(--ink-2)}.card .ship,.card .fitline{font-size:.75rem;color:var(--ink-2)}.card .foot{border-top:1px solid var(--line);margin-top:.55rem;padding-top:.75rem}.card .price .now{font-size:1.28rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.card .foot .add{box-shadow:0 8px 18px -8px #00ba848c;font-weight:800}.steps--shop .step{display:flex;flex-direction:column}.steps--shop .step .step-cta{margin-top:auto;display:inline-flex;align-items:center;gap:.3rem;font-weight:800;color:#fff;background:var(--accent);padding:.6rem 1rem;border-radius:10px;align-self:flex-start;box-shadow:0 8px 18px -8px #00ba848c;transition:background .2s,transform .2s}.steps--shop .step .step-cta:hover{background:var(--accent-600);transform:translateY(-2px)}.steps--shop .step .step-sub{margin-top:.55rem;font-size:.78rem;color:var(--ink-3);font-weight:600;align-self:flex-start}.steps--shop .step .step-sub:hover{color:var(--accent-600);text-decoration:underline}.koopgids-cta{margin-top:var(--s5);display:flex;align-items:center;justify-content:center;gap:1rem 1.3rem;flex-wrap:wrap;background:#14171c;color:#fff;border-radius:var(--r-lg);padding:1.2rem 1.5rem;text-align:center}.koopgids-cta span{font-weight:700;font-size:var(--fs-base)}.cat-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cat-card{border:1.5px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:#fff;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}.cat-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px -18px #1420364d;border-color:var(--accent)}.cat-card .ph{aspect-ratio:16/11;background:radial-gradient(130% 100% at 50% 0%,#fff,#eef1f5);border-bottom:1px solid var(--line);overflow:hidden;position:relative}.cat-card .ph:after{content:none}.cat-card .ph img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .4s var(--ease)}.cat-card:hover .ph img{transform:scale(1.08)}.cat-card .cc-body{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;gap:.12rem;text-align:left}.cat-card .cc-body b{font-family:var(--font-display);font-size:1.04rem;font-weight:700;letter-spacing:.005em;line-height:1.12;color:var(--ink)}.cat-card .cc-meta{font-size:.74rem;color:var(--ink-3);font-weight:600;margin-top:.1rem}.cat-card .cc-meta .cc-from{color:var(--ink-2);font-weight:700}.cat-card .cc-cta{margin-top:.6rem;display:inline-flex;align-items:center;gap:.35rem;font-weight:800;font-size:.84rem;color:#fff;background:var(--ink);padding:.5rem .85rem;border-radius:9px;align-self:flex-start;transition:background .2s,gap .2s}.cat-card:hover .cc-cta{background:var(--accent)}.cat-card .cc-cta i{font-style:normal;transition:transform .2s}.cat-card:hover .cc-cta i{transform:translate(3px)}.cat-card .arr{display:none!important}.cat-card:after{content:none!important}.card .cover{aspect-ratio:1/1;background:radial-gradient(135% 105% at 50% 0%,#fff,#e9edf2 92%)}.card .cover:after{background:radial-gradient(48% 34% at 50% 91%,rgba(20,32,54,.18),transparent 70%)}.card .cover img{padding:10px 12px 20px;filter:saturate(1.08) contrast(1.07)}.card:hover .cover img{transform:scale(1.09)}.card .body{gap:.35rem;padding:13px 14px 14px}.card .body .eyebrow{color:var(--accent-600)}.card h3{font-size:.98rem;font-weight:700}.card .fitline{display:none}.card .foot{border-top:1px solid var(--line);margin-top:.5rem;padding-top:.7rem;align-items:center}.card .price .now{font-size:1.34rem;font-weight:800}.card .foot .add{min-height:44px;padding-inline:1.15rem;font-size:var(--fs-sm)}:root{--accent-cta:var(--accent-cta);--star-fill:#C2740C;--star-empty:#9AA1AB}.btn--primary,.btn--primary[data-add],.sticky-atc [data-add],.card .badge--save,.badge--save,.steps--shop .step .step-cta,.pill,.hb-content .eyebrow{background:var(--accent-cta)!important;color:#fff!important}.btn--primary:hover,.btn--primary[data-add]:hover,.sticky-atc [data-add]:hover,.steps--shop .step .step-cta:hover{background:var(--accent-600)!important}.quick-add,.quick-add:hover{background:var(--accent-cta)!important}.stars .s-fg{color:var(--star-fill)}.stars .s-bg{color:var(--star-empty)}@media(max-width:768px){.cat-grid,.grid{grid-template-columns:1fr 1fr;gap:.6rem}}@media(max-width:420px){.cat-grid,.grid{gap:.55rem}}.btn{border-radius:var(--r);font-weight:700;letter-spacing:.005em;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .14s var(--ease)}.btn:active{transform:translateY(1px)}.btn--primary{box-shadow:0 8px 20px -6px #00ba846b}.btn--primary:hover{box-shadow:0 12px 26px -6px #00ba8480;transform:translateY(-1px)}.btn--lg{border-radius:var(--r)}.btn--ghost{background:#fff;border:1.5px solid var(--line-2);color:var(--ink);box-shadow:none}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-600);background:var(--accent-50)}.cat-card .cc-cta{background:transparent!important;color:var(--accent-600)!important;padding:.55rem 0 .1rem!important;margin-top:.55rem;border-radius:0!important;align-self:flex-start;font-family:var(--font-display);font-weight:800;font-size:.92rem;letter-spacing:.005em;border:0!important;box-shadow:none!important}.cat-card:hover .cc-cta{background:transparent!important;color:var(--accent-700)!important}.cat-card .cc-cta i{transition:transform .22s var(--ease)}.cat-card:hover .cc-cta i{transform:translate(4px)}.cat-card{position:relative}.cat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),#ff8a4c);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);z-index:2;border-radius:var(--r-lg) var(--r-lg) 0 0}.cat-card:hover:before{transform:scaleX(1)}.card .foot .add{background:#fff!important;color:var(--accent-600)!important;border:1.5px solid var(--accent-100)!important;box-shadow:none!important;font-weight:800;border-radius:var(--r);transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}.card .foot .add:hover{background:var(--accent-cta)!important;color:#fff!important;border-color:var(--accent-cta)!important;box-shadow:0 8px 18px -7px #00ba848c!important}.card .foot .add:active{transform:translateY(1px)}.hb-tile--fit .hb-fit-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;z-index:0}.hb-tile--fit:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(177deg,#0f111557,#0f111599,#0f1115e0)}.hb-tile--fit .hb-fit-ic,.hb-tile--fit .hb-th,.hb-tile--fit .hb-fit-sub,.hb-tile--fit .hb-lnk{position:relative;z-index:2}.hb-tile--fit .hb-fit-sub{color:#ffffffdb}#mnav-cats a.mnc{justify-content:flex-start;gap:.7rem;padding:.45rem .55rem;border-radius:var(--r)}#mnav-cats a.mnc .mnc-ph{flex:none;width:44px;height:44px;border-radius:10px;background:#f3f5f8;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}#mnav-cats a.mnc .mnc-ph img{width:36px;height:36px;object-fit:contain;mix-blend-mode:multiply}#mnav-cats a.mnc .mnc-tx{font-weight:600}.card .price .klarna-3x{display:flex;align-items:center;gap:.34rem;margin-top:.22rem;font-size:.72rem;font-weight:600;color:var(--ink-3);line-height:1}.card .price .klarna-3x b{color:var(--ink-2);font-weight:700}.card .price .klarna-3x img{height:14px;width:auto;border-radius:3px;display:block}.card .foot{align-items:flex-end}.hb-tile--fit .hb-fit-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hb-tile--fit .hb-fit-actions .hb-lnk{margin-top:0;border:0;font:inherit;cursor:pointer}.hb-tile--fit .hb-lnk--ghost{background:#ffffff24;border:1px solid rgba(255,255,255,.55);color:#fff;box-shadow:none}.hb-tile--fit:hover .hb-lnk--ghost{background:#ffffff42}.wa-fab{position:fixed;right:18px;bottom:18px;z-index:85;display:inline-flex;align-items:center;gap:.5rem;background:#25d366;color:#fff;border-radius:50px;padding:13px 17px 13px 14px;text-decoration:none;box-shadow:0 10px 26px -8px #075e5480,0 2px 6px #0000002e;transition:transform .2s var(--ease),box-shadow .2s,background .2s}.wa-fab:hover{transform:translateY(-2px);background:#20bd5a;box-shadow:0 16px 34px -8px #075e5499}.wa-fab svg{width:27px;height:27px;fill:currentColor;flex:none;display:block}.wa-fab .wa-tip{font-weight:700;font-size:.92rem;letter-spacing:-.01em;white-space:nowrap}@media(max-width:600px){.wa-fab{padding:13px;right:14px;bottom:14px}.wa-fab .wa-tip{display:none}}.pay-row .paychips{background:none;border:0;border-radius:0;padding:0;gap:8px;box-shadow:none}.pay-row .paychips .pc{background:none!important;border:0!important;box-shadow:none!important;width:auto!important;min-width:0!important;height:28px!important;padding:0!important;border-radius:5px;overflow:hidden}.pay-row .paychips .pc img{height:28px!important;width:auto!important;border-radius:5px;display:block}.lang-switch{position:relative}.lang-btn{display:inline-flex;align-items:center;gap:.3rem;width:auto;height:auto;padding:.34rem .55rem;border-radius:10px;font-weight:700}.lang-btn .lang-globe{color:var(--ink-2);display:block}.lang-btn .lang-code{font-size:.78rem;color:var(--ink-2);letter-spacing:.02em;font-weight:800}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:70;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 16px 42px #1420362e;padding:.35rem;min-width:178px}.lang-menu[hidden]{display:none}.lang-opt{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;border-radius:9px;font-size:.9rem;font-weight:600;color:var(--ink);text-align:left;background:none;border:0;cursor:pointer}.lang-opt:hover{background:var(--bg-2)}.lang-opt.is-active{color:var(--accent-600);background:var(--accent-50)}.lang-opt .lang-flag{font-size:1.12rem}.card .fit-tag{display:inline-flex;align-items:center;gap:.28rem;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:7px;margin:0 0 .05rem;line-height:1.15;max-width:100%}.card .fit-tag svg{width:13px;height:13px;flex:none;stroke-width:2.4}.card .fit-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fit-tag.fit-ok{background:#e7f6ec;color:#0e7a45}.fit-tag.fit-ok svg{stroke:#16a34a;color:#16a34a}.fit-tag.fit-uni{background:#eef2f7;color:var(--ink-2)}.fit-tag.fit-uni svg{stroke:var(--ink-3);color:var(--ink-3)}.fit-tag.fit-no{background:#fdecea;color:#c0392b}.pdp-fit-line{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.92rem;padding:.6rem .85rem;border-radius:var(--r);margin:0 0 .8rem}.pdp-fit-line svg{width:18px;height:18px;flex:none;stroke-width:2.3}.pdp-fit-line.fit-ok{background:#e7f6ec;color:#0e7a45}.pdp-fit-line.fit-ok svg{stroke:#16a34a}.pdp-fit-line.fit-uni{background:#eef2f7;color:var(--ink-2)}.pdp-fit-line.fit-uni svg{stroke:var(--ink-3)}.pdp-fit-line.fit-no{background:#fdecea;color:#c0392b}.pdp-fit-line.fit-no svg{stroke:#c0392b}.blogo{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:6px;overflow:hidden;height:auto!important}.blogo img{border-radius:5px;display:block;width:auto!important}.blogos{gap:.4rem;align-items:center}.usp-bar .blogo img{height:19px!important}.trustbar .tb .blogos .blogo img,.trust-card .t-logos .blogo img{height:24px!important}.usp-bar .blogo{padding:1px 3px!important;height:auto!important;border-radius:6px}.usp-bar .blogo img{height:16px!important;width:auto!important}.trustbar .tb .blogos .blogo,.trust-card .t-logos .blogo{padding:2px 4px!important}.trustbar .tb .blogos .blogo img,.trust-card .t-logos .blogo img{height:21px!important;width:auto!important}.cat-card .ph{background:radial-gradient(ellipse 90% 80% at 50% 38%,#fff,#f2f5f8)!important;border-bottom:1px solid var(--line)}.cat-card .ph img{filter:drop-shadow(0 15px 17px rgba(20,32,54,.22)) saturate(1.05) contrast(1.03)!important;mix-blend-mode:normal!important}.cat-card:hover .ph img{transform:scale(1.07) translateY(-3px)}.card .cover img{filter:drop-shadow(0 20px 22px rgba(20,32,54,.26)) saturate(1.05) contrast(1.03)!important}.hb-tile{border-radius:var(--r-lg)}.hb-tile--merk .hb-logos span,.card .foot .add,.hb-tile--merk .hb-lnk,.hb-tile--fit .hb-lnk{border-radius:12px}:root{--sh-cta:0 4px 12px rgba(206,67,12,.16);--sh-warm:0 6px 18px rgba(20,32,54,.06);--shadow:0 2px 10px rgba(20,32,54,.05);--shadow-md:0 8px 22px rgba(20,32,54,.08);--shadow-lg:0 14px 34px rgba(20,32,54,.1)}.kicker{color:var(--ink-3);letter-spacing:.12em}.btn--primary{box-shadow:var(--sh-cta)}.btn--primary:hover{transform:none;box-shadow:0 6px 16px #ce430c3d}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card:hover .cover img{transform:scale(1.02)}.card .cover img{filter:drop-shadow(0 8px 12px rgba(20,32,54,.1))!important}.card .cover:after{background:radial-gradient(52% 34% at 50% 92%,rgba(20,32,54,.07),transparent 70%)}.card .badge--save{background:var(--accent-700);box-shadow:none;font-weight:700}.cat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-2)}.cat-card:before{display:none}.cat-card .ph img{filter:drop-shadow(0 6px 10px rgba(20,32,54,.1)) saturate(1.02)!important}.cat-card:hover .ph img{transform:scale(1.02) translateY(-1px)}.step .n{color:var(--line-2);opacity:1}.fit-banner{background:var(--ok-bg);border:1px solid #b9e0c9}.fit-banner svg,.fit-banner .ic{color:var(--ok)}@media(prefers-reduced-motion:reduce){.brand-marquee__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}}.prefoot .hl{color:#fff}.hb-tile:hover{transform:none;box-shadow:var(--shadow-md)}.cat-card .cc-cta{display:none!important}.step .step-cta{background:transparent!important;color:var(--accent-600)!important;border:0!important;box-shadow:none!important;padding:.2rem 0 0!important;min-height:0!important;font-weight:700}.step .step-cta:hover{color:var(--accent-700)!important;transform:none!important}.prefoot h2 .hl{color:#fff}.steps--shop .step .step-cta{background:transparent!important;color:var(--accent-600)!important;border:0!important;box-shadow:none!important;padding:.2rem 0 0!important;border-radius:0!important}.steps--shop .step .step-cta:hover{background:transparent!important;color:var(--accent-700)!important;transform:none!important}.hb-content .eyebrow{display:none!important}.model-links a span{color:var(--ink-3);background:var(--bg-2)}.hb-tile--merk .hb-lnk{background:transparent;color:var(--accent-600);padding:.2rem 0 0;box-shadow:none;border-radius:0;margin-top:.55rem}.hb-tile--merk:hover .hb-lnk{background:transparent;color:var(--accent-700)}.pay-method .pm-logo{height:24px;width:auto;display:block;margin-left:auto}.pdp-trust{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.65rem 0 0;font-size:var(--fs-xs);color:var(--ink-2)}.pdp-trust>span{display:inline-flex;align-items:center;gap:.4rem}.pdp-trust .ic{color:var(--ok);width:15px;height:15px;flex:none}.price .price-sub{font-size:var(--fs-xs);color:var(--ink-3);font-weight:500;margin-left:.45rem;align-self:flex-end;padding-bottom:.35em}.price{display:inline-flex;align-items:baseline}.order-deadline{display:flex;align-items:center;gap:.45rem;margin:.5rem 0 0;font-size:var(--fs-xs);color:var(--ink-2)}.order-deadline.od-active{color:var(--ok)}.order-deadline svg{flex:none}.order-deadline .od-left{color:var(--ink-3)}.card .cover img{padding:clamp(6px,3.5%,12px)}.pdp-main-img img{padding:clamp(10px,3%,20px)}.cat-card .ph img{padding:clamp(6px,3.5%,12px)}.tp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:1.2rem}@media(max-width:980px){.tp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.tp-grid{grid-template-columns:1fr}}.tp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.15rem 1.2rem;box-shadow:0 1px 3px #1420360d}.tp-card .ic{width:26px;height:26px;color:var(--accent);display:block;margin-bottom:.55rem}.tp-card b{display:block;font-family:var(--font-display);font-size:var(--fs-lg);margin-bottom:.3rem}.tp-card p{margin:0;font-size:var(--fs-sm);color:var(--ink-2)}.tp-card--invite{background:var(--accent-50);border-color:var(--accent-100)}.tp-card--invite .tp-logo-inline{height:22px;width:auto;margin-bottom:.6rem}.tp-card--invite .btn{margin-top:.8rem;min-height:42px}.tp-review-link{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.tp-logo-inline{height:20px;width:auto;display:inline-block;vertical-align:middle}.pdp-tp-invite{margin:.55rem 0 0;font-size:var(--fs-xs);color:var(--ink-3)}.pdp-tp-invite img{height:14px;width:auto;display:inline;vertical-align:-2px;margin:0 .15rem}.pdp-tp-invite a{color:var(--accent-600);text-decoration:underline}.section,.section.alt{padding-block:clamp(2.6rem,6vw,3.4rem)}.section .wrap>p,.section .wrap>ul,.section .wrap>ol{max-width:65ch}@media(min-width:1024px){.filters .f-toggle{display:none}}@media(max-width:759px){.usp-bar .wrap{position:relative;min-height:2.2rem;display:block}.usp-bar .wrap>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.45rem;opacity:0;transition:opacity .6s ease}.usp-bar .wrap>span.usp-on{opacity:1}.usp-bar.usp-static .wrap>span{position:static;opacity:1}}.bundle-row{display:flex;align-items:flex-start;gap:.55rem;margin:.7rem 0 0;padding:.7rem .85rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}.bundle-row input{margin-top:.2rem;accent-color:var(--accent);width:17px;height:17px;flex:none}.bundle-row label{font-size:var(--fs-sm);line-height:1.45;cursor:pointer}.bundle-row .b-price{color:var(--ink-2)}.bundle-row .b-total{font-weight:700}.brand-marquee .brand-logo{filter:grayscale(1);opacity:.72}.brand-marquee a:hover .brand-logo{filter:none;opacity:1}.buy-box{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.05rem 1.15rem;margin:.85rem 0}.buy-box .price .now{font-size:1.9rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.buy-box .fit-banner{margin:.7rem 0}.buy-box .pdp-cta{margin-top:.75rem}.card .cover .fit-chip{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:.3rem;background:var(--ok-bg);color:var(--ok);border:1px solid #b9e0c9;border-radius:999px;padding:.14rem .5rem;font-size:.68rem;font-weight:800;letter-spacing:.02em}.card .cover .fit-chip svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3}.pdp-zoom-overlay{position:fixed;inset:0;z-index:1000;background:#0e1014eb;display:grid;place-items:center;padding:4vmin;cursor:zoom-out;animation:pz-in .18s ease}.pdp-zoom-overlay img{max-width:96vw;max-height:92vh;width:auto;height:auto;border-radius:12px;background:#fff;padding:2vmin}@keyframes pz-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pdp-zoom-overlay{animation:none}}.btn-added{background:var(--ok)!important;transition:background .18s ease}.cart-addons{margin:.8rem 0 0;padding:.75rem .8rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}.cart-addons>b{display:block;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:.45rem}.ca-item{display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.45rem .55rem;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:var(--fs-sm);margin-bottom:.35rem;cursor:pointer;transition:border-color .15s ease}.ca-item:hover{border-color:var(--accent-100)}.ca-item .ca-p{color:var(--ink-2);font-weight:700;white-space:nowrap}.ca-item.ca-added{border-color:var(--ok);color:var(--ok);cursor:default}.thanks-offer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;justify-content:center;background:var(--accent-50);border:1px solid var(--accent-100);border-radius:var(--r-lg);padding:.85rem 1rem;margin:0 0 var(--s5)}.thanks-offer b{font-family:var(--font-display)}.thanks-offer .btn{min-height:40px;padding:0 1rem}:root{--accent-cta:#CE430C}@media(min-width:1024px){#catalogus .shop-layout{display:grid;grid-template-columns:264px 1fr;gap:var(--s6);align-items:start}#catalogus .filters{display:block;position:sticky;top:calc(var(--header-h) + 12px);padding:var(--s4);border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg)}#catalogus .filters>:not(.f-toggle){display:block}#catalogus .filters .filters-head,#catalogus .filters .check{display:flex}#catalogus .f-toggle{display:none}}#catalogus #grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(1rem,1.6vw,1.4rem)}@media(max-width:680px){#catalogus #grid{grid-template-columns:1fr 1fr}}#catalogus:not(:has(h1)) .filters,#catalogus:not(:has(h1)) .f-toggle{display:none!important}#catalogus:not(:has(h1)) .shop-layout{display:block}#catalogus .filters .filter-fit{margin-top:var(--s4)}.grid{align-items:stretch}.card{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:none!important;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)!important}.card:hover{transform:translateY(-2px)!important;border-color:var(--line-2)!important;box-shadow:0 10px 26px -12px #14203638!important}.card .cover-wrap{position:relative;aspect-ratio:1/1;background:#fff!important;overflow:hidden}.card .cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}.card .cover-wrap .cover{position:absolute;inset:0;aspect-ratio:auto}.card .cover:after{display:none!important}.card .cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important;padding:clamp(6px,4%,14px)!important;mix-blend-mode:normal!important;filter:drop-shadow(0 6px 11px rgba(20,32,54,.12))!important;transition:transform .4s var(--ease)!important}.card:hover .cover img{transform:scale(1.03)!important}.card .body{display:flex;flex-direction:column;flex:1 1 auto;gap:.35rem;padding:.9rem 1rem 1rem}.card .eyebrow{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.card h3{font-size:var(--fs-base);line-height:1.3;font-weight:700;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.card h3 a{color:var(--ink)}.card h3 a:hover{color:var(--accent-600)}.card .ship{font-size:var(--fs-xs);color:var(--ink-2)}.card .fitline{font-size:var(--fs-xs);color:var(--ink-3)}.card .rating-row,.card .stars,.card .s-count{display:none!important}.card .foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;padding-top:.7rem;border-top:1px solid var(--line)}.card .price{display:flex;flex-direction:column;line-height:1.05;gap:.05rem}.card .price .now{font-family:var(--font-display);font-weight:800;font-size:1.42rem;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}.card .price.sale .now{color:var(--accent-700)}.card .price del{font-size:.8rem;color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums;font-family:var(--font-body)}.card .foot .add{min-height:40px;padding-inline:1.05rem;border-radius:var(--r);font-weight:800;flex:none;background:var(--accent-cta)!important;color:#fff!important;border:0!important;box-shadow:none!important}.card .foot .add:hover{background:var(--accent-600)!important;color:#fff!important}.card .cover-wrap .badge,.card .cover-wrap .stock,.card .cover .fit-chip{z-index:4}.card .badge--save{background:var(--accent-cta)!important;color:#fff;font-weight:800;box-shadow:none;padding:.26rem .5rem;border-radius:7px;font-size:11px}.card .stock{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-weight:700;font-size:12px;padding:.26rem .5rem;border-radius:999px;box-shadow:0 1px 3px #14203614}.card .fit-tag{align-self:flex-start}.buy-usps{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin:.2rem 0 .8rem}.buy-usps>span{display:inline-flex;align-items:center;gap:.4rem;background:var(--ok-bg);color:var(--ok);border:1px solid #b9e0c9;border-radius:999px;padding:.32rem .7rem;font-size:var(--fs-xs);font-weight:700}.buy-usps span .ic,.buy-usps span svg{width:15px;height:15px;flex:none;color:var(--ok);stroke:currentColor;fill:none;stroke-width:2.4}.buy-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem;margin:.2rem 0 .1rem}.buy-price .now{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,1.4rem+1.6vw,2.5rem);line-height:1;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.buy-price del{font-family:var(--font-body);font-size:1.05rem;color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}.buy-price .save{background:var(--accent-cta);color:#fff;font-weight:800;font-size:.8rem;padding:.2rem .5rem;border-radius:7px;align-self:center}.buy-price .price-sub{font-size:var(--fs-xs);color:var(--ink-3);font-weight:500;flex-basis:100%}.buy-ship{display:flex;align-items:center;gap:.55rem;margin:.7rem 0;padding:.6rem .85rem;background:var(--ok-bg);border:1px solid #b9e0c9;border-radius:var(--r);font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.buy-ship:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 0 3px #0e7a4529}.buy-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:56px;padding:0 1.5rem;border:0;border-radius:var(--r);font-family:var(--font-body);font-weight:800;font-size:var(--fs-base);background:var(--accent-cta);color:#fff;cursor:pointer;box-shadow:0 8px 20px -6px #ce430c66;transition:background .2s var(--ease),transform .14s var(--ease),box-shadow .2s var(--ease)}.buy-cta:hover{background:var(--accent-600);box-shadow:0 12px 26px -6px #ce430c80}.buy-cta:active{transform:translateY(1px)}.buy-cta .ic,.buy-cta svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2}.buy-trust{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.buy-trust>span{display:inline-flex;align-items:center;gap:.4rem;flex:1 1 auto;justify-content:center;min-width:120px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:.5rem .6rem;font-size:var(--fs-xs);font-weight:600;color:var(--ink-2);text-align:center}.buy-trust span .ic,.buy-trust span svg{width:16px;height:16px;flex:none;color:var(--ok);stroke:currentColor;fill:none;stroke-width:2}.pdp-collapse{position:relative}.pdp-collapse .pdp-collapse__body{position:relative;overflow:hidden;max-height:8.5em;transition:max-height .3s var(--ease)}.pdp-collapse .pdp-collapse__body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg));pointer-events:none;transition:opacity .2s}.pdp-collapse.is-open .pdp-collapse__body,.pdp-collapse[open] .pdp-collapse__body{max-height:none}.pdp-collapse.is-open .pdp-collapse__body:after,.pdp-collapse[open] .pdp-collapse__body:after{opacity:0}.pdp-collapse__toggle{display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;background:none;border:0;color:var(--accent-600);font-weight:700;font-size:var(--fs-sm);cursor:pointer;padding:.2rem 0}.pdp-collapse__toggle:hover{color:var(--accent-700)}.pdp-collapse__toggle .ic,.pdp-collapse__toggle svg{width:16px;height:16px;transition:transform .25s}.pdp-collapse.is-open .pdp-collapse__toggle .ic,.pdp-collapse[open] .pdp-collapse__toggle .ic{transform:rotate(180deg)}.pdp-specs{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:var(--fs-sm)}.pdp-specs caption{text-align:left;font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--ink);margin-bottom:.5rem}.pdp-specs th,.pdp-specs td{padding:.62rem .2rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.pdp-specs tr:nth-child(2n){background:var(--bg-2)}.pdp-specs th{color:var(--ink-3);text-transform:uppercase;font-size:11px;letter-spacing:.04em;font-weight:700;width:42%}.pdp-specs td{color:var(--ink);font-weight:600}.upsell,.bundle{margin:var(--s5) 0 0;padding:1.05rem 1.15rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.upsell>h3,.bundle>h3,.upsell>b,.bundle>b{display:block;font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 .6rem;color:var(--ink)}.bundle__total{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line);font-weight:700}.bundle__total .b-sum{font-family:var(--font-display);font-size:1.3rem;font-variant-numeric:tabular-nums}.cross{margin:var(--s6) 0 0}.cross>h3,.cross>.section-head{margin-bottom:var(--s4)}.cross__row{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem .2rem 1rem;margin:0 -.2rem;scrollbar-width:none}.cross__row::-webkit-scrollbar{display:none}.cross__row>*{flex:0 0 clamp(160px,42vw,210px);scroll-snap-align:start}.sticky-atc.is-visible{transform:none;visibility:visible;transition:transform .34s var(--ease)}@media(prefers-reduced-motion:reduce){.sticky-atc.is-visible{transition:none}}.mega .wrap{grid-template-columns:1fr 260px;gap:var(--s5)}.mega-grid{grid-template-columns:repeat(4,1fr);gap:.55rem}.mega-cat{flex-direction:column;align-items:stretch;text-align:left;gap:.45rem;padding:.5rem;border:1px solid transparent;border-radius:var(--r-lg)}.mega-cat .ic{width:100%;height:clamp(104px,9vw,140px);border-radius:12px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;margin:0}.mega-cat .ic img,.mega-cat .mega-thumb{width:100%;height:100%;object-fit:contain!important;padding:10px;transition:transform .25s var(--ease)}.mega-cat:hover .ic img,.mega-cat:hover .mega-thumb{transform:scale(1.05)}.mega-cat .tx{gap:.1rem}@media(max-width:1100px){.mega-grid{grid-template-columns:repeat(3,1fr)}}#mnav-cats a.mnc .mnc-ph{width:48px;height:48px}#mnav-cats a.mnc .mnc-ph img{width:40px;height:40px}.ic>svg,svg.ic,[data-ic]>svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.buy-cta .ic>svg,.buy-usps .ic>svg,.buy-trust .ic>svg{stroke-width:2}.co-form h2{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.co-stepno{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-body);font-weight:800;font-size:var(--fs-sm);line-height:1;display:inline-grid;place-items:center;box-shadow:0 4px 10px #00ba8447}.co-h2-sub{font-family:var(--font-body);text-transform:none;font-size:var(--fs-xs);color:var(--ink-2);font-weight:500}.co-pay-h2 .ic{flex:none;width:20px;height:20px;color:var(--ok)}.co-pay-h2 .ic>svg{width:20px;height:20px}.co-form .field input.err,.co-form .field select.err,.co-form .field textarea.err,.co-form input.err{box-shadow:0 0 0 3px #007a5524}.co-form .field input.err:focus,.co-form .field select.err:focus,.co-form .field textarea.err:focus{box-shadow:0 0 0 3px var(--accent-100)}.co-paytrust{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin:.9rem 0 0;padding:.75rem .85rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}.co-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;background:#fff;border:1px solid var(--line-2);border-radius:8px;box-shadow:0 1px 3px #1420361a}.co-chip img{display:block;height:26px;width:auto}.co-paytrust-lines{display:flex;flex-direction:column;gap:.15rem;min-width:0}.co-tl{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);color:var(--ink);font-weight:600}.co-tl .ic{flex:none;width:16px;height:16px;color:var(--ok)}.co-tl .ic>svg{width:16px;height:16px}.co-tl--muted{font-weight:500;color:var(--ink-2);font-size:var(--fs-xs)}#pay-btn{position:relative}#pay-btn:disabled{opacity:.9;cursor:progress;transform:none!important}#pay-btn .co-btn-loading{display:none;align-items:center;gap:.55rem}#pay-btn.is-loading .co-btn-label{display:none}#pay-btn.is-loading .co-btn-loading{display:inline-flex}.co-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.5);border-top-color:#fff;animation:co-spin .6s linear infinite}@keyframes co-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.co-spin{animation:none}}.pay-method:focus-within{box-shadow:0 0 0 3px var(--accent-100)}.co-form .check input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:520px){.co-paytrust{gap:.7rem;padding:.7rem}.co-chip{height:34px}}.mega .wrap{grid-template-columns:1fr 280px;gap:var(--s5);align-items:stretch}.mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;align-content:start}.mega-cat{gap:.55rem;padding:.55rem;border:1px solid transparent;border-radius:var(--r-lg);transition:background var(--speed),border-color var(--speed)}.mega-cat:hover{background:var(--bg-2);border-color:var(--line)}.mega-cat .ic{position:relative;width:100%;height:auto;aspect-ratio:8/5;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;padding:0}.mega-cat .ic img,.mega-cat .mega-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;padding:6px!important;margin:0;display:block;background:#fff;transition:transform .25s var(--ease)}.mega-cat:hover .ic img,.mega-cat:hover .mega-thumb{transform:scale(1.06)}.mega-cat .tx{display:flex;flex-direction:column;gap:.15rem;padding:0 .15rem .15rem;line-height:1.25}.mega-cat b{font-size:var(--fs-sm);font-weight:700;color:var(--ink)}.mega-cat:hover b{color:var(--accent-600)}.mega-cat small{font-size:var(--fs-xs);color:var(--ink-3)}.mega-promo{align-self:stretch;justify-content:center;gap:.7rem;border-radius:var(--r-lg)}.mega-promo .btn{align-self:flex-start}.main-nav>a,.main-nav>button{padding:.55rem .8rem;line-height:1.2}.main-nav .caret{width:16px;height:16px;flex:none}.mnav header{gap:.6rem}.mnav header .brand{width:auto;flex:0 1 auto;justify-content:flex-start;padding:0;font-size:1.25rem}.mnav header .close-btn{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r);font-size:1.35rem;line-height:1}.mnav header .close-btn:hover{background:var(--bg-2)}#mnav-cats a.mnc{justify-content:flex-start;gap:.7rem;padding:.5rem .55rem}#mnav-cats a.mnc .mnc-ph{flex:none;width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}#mnav-cats a.mnc .mnc-ph img{width:100%;height:100%;object-fit:contain;padding:3px;mix-blend-mode:normal;background:#fff}#mnav-cats a.mnc .mnc-tx{font-weight:600;font-size:var(--fs-sm)}#mnav-cats a.mnc:hover{background:var(--bg-2)}#mnav-cats a.mnc:hover .mnc-tx{color:var(--accent-600)}.buy-cta.pdp-cta{display:flex;gap:.65rem;background:none;box-shadow:none;padding:0;min-height:0;border-radius:0;cursor:default}.buy-cta.pdp-cta:hover,.buy-cta.pdp-cta:active{background:none;box-shadow:none;transform:none}.buy-cta.pdp-cta .btn--primary{flex:1 1 auto}.buy-cta.pdp-cta .btn--ghost{flex:0 0 auto}.pdp-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.pdp-thumbs button{width:64px;height:64px;padding:4px;background:#fff;border:1.5px solid var(--line-2);border-radius:10px;cursor:pointer;transition:border-color .18s var(--ease)}.pdp-thumbs button:hover{border-color:var(--ink-3)}.pdp-thumbs button.is-active{border-color:var(--accent)}.pdp-thumbs img{width:100%;height:100%;object-fit:contain;display:block}


/* ==== redesign.css ==== */
/* ============================================================
   VoltDelen redesign.css — site-brede nieuwe stijl (fase A, 2026-07-03)
   Bron: goedgekeurde homepage voltdelen-home-varianten/voltdelen-nieuw.html.
   Laadt NA app.css/premium.css/commerce.css als override-laag.
   Shell-classes die botsen met oude site-css zijn geprefixt met rd-
   (rd-mega*, rd-mnav*, rd-mnc*, rd-btn*, rd-brand, rd-hero, rd-stat*,
    rd-tp-*, rd-ig-handle/-follow, rd-ph). Bewust GEDEELD met oude css
   (globale unify): :root-tokens, h1-h4 (condensed uppercase), .wrap,
   .kicker, .section, .usp-bar, .faq-*, .seo-longread, .foot-h, .skip.
   ============================================================ */
/* ============================================================
   VoltDelen — DEFINITIEVE homepage v3 (recept uit 15 varianten
   + feedbackronde 3): glass-menubalk · compact mega-menu ·
   klantenservice-paneel + WhatsApp · strakke cards zonder chip ·
   klikbare merkenslider · TP-reviewsectie met databron ·
   FAQ 10 vragen 2-koloms · longread · kale footer-chips
   ============================================================ */

/* ---------- fonts (lokaal, variable) ---------- */
@font-face{
  font-family:"Saira";
  src:url("/assets/fonts/saira-latin-var.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Saira Condensed";
  src:url("/assets/fonts/saira-cond-latin-var.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
}

/* ---------- tokens ---------- */
:root{
  --accent:#00BA84;          /* dé accentkleur */
  --accent-down:#E84C12;
  --accent-deep:#C0420C;     /* zelfde hue, AA-veilig voor kleine tekst op wit */
  --accent-tint:#FFF1EA;
  --on-accent:#1A0E07;       /* donkere tekst op accent-knoppen (AA) */
  --ink:#15171A;
  --ink-2:#3E444B;
  --muted:#5B6472;
  --line:#E5E8ED;
  --line-strong:#D5D9DD;
  --soft:#F5F6F8;
  --white:#FFFFFF;
  --ok:#177A43;
  --ok-tint:#E4F4EB;
  --low:#8A5B00;
  --low-tint:#FBF1DC;
  --order-ink:#45505E;
  --order-tint:#EEF1F5;
  --dark-2:#1D2024;
  --on-dark-muted:#B9BEC4;
  --radius:16px;
  --radius-s:10px;
  --shadow-sm:0 1px 2px rgba(21,23,26,.05);
  --shadow-md:0 10px 24px -8px rgba(21,23,26,.16);
  --wrap:1240px;
  --slant:2.6deg;            /* schuine breker-balk (v8) */
  --font-head:"Saira Condensed","Saira",system-ui,Arial,sans-serif;
  --font-body:"Saira",system-ui,"Segoe UI",Arial,sans-serif;
}

/* ---------- reset & basis ---------- */
:where(.usp-bar,.header,.rd-mnav,.rd-mnav-backdrop,.footer,.rd-page,.rd-mega-panel){box-sizing:border-box;margin:0;padding:0}
:where(.usp-bar,.header,.rd-mnav,.footer,.rd-page,.rd-mega-panel) :where(*,*::before,*::after){box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{
  font-family:var(--font-body);color:var(--ink);background:var(--white);
  font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:where(.usp-bar,.header,.rd-mnav,.footer,.rd-page) ul{list-style:none}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.06;text-transform:uppercase;letter-spacing:.01em}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
[id]{scroll-margin-top:126px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:300;border-radius:0 0 8px 0;font-weight:600}
.skip:focus{left:0}

/* ---------- knoppen: één schaal ---------- */
.rd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:48px;padding:0 24px;border-radius:var(--radius-s);
  font-family:var(--font-head);font-size:19px;font-weight:700;
  text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease;
}
.rd-btn:active{transform:translateY(1px)}
.rd-btn-primary{background:var(--accent);color:var(--on-accent)}
.rd-btn-primary:hover{background:var(--accent-down)}
.rd-btn-ghost-light{border:2px solid rgba(255,255,255,.85);color:#fff}
.rd-btn-ghost-light:hover{background:rgba(255,255,255,.14)}
.rd-btn-dark{background:var(--ink);color:#fff}
.rd-btn-dark:hover{background:#000}

.arrowlink{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:600;font-size:15px;color:var(--accent-deep);
}
.arrowlink .ar{transition:transform .15s ease;display:inline-block}
.arrowlink:hover .ar{transform:translateX(4px)}
.arrowlink:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- sectie-ritme ---------- */
.section{padding:64px 0}
.section--soft{background:var(--soft)}
.sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.kicker{display:block;color:var(--accent-deep);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-family:var(--font-body)}
.sechead h2{font-size:clamp(26px,3vw,36px);font-weight:800}
.sechead .sub{color:var(--muted);font-size:15px;margin-top:6px;max-width:60ch}
.sechead .arrowlink{margin-bottom:4px;flex-shrink:0}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.rv-in{opacity:1;transform:none}

/* ============ 1 · USP-BAR (zwarte announcement-bar met oranje iconen, zoals live) ============ */
.usp-bar{background:var(--ink);color:#E7EAEE;font-size:13px;border-bottom:1px solid rgba(255,255,255,.07)}
.usp-bar .wrap{display:flex;gap:10px 30px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:38px;padding-block:7px}
.usp-bar span{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.usp-bar strong{color:#fff;font-weight:700}
.usp-bar svg{width:16px;height:16px;color:var(--accent);flex:none}
/* WhatsApp als zichtbaar kanaal in de topbar */
.usp-wa{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;color:#E7EAEE;min-height:24px}
.usp-wa svg{color:#25D366}
.usp-wa:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ============ 2 · HEADER (v2-logo + zoekveld + acties) ============ */
.header{background:var(--white);position:sticky;top:0;z-index:120;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}
.header.is-scrolled{box-shadow:0 1px 0 var(--line),0 8px 28px rgba(21,23,26,.08)}
.header-main{display:flex;align-items:center;gap:22px;padding:13px 0}
.rd-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
/* logo-glow zoals live: subtiele oranje drop-shadow, sterker on hover */
.rd-brand img{width:34px;height:34px;filter:drop-shadow(0 2px 7px rgba(0,186,132,.30));transition:filter .25s ease,transform .25s ease}
.rd-brand:hover img{filter:drop-shadow(0 3px 13px rgba(0,186,132,.60));transform:translateY(-1px)}
.rd-brand b{font-size:20.5px;font-weight:650;letter-spacing:-.015em;line-height:1;font-family:var(--font-body)}
.rd-brand b span{color:var(--accent-deep);transition:color .25s ease}
.rd-brand:hover b span{color:var(--accent)}
.search{flex:1;display:flex;min-width:0;max-width:640px}
.search input{
  flex:1;min-width:0;height:46px;border:1.5px solid var(--line-strong);border-right:0;border-radius:10px 0 0 10px;
  padding:0 16px;font:inherit;font-size:14.5px;color:var(--ink);background:#FAFBFC;
}
.search input::placeholder{color:#8A93A1}
.search input:focus{outline:none;border-color:var(--ink);background:#fff}
.search button{
  width:52px;height:46px;background:var(--accent);border-radius:0 10px 10px 0;
  display:grid;place-items:center;color:var(--on-accent);transition:background .15s;
}
.search button:hover{background:var(--accent-down)}
.header-acts{display:flex;gap:6px;margin-left:auto;flex-shrink:0}
.h-act{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;color:var(--ink-2)}
.h-act:hover{background:#F1F3F6}
.h-act svg{width:21px;height:21px}
/* hamburger — alleen mobiel (≤900px), opent het drawer-menu */
.nav-toggle{display:none;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink)}
.nav-toggle svg{width:20px;height:20px}

/* ============ 2B · MOBIEL DRAWER-MENU (slide-in van links, patroon van live voltdelen.nl) ============ */
.rd-mnav-backdrop{position:fixed;inset:0;z-index:190;background:rgba(20,22,30,.45);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
body.rd-mnav-open .rd-mnav-backdrop{opacity:1;visibility:visible}
.rd-mnav{
  position:fixed;top:0;left:0;z-index:200;height:100dvh;width:min(360px,88vw);
  background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;
  transform:translateX(-100%);visibility:hidden;
  transition:transform .32s cubic-bezier(.22,.7,.3,1),visibility .32s;
}
body.rd-mnav-open .rd-mnav{transform:none;visibility:visible}
body.rd-mnav-open{overflow:hidden}
.rd-mnav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line);flex:none}
.rd-mnav-head .rd-brand img{width:30px;height:30px}
.rd-mnav-head .rd-brand b{font-size:18.5px}
.rd-mnav-x{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:var(--ink);flex:none}
.rd-mnav-x:hover{background:var(--soft)}
.rd-mnav-x svg{width:20px;height:20px}
.rd-mnav-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 12px 28px;flex:1}
.rd-mnav-h{font-family:var(--font-head);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 8px 6px}
.rd-mnc{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 8px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink)}
.rd-mnc:hover{background:var(--soft)}
.rd-mnc-ph{width:42px;height:42px;flex:none;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:grid;place-items:center}
.rd-mnc-ph img{width:100%;height:100%;object-fit:contain;padding:4px}
.rd-mnc-ph svg{width:20px;height:20px}
.rd-mnc-ph.ic-tint{background:var(--accent-tint);border-color:#FFDDCB;color:var(--accent-deep)}
.rd-mnc small{margin-left:auto;color:#98A0AC;font-size:11.5px}
.rd-mnav-links a{display:flex;align-items:center;gap:11px;min-height:46px;padding:4px 8px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink-2)}
.rd-mnav-links a:hover{background:var(--soft);color:var(--ink)}
.rd-mnav-links svg{width:17px;height:17px;color:var(--accent);flex:none}
.rd-mnav-links svg.wa{color:#25D366}

/* ============ 3 · CATEGORIEËNMENUBALK + MEGA-MENU (v6, op live-niveau) ============ */
.navrow{border-top:1px solid var(--line);background:var(--white);position:relative}
/* glass-menubalk (expliciete operator-wens): semi-transparant wit + blur; solide wit is de fallback */
@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
  .header{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}
  .navrow{background:rgba(255,255,255,.72)}
}
@supports not ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
  .header,.navrow{background:var(--white)}
}
.navrow .wrap{display:flex;align-items:stretch;gap:4px}
.rd-mega{position:static;flex-shrink:0}
.rd-mega-btn{display:flex;align-items:center;gap:8px;padding:0 16px;height:44px;font-weight:700;font-size:14px;background:var(--ink);color:#fff;border-radius:0 0 10px 10px}
.rd-mega-btn svg{width:15px;height:15px}
.rd-mega-btn:hover{background:#000}
/* volle-breedte panel onder de menubalk, zoals live */
.rd-mega-panel{
  position:absolute;top:100%;left:0;right:0;z-index:130;
  background:#fff;border-bottom:1px solid var(--line);border-top:1px solid var(--line);
  box-shadow:0 30px 50px -18px rgba(21,23,26,.28);
  opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.rd-mega:hover .rd-mega-panel,.rd-mega:focus-within .rd-mega-panel,.rd-mega.open .rd-mega-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.rd-mega-inner{display:grid;grid-template-columns:minmax(0,1fr) 264px 188px;gap:26px;padding-block:20px 16px;align-items:start}
.rd-mega-h{font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
/* uniforme menu-rijen: elk item hetzelfde vierkante beeldvak (46px, contain) + label
   verticaal gecentreerd op één lijn; vaste rij-hoogte 58px in ALLE kolommen — grid-strak */
.rd-mega-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.rd-mega-col{display:flex;flex-direction:column;gap:2px}
.rd-mega-item{display:flex;align-items:center;gap:12px;min-height:58px;padding:5px 8px;border-radius:10px;border:1px solid transparent;transition:background .15s,border-color .15s}
.rd-mega-item:hover{background:var(--soft);border-color:var(--line)}
.rd-mega-item .thumb{width:46px;height:46px;flex:none;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:grid;place-items:center}
.rd-mega-item .thumb img{width:100%;height:100%;object-fit:contain;padding:5px;transition:transform .22s ease}
.rd-mega-item:hover .thumb img{transform:scale(1.07)}
.rd-mega-item .thumb svg{width:22px;height:22px}
.rd-mega-item .thumb--ic{background:var(--accent-tint);border-color:#FFDDCB;color:var(--accent-deep)}
.rd-mega-item b{font-size:13.5px;font-weight:700;line-height:1.25;color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-mega-item:hover b{color:var(--accent-deep)}
.rd-mega-item small{margin-left:auto;flex:none;color:#98A0AC;font-size:11.5px}
.quicklinks{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.quicklinks::-webkit-scrollbar{display:none}
.quicklinks a{display:flex;align-items:center;padding:0 13px;height:44px;font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;border-bottom:2px solid transparent}
.quicklinks a:hover{color:var(--ink);border-bottom-color:var(--accent)}

/* ============ 4 · DRIELUIK-HERO (v3) ============ */
.rd-hero{padding:16px 0 0}
.rd-hero .wrap{display:grid;grid-template-columns:1fr 384px;gap:16px}
.hero-main{
  position:relative;border-radius:var(--radius);overflow:hidden;min-height:520px;
  display:flex;align-items:flex-end;background:#2A2D31;
}
/* operator-still: 152% hoogte + top-anker toont de studioscène en verbergt de ingebakken tegelband onderin */
.hero-main>img{position:absolute;left:0;top:0;width:100%;height:152%;object-fit:cover;object-position:50% 0}
.hero-main::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(76deg,rgba(15,16,18,.90) 0%,rgba(15,16,18,.60) 42%,rgba(15,16,18,.04) 72%);
}
.hero-copy{position:relative;z-index:2;color:#fff;padding:44px;max-width:600px}
.hero-copy .kicker{color:#FFB08A;margin-bottom:12px}
.hero-copy .kicker .nw{white-space:nowrap}
.hero-copy h1{font-size:clamp(38px,4.6vw,60px);font-weight:800;line-height:.98}
.hero-copy h1 .hl{color:var(--accent)}
.hero-copy p{margin:16px 0 26px;font-size:16.5px;line-height:1.6;color:#E8EAEC;max-width:46ch}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-trust{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:24px;font-size:13.5px;font-weight:600;color:#E8EAEC}
/* hero-vinkjes in het zachte live-groen (#7ee0a8, .hero-assure-patroon van de live site) */
.hero-trust svg{width:15px;height:15px;color:#7EE0A8;flex:none}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}
.hero-trust i{width:3px;height:3px;border-radius:99px;background:rgba(255,255,255,.5)}

/* ============ 4B · MERK & TYPE-FINDER (model-finder zoals live, in nieuwe stijl) ============ */
.finder{padding:16px 0 0}
.finder-card{background:var(--ink);border-radius:var(--radius);padding:22px 26px;display:flex;align-items:center;gap:16px 26px;flex-wrap:wrap;color:#fff;box-shadow:var(--shadow-md)}
.finder-tx{min-width:230px}
.finder-tx h2{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:#fff}
.finder-tx p{font-size:13.5px;color:#B9BEC4;margin-top:3px}
.finder-form{display:flex;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:0}
.finder-form select{
  height:48px;min-width:186px;flex:1 1 186px;max-width:250px;padding:0 38px 0 14px;
  border-radius:var(--radius-s);border:1.5px solid rgba(255,255,255,.30);
  background:#232629 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px;
  color:#fff;font:inherit;font-size:14.5px;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer;
}
.finder-form select:hover{border-color:rgba(255,255,255,.55)}
.finder-form select:disabled{opacity:.45;cursor:default}
/* native dropdown-lijst: altijd donkere tekst op wit (voorkomt wit-op-wit op Windows) */
.finder-form select option{color:var(--ink);background:#fff}
.finder-form .rd-btn{flex:none}
/* filterregel boven de rails na een zoekactie */
.finder-bar{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;background:var(--accent-tint);border:1px solid #FFDDCB;border-radius:12px;padding:10px 16px;margin:10px 0 2px;font-size:14px;color:var(--ink)}
.finder-bar .fb-count{color:var(--muted);font-size:13px}
.finder-bar .arrowlink{margin-left:auto}
.finder-clear{font-size:13px;font-weight:700;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;padding:10px 4px;flex:none}
.finder-clear:hover{color:var(--ink)}
.pcard.fit-dim{opacity:.30;filter:saturate(.55)}

.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.flank{position:relative;border-radius:var(--radius);overflow:hidden;min-height:200px}
.flank--cat{display:flex;align-items:flex-end;background:#2A2D31}
.flank--cat>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* scrim iets steviger: ook op líchte stills blijft de tekst AA-leesbaar */
.flank--cat::after{content:"";position:absolute;inset:0;background:linear-gradient(10deg,rgba(15,16,18,.92) 0%,rgba(15,16,18,.66) 46%,rgba(15,16,18,.05) 92%)}
.flank--cat .fc-copy{position:relative;z-index:2;color:#fff;padding:22px}
.fc-tag{font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#BFF2E0;display:block;margin-bottom:6px;font-family:var(--font-body)}
.flank--cat h3{font-size:26px;font-weight:800;margin-bottom:4px}
.flank--cat p{font-size:13.5px;color:#D9DCDF;margin-bottom:10px}
.flank--cat .arrowlink{color:#fff;font-size:14px}
.flank--cat .arrowlink:hover{color:#FFB08A}
.flank:hover>img{transform:scale(1.03)}
.flank>img{transition:transform .5s ease}

/* klantenservice-paneel (v3): medewerkers-foto + directe kanalen */
.flank--service{display:flex;align-items:flex-end;background:#2A2D31}
.flank--service>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 28%}
.flank--service::after{content:"";position:absolute;inset:0;background:linear-gradient(8deg,rgba(15,16,18,.94) 0%,rgba(15,16,18,.70) 46%,rgba(15,16,18,.08) 94%)}
.fs-copy{position:relative;z-index:2;color:#fff;padding:18px 22px 20px;width:100%}
.flank--service h3{font-size:24px;font-weight:800;margin-bottom:7px}
.fs-lines{display:grid;gap:1px}
.fs-line{display:flex;align-items:center;gap:9px;min-height:31px;font-size:13.5px;font-weight:600;color:#E3E6E9;width:fit-content}
.fs-line svg{width:16px;height:16px;color:var(--accent);flex:none}
.fs-line svg.wa{color:#25D366}
.fs-line:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ============ 5 · MINI-CATEGORIEËN (v5 groter + v12 strak + v15 borderless/snap) ============ */
.catrow-sec{padding:52px 0 10px}
.catrow{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.catcard{text-align:center;border-radius:14px;transition:transform .18s ease}
/* foto's niet afsnijden: contain op wit vlak met subtiele 1px-outline, alle 8 gelijk */
.catcard .rd-ph{
  aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:#fff;
  border:1px solid var(--line);display:grid;place-items:center;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.catcard .rd-ph img{width:100%;height:100%;object-fit:contain;padding:9%}
.catcard:hover .rd-ph{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}
.catcard b{display:block;margin-top:10px;font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}
@media (max-width:1000px){
  .catrow{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .catrow::-webkit-scrollbar{display:none}
  .catcard{scroll-snap-align:start;flex:0 0 auto;width:128px}
}

/* ============ 6 · PRODUCT-RAILS (v6) + cards (v5/v9/v14-klein) ============ */
.rails{padding:34px 0 26px}
.rail{padding:20px 0 4px}
.rail-head{display:flex;align-items:baseline;gap:12px;margin-bottom:11px}
.rail-head h2{font-size:23px;font-weight:800;letter-spacing:.015em}
.rail-count{font-size:12.5px;color:var(--muted);font-weight:600}
.rail-tools{margin-left:auto;display:flex;align-items:center;gap:14px}
.rail-all{font-size:13.5px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.rail-all svg{width:14px;height:14px;color:var(--accent)}
.rail-all:hover{text-decoration:underline}
.rail-nav{display:flex;gap:6px}
.rail-btn{
  width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line-strong);
  display:grid;place-items:center;color:var(--ink);transition:border-color .15s,box-shadow .15s,opacity .15s;
}
.rail-btn svg{width:16px;height:16px}
.rail-btn:hover:not(:disabled){border-color:var(--ink);box-shadow:var(--shadow-md)}
.rail-btn:disabled{opacity:.32;cursor:default}
.rail-track{
  display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding:2px 2px 14px;
}
.rail-track::-webkit-scrollbar{display:none}
.rail-track .pcard{flex:0 0 212px;scroll-snap-align:start}

.pcard{
  position:relative;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:10px 11px 12px;display:flex;flex-direction:column;
  transition:box-shadow .18s,border-color .18s,transform .18s;box-shadow:var(--shadow-sm);
}
.pcard:hover{box-shadow:var(--shadow-md);border-color:#C7CDD6;transform:translateY(-3px)}
.p-img{aspect-ratio:1/1;display:grid;place-items:center;background:#fff;border-radius:8px;overflow:hidden}
.p-img img{width:93%;height:93%;object-fit:contain}
.p-title{
  font-size:14.5px;font-weight:600;line-height:1.35;margin-top:7px;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;
}
.pcard:hover .p-title{color:var(--accent-deep)}
.p-fit{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* eerlijke verzend-microregel (v3) — vervangt de FitCheck-chip; korte variant op smalle kaarten */
.p-ship{display:inline-flex;align-items:center;gap:6px;margin-top:7px;font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden}
.p-ship svg{width:12px;height:12px;color:var(--ok);flex:none}
.p-ship .ps-s{display:none}
/* vaste slot-layout: prijs + voorraad-badge onderaan gepind, geen witruimte-gat */
.p-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.p-price{font-family:var(--font-head);font-weight:800;font-size:20px;letter-spacing:.01em;white-space:nowrap}
/* voorraad-badge (v14, kleiner) */
.stock-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}
.stock-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.stock-ok{background:var(--ok-tint);color:var(--ok)}
.stock-low{background:var(--low-tint);color:var(--low)}
.stock-order{background:var(--order-tint);color:var(--order-ink)}

/* ============ 7 · SCHUINE ZWARTE BREKER-BALK (v8) ============ */
.breaker{padding:clamp(34px,4.5vw,64px) 0}
.rd-stats-band{
  background:var(--ink);color:#fff;transform:skewY(calc(var(--slant) * -1));
  transform-origin:left;
}
.stats-inner{transform:skewY(var(--slant))}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:26px 0}
.rd-stat{text-align:center;padding:10px 20px;border-left:1px solid rgba(255,255,255,.14)}
.rd-stat:first-child{border-left:0}
.rd-stat b{
  display:block;font-family:var(--font-head);font-weight:800;font-size:clamp(30px,3.4vw,44px);
  line-height:1;letter-spacing:.01em;
}
.rd-stat b i{font-style:normal;color:var(--accent)}
.rd-stat span{display:block;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:#B9BEC4;margin-top:6px;font-weight:600}

/* ============ 8 · KIESWIJZERS (v11) ============ */
.wizards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.wizard{
  background:var(--white);border:1px solid var(--line);border-radius:14px;
  padding:22px;display:flex;flex-direction:column;gap:12px;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.wizard:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.wizard .w-ic{
  width:44px;height:44px;border-radius:12px;background:var(--accent-tint);color:var(--accent-deep);
  display:flex;align-items:center;justify-content:center;
}
.wizard h3{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:17px;font-weight:700;line-height:1.25}
.wizard p{color:var(--muted);font-size:14px;line-height:1.5}
.wizard .w-link{
  margin-top:auto;display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:700;color:var(--accent-deep);
}
.wizard:hover .w-link svg{transform:translateX(3px)}
.wizard .w-link svg{transition:transform .15s ease}

/* ============ 9 · BESTSELLERS-GRID ============ */
.bestgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

/* ============ 10 · SPECIALIST (v4-concept, nieuw strak) ============ */
.spec{background:var(--white);border-top:1px solid var(--line)}
.spec-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,72px);align-items:center}
.spec-photo{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:1/1}
.spec-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.spec-chip{
  position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;
  /* alpha .82 -> .92: de chip ligt als donkere pil OVER een foto (witte tekst is dus prima
     leesbaar), maar de schouw-runner telt een achtergrond pas als "vast" bij alpha >= .9 en
     hallucineerde anders wit-op-wit (vals-rood). .92 laat de foto nog subtiel doorschemeren en
     laat de checker de échte donkere achtergrond meten. Schouw 15-07. */
  background:rgba(21,23,26,.92);color:#fff;font-size:13px;font-weight:600;
  padding:9px 14px;border-radius:999px;backdrop-filter:blur(3px);
}
.spec-chip svg{width:15px;height:15px;color:var(--accent);flex:none}
.spec-copy h2{font-size:clamp(28px,3.2vw,40px);font-weight:800;margin-top:10px}
.spec-copy .lead{color:var(--ink-2);font-size:16.5px;max-width:56ch;margin-top:12px}
.zeker{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:30px}
.zeker article{display:flex;gap:14px;align-items:flex-start}
.zeker .icbox{
  width:44px;height:44px;border-radius:12px;background:var(--accent-tint);color:var(--accent-deep);
  display:grid;place-items:center;flex:none;
}
.zeker .icbox svg{width:21px;height:21px}
.zeker h3{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:15.5px;font-weight:700;line-height:1.3}
.zeker p{font-size:14px;color:var(--muted);margin-top:3px;line-height:1.5}
.spec-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px}
.spec-note{font-size:13.5px;color:var(--muted)}

/* ============ 10B · OPERATOR-BANNER (kant-en-klaar beeld, géén tekst eroverheen) ============ */
.opbanner{padding:0 0 58px}
.opbanner a{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}
.opbanner a:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.opbanner .frame{aspect-ratio:2.65/1;position:relative;background:#EDEFF2}
.opbanner .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%}

/* ============ 10C · ASSORTIMENT-STRIP (F13/F14, 21-07)
   Was: nep-"Instagram"-grid met AI-fatbikefoto's. Nu: echte productfoto's uit het eigen
   assortiment (wit vlak, foto groot in het vak), mobiel als swipe-slider. ============ */
.ig-sec{padding-top:0}
.ig-side{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:4px}
.ig-note{font-size:14.5px;color:var(--muted);max-width:44ch;margin:0}
.ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ig-tile{
  position:relative;display:block;border-radius:12px;overflow:hidden;
  background:var(--white);border:1px solid var(--line);
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.ig-tile:hover,.ig-tile:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--line-strong)}
/* height:auto is hier NIET optioneel: het <img> heeft height="600" als attribuut en die
   presentational hint zet de hoogte hard, waardoor aspect-ratio genegeerd wordt (gemeten:
   148x600 i.p.v. 148x148). Met height:auto pakt aspect-ratio wel. */
.ig-tile img{
  display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;
  padding:5%;background:var(--white);transition:transform .35s ease;
}
.ig-tile:hover img,.ig-tile:focus-visible img{transform:scale(1.04)}
.ig-cap{
  display:block;padding:0 12px 11px;font-size:12.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);text-align:center;
}

/* ============ 11B · TRUSTPILOT (review-sectie op JS-databron in <head>) ============ */
.tp-sec{background:var(--white)}
.tp-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:26px}
.tp-head h2{font-size:clamp(24px,2.8vw,34px);font-weight:800}
.tp-head .rd-tp-logo{height:28px;width:auto}
.rd-tp-score{display:flex;flex-direction:column;align-items:center;gap:8px}
.rd-tp-score p{font-size:14.5px;color:var(--ink-2)}
.rd-tp-score b{font-weight:800;color:var(--ink)}
/* Trustpilot-sterrenbalk: groene blokjes met witte ster */
.rd-tp-stars{display:flex;gap:3px}
.tp-star{width:24px;height:24px;background:#DCDCE6;display:grid;place-items:center}
.tp-star svg{width:15px;height:15px;fill:#fff;display:block}
.tp-star.on{background:#00B67A}
.rd-tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1020px;margin:0 auto}
.tp-review{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}
.tp-review .tp-star{width:20px;height:20px}
.tp-review .tp-star svg{width:12.5px;height:12.5px}
.tp-review h3{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:15.5px;font-weight:700;line-height:1.3}
.tp-review p{font-size:14px;line-height:1.6;color:var(--ink-2)}
.tp-review footer{margin-top:auto;padding-top:4px;font-size:12.5px;color:var(--muted)}
.tp-review footer b{color:var(--ink-2);font-weight:600}
.tp-more{display:flex;justify-content:center;margin-top:22px}
/* eerlijke "net begonnen"-variant (actief zolang TRUSTPILOT.active=false) */
.rd-tp-card{
  max-width:660px;margin:0 auto;text-align:center;background:#fff;
  border:1px solid var(--line);border-top:3px solid #00B67A;border-radius:var(--radius);
  padding:clamp(26px,4vw,40px) clamp(22px,4vw,52px);box-shadow:var(--shadow-sm);
}
.rd-tp-card h3{font-family:var(--font-head);font-size:clamp(22px,2.4vw,29px);font-weight:800}
.rd-tp-card>p{color:var(--ink-2);font-size:15.5px;line-height:1.6;max-width:52ch;margin:12px auto 22px}
.rd-btn-tp{background:#00B67A;color:#06281B}
.rd-btn-tp:hover{background:#00A56E}
.tp-note{font-size:13px;color:var(--muted);margin-top:14px}

/* ============ 11C · FAQ (accordion, 2-koloms op desktop) ============ */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:start}
.faq-col{display:grid;gap:12px;min-width:0}
.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s ease}
.faq-item[open]{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;
  list-style:none;padding:15px 18px;min-height:52px;font-size:15.5px;font-weight:700;color:var(--ink);
  border-radius:12px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--accent-deep)}
.faq-item summary::after{
  content:"+";flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--soft);color:var(--ink);font-size:17px;font-weight:600;line-height:1;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.faq-item[open] summary::after{content:"–";background:var(--accent-tint);color:var(--accent-deep)}
.faq-a{padding:0 18px 17px;font-size:14.5px;line-height:1.65;color:var(--ink-2);max-width:70ch}
.faq-a a{color:var(--accent-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.faq-a a:hover{color:var(--accent-down)}

/* ============ 11D · SEO-LONGREAD (koopgids) ============ */
.seo-longread{background:var(--soft);border-top:1px solid var(--line);padding:clamp(44px,6vw,64px) 0}
.seo-longread .prose{max-width:820px}
.seo-longread h2{font-size:clamp(24px,2.8vw,32px);font-weight:800;margin-bottom:14px}
.seo-longread h3{font-size:17px;font-weight:800;letter-spacing:.03em;margin:26px 0 8px}
.seo-longread p{font-size:15px;line-height:1.7;color:var(--ink-2);max-width:76ch}
.seo-longread a{color:var(--accent-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.seo-longread a:hover{color:var(--accent-down)}

/* ============ 11 · MERKENSLIDER IN KLEUR (v7/v8/v10) ============ */
.brands{background:var(--soft);border-block:1px solid var(--line);padding:44px 0 48px}
.brands .blabel{
  text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);margin-bottom:26px;
}
.marquee{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
/* ECHT infinite: 2 identieke sets in één track, -50% = exact de breedte van set 1
   (identieke sets, naadloze gap via padding-right per set — geen zichtbare sprong/reset) */
.mq-track{display:flex;width:max-content;animation:mq 60s linear infinite;will-change:transform}
.mq-set{display:flex;align-items:center;gap:clamp(26px,3vw,40px);padding-right:clamp(26px,3vw,40px);flex:none}
/* hover-pauze bewust NIET (OPERATOR-SMAAK punt 5, 03-07): de band loopt door met de muis erop. */
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Woordmerken: borderless op één visuele massa, subtiele lift + volle inkt on hover. */
.mq-logo{
  display:grid;place-items:center;flex:none;border-radius:10px;padding:6px 10px;
  transition:transform .18s ease,opacity .18s ease;opacity:.85;
}
.mq-logo:hover,.mq-logo:focus-visible{transform:translateY(-3px);opacity:1}
.mq-logo:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}
/* De SVG's hebben een strakke viewBox (vaste hoogte, breedte volgt de naam), dus width:auto
   geeft per merk de natuurlijke breedte — geen lege ruimte binnen het beeldvak. */
.mq-track img{height:30px;width:auto;display:block}
.brands-cta{margin-top:20px;display:flex;justify-content:center}

/* ============ 12 · FOOTER (v4 donker + scheef logo · v12 contact · v13 chips-band) ============ */
.footer{background:var(--ink);color:#EDEEF0}
.foot-top{
  display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,1fr);
  gap:clamp(24px,3.5vw,44px);padding:clamp(44px,6vw,64px) 0 40px;
}
.f-logo{display:flex;align-items:center;gap:11px}
.f-logo svg{width:42px;height:42px;border-radius:11px;flex:none}
.f-word{
  font-family:var(--font-head);font-style:italic;font-weight:800;font-size:27px;
  letter-spacing:.015em;line-height:1;text-transform:uppercase;color:#fff;
  transform:translateY(-1px);
}
.f-word em{font-style:italic;color:var(--accent)}
.foot-brand p{color:#B9BEC6;font-size:14.5px;max-width:34ch;margin-top:14px}
.foot-fit{
  margin-top:18px;display:inline-flex;align-items:center;gap:9px;
  color:#fff;font-weight:700;font-size:14.5px;
  border:1.5px solid rgba(255,255,255,.35);border-radius:10px;padding:10px 15px;
  transition:border-color .15s,background .15s;
}
.foot-fit:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.foot-fit svg{width:17px;height:17px;color:var(--accent)}
.foot-h{
  font-family:var(--font-head);font-weight:700;text-transform:uppercase;font-size:15px;
  letter-spacing:.12em;color:#fff;margin-bottom:15px;
}
.foot-col ul{display:grid;gap:9px}
.foot-col a{color:#C4C9CF;font-size:14.5px;transition:color .14s}
.foot-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot-contact li{display:flex;gap:9px;align-items:baseline;color:#C4C9CF;font-size:14.5px;min-width:0;flex-wrap:wrap}
.foot-contact b{color:#fff;font-weight:600;flex:none}
.foot-contact a{color:#C4C9CF;overflow-wrap:anywhere}
.foot-contact a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot-wa{display:inline-flex;align-items:center;gap:7px}
.foot-wa svg{width:15px;height:15px;color:#25D366;flex:none;align-self:center}
/* chips-band op eigen donkerdere strook (v13) — uitgesneden lockups, GEEN dragers */
.chips-row{background:#101215;border-top:1px solid rgba(255,255,255,.12);padding:24px 0}
.chips-row .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.chips-row p{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#B9BEC6}
.chips{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap}
.chips img{height:28px;width:auto;display:block}
/* merken zonder officiële darkmode-lockup: minimale lichte behandeling (witte weergave) */
.chips img.chip-inv{filter:brightness(0) invert(1);opacity:.92}
.chip-sep{width:1px;height:22px;background:rgba(255,255,255,.22);margin:0 2px}
/* eerlijke regel onder de strip zolang online afrekenen uitstaat (_shell/betaalstrip.py) */
.chips-row .chips-note{flex:1 0 100%;order:3;margin:2px 0 0;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:#9AA1AA}
.chips-row .chips-note a{color:#33D9A6;text-decoration:underline;text-underline-offset:3px}
.foot-bottom{
  background:#101215;border-top:1px solid rgba(255,255,255,.12);padding:20px 0;
}
.foot-bottom .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:space-between;font-size:13.5px;color:#B9BEC6}
.foot-bottom nav{display:flex;flex-wrap:wrap;gap:20px}
.foot-bottom a{color:#C4C9CF}
.foot-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* Bedrijfsgegevens-colofon (legal-infra 20-07, bron data/legal.json via tools/legal_sweep.py).
   Wettelijk verplichte handelsinformatie (ACM / art. 6:230m BW): eigen regel over de volle
   breedte, direct boven de partnersites-regel. Iets lichter dan de body-tekst maar bewust
   leesbaar (contrast #A7AEB7 op #101215 = 7.3:1, ruim boven WCAG AA). */
.foot-company{flex:1 0 100%;margin:6px 0 0;font-size:12.5px;color:#A7AEB7}
.foot-company a{color:#C4C9CF;text-decoration:underline;text-underline-offset:3px}
.foot-company a:hover{color:#fff}
/* partnersites-regel (netwerk-links, 19-07) — bescheiden onder de juridische nav */
.foot-partners{flex:1 0 100%;margin:2px 0 0;font-size:12.5px;color:#9AA1AA}
.foot-partners a{color:#B9BEC6;text-decoration:underline;text-underline-offset:3px}
.foot-partners a:hover{color:#fff}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  /* Zonder animatie moet de band een NETTE, volledig zichtbare wrap worden.
     `flex:none` op .mq-set liet de rij doorlopen buiten .marquee (overflow:hidden) —
     gemeten: 18 woordmerken, maar alleen het middelste stuk in beeld. */
  .mq-track{animation:none;width:auto;justify-content:center;max-width:100%}
  .mq-set{flex:1 1 auto;flex-wrap:wrap;justify-content:center;padding-right:0;row-gap:14px}
  .mq-set--dup{display:none}
  .marquee{overflow:visible;-webkit-mask-image:none;mask-image:none;padding-inline:16px}
}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .rd-hero .wrap{grid-template-columns:1fr 340px}
  .wizards{grid-template-columns:repeat(2,1fr)}
  .bestgrid{grid-template-columns:repeat(3,1fr)}
  .rd-mega-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.85fr)}
  .rd-mega-cats{grid-template-columns:1fr}
}
@media (max-width:960px){
  .rd-hero .wrap{grid-template-columns:1fr}
  .hero-main{min-height:440px}
  .hero-side{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .flank{min-height:230px}
  .spec-grid{grid-template-columns:1fr;gap:30px}
  .spec-photo{max-width:560px}
  .foot-top{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .header{position:static}
  .header-main{flex-wrap:wrap;gap:10px 14px;padding:10px 0}
  .search{order:3;flex-basis:100%;max-width:none}
  .h-act span{display:none}
  .h-act{padding:11px;min-height:44px}
  /* mobiel: categorieënbalk dicht — hamburger + drawer-menu nemen het over (zoals live) */
  .navrow{display:none}
  .nav-toggle{display:grid}
  .finder-card{flex-direction:column;align-items:stretch;padding:20px}
  .finder-form{flex-direction:column;justify-content:flex-start}
  .finder-form select{max-width:none;width:100%}
  .finder-form .rd-btn{width:100%}
  .finder-bar .arrowlink{margin-left:0}
  .stats-grid{grid-template-columns:1fr 1fr;row-gap:20px}
  .rd-stat:nth-child(3){border-left:0}
  .faq-grid{grid-template-columns:1fr}
  .rd-tp-grid{grid-template-columns:1fr;max-width:560px}
}
@media (max-width:680px){
  .usp-bar span:nth-child(3){display:none}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .section{padding:48px 0}
  .catrow-sec{padding:38px 0 6px}
  .rd-hero{padding-top:12px}
  .hero-main{min-height:340px}
  .hero-main>img{object-position:46% 0}
  .hero-copy{padding:22px 20px}
  .hero-copy p{font-size:15px}
  .hero-side{grid-template-columns:1fr}
  .flank--cat{min-height:170px}
  .flank--service{min-height:190px}
  /* F14 · assortiment-strip als swipe-slider op mobiel.
     overscroll-behavior-x:contain -> de horizontale veeg lekt niet naar de pagina/history;
     touch-action:pan-x pan-y laat de browser de richting vergrendelen, zodat een VERTICALE
     veeg over de strip gewoon de pagina scrollt (dat was de echte klacht bij RideParts).
     Compact gehouden: 1 rij van ~168px i.p.v. 4 rijen van 2 (was 916px hoog). */
  .ig-grid{
    display:flex;grid-template-columns:none;gap:10px;
    overflow-x:auto;overflow-y:hidden;
    overscroll-behavior-x:contain;overscroll-behavior-y:auto;
    touch-action:pan-x pan-y;
    scroll-snap-type:x proximity;scroll-padding-left:16px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    /* volle-breedte-rij binnen .wrap, zonder horizontale pagina-overflow */
    margin-inline:-16px;padding:2px 16px 8px;
  }
  .ig-grid::-webkit-scrollbar{display:none}
  .ig-tile{flex:0 0 150px;scroll-snap-align:start}
  /* merkenband compacter op mobiel: meer woordmerken tegelijk in beeld */
  .mq-track img{height:24px}
  .mq-logo{padding:10px}          /* tap-target >= 44px hoog op een bewegende band */
  .mq-set{gap:26px;padding-right:26px}
  .brands{padding:34px 0 36px}
  .sechead{flex-direction:column;align-items:flex-start;gap:8px}
  .rail-head h2{font-size:20px}
  .rail-all span{display:none}
  .rail-all{min-height:44px;display:inline-flex;align-items:center}
  .rail-btn{width:44px;height:44px}
/* De sectiekop stond op een rij: titel + ondertitel + "Bekijk alle N" + twee
   pijlen van 44px. Samen ruim 500px op 358px beschikbare breedte, waardoor de
   grijze ondertitel over drie regels brak ("hydraulisch / & / mechanisch") en
   de kop scheef stond. Titel en knoppen op regel 1, ondertitel op regel 2. */
.rail-head{flex-wrap:wrap;align-items:center;gap:4px 10px}
.rail-head h2{flex:1 1 auto;min-width:0}
.rail-tools{order:2;flex:0 0 auto;margin-left:auto}
.rail-count{order:3;flex:1 0 100%;margin:-2px 0 0;line-height:1.3}
  .rail-track .pcard{flex-basis:178px}
  .p-ship .ps-l{display:none}
  .p-ship .ps-s{display:inline}
  .bestgrid{grid-template-columns:1fr 1fr;gap:10px}
  .wizards{grid-template-columns:1fr}
  .zeker{grid-template-columns:1fr}
  .rd-btn{padding:0 18px;font-size:18px}
  /* De twee heroknoppen deelden op mobiel een rij (flex:1). Bij langere labels
   - Frans "Trouvez les pieces pour votre modele", Duits - brak de tekst binnen
   de knop over drie regels, zodat een knop van 155x82px ontstond met tekst die
   buiten de vaste hoogte van 44px viel. Onder elkaar over de volle breedte is
   taalonafhankelijk en houdt beide knoppen even groot. */
.hero-ctas{flex-direction:column;align-items:stretch}
.hero-ctas .rd-btn{flex:0 0 auto;width:100%;height:auto;min-height:48px;padding-block:11px;line-height:1.25}
  .opbanner .frame{aspect-ratio:3/2}
  .opbanner .frame img{object-position:50% 50%}
  .foot-top{grid-template-columns:1fr}
  .chips-row .wrap{justify-content:center}
}
@media (max-width:430px){
  .usp-bar span:nth-child(2){display:none}
  /* op smal mobiel alleen de kern-USP; WhatsApp zit al in header + menu + klantenservice */
  .usp-bar .usp-wa{display:none}
  .usp-bar .wrap{justify-content:center}
}

/* ---------- compat/unify-laag bovenop bestaande site-css ---------- */
/* knoppen site-breed in de nieuwe typografie (maten blijven van commerce.css) */
.btn{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
/* cart-badge in de nieuwe header (app.js vult [data-cart-count]) */
.h-act{position:relative}
.h-act .pill{position:absolute;top:0;right:8px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:999px;border:2px solid #fff;line-height:1}
/* nieuwsbrief-band (prefoot) rustig laten aansluiten op de nieuwe stijl */
.prefoot h2{font-family:var(--font-head)}
/* legacy: app.js injecteert op elke pagina nog een oud drawer-menu (#mnav + backdrop);
   de nieuwe shell gebruikt rd-mnav — oude injectie hard uit (anders dubbele, verborgen nav)
   (JS-guard op rdHeader staat nu óók in app.js; dit is de riem bij de bretels) */
#mnav,[data-mnav-close]{display:none!important}
/* i18n-taalknop (i18n.js) netjes in de nieuwe header-acts */
.header-acts .lang-switch{position:relative;display:flex;align-items:center}
.header-acts .lang-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:auto;height:auto;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;color:var(--ink-2)}
.header-acts .lang-btn:hover{background:#F1F3F6}
.header-acts .lang-globe{width:21px;height:21px}
.header-acts .lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:140;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;min-width:176px;display:grid;gap:2px}
.header-acts .lang-menu[hidden]{display:none}
.header-acts .lang-opt{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink);text-align:left}
.header-acts .lang-opt:hover{background:var(--soft)}
.header-acts .lang-opt.is-active{background:var(--accent-tint);color:var(--accent-deep)}

/* ============ COOKIEBANNER (conversie-pass 2026-07-07 · netjes, accepteren/weigeren) ============ */
.ck-banner{position:fixed;left:0;right:0;bottom:0;z-index:1200;background:var(--dark,#121417);color:#fff;box-shadow:0 -8px 30px rgba(0,0,0,.28);transform:translateY(100%);transition:transform .26s cubic-bezier(.22,.61,.36,1)}
.ck-banner.is-in{transform:translateY(0)}
.ck-in{max-width:var(--maxw,1280px);margin-inline:auto;padding:.85rem clamp(1rem,4vw,2rem);display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.ck-txt{margin:0;font-size:.9rem;line-height:1.5;color:#e7eaee;flex:1;min-width:240px}
.ck-txt a{color:var(--accent,#00BA84);text-decoration:underline;font-weight:600}
.ck-btns{display:flex;gap:.6rem;flex-wrap:wrap;margin-left:auto}
.ck-btn{min-height:44px;padding:0 1.15rem;border-radius:10px;font-weight:700;font-size:.88rem;border:1.5px solid transparent;cursor:pointer;white-space:nowrap}
.ck-dec{background:transparent;border-color:rgba(255,255,255,.32);color:#fff}
.ck-dec:hover{border-color:rgba(255,255,255,.6)}
/* CONTRAST-FIX (schouw 15-07): witte tekst op teal #00BA84 = 2,51:1, zakt onder WCAG AA (4,5).
   De site heeft hiervoor al een token: --on-accent (#1A0E07, "donkere tekst op accent-knoppen (AA)"),
   die de zoek- en primary-knoppen ook gebruiken. Donker op teal = ~8,4:1. */
.ck-acc{background:var(--accent,#00BA84);color:#1A0E07}
.ck-acc:hover{filter:brightness(1.06)}
@media (max-width:560px){
  /* Mobiel: compacte bottomkaart. De hero-CTA blijft erboven zichtbaar;
     consentgedrag wijzigt niet. De koopbalk-offsets staan bewust NIET hier
     maar onder deze media-query (zie de regressie-uitleg daar). */
  .ck-banner{
    left:.625rem;right:.625rem;top:auto;bottom:.625rem;
    border-radius:14px;overflow:hidden;
    transform:translateY(calc(100% + .75rem))
  }
  .ck-banner.is-in{transform:translateY(0)}
  .ck-in{padding:.6rem .7rem;gap:.5rem}
  .ck-txt{min-width:0;font-size:.78rem;line-height:1.35}
  .ck-btns{width:100%;gap:.5rem;flex-wrap:nowrap;margin-left:0}
  .ck-btn{flex:1;min-width:0;min-height:44px;padding:0 .55rem;font-size:.78rem}
}

/* LIVE-REGRESSIEREPAIR 26-07-2026 — koopactie schuift boven de GEMETEN cookiekaart.
   Deze twee regels stonden binnen `@media (max-width:560px)` en golden daarboven dus
   niet. Twee bewezen livegaten:
     1. checkout vanaf 561px: `#pay-btn` (54px) volledig afgedekt zolang de kaart open
        stond — `elementFromPoint` op het knopmidden raakte `.ck-txt`, niet de knop;
     2. PDP: de offset was óók nog een VASTE 140px, terwijl de (inhoudelijk juiste)
        langere consenttekst de kaart op ~146,6px bracht -> 16,6px overlap op 390px,
        en boven 560px viel de offset weg -> 46px, de hele koopknop.
   Daarom: buiten de media-query (alle breedtes) en op de dynamisch gemeten hoogte uit
   js/vd-meet.js (`--vd-cookie-banner-height`, incl. opruimen na de keuze). De kaart
   zelf blijft volledig zichtbaar en bruikbaar; consentgedrag wijzigt niet.
   Bewijs: `python _qa/qa_cookie_mobile.py` (360/390/430/560/561/768/1024). */
body:has(.ck-banner.is-in) .sticky-atc.show{
  bottom:calc(var(--vd-cookie-banner-height, 140px) + .625rem)
}
body:has(.ck-banner.is-in) .co-sticky-paybar{
  bottom:calc(var(--vd-cookie-banner-height, 0px) + .625rem)
}

/* ============================================================================
   A11Y-SCHOUW 15-07 (Janus) — laatste override-laag, na app/premium/commerce.css.
   Twee openstaande schouw-fails op 390px wegnemen:
     1. kleine_fonts_mobiel — geen tekst < 14px op mobiel
     2. tap_targets_mobiel  — geen raakvlak < 24x24 (WCAG 2.2 AA, 2.5.8)
   Plus 1 contrast-fix die geen mobiel-scope heeft (checkout-wordmark).
   Lat tap-targets = 24px (AA), NIET 44px: 24-44 is comfort-advies, geen fail.
   ============================================================================ */

/* CONTRAST: checkout-header-wordmark "DELEN". checkout.html zet inline
   `.brand b{color:var(--accent)}` = teal #00BA84 op wit = 2,51:1 (grote vette tekst,
   eis 3,0 -> fail). De rest van de site kleurt de wordmark met --accent-deep (#C0420C,
   ~5,5:1). redesign.css laadt NA de inline-style; `.co-head .brand b` (0,2,1) wint. */
.co-head .brand b{color:var(--accent-deep,#C0420C)}

@media (max-width:760px){
  /* ---- 1. FONT-VLOER 14px op mobiel -------------------------------------
     De twee token-systemen (app.css --fs-xs=11,8px/--fs-sm=13,5px @390 én de losse
     rem-waarden in commerce/redesign) drijven de microtekst. Vloer optrekken; de
     desktoptypografie blijft ongemoeid (deze regels staan in @media max-width:760px). */
  :root{
    --fs-xs:max(14px,.875rem);
    --fs-sm:max(14px,.9rem);
  }
  /* commerce/PLP/PDP-kaarten + losse rem-labels onder 14px @390. Selectors met genoeg
     soortelijkheid om de bestaande regels te verslaan (bv. .card .body .eyebrow = 0,3,0). */
  .p-fit,.ps-s,.stock-pill,.quick-add span,.buy-usp,.b-price,
  .buy-trust span,.pdp-trust span,.bundle-row label b,.bundle-row label span,
  .btn--sm,.spec-chip,
  .card .eyebrow,.card .body .eyebrow,
  .pdp-specs td,.specs td,.pdp-specs th,.specs td:first-child,.pdp-specs td:first-child,
  .foot-bottom,.foot-bottom p,
  /* shell/redesign micro-tekst (echte class-namen, geverifieerd in de bron) */
  .kicker,.rd-stat span,.fs-line,.rail-count,.usp-on,.usp-on strong,
  .fc-tag,.fc-copy p,.secure,.f-toggle span,
  .rail-all,.spec-note,.finder-tx p,.brands .blabel,
  .chips-row p,.chips-row .chips-note,.chips-row .chips-note a,
  .tp-review footer,.tp-review footer b,.tp-review footer time,
  .footer nav a,.crumbs a,.crumbs span{
    font-size:max(14px,.9rem);
  }

  /* ---- 2. TAP-TARGETS >= 24x24 ------------------------------------------
     Inline links: padding-block telt mee in de border-box (die de runner/WCAG meet)
     en geeft op een inline element GEEN reflow — line-height zou hier niet helpen. */
  .footer li>a,.footer nav a,.foot-wa,.foot-col a,.foot-contact a,
  .crumbs a,.chips-row .chips-note a,.ck-txt a,
  .faq-a a,.arrowlink,.lnk,.pdp-tp-invite a{
    display:inline-block;padding-block:4px;min-height:24px;
  }
  /* .rail-all stond hierboven mee in de rij en kreeg daardoor inline-block. Als
     flex-item van .rail-tools wordt dat 'block', waardoor het pijltje-svg bij
     "Bekijk alle 279" naar een tweede regel viel (de link kreeg 101px terwijl
     de inhoud er 150 vroeg). Zelfde tikvlak, maar wel als flexbox. */
  .rail-all{
    display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;
    padding-block:4px;min-height:24px;
  }
  .rail-all svg{flex:0 0 auto}
  /* herroepingsknop (footer, uit js) — button.hr-link wint op 0,1,1 */
  button.hr-link{min-height:24px}
  /* bundel-checkbox: het LABEL is de tap-target (runner meet 'label'); was 206x20 */
  .bundle-row label{min-height:24px;display:flex;align-items:center}
}

/* Klarna "3x"-badge in productkaarten (eis 10, recept RideParts; injectie: js/redesign.js) */
.rd-pay3{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden}
.rd-pay3 img{height:13px;width:auto;display:block;border-radius:2px}
.card .rd-pay3{margin:2px 0 0}
/* Rail-kaart (.pcard): .p-foot is een space-between flex-rij met prijs + voorraadpil.
   De Klarna-pill wappert naar een eigen volle regel eronder (klarna-badge.js). */
.pcard .rd-pay3{flex-basis:100%;margin:2px 0 0}
.pcard .rd-pay3--gespreid{color:var(--muted)}


/* ==========================================================================
   FIXRONDE A2C — 21-07 (operator-punten VoltDelen). Deze laag staat bewust
   ACHTERAAN in redesign.css: redesign.css is de laatst geladen stylesheet, dus
   hier corrigeren we app.css/commerce.css zonder die (door meerdere shops
   gedeelde) bestanden te hoeken. Elk blok noemt het gemeten probleem.
   ========================================================================== */

/* --- A2C-2 · STAPELVOLGORDE: header prikte dwars door de cart-overlay -------
   Gemeten 21-07 op 1440px: .header z-index 120 (redesign.css) stond BOVEN
   .drawer z-index 95 en .drawer-backdrop z-index 90 (app.css). Bij "in mandje"
   liep de witte header dus dwars over de open winkelwagen heen en bleef het
   zoekveld klikbaar (elementFromPoint op het midden van de header gaf #nav-q
   terwijl de drawer open was). Zelfde defect gold voor .modal (z-index 100).
   Eén schaal, van laag naar hoog: sticky-atc 70 < header 120 < mega 130 <
   lang-menu 140 < mobiel menu 190/200 < CART 210/220 < modal 240 < toast 260
   < cookiebanner 1200 (die moet altijd bovenop kunnen). */
.drawer-backdrop{z-index:210}
.drawer{z-index:220}
.modal{z-index:240}
.toast{z-index:260}

/* --- A2C-1/3 · PRIJSWEERGAVE ----------------------------------------------
   3) "prijs staat onder het euroteken": op de PDP kreeg .buy-price .now een
   krappe flex-breedte (gemeten 60px bij een tekstbreedte van ~78px), waardoor
   "€ 7,70" op de spatie afbrak: € op regel 1, 7,70 op regel 2 (gemeten hoogte
   61px = 2 regels). nowrap houdt teken en bedrag altijd op één regel.
   1) "prijzen lijnen niet uit": in de kaartvoet staat de prijs bottom-aligned;
   kaarten mét Klarna-3x-badge werden 40px hoog, kaarten zonder badge 24px, dus
   het bedrag sprong 16px omhoog/omlaag tussen kaarten in dezelfde rij (gemeten
   c/banden.html: prijs-top 326 vs 342). Een vaste minimumhoogte zet het bedrag
   in elke kaart op dezelfde regel — de badge vult de gereserveerde ruimte. */
.price .now,.buy-price .now,.card .price .now,.sticky-atc .price .now{white-space:nowrap}
.card .price{min-height:40px;justify-content:flex-start}

/* --- A2C-4 · UPSELLS: "vaak samen gekocht" mét productfoto -----------------
   De bundel was een kale checkbox-lijst zonder beeld (operator: "rare
   toestand"). Nu: vierkante productfoto op wit (smaakprofiel punt 3), titel,
   prijs, en de hele rij is de tap-target. Injectie: js/premium.js. */
.bundle{border-radius:var(--r-lg)}
.bundle-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.bundle-head .b-sub{font-size:13px;font-weight:500;color:var(--muted)}
.bundle-row{align-items:center;gap:.7rem;padding:.6rem .7rem}
.bundle-row .b-thumb{flex:none;width:52px;height:52px;border-radius:10px;background:#fff;
  border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.bundle-row .b-thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:3px}
.bundle-row label{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;
  gap:2px;line-height:1.35}
.bundle-row label b{font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bundle-row .b-cat{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted)}
.bundle-row .b-price{font-weight:700;color:var(--ink);white-space:nowrap}
.bundle-foot{display:flex;align-items:baseline;gap:.5rem 1rem;flex-wrap:wrap;margin-top:.75rem;
  padding-top:.7rem;border-top:1px solid var(--line)}
.bundle-foot .b-total{font-weight:700}

/* --- A2C-7 · BETAALICONEN: één stijl over de hele site ---------------------
   De footer toonde uitgesneden lockups op 28px (de norm uit OPERATOR-SMAAK
   punt 6), maar de checkout zette dezelfde methodes in witte pill-cards met
   rand + schaduw op 26px — precies de "pill-mix" die het smaakprofiel verbiedt.
   Checkout volgt nu de footer: losse lockups, gelijke hoogte, gelijke witruimte. */
.co-paytrust .co-chip{background:none;border:0;box-shadow:none;padding:0;height:auto}
.co-paytrust .co-chip img{height:28px;width:auto;border-radius:4px}
.co-paytrust{gap:.7rem 1rem}

/* --- A2C-6 · MOBIEL: het finder-vak was 66% van het scherm -----------------
   Gemeten 390x844: sectie "Vind onderdelen voor jouw e-bike" = 559px hoog.
   Oorzaak: .finder-form select heeft flex:1 1 186px; in de mobiele kolom-flex
   werkt die basis op de HOOGTE, dus elke select werd ~190px hoog. */
@media (max-width:900px){
  .finder{padding-top:10px}
  .finder-card{padding:16px;gap:12px}
  .finder-tx h2{font-size:19px}
  .finder-form{gap:8px}
  .finder-form select{flex:0 0 auto;height:46px;min-width:0}
  .finder-form .rd-btn{height:46px;min-height:46px}
}

/* --- A2C-9 · MOBIEL: footer in 2 kolommen ---------------------------------
   Stond op één lange kolom (gemeten footerhoogte 2367px op 390px breed). */
@media (max-width:640px){
  /* padding-BLOCK, geen shorthand: .foot-top deelt de class .wrap en die levert de
     zijmarge. Met `padding:34px 0 28px` nam deze (laatste) regel die zijmarge weg en
     liep de footer tot tegen de schermrand — gemeten 21-07: kolommen 186px op 390px. */
  .foot-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;
    padding-block:34px 28px}
  .foot-brand{grid-column:1 / -1}
  .foot-col .foot-h{margin-bottom:10px}
  .foot-col ul{gap:7px}
  .foot-col a,.foot-contact li{font-size:13.5px}
  .foot-contact li{flex-wrap:wrap;gap:4px}
}

/* --- A2C-8 · ZWEVENDE WHATSAPP-KNOP ---------------------------------------
   Vloot-patroon: rechtsonder, op elke pagina, boven de sticky koopbalk maar
   onder de cart-overlay en de cookiebanner. .wa-fab-basis staat al in
   commerce.css; hier alleen plaatsing/veiligheid. Injectie: js/whatsapp-fab.js. */
.wa-fab{z-index:150}
.wa-fab:focus-visible{outline:3px solid #0b3d2c;outline-offset:3px}
body.heeft-sticky-atc .wa-fab{bottom:calc(18px + var(--atc-h,0px))}
@media (max-width:760px){
  .wa-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:12px 15px}
  .wa-fab .wa-tip{display:none}
  body.heeft-sticky-atc .wa-fab{bottom:calc(14px + var(--atc-h,0px) + env(safe-area-inset-bottom,0px))}
}
@media (max-width:600px){
  .wa-fab--category{display:none}
}

/* LIVE-REGRESSIEREPAIR 26-07-2026 (correctie 3) — WhatsApp-FAB boven de cookie+ATC-zone.
   Nadat de koopbalk correct boven de gemeten cookiekaart schoof, dekte deze zwevende knop
   de koopbutton af: de FAB-positie hierboven telt alléén `--atc-h` mee en niet de
   cookiehoogte, dus de FAB bleef staan terwijl de balk omhoog ging. Gemeten op 1024px:
   cookie-overlap 0, maar doorsnede FAB x koopbutton 104,6 x 26,2 px en `elementFromPoint`
   op het knopmidden gaf `a.wa-fab` -> een tik midden op "In mandje" opende /contact.html.
   Op 1280px was de hele 46px-knop gekruist; 768px haalde het met 1 pixel.
   Alleen een POSITIEcorrectie: `right`, z-index (FAB 150, sticky-atc 70), pointer-events,
   grootte, inhoud, link en zichtbaarheid blijven ongewijzigd — geen click-through-truc.
   `.625rem` = de bestaande ruimte tussen kaart en ATC, `18px` = de bestaande
   tablet/desktopafstand tussen WhatsApp en de ATC. Scoped op een open kaart: na de
   consentkeuze vervalt de regel en geldt de basispositie (18px + --atc-h) weer.
   Bewijs: `python _qa/qa_cookie_mobile.py` (PDP 1024 + 1280, drie kruisdoorsneden). */
@media (min-width:761px){
  body.heeft-sticky-atc:has(.ck-banner.is-in) .wa-fab{
    bottom:calc(
      var(--vd-cookie-banner-height, 140px)
      + .625rem
      + var(--atc-h, 46px)
      + 18px
    );
  }
}

/* --- NACHTRONDE 25-07 · MOBIELE KOOPBEDIENINGEN ---------------------------
   Gemeten op 360/390/430: kaartknoppen waren 40px en de cartbediening 20–40px.
   Alleen de hit-area groeit; raster, inhoud en visuele structuur blijven gelijk. */
.card .foot .add{min-height:44px}
#cart-drawer .qty button,
#cart-drawer .qty-mini button,
#cart-drawer .close-btn,
#cart-drawer .rm,
.cart-drawer .qty button,
.cart-drawer .qty-mini button,
.cart-drawer .close-btn,
.cart-drawer .rm{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:374px){
  .card .foot .add{min-width:0;flex-shrink:1;padding-inline:5px}
}

/* --- A2C-c · STICKY HEADER OOK OP MOBIEL (Atlas-aanvulling 21-07) -----------
   Voormeting: desktop 1440 is de header écht sticky (position:sticky, top:0, na
   scroll naar y=1200 blijft rect.top exact 0 — geen schijn-sticky à la
   top:-719px). Op mobiel stond in de ≤900px-media `position:static`, en dan
   scrollde de balk volledig weg: gemeten rect.top -1153 op y=1200, dus zoekveld,
   menu en winkelwagen waren onderweg onbereikbaar.
   Nu ook mobiel sticky, in dezelfde stijl: witte balk, dezelfde z-index-laag
   (120: onder mega/menu/cart-overlay), en scroll-padding zodat een anker-sprong
   niet ónder de balk uitkomt. */
@media (max-width:900px){
  .header{position:sticky;top:0}
  html{scroll-padding-top:104px}
}
/* GEEN hoogte-tweak op .header-main: die deelt de class .wrap, dus een
   `padding`-shorthand wist de zijmarge en het zoekveld liep tot tegen de
   schermrand (gemeten: 0px 16px -> 7px 0px, header 101px -> 115px). Zelfde
   val als bij .foot-top hierboven. De balk blijft dus exact zo hoog als hij
   was — alleen niet langer weggescrold. */

/* ==========================================================================
   FIXRONDE A2D — 21-07 (VoltDelen ronde 2, F15-schouw). Zelfde plek en zelfde
   afspraak als het A2C-blok hierboven: laatste laag, elk blok noemt de meting.
   ========================================================================== */

/* --- A2D-F15 · verplicht akkoordvinkje op checkout was 14x18 -----------------
   Gemeten 21-07 op 390px in de gerenderde DOM: `#co-terms` = 14x18 CSS-px. De
   a11y-laag van 15-07 hierboven zet de lat expliciet op 24x24 (WCAG 2.2 AA 2.5.8)
   maar raakt alleen links/knoppen — native checkboxes vielen erbuiten, en juist
   dit vinkje is verplicht om te kunnen bestellen. 24px is de AA-ondergrens. */
#co-terms,#co-marketing{width:24px;height:24px;flex:none;accent-color:var(--accent-600,#007A55)}


/* ============================================================================
   PDP-KOOPZONE OP MOBIEL - VD-RUST-0808 (2026-08-08)
   Gemeten op 390x844, remblokken van EUR 15,75. De koopknop stond op 934px en
   de prijs op 799px, precies achter de cookiebalk: een bezoeker zag noch prijs
   noch knop zonder te scrollen. Oorzaak: de koopzone had geen mobiele volgorde,
   waardoor de pillenrij (115px) BOVEN de prijs stond.

   1. Vaste volgorde in de koopzone op mobiel: prijs, voorraad, knop. Alles wat
      daarna komt - ook de blokken die het script later injecteert (bundel,
      betaalmethoden, Trustpilot) - staat onder de knop, zodat er geen
      layout-shift ontstaat na de eerste render.
   2. Pil twee en drie zijn op alle 1513 productpagina's "Verzending binnen 1-3
      werkdagen" en "14 dagen retour". Diezelfde twee staan woordelijk in de
      servicerij eronder EN in de zwarte balk bovenaan elke pagina. Op mobiel
      blijft alleen de eerste pil staan (het merk of "Universeel toepasbaar").
   3. De servicerij was drie losse kaders onder elkaar (137px). Nu een compacte
      tekstrij. Bezorgtermijn, gratis-verzendingsdrempel en retourtermijn
      blijven leesbaar op de pagina staan - kleiner mag, weg niet.
   4. De geinjecteerde .order-deadline zei woordelijk hetzelfde als de
      voorraadregel er vlak boven. Op mobiel weg.
   Desktop blijft ongewijzigd: alles staat in de 640px-media-query.
   ========================================================================== */
@media (max-width:640px){
  .pdp .buy-box{display:flex;flex-direction:column}
  .pdp .buy-box > *{order:5}
  .pdp .buy-box > .buy-price{order:1}
  .pdp .buy-box > .buy-ship{order:2}
  .pdp .buy-box > .buy-cta{order:3}
  .pdp .buy-box > .buy-usps{order:8;margin:.55rem 0 0}
  .pdp .buy-box > .buy-trust{order:9}
  .pdp .buy-box > .rd-buychips{order:10}
  .pdp .buy-box > .pdp-tp-invite{order:11}

  .pdp .buy-box > .order-deadline{display:none}
  .pdp .buy-box > .buy-usps > .buy-usp:not(:first-child){display:none}

  .pdp .buy-box > .buy-trust{gap:.15rem .8rem;margin-top:.5rem}
  .pdp .buy-box > .buy-trust > span{
    flex:0 0 auto;
    min-width:0;
    background:none;
    border:0;
    border-radius:0;
    padding:0;
    font-size:12.5px;
    color:var(--ink-3);
    justify-content:flex-start;
    text-align:left;
  }
  .pdp .buy-box > .buy-trust > span .ic,
  .pdp .buy-box > .buy-trust > span svg{width:14px;height:14px}
}

/* strak-shops 29-08: cookiekaart mobiel 147px -> <=120px (norm design-audit). Tekst
   ongewijzigd (consent-wording), alleen dichtheid: 12px tekst op 1.3, knoppen 38px,
   krappere padding. redesign.css wordt met max-age=0 geserveerd, dus geen tokenbump. */
@media (max-width:560px){
  .ck-in{padding:.5rem .6rem;gap:.4rem}
  .ck-txt{font-size:.75rem;line-height:1.3}
  .ck-txt a{padding:0}
  .ck-btns{gap:.4rem}
  .ck-btn{min-height:38px;font-size:.75rem}
}
@media (max-width:560px){
  /* volle breedte onderaan (370 -> 390px tekstbreedte scheelt een regel), knoppen 36px */
  .ck-banner{left:0;right:0;bottom:0;border-radius:14px 14px 0 0}
  .ck-btn{min-height:36px}
}
@media (max-width:560px){
  /* de link kreeg elders een 24px-tikdoel als inline-block; dat maakte zijn regel 8px hoger */
  .ck-txt a{display:inline;line-height:inherit;min-height:0;padding:0;margin:0}
  .ck-in{padding:.45rem .6rem}
}