/* rd-bundle.css - R8 perf: concatenatie in cascade-volgorde (app->premium->commerce->redesign->ronde3-cards->rp-extras). NIET met de hand editen; bron = css/<naam>.css via perf_css_bundle.py. */

/* ===== 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:#FF5A1E;--accent-600:#B23C09;--accent-700:#E84A12;--accent-50:#FFF4EE;--accent-100:#FFD9C7;--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(255,90,30,.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:14px;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-assure .ic{width:18px;height:18px;color:var(--ok)}.hero-proof .stars{font-size:1.15em}.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-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:14px;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 .t-ic .ic{width:24px;height:24px}.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:hover .brand-logo{opacity:1}.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}.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}.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 .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);border-bottom:1px solid var(--line)}.drawer .drawer-head h3{font-size:var(--fs-lg)}.close-btn{width:44px;height:44px;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 .drawer-foot{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:max(14px,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:14px;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:max(12px,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}.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-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-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-badge.ideal{color:#c06}.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)}.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)}.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}}@media(max-width:520px){.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)}.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 .hb-ic .ic{width:24px;height:24px}.hero-badge .hb-foot .ic{width:16px;height:16px;color:var(--accent,#ef5a1e)}@media(max-width:920px){.hero-visual{justify-content:flex-start}}.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-assure li .ic{width:18px;height:18px;color:#7ee0a8;flex:0 0 auto}.hero-visual,.hero-badge{display:none!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}.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 .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 .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 .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-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__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__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}@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}}

/* ===== 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-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__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 .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}@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-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}.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}.btn--primary{box-shadow:0 8px 20px #ff5a1e42}.btn--primary:hover{box-shadow:0 12px 28px #ff5a1e57}.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(255,90,30,.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 h5,.site-foot .foot-h{position:relative;padding-bottom:.5rem}.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-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}.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-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)}}.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 #ff5a1e47}.btn--primary[data-add]:hover{background:var(--accent-700);box-shadow:0 12px 28px #ff5a1e5c}.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 .ms-label .ic{width:20px;height:20px;color:var(--accent)}.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}.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)}.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:14px;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(255,90,30,.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}.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 #ff5a1e59}.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 .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-trust .pt-note .ic{width:18px;height:18px;color:var(--ok)}.hb-tile--fit .hb-fit-ic .ic{width:25px;height:25px;color:#fff;stroke-width:2.1}

/* ===== 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 #ff5a1e80;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}.hb-tile--fit .hb-fit-ic .ic{color:var(--accent)}.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}.usp-bar .blogo{padding:2px 4px}.usp-bar .blogo img{height:13px}.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 .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 .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 .pt-note .ic{color:var(--ok)}.pay-row .paychips .pc{height:30px}.tp-stars i.on{background:#00b67a}.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}.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 #ff5a1e8c;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 #ff5a1e8c;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}.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:14px;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 #ff5a1e6b}.btn--primary:hover{box-shadow:0 12px 26px -6px #ff5a1e80;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 #ff5a1e8c!important}.card .foot .add:active{transform:translateY(1px)}#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}.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:.71rem;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}.usp-bar .blogo img{height:19px!important}.usp-bar .blogo{padding:1px 3px!important;height:auto!important;border-radius:6px}.usp-bar .blogo img{height:16px!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--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}.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)}.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-card .ic{width:26px;height:26px;color:var(--accent);display:block;margin-bottom:.55rem}.tp-card--invite .btn{margin-top:.8rem;min-height:42px}.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;font-size:14px}.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);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;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.4rem .5rem;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-thumb{flex:none;width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px}.ca-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:14px;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:max(14px,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)}.cross{margin:var(--s6) 0 0}.cross>h3,.cross>.section-head{margin-bottom:var(--s4)}.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 #ff5a1e47}.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 #b23c0924}.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:44px;height:44px;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 ===== */
/* geminified (rcssmin, ronde3 NAV) - bron: _shell/src/redesign.css */
@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}
:root{--accent:#FF5A1E;--accent-down:#E84C12;--accent-deep:#C0420C;--price:#C74E00;--accent-tint:#FFF1EA;--on-accent:#1A0E07;--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;--font-head:"Saira Condensed","Saira",system-ui,Arial,sans-serif;--font-body:"Saira",system-ui,"Segoe UI",Arial,sans-serif}
: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}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
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:1200;border-radius:0 0 8px 0;font-weight:600}
.skip:focus{left:0}
.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}
.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}
.rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.rv-in{opacity:1;transform:none}
.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}
.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}
.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}
.rd-brand img{width:34px;height:34px;filter:drop-shadow(0 2px 7px rgba(255,90,30,.30));transition:filter .25s ease,transform .25s ease}
.rd-brand:hover img{filter:drop-shadow(0 3px 13px rgba(255,90,30,.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;min-height:55px}
.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}
.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}
.rd-mnav-backdrop{position:fixed;inset:0;z-index:1000;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:1010;height:100dvh;width:min(360px,88vw);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(-100%);visibility:hidden;content-visibility:hidden;transition:transform .32s cubic-bezier(.22,.7,.3,1),visibility .32s}
body.rd-mnav-open .rd-mnav{transform:none;visibility:visible;content-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:44px;height:44px;flex:none;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;place-items:center}
.rd-mnc-ph img{width:100%;height:100%;object-fit:contain;padding:3px}
.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}
.navrow{border-top:1px solid var(--line);background:var(--white);position:relative}
@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}
.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;content-visibility:hidden;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;content-visibility:visible}
.rd-mega-inner{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:0 34px;padding-block:22px 20px;align-items:stretch}
.rd-mega-main{min-width:0}
.rd-mega-h{font-family:var(--font-head);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.rd-mega-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px}
.rd-mega-item{display:flex;align-items:center;gap:13px;min-height:58px;padding:7px 10px;border-radius:12px;border:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s}
.rd-mega-item:hover{background:var(--white);border-color:var(--line);box-shadow:var(--shadow-md)}
.rd-mega-item .thumb{width:48px;height:48px;flex:none;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;place-items:center;transition:border-color .15s,box-shadow .15s}
.rd-mega-item .thumb img{width:100%;height:100%;object-fit:contain;padding:3px;transition:transform .22s ease}
.rd-mega-item:hover .thumb{border-color:var(--line-strong)}
.rd-mega-item:hover .thumb img{transform:scale(1.06)}
.rd-mega-item .thumb svg{width:22px;height:22px}
.rd-mega-item .thumb--ic,.rd-mega-item--ic .thumb{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;font-weight:600;font-variant-numeric:tabular-nums}
.rd-mega-brands{border-left:1px solid var(--line);padding-left:34px;min-width:0;display:flex;flex-direction:column}
.rd-mega-brandgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.rd-mega-brands .rd-mega-item .thumb img{padding:6px}
.rd-mega-brands .rd-mega-all{margin-top:auto;align-self:flex-start}
.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)}
.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:#EDEEF0}
.hero-main>img,.hero-main>picture>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.hero-main::after{content:"";position:absolute;inset:0;background:linear-gradient(82deg,rgba(247,248,249,.975) 0%,rgba(247,248,249,.965) 42%,rgba(247,248,249,.93) 58%,rgba(247,248,249,.74) 70%,rgba(247,248,249,.28) 82%,rgba(247,248,249,0) 93%)}
.hero-copy{position:relative;z-index:2;color:var(--ink);padding:44px;max-width:600px}
.hero-copy .kicker{color:var(--accent-deep);margin-bottom:12px}
.hero-copy .kicker .nw{white-space:nowrap}
.hero-copy h1{font-size:clamp(38px,4.6vw,60px);font-weight:900;line-height:.98}
.hero-copy h1 .hl{color:var(--accent-deep)}
.hero-copy p{margin:16px 0 26px;font-size:18px;font-weight:600;line-height:1.55;color:var(--ink-2);max-width:44ch}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-main .rd-btn-ghost-light{border-color:var(--ink);color:var(--ink)}
.hero-main .rd-btn-ghost-light:hover{background:rgba(21,23,26,.08)}
.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:14px;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}
.finder-form select option{color:var(--ink);background:#fff}
.finder-form .rd-btn{flex:none}
.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;left:0;top:0;width:100%;height:152%;object-fit:cover;object-position:50% 0}
.flank--cat::after{content:"";position:absolute;inset:0;background:linear-gradient(10deg,rgba(15,16,18,.82) 0%,rgba(15,16,18,.30) 36%,rgba(15,16,18,0) 68%)}
.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:#FFD9C7;display:block;margin-bottom:6px;font-family:var(--font-body)}
.flank--cat h2,.flank--cat h3{font-size:26px;font-weight:800;margin-bottom:4px}
.flank--cat p{font-size:14px;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}
.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,.90) 0%,rgba(15,16,18,.58) 44%,rgba(15,16,18,.02) 90%)}
.fs-copy{position:relative;z-index:2;color:#fff;padding:18px 22px 20px;width:100%}
.flank--service h2,.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}
.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}
.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}
}
.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}
.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}
.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}
.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}
/* De voorraadpil stond op white-space:nowrap in een productkaart van ~147px
   inhoudsbreedte. "Tijdelijk niet leverbaar" paste daar net in, maar het Duitse
   "Vorubergehend nicht lieferbar" liep 45px buiten de kaart en werd middenin een
   woord afgekapt - Zweeds en Oekraiens net zo. Taalonafhankelijk opgelost: binnen
   een productkaart mag de pil afbreken en heeft hij iets minder binnenmarge, zodat
   korte labels op een regel blijven en lange op twee regels vallen in plaats van
   weg te vallen. */
.pcard .stock-pill{white-space:normal;max-width:100%;gap:4px;padding-left:6px;padding-right:6px;line-height:1.3;align-items:flex-start}
.pcard .stock-pill::before{flex:0 0 auto;margin-top:.42em}
.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)}
.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}
.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}
.bestgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.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;left:-3.5%;top:-3.5%;width:auto;height:107%;max-width:none}
.spec-chip{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(21,23,26,.82);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)}
.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%}
.ig-sec{padding-top:0}
.ig-side{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:4px}
.rd-ig-handle{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.rd-ig-handle svg{width:18px;height:18px;color:var(--accent-deep);flex:none}
.rd-ig-follow{gap:9px}
.rd-ig-follow svg{width:17px;height:17px;flex:none}
.ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ig-tile{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--soft)}
.ig-tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ig-tile:hover img,.ig-tile:focus-visible img{transform:scale(1.05)}
.ig-ov{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(21,23,26,.34);opacity:0;transition:opacity .2s ease}
.ig-tile:hover .ig-ov,.ig-tile:focus-visible .ig-ov{opacity:1}
.ig-ov svg{width:24px;height:24px}
.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)}
.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}
.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}
.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)}
.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)}
.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)}
.mq-track{display:flex;width:max-content;animation:mq 60s linear infinite;will-change:transform}
.mq-set{display:flex;align-items:center;gap:clamp(34px,4vw,52px);padding-right:clamp(34px,4vw,52px);flex:none}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.mq-track a{display:block;flex:none;border-radius:8px;transition:transform .18s ease}
.mq-track a:hover{transform:translateY(-3px)}
.mq-track a:focus-visible{outline-offset:4px}
.mq-track img{height:32px;width:auto;max-width:128px;object-fit:contain;display:block}
.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}
.foot-contact b{color:#fff;font-weight:600;flex:none}
.foot-contact a{color:#C4C9CF}
.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-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}
.chips img.chip-inv{filter:brightness(0) invert(1);opacity:.92}
.chips img.chip-inv[src*="google-pay"]{filter:none;opacity:1}
.chip-sep{width:1px;height:22px;background:rgba(255,255,255,.22);margin:0 2px}
.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}
@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}
.mq-track{animation:none;width:auto;justify-content:center}
.mq-set{flex-wrap:wrap;justify-content:center;padding-right:0}
.mq-set--dup{display:none}
.marquee{-webkit-mask-image:none;mask-image:none}
}
@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,1fr) 260px;gap:0 26px}
.rd-mega-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
.rd-mega-brands{padding-left:26px}
}
@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}
.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}
.hero-main::after{background:linear-gradient(198deg,rgba(247,248,249,.98) 0%,rgba(247,248,249,.955) 52%,rgba(247,248,249,.85) 100%)}
}
@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:360px}
.hero-main>img,.hero-main>picture>img{object-position:50% 62%}
.hero-main::after{background:linear-gradient(196deg,rgba(247,248,249,.995) 0%,rgba(247,248,249,.975) 40%,rgba(247,248,249,.90) 100%)}
.hero-copy{padding:26px 20px}
.hero-side{grid-template-columns:1fr}
.flank--cat{min-height:210px}
.flank--service{min-height:230px}
.ig-grid{grid-template-columns:repeat(2,1fr)}
.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}
}
@media (max-width:430px){.usp-bar{font-size:12px}
.usp-bar .wrap{min-height:30px;padding-block:5px}
.header-main{gap:8px 10px;padding:8px 0}
.nav-toggle{width:44px;height:44px;border-radius:9px}
.nav-toggle svg{width:18px;height:18px}
.rd-brand{gap:9px}
.rd-brand img{width:27px;height:27px}
.rd-brand b{font-size:17px}
.search input{height:44px;font-size:14px;border-radius:9px 0 0 9px}
.search button{width:44px;height:44px;border-radius:0 9px 9px 0}
.h-act{padding:7px 8px;min-width:44px;min-height:44px}
.h-act svg{width:19px;height:19px}
.h-act .pill{right:5px}
.header-acts .lang-btn{padding:7px 8px}
.header-acts .lang-globe{width:19px;height:19px}
}
.btn{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.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}
.prefoot h2{font-family:var(--font-head)}
#mnav,[data-mnav-close]{display:none!important}
.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;min-width:44px;height:auto;min-height:44px;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)}
@media (hover:hover) and (pointer:fine){.navrow .quicklinks{overflow:visible}
.navrow .wrap{overflow:visible}
.navrow{overflow:visible}
}
.ql-it{position:relative;display:flex}
.ql-drop{position:absolute;left:0;top:100%;z-index:60;min-width:230px;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 14px 34px rgba(21,23,26,.14);display:none;flex-direction:column}
.ql-it--right .ql-drop{left:auto;right:0}
.ql-it:hover .ql-drop,.ql-it:focus-within .ql-drop{display:flex}
.ql-sub{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.ql-sub:hover{background:var(--soft);color:var(--ink)}
.ql-sub-th{width:36px;height:36px;flex:none;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;place-items:center}
.ql-sub-th img{width:100%;height:100%;object-fit:contain;padding:3px}
.ql-sub:hover .ql-sub-th{border-color:var(--line-strong)}
.rd-msub{border:0}
.rd-msub-s{display:flex;align-items:center;list-style:none;cursor:pointer}
.rd-msub-s::-webkit-details-marker{display:none}
.rd-msub-s .rd-mnc{flex:1 1 auto}
.rd-msub-chev{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;color:var(--muted);flex:0 0 auto}
.rd-msub-chev svg{width:17px;height:17px;transition:transform .18s}
.rd-msub[open]>.rd-msub-s .rd-msub-chev svg{transform:rotate(180deg)}
.rd-msub-l{display:flex;flex-direction:column;gap:2px;margin:2px 0 8px;padding-left:56px}
.rd-msub-a{display:block;padding:7px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.rd-msub-a:hover{background:var(--soft);color:var(--ink)}
@media (hover:none){.ql-drop{display:none!important}
}
.pcard .p-img{padding:3px}
.pcard .p-img img{width:100%;height:100%;object-fit:contain}
.pcard .p-title{min-height:2.7em}
.pcard .p-img{flex:1 0 auto;min-height:0}
.pcard .p-fit{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.pcard .p-price{font-size:24.5px;font-weight:800;color:var(--price)}
.pcard .p-ship{margin-top:7px;padding-top:0}
.pcard .p-foot{margin-top:0;padding-top:5px}
.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}
.pcard .rd-pay3{margin-top:2px}
.card.fp-pop .rd-pay3{margin:2px 0 0}
.card.fp-pop .foot .price .now,.cross .card .price .now,#grid .card .foot .price .now{font-weight:800;font-size:1.5rem;color:var(--price)}
.card.fp-pop .foot,.cross .card .foot,#grid .card .foot{padding-top:.45rem;margin-top:.1rem}
.card.fp-pop h3,.cross .card h3,#grid .card h3{margin-bottom:0}
.chips img{height:24px}
.chip-sep{height:19px}
@media (max-width:640px){.rail-track .pcard{flex:0 0 calc(50% - 6px)}
.bestgrid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 12px}
.bestgrid::-webkit-scrollbar{display:none}
.bestgrid .pcard{flex:0 0 calc(50% - 5px);scroll-snap-align:start}
.wizards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 12px}
.wizards::-webkit-scrollbar{display:none}
.wizards .wizard{flex:0 0 76%;scroll-snap-align:start}
.ig-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 12px}
.ig-grid::-webkit-scrollbar{display:none}
.ig-grid .ig-tile{flex:0 0 58%;scroll-snap-align:start}
}
.rd-fquick{display:none}
@media (max-width:480px){.rd-hero{padding-top:8px}
.hero-main{min-height:252px}
.hero-copy{padding:18px 16px}
.hero-copy .kicker{margin-bottom:8px;font-size:11.5px}
.hero-copy h1{font-size:28px}
.hero-copy p{margin:10px 0 16px}
.rd-btn{height:44px;font-size:16px;padding:0 14px}
.hero-side{gap:10px}
.flank--cat{min-height:150px}
.flank--service{display:none}
.flank--cat .fc-copy{padding:14px}
.flank--cat h2,.flank--cat h3{font-size:20px}
.flank--cat p{display:none}
.finder{padding-top:10px}
.finder-card{padding:12px 12px 10px;gap:8px;border-radius:12px}
.finder-tx{min-width:0}
.finder-tx h2{font-size:14.5px;letter-spacing:.02em}
.finder-tx p{display:none}
.finder-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
/* Twee keuzelijsten naast elkaar geven elk ~163px, waarvan 30px opgaat aan het
   pijltje: ruim 120px tekstruimte. "Kies je merk..." past daarin, het Franse
   "Choisissez votre marque..." en het Duitse equivalent niet - die werden
   middenin afgekapt. Buiten het Nederlands dus onder elkaar. */
html:not(:lang(nl)) .finder-form{grid-template-columns:1fr}
.finder-form select{height:40px;min-height:0;min-width:0;max-width:none;font-size:13px;padding:0 30px 0 11px;background-position:right 9px center;background-size:13px}
.finder-form .rd-btn{grid-column:1/-1;width:100%;height:42px;font-size:14.5px}
.rd-fquick{display:flex;gap:8px;margin-top:8px;overflow-x:auto;scrollbar-width:none}
.rd-fquick::-webkit-scrollbar{display:none}
.rd-fquick a{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;font-size:12.5px;font-weight:700;color:var(--ink)}
.rd-fquick a:active{background:var(--soft)}
.catrow-sec{padding:26px 0 2px}
.catrow-sec .sechead{margin-bottom:14px}
/* De tegels waren 100px met 9% binnenmarge, dus een productfoto van ~82px in
   een vrijwel leeg wit vlak - dat oogde als een miniatuurtje. Iets bredere
   tegel en minder binnenmarge; er blijven er ~2,8 zichtbaar dus het blijft
   duidelijk een schuifrij. */
.catcard{width:120px}
.catcard .rd-ph img{padding:5%}
.catcard b{font-size:13px;margin-top:8px}
.sechead h2{font-size:23px}
.rails{padding-top:18px}
.rail{padding-top:12px}
}
.rd-tp-grid.rd-tp-slider{display:flex;grid-template-columns:none;max-width:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 14px;scroll-behavior:smooth}
.rd-tp-grid.rd-tp-slider::-webkit-scrollbar{display:none}
.rd-tp-slider .tp-review{flex:0 0 318px;scroll-snap-align:start}
.rd-tp-slider .tp-review p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.tp-prod{display:block;margin-top:4px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-tp-nav{display:flex;gap:6px;justify-content:flex-end;margin-bottom:10px}
@media (max-width:640px){.rd-tp-slider .tp-review{flex-basis:82%}
}
.bundle-row{align-items:center}
.bundle-row label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.bundle-thumb{flex:none;width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid var(--line,#E6E9ED);border-radius:8px;padding:3px}
.bundle-txt{min-width:0}
.cross .card .cover{background:#fff}
.cross .card .cover img{object-fit:contain;padding:10px;background:#fff}
.cross .card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.55em;line-height:1.25}
.cross .card .price .now{font-weight:800}
.cross .card .eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3,#67707A)}
.rd-buychips{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.rd-buychips img{height:17px;width:auto;display:block}
.rd-buychips img[alt="iDEAL"]{height:21px}
@media (max-width:640px){.cross{overflow:hidden}
.cross .cross-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 12px;margin:0}
.cross .cross-grid::-webkit-scrollbar{display:none}
.cross .cross-grid .card{flex:0 0 calc(50% - 5px);scroll-snap-align:start;min-width:0}
.cross .card .foot{flex-wrap:wrap;gap:6px}
.bundle{padding:.8rem .85rem}
.bundle-thumb{width:38px;height:38px}
.rd-buychips{gap:10px}
}
.pay-method .pm-logo{height:22px;width:auto}
.co-chip img{height:26px;width:auto;display:block}
.fit-chip{display:none!important}
.pcard .p-fit{display:none}
.fitline{display:none}
.rd-pay3{color:var(--ink-2)}
.rd-pay3 img{height:14px}
.rd-pay3 strong{font-weight:800;color:var(--ink);font-size:12.5px;letter-spacing:.01em}
@media (max-width:767px){.usp-bar .wrap{display:flex!important;position:static!important;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:10px;min-height:36px;padding-block:0}
.usp-bar .wrap>span{position:static!important;inset:auto!important;opacity:1!important}
.usp-bar span:nth-child(2),.usp-bar span:nth-child(3){display:none!important}
.usp-bar span:first-child{display:inline-flex;min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start}
.usp-bar .usp-wa{display:grid!important;place-items:center;flex:none;margin-left:auto;width:40px;height:40px;min-height:0;margin-block:-2px;padding:0;gap:0;border-radius:10px;color:#E7EAEE}
.usp-bar .usp-wa .usp-wa-txt{display:none}
.usp-bar .usp-wa svg{width:19px;height:19px;color:currentColor}
.usp-bar .usp-wa:hover{color:#fff}
.usp-bar .usp-wa:active{color:#25D366;background:rgba(37,211,102,.14)}
}
@media (max-width:480px){.finder-card{padding:12px 12px 12px;gap:9px;border-radius:12px}
.finder-tx h2{font-size:15.5px;line-height:1.15}
.finder-form{gap:8px}
.finder-form select{height:44px;font-size:14px}
.finder-form .rd-btn{height:44px;font-size:15px;width:100%}
.rd-fquick{margin-top:8px}
}
@media (max-width:640px){.rd-hero .hero-side{display:none}
.rd-hero .hero-side.hero-side--moved{display:grid;padding:0 16px;margin-top:8px}
}
@media (max-width:640px){.chips-row .wrap{flex-direction:column;gap:12px;text-align:center}
.chips{justify-content:center;gap:10px 16px}
.chips img{height:22px}
.chip-sep{height:16px}
}
.ql-drop .ql-all{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:-8px -8px 6px;border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;font-size:13px;font-weight:800;color:var(--accent-deep);background:var(--soft);white-space:nowrap}
.ql-drop .ql-all:hover{background:var(--accent-tint);color:var(--accent-down)}
.ql-all-th{width:34px;height:34px;flex:none;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;place-items:center}
.ql-all-th img{width:100%;height:100%;object-fit:contain;padding:3px}
.ql-all .ar{margin-left:auto;transition:transform .15s ease}
.ql-all:hover .ar{transform:translateX(3px)}
.rd-msub-all{display:flex;align-items:center;gap:6px;margin:2px 0 6px;padding:8px 10px;border-radius:8px;font-size:13.5px;font-weight:800;color:var(--accent-deep)}
.rd-msub-all .ar{transition:transform .15s ease}
.rd-msub-all:hover{background:var(--accent-tint);color:var(--accent-down)}
.rd-msub-all:hover .ar{transform:translateX(3px)}
.rd-mega-all{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 8px;font-size:12.5px;font-weight:800;color:var(--accent-deep);border-top:1px solid var(--line)}
.rd-mega-all .ar{transition:transform .15s ease}
.rd-mega-all:hover{color:var(--accent-down)}
.rd-mega-all:hover .ar{transform:translateX(3px)}
.drawer-backdrop,.mnav-backdrop{z-index:1000}
.drawer,.mnav,.modal{z-index:1010}
.toast{z-index:1050}
.pdp-zoom-overlay{z-index:1100}
.rd-mnav-scroll{padding-top:0}
.rd-mq{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;margin:0 -12px 8px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line)}
.rd-mq-ic{color:var(--muted);flex:none}
.rd-mq input{flex:1;min-width:0;height:44px;padding:0 12px;font-size:15px;color:var(--ink);background:var(--soft);border:1px solid var(--line-strong);border-radius:10px 0 0 10px;border-right:0}
.rd-mq input::placeholder{color:#8A93A1}
.rd-mq input:focus{outline:none;border-color:var(--ink);background:#fff}
.rd-mq button{width:48px;height:44px;flex:none;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:0 10px 10px 0}
.rd-mq button:hover{background:var(--accent-down)}
.rd-mq button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.rd-mbrandgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 6px}
.rd-mbrandtile{display:grid;place-items:center;min-height:50px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:11px;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}
.rd-mbrandtile:hover{border-color:var(--line-strong);box-shadow:0 4px 12px -8px rgba(21,23,26,.4)}
.rd-mbrandtile:active{transform:translateY(1px)}
.rd-mbrandtile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rd-mbrandtile-ph{display:grid;place-items:center;width:100%;height:30px}
.rd-mbrandtile-ph img{max-width:118px;max-height:30px;width:auto;height:auto;object-fit:contain}
.rd-mbrand-all{margin-top:2px}
.rd-mpop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 4px}
.rd-mpop-t{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.15;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}
.rd-mpop-t:hover{border-color:var(--line-strong);box-shadow:0 4px 12px -8px rgba(21,23,26,.4)}
.rd-mpop-t:active{transform:translateY(1px)}
.rd-mpop-t:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rd-mpop-ph{width:40px;height:40px;flex:none;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:grid;place-items:center}
.rd-mpop-ph img{width:100%;height:100%;object-fit:contain;padding:3px}
@media (max-width:360px){.rd-mbrandgrid,.rd-mpop{gap:7px}
.rd-mpop-t{font-size:12.75px;gap:8px;padding:7px 9px}
.rd-mpop-ph{width:36px;height:36px}
.rd-mbrandtile-ph img{max-width:104px}
}
.drawer{visibility:hidden;transition:transform .34s var(--ease),visibility 0s linear .34s}
body.drawer-open .drawer{visibility:visible;transition:transform .34s var(--ease),visibility 0s}
.pdp-collapse__toggle{min-height:44px}

/* ===== ronde3-cards.css ===== */
/* ============================================================
   ronde3-cards.css — RideParts ronde 3 (agent HOME/PRIJS, 2026-07-05)
   Doel: prijs-focus + directe koopknop op elke card, hero-slogan,
   en een afgewerkte "Vaak samen gekocht"-sectie op de PDP.

   BEWUSTE KEUZE: los bestand (NIET uit _shell/src/redesign.css gebouwd).
   css/redesign.css is een geminifyde build van _shell/src/redesign.css;
   een los override-bestand dat NA redesign.css laadt merget veiliger,
   vergt geen re-minify-stap en overleeft een rebuild van de shell.
   Laadt als laatste laag -> wint in de cascade. Gebruikt bestaande
   design-tokens (--accent, --price #C74E00, --ok, --font-head, enz.).
   ============================================================ */

/* ---------- 1 · HERO-SLOGAN "Parts for your ride!" ---------- */
.hero-slogan{
  display:inline-flex;align-items:center;gap:9px;margin:0 0 7px;
  font-family:var(--font-head,"Saira Condensed",system-ui,sans-serif);
  font-weight:800;font-size:15px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--accent-deep,#C0420C);
}
.hero-slogan::before{
  content:"";width:24px;height:3px;border-radius:2px;
  background:var(--accent,#FF5A1E);flex:none;
}
@media (max-width:640px){
  .hero-slogan{font-size:12.5px;letter-spacing:.12em;gap:7px;margin-bottom:5px}
  .hero-slogan::before{width:18px}
}

/* ---------- 2 · PRIJS PROMINENTER (koop-eerst / prijs-focus) ---------- */
/* Home-rails: bestaande #C74E00 versterkt (groter + zwaarder). */
.pcard .p-price{
  font-size:26px;font-weight:900;color:var(--price,#C74E00);
  letter-spacing:-.005em;line-height:1;
}
/* PLP- + PDP-grid cards (.card .now) naar prijs-oranje trekken. */
.card .now,
.card .price .now{
  color:var(--price,#C74E00);font-weight:800;
}
.card .price del,
.card .was{color:var(--muted,#5B6472);font-weight:600}

/* ---------- 3 · HOME-CARDS: hele kaart klikt naar PDP (.pcard) ----------
   De sweep zet <a class="pcard"> om naar een <div class="pcard"> met een
   uitgerekte .p-cover-link, zodat de HELE kaart klikbaar is naar de PDP.
   RONDE 4 (2026-07-06, op verzoek operator): de losse oranje "In mandje"-
   koopknop (.p-add) is VERWIJDERD van de home-cards. Reden: rommelig/niet
   mooi op een discovery-rail; kopen gebeurt op de PDP. Alleen de cover-link
   blijft; de prijs-focus (sectie 2, #C74E00) blijft onveranderd. */
.pcard{overflow:hidden}
.p-cover{
  position:absolute;inset:0;z-index:1;border-radius:inherit;
  text-indent:-9999px;overflow:hidden;
}
.p-cover:focus-visible{outline:2px solid var(--accent,#FF5A1E);outline-offset:-3px}

/* ---------- 4 · "VAAK SAMEN GEKOCHT" — de BESTAANDE .bundle-widget (buybox) ----------
   premium.js rendert hier al een "Vaak samen gekocht"-cross-sell + drempel-widget
   (met productplaatjes + checkboxes). De foot-regels waren KAAL: platte
   "Samen: EUR X" en "Nog EUR Y tot gratis verzending". We maken de samen-prijs een
   vette oranje prijsregel en de gratis-verzending een badge: amber = nog te gaan,
   groen v = gehaald (premium.js zet zelf `.b-free.is-ok`) — zelfde amber/groen-taal
   als de checkout-drempelbalk. Pure styling; premium.js/premium.css onaangeroerd.
   BEWUST GEEN losse sectie geinjecteerd: dat zou deze widget dubbelen. */
.bundle-foot{
  display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .8rem;
  margin-top:.6rem;padding-top:.7rem;border-top:1px solid var(--line,#E6E9ED);
}
.bundle-foot .b-total{
  font-family:var(--font-display,"Saira Condensed",system-ui,sans-serif);
  font-weight:900;font-size:1.24rem;line-height:1.05;letter-spacing:-.01em;
  color:var(--price,#C74E00);font-variant-numeric:tabular-nums;
}
.bundle-foot .b-free{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.82rem;font-weight:700;padding:.3rem .72rem;border-radius:999px;
  background:var(--warn-bg,#FDF2DC);color:var(--warn,#985D00);
}
.bundle-foot .b-free.is-ok{background:var(--ok-bg,#E7F6EE);color:var(--ok,#0E7A45)}
/* add-on-prijzen in de rijen ook prijs-oranje (koop-/prijs-focus) */
.bundle-row{align-items:center}
.bundle-row .b-price{color:var(--price,#C74E00);font-weight:700}

/* ---------- 5 · STICKY PDP-KOOPBALK — contrast-fix (was wit-op-wit) ----------
   Probleem (componenten-agent, 05-07): de bestaande .sticky-atc kreeg via
   premium.css/app.css een witte, half-transparante achtergrond die tegen de
   witte PDP-content wegviel -> de koopbalk leek onzichtbaar. Fix: maak er een
   duidelijke DONKERE koopbalk van (zelfde taal als de USP-bar + footer), met
   licht-contrast tekst en de oranje "In mandje"-knop gegarandeerd zichtbaar.
   Verschijngedrag is ongewijzigd correct: premium.js toont de balk zodra de
   hoofd-koopknop (.pdp-cta) boven de viewport uit scrollt (IntersectionObserver).
   Alleen styling; geen shared core aangeraakt. */
.sticky-atc{
  background:var(--dark,#121417) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 -10px 30px rgba(18,20,23,.34) !important;
}
.sticky-atc__name{color:#fff !important}
.sticky-atc .price,
.sticky-atc .price .now{color:#fff !important}
.sticky-atc .price del{color:rgba(255,255,255,.55) !important; font-weight:500}
.sticky-atc__thumb{background:#fff !important; border-color:rgba(255,255,255,.16) !important}
/* koopknop: var(--accent-cta) is bros (cyclisch/scoped) -> pin op --accent met fallback */
.sticky-atc [data-add]{background:var(--accent,#FF5A1E) !important; color:#fff !important}
.sticky-atc [data-add]:hover{background:var(--accent-down,#E84C12) !important}

/* ===== rp-extras.css ===== */
/* ==========================================================================
   rp-extras.css  —  RideParts losse componenten (ronde 3, agent COMPONENTEN)
   1) Cookie-consent banner (donker, oranje accent)
   2) Sticky WhatsApp floating button
   Vanilla, geen dependencies. Alles namespaced .rpx-* zodat het niets raakt.
   ========================================================================== */

:root{
  --rpx-bar-h: 0px;                                   /* hoogte sticky koopbalk, door JS gezet */
  --rpx-accent: var(--accent, #FF5A1E);
  --rpx-accent-hi: var(--accent-700, #E84A12);
  --rpx-dark: var(--dark, #121417);
  --rpx-wa: #25D366;                                  /* officieel WhatsApp-groen */
  --rpx-wa-hi: #1EBE5B;
  --rpx-font: var(--font-body, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
}

/* ==========================================================================
   1) WhatsApp floating button
   ========================================================================== */
.rpx-wa{
  position: fixed;
  right: 16px;
  /* boven de sticky koopbalk (mobiel) + iOS safe-area; op desktop is --rpx-bar-h 0 */
  bottom: calc(16px + var(--rpx-bar-h, 0px) + env(safe-area-inset-bottom, 0px));
  z-index: 90;                                        /* boven koopbalk (70), onder toast/banner */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: var(--rpx-wa);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 22px -6px rgba(7,94,84,.5), 0 2px 6px rgba(0,0,0,.18);
  overflow: hidden;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease,
              opacity .25s ease, visibility .25s ease;
}
.rpx-wa svg{ width: 30px; height: 30px; fill: currentColor; flex: 0 0 auto; display: block; }
.rpx-wa__tip{
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  font-family: var(--rpx-font);
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: -.01em;
  transition: max-width .25s ease, opacity .2s ease, margin .25s ease;
}

/* Desktop hover/focus: label uitschuiven */
@media (hover: hover) and (pointer: fine){
  .rpx-wa{ transition: background .2s ease, box-shadow .2s ease, transform .2s ease,
             width .25s ease, opacity .25s ease, visibility .25s ease; }
  .rpx-wa:hover, .rpx-wa:focus-visible{
    width: auto;
    padding: 0 18px 0 15px;
    background: var(--rpx-wa-hi);
    box-shadow: 0 12px 30px -6px rgba(7,94,84,.6);
    transform: translateY(-2px);
  }
  .rpx-wa:hover .rpx-wa__tip, .rpx-wa:focus-visible .rpx-wa__tip{
    max-width: 160px; opacity: 1; margin-left: 10px;
  }
}
.rpx-wa:focus-visible{ outline: 3px solid var(--rpx-accent); outline-offset: 3px; }

/* Verborgen zolang de cookie-banner nog een keuze vraagt (geen overlap) */
.rpx-consent-pending .rpx-wa{
  opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px);
}

/* ==========================================================================
   2) Cookie-consent banner
   ========================================================================== */
.rpx-cc{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1000;                                      /* consent-gate: boven alles */
  background: var(--rpx-dark);
  color: #EEF1F4;
  border-top: 2px solid var(--rpx-accent);
  box-shadow: 0 -10px 34px rgba(0,0,0,.32);
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  transform: translateY(110%);                        /* start buiten beeld -> geen CLS */
  transition: transform .34s cubic-bezier(.22,.61,.36,1);
  font-family: var(--rpx-font);
}
.rpx-cc--in{ transform: translateY(0); }
/* mobiel-fixronde 23-07 (Aether): consent-banner boven de sticky koopbalk als die zichtbaar is.
   Bron-bestand; de live productpagina laadt de gebundelde rd-bundle.css (daar staat dezelfde regel).
   :has() valt in oude browsers gracieus terug op het huidige gedrag. */
body:has(.pdp) .rpx-cc{ bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
.rpx-cc__inner{
  max-width: 1280px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 14px 22px;
  flex-wrap: wrap;
}
.rpx-cc__text{
  margin: 0;
  flex: 1 1 320px;
  min-width: 240px;
  font-size: .92rem;
  line-height: 1.5;
  color: #D7DCE1;
}
.rpx-cc__text strong{ color: #fff; font-weight: 700; }
.rpx-cc__privacy{ color: #fff; text-decoration: underline; white-space: nowrap; }
.rpx-cc__privacy:hover{ color: #EAEDF0; }

.rpx-cc__actions{
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
  margin-left: auto;
}
.rpx-cc__btn{
  font: inherit;
  font-weight: 700;
  font-size: .9rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 10px;
  padding: 12px 20px;
  min-height: 44px;                                   /* tap target */
  border: 1.5px solid transparent;
  transition: background .18s ease, border-color .18s ease, transform .1s ease;
}
.rpx-cc__btn:active{ transform: translateY(1px); }
/* Accepteren en Weigeren even groot en even zichtbaar (geen dark pattern) */
/* R9 a11y-fix 2026-07-06: white-on-#FF5A1E was 3.11:1 (AA fail). #C74E00 (palette
   prijs-oranje, AA-goedgekeurd) geeft white 4.65:1; hover #B23C09 (--accent-600) 5.9:1. */
.rpx-cc__btn--accept{ background: #C74E00; color: #fff; border-color: #C74E00; }
.rpx-cc__btn--accept:hover{ background: #B23C09; border-color: #B23C09; }
.rpx-cc__btn--ghost{ background: transparent; color: #EAEDF0; border-color: rgba(255,255,255,.45); }
.rpx-cc__btn--ghost:hover{ background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.75); }
.rpx-cc__btn:focus-visible{ outline: 3px solid #fff; outline-offset: 2px; }

@media (max-width: 560px){
  /* CRO-fix 24-07: behoud 44px tapdoelen, maar haal de banner onder 15% van
     844px door alleen mobiele witruimte en regelafstand compacter te maken. */
  .rpx-cc{
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  }
  .rpx-cc__inner{ gap: 8px; }
  .rpx-cc__text{ font-size: .875rem; line-height: 1.25; }
  .rpx-cc__actions{ width: 100%; margin-left: 0; gap: 8px; }
  .rpx-cc__btn{ padding: 10px 14px; flex: 1 1 0; }   /* gelijk verdeeld, 44px tapdoel blijft */
}

@media (prefers-reduced-motion: reduce){
  .rpx-cc, .rpx-wa, .rpx-wa__tip{ transition: none !important; }
}

/* ---- WhatsApp-feature-vlag (2026-07-09) ----
   Standaard zijn ALLE statische wa.me-links (topbar/footer/drawer) verborgen.
   js/rp-extras.js zet <html class="rp-wa-on"> zodra er een geldig nummer in
   js/config.js -> CRM_CONFIG.contact.whatsappNumber staat (en herschrijft dan
   de hrefs). Zonder geldig nummer blijven de knoppen dus onzichtbaar. */
html:not(.rp-wa-on) a[href^="https://wa.me"],
html:not(.rp-wa-on) a[href^="http://wa.me"],
html:not(.rp-wa-on) a[href^="https://api.whatsapp.com"]{ display: none !important; }
/* footer: verberg ook het "WhatsApp"-label-item zelf, anders blijft een kale <b> staan */
html:not(.rp-wa-on) .foot-contact li:has(> a[href^="https://wa.me"]){ display: none !important; }

/* P0-fix 2026-07-10 (schouw Aether): lange koopknop-labels (IN DEN WARENKORB / AJOUTER AU PANIER / LAGG I KUNDVAGN / DO KOSHYKA) liepen uit de productkaart en werden afgekapt. De prijs+knop-rij mag nu wrappen; past de knop niet naast de prijs, dan valt hij full-width onder de prijsrij. Taal-onafhankelijk, alle grids en rails. */
.card .foot{flex-wrap:wrap}
.card .foot .add{flex:1 0 auto;max-width:100%;min-width:0;white-space:normal}

/* ============================================================================
   P1-GELDFIX 2026-07-14 (Sage, ORDER-SAGE-rideparts-pdp-mobiel)
   KOOPZONE IN HET EERSTE SCHERM OP MOBIEL.

   Gemeten op 390x844 (live, vóór deze fix):
     cookiebalk 176px -> bruikbaar eerste scherm = 668px
     prijs  bottom = 751px  -> BUITEN beeld
     koopknop bottom = 907px -> BUITEN beeld
   De bezoeker zag dus een product, maar geen prijs en geen manier om het te kopen zonder te
   scrollen — op de drukste shop, op het drukste pad. Dit is een template-fix: hij geldt voor
   alle PDP's in alle talen (de PDP-HTML is per product gegenereerd, de CSS is de template).

   Drie ingrepen, alleen onder 640px, desktop blijft onaangeraakt:
   1. compactere productfoto (aspect-ratio 4/3 -> 16/10). De aspect-ratio BLIJFT gedefinieerd,
      dus de hoogte is gereserveerd en er ontstaat geen layout-shift (CLS).
   2. de pasvorm-chips ("Past op OUXI V8") verhuizen naar ONDER de koopknop: ze zijn nuttig,
      maar ze horen niet tussen de klant en de koopknop in te staan.
   3. compactere titel- en blokmarges binnen de koopzone.
   De prijs blijft het visueel zwaarste element in de koopzone (30,4px/800 vs knoplabel 15,5px/700).
   ========================================================================== */
@media (max-width:640px){
  /* Vierkant, want de productfoto's zijn vierkant. Met 2.2/1 en object-fit
     contain paste een vierkante foto op de hoogte en bleef er 163x163 over in
     een vak van 358 breed - kleiner dan de koopknop eronder. */
  .pdp .pdp-main-img{aspect-ratio:1/1}
  .pdp .buy-box{display:flex;flex-direction:column}
  /* Volgorde binnen de koopzone op mobiel. Expliciete order voor ALLE blokken, want redesign.js
     INJECTEERT na het laden nog een betaalmethoden-rij (.rd-buychips) en een Trustpilot-uitnodiging
     in de buy-box. Zonder vaste order landen die tussen prijs en knop en duwen ze de koopknop
     omlaag NA de eerste render = layout-shift (gemeten: CLS 0,131 live). Alles wat later komt,
     hoort onder de knop. */
  .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-top:var(--s3)}   /* pasvorm-chips onder de koopknop */
  .pdp .buy-box > .buy-trust{order:9}
  .pdp .buy-box > .rd-buychips{order:10}
  .pdp .buy-box > .pdp-tp-invite{order:11}
  .pdp h1{font-size:var(--fs-lg);line-height:1.12;margin:.3rem 0 .4rem}
  /* kicker (categorie-label) is op mobiel dubbel: dezelfde categorie staat al in de breadcrumb
     erboven. Weglaten wint ~24px — genoeg om ook een tweeregelige producttitel te dragen zonder
     de koopknop uit beeld te duwen (gemeten op de 4 langste titels van de catalogus). */
  .pdp .kicker{display:none}
  .pdp-gallery{margin-bottom:.4rem}
  .pdp .buy-price{margin:.15rem 0}
  .pdp .buy-ship{margin:.25rem 0}
  .pdp .buy-cta{margin:.4rem 0 0}
}

/* Vangnet bij lange producttitels (Sage, 14-07): de in-page koopzone hierboven past bij een
   titel van 1-2 regels, maar RideParts heeft producttitels die op 390px 3 regels vullen — dan
   zou de koopknop opnieuw uit beeld schuiven. De sticky koopbalk BESTAAT al (.sticky-atc) maar
   verscheen pas ná scrollen. Op mobiel tonen we hem direct: zo is er ALTIJD een koopknop in
   beeld, ongeacht hoe lang de titel is. (Zolang de cookiebalk nog openstaat ligt die eroverheen;
   daarom blijft de in-page koopzone leidend voor de eerste indruk.) */
/* ============================================================================
   MOBIEL-LEESBAARHEID 2026-07-17 (Echo, shopfixes-mobiel).
   De compatibiliteits-disclaimer op de PDP staat inline op --fs-xs (11,84px op
   390px) — echte leestekst onder de 14px-drempel. Inline font-size, dus !important.
   Selector raakt ALLEEN de p.muted met die inline --fs-xs (126 PDP-templates),
   niet de gewone productomschrijving-.muted (die erft de body-basis, ~15px). */
.pdp p.muted[style*="--fs-xs"]{font-size:14px!important}

/* ---- Partnersites-rij in de footer (site-ronde-1807, eis 8) --------------
   Rustige één-regel-rij tussen chips-band en juridische onderbalk: zelfde
   donkere footer-massa, klein en muted. Natuurlijke merk-verwijzingen naar
   eigen zustersites — bewust géén badge-explosie of kleurenblok. */
.foot-partners{background:#101215;border-top:1px solid rgba(255,255,255,.12);padding:14px 0}
.foot-partners .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:center;font-size:13px;color:#8F96A0}
.foot-partners b{font-weight:600;color:#B9BEC6}
.foot-partners a{color:#C4C9CF;white-space:nowrap}
.foot-partners a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.foot-partners .wrap{gap:5px 14px;font-size:12.5px}}

/* Mobiele productkaarten: de snelle koopactie moet ook zonder hover bereikbaar
   zijn en alle koopknoppen halen de 44px-tiknorm. */
.quick-add,.card .foot .add{min-height:44px}
@media (hover:none){
  .quick-add{
    display:flex;
    opacity:1;
    transform:none;
    min-height:44px;
  }
}


/* ============================================================================
   PDP RUSTIGER OP MOBIEL - PDP-RUST-0808 (2026-08-08)
   Gemeten op 390px (product van EUR 16,90): onder de koopknop stonden zeven
   losse blokken die samen 834px vulden. De informatie blijft, het formaat gaat
   omlaag. Alles staat in de 640px-media-query; desktop blijft ongewijzigd.

   1. .fit-banner (de FitCheck) was een groen vlak van 183px hoog. Het wordt een
      compacte regel vlak onder de koopknop: geen vlak, geen rand, kleinere
      tekst. De pasvorm-eis zelf blijft woordelijk staan - dat is precies de
      informatie die iemand nodig heeft om het juiste onderdeel te kiezen.
      De generieke slotzin is uit de HTML gehaald; die staat verderop nog eens
      woordelijk onder de "Meer lezen"-tekst.
   2. De laatste pasvorm-pil is op elke PDP "Specificaties per model" - een
      verwijzing naar de tabel die er direct onder staat. Op mobiel verborgen;
      de pil met het model en de productpil blijven staan.
   3. .buy-trust waren drie losse kaders onder elkaar (125px) met exact dezelfde
      drie punten als de zwarte USP-balk bovenaan elke pagina. Nu een compacte
      tekstregel. Bezorgtijd, verzendkostendrempel en retourtermijn blijven
      leesbaar op de pagina staan - kleiner mag, weg niet.
   4. .order-deadline wordt door premium.js onder de prijs geinjecteerd en zegt
      woordelijk hetzelfde als de voorraadregel die er vlak boven staat
      ("Op voorraad - 1-3 werkdagen") en als de eerste .buy-trust-regel. Op
      mobiel stonden die drie binnen een half scherm. De geinjecteerde kopie
      gaat weg; de levertijd blijft in de voorraadregel, in de trust-regel en
      in de USP-balk bovenaan staan.
   ========================================================================== */
@media (max-width:640px){
  .pdp .buy-box > .fit-banner{
    order:4;                       /* direct onder de koopknop, boven de bundel */
    margin:.5rem 0 .1rem;
    padding:0;
    background:none;
    border:0;
    border-radius:0;
    gap:.4rem;
    align-items:flex-start;
    font-size:13.5px;
    line-height:1.4;
    color:var(--ink-2);
  }
  .pdp .buy-box > .fit-banner b{color:var(--ink)}
  .pdp .buy-box > .fit-banner .ic,
  .pdp .buy-box > .fit-banner svg{width:16px;height:16px;margin-top:.1rem}

  .pdp .buy-box > .order-deadline{display:none}

  .pdp .buy-box > .buy-usps{margin-top:.55rem;margin-bottom:0}
  .pdp .buy-box > .buy-usps > .buy-usp:last-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}
}