/* 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:var(--fs-xs);font-weight:600}.usp-bar span{display:inline-flex;align-items:center;gap:.4rem;color:#e9e8e4}.usp-bar svg{width:16px;height:16px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:2}@media(max-width:680px){.usp-bar span:nth-child(n+3){display:none}}.site-head{position:sticky;top:0;z-index:60;background:#121417d1;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line);transition:box-shadow var(--speed),background var(--speed)}.site-head.is-scrolled{background:#121417f2;box-shadow:0 8px 28px #00000080}.nav{display:flex;align-items:center;gap:var(--s5);height:var(--header-h)}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:-.01em}.brand .mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);border-radius:8px;color:#fff;font-size:1.1rem;box-shadow:0 3px 10px #ef5a1e4d}.brand-mark{width:36px;height:36px;border-radius:9px;flex:none}.brand .wordmark{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.5rem;line-height:1}.brand b{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:.3rem}.main-nav>a,.main-nav>button{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem .8rem;border-radius:var(--r);font-weight:600;font-size:var(--fs-sm);color:var(--ink);transition:background var(--speed),color var(--speed)}.main-nav>a:hover,.main-nav>button:hover,.main-nav .has-mega[aria-expanded=true]{background:var(--bg-2);color:var(--accent-600)}.main-nav .caret{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--speed)}.main-nav .has-mega[aria-expanded=true] .caret{transform:rotate(180deg)}.nav-search{flex:1;display:flex;max-width:420px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden;transition:border-color var(--speed),background var(--speed)}.nav-search:focus-within{border-color:var(--accent);background:var(--bg-3)}.nav-search input{flex:1;min-width:0;border:0;background:transparent;padding:.6rem 1rem;font-size:var(--fs-sm)}.nav-search input::placeholder{color:var(--ink-3)}.nav-search button{padding:0 1rem;color:var(--ink-2)}.nav-search button:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.icon-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r);color:var(--ink);transition:background var(--speed),color var(--speed)}.icon-btn:hover{background:var(--bg-2);color:var(--accent-600)}.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.pill{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:999px;border:2px solid var(--bg)}.menu-toggle{display:none}.mega{position:absolute;left:0;right:0;top:100%;z-index:55;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s var(--ease)}.mega.open{opacity:1;visibility:visible;transform:none}@media(max-width:780px){.mega{display:none}}.mega .wrap{display:grid;grid-template-columns:1fr 280px;gap:var(--s6);padding-block:var(--s5)}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.mega-cat{display:flex;align-items:center;gap:.7rem;padding:.7rem;border-radius:var(--r);transition:background var(--speed)}.mega-cat:hover{background:var(--bg-2)}.mega-cat .ic{width:42px;height:42px;flex:none;display:grid;place-items:center;background:var(--bg-2);border-radius:10px;font-size:1.25rem;overflow:hidden}.mega-cat .ic img{width:100%;height:100%;object-fit:cover}.mega-cat .tx{display:flex;flex-direction:column;line-height:1.2}.mega-cat b{font-size:var(--fs-sm)}.mega-cat small{font-size:var(--fs-xs);color:var(--ink-3)}.mega-promo{background:linear-gradient(160deg,var(--accent-50),var(--bg-2));border:1px solid var(--accent-100);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;justify-content:center;gap:.6rem}.mega-promo b{font-family:var(--font-display);font-size:var(--fs-lg)}.mega-promo p{font-size:var(--fs-sm);color:var(--ink-2);margin:0}.mnav-backdrop{position:fixed;inset:0;z-index:90;background:#14161e73;opacity:0;visibility:hidden;transition:.3s}body.mnav-open .mnav-backdrop{opacity:1;visibility:visible}.mnav{position:fixed;top:0;left:0;z-index:95;height:100dvh;width:min(360px,90%);background:var(--surface);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .32s var(--ease);display:flex;flex-direction:column;overflow-y:auto}body.mnav-open .mnav{transform:none}.mnav header{display:flex;align-items:center;justify-content:space-between;padding:var(--s4);border-bottom:1px solid var(--line)}.mnav nav{padding:var(--s3)}.mnav a,.mnav .acc-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem .8rem;border-radius:var(--r);font-weight:600;font-size:var(--fs-base);color:var(--ink)}.mnav a:hover,.mnav .acc-trigger:hover{background:var(--bg-2)}.acc-panel{display:none;padding-left:.6rem}.acc-panel.open{display:block}.acc-panel a{font-weight:500;color:var(--ink-2)}.acc-trigger svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}.acc-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.hero{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-bottom:1px solid var(--line)}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s7);align-items:center;padding-block:clamp(2.2rem,5vw,4rem)}.hero h1{font-size:var(--fs-hero);letter-spacing:-.025em;line-height:1.02}.hero h1 .hl{color:var(--accent)}.hero p.lead{max-width:48ch;color:var(--ink-2);font-size:var(--fs-lg);margin:var(--s4) 0 var(--s5)}.hero-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:var(--fs-xs);color:var(--ink-2);margin:.3rem 0 .7rem}.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4)}.trust-card .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:40px;height:40px;border-radius:var(--r);display:grid;place-items:center;font-size:1.3rem;color:var(--ink-2)}.close-btn:hover{background:var(--bg-2);color:var(--ink)}.drawer .items{flex:1;overflow-y:auto;padding:var(--s4) var(--s5)}.empty-cart{text-align:center;color:var(--ink-2);padding:var(--s8) 0;display:flex;flex-direction:column;gap:1rem;align-items:center}.line-item{display:grid;grid-template-columns:60px 1fr auto;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line)}.line-item img{width:60px;height:60px;object-fit:contain;background:var(--bg-2);border-radius:var(--r);padding:6px}.line-item .name{font-weight:700;font-size:var(--fs-sm);line-height:1.25}.line-item .row{display:flex;align-items:center;gap:var(--s3);margin-top:.4rem}.qty-mini{display:flex;align-items:center;gap:.2rem;border:1px solid var(--line-2);border-radius:var(--r)}.qty-mini button{width:30px;height:30px;color:var(--ink-2)}.qty-mini button:hover{color:var(--accent)}.line-item .rm{border:0;background:none;color:var(--ink-3);font-size:12px;text-decoration:underline}.line-item .rm:hover{color:var(--accent-600)}.line-item .price{font-size:var(--fs-base)}.drawer .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:var(--fs-sm)}.specs td{padding:.55rem .2rem;border-bottom:1px solid var(--line)}.specs td:first-child{color:var(--ink-3);text-transform:uppercase;font-size:11px;letter-spacing:.04em;width:42%;font-weight:600}.toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,140%);background:var(--dark);color:#fff;border-left:3px solid var(--accent);padding:.8rem 1.2rem;border-radius:var(--r);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-lg);transition:transform .34s var(--ease);max-width:90vw}.toast.show{transform:translate(-50%)}.crumbs{font-size:var(--fs-xs);color:var(--ink-3);padding-block:var(--s4) 0}.crumbs a:hover{color:var(--accent-600)}.crumbs span{color:var(--ink-2)}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start;padding-block:var(--s5)}.pdp-gallery{position:sticky;top:calc(var(--header-h) + 16px)}.pdp-main-img{aspect-ratio:4/3;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.pdp-main-img img{width:100%;height:100%;object-fit:cover}.pdp h1{font-size:var(--fs-2xl)}.pdp .price-row{display:flex;align-items:center;gap:var(--s4);margin:var(--s4) 0}.pdp .price-row .price{font-size:var(--fs-2xl)}.fit-banner{display:flex;gap:.7rem;align-items:flex-start;padding:var(--s4);border-radius:var(--r);background:var(--accent-50);border:1px solid var(--accent-100);margin:var(--s4) 0}.fit-banner svg{width:22px;height:22px;color:var(--accent-600);flex:none;stroke:currentColor;fill:none;stroke-width:2}.pdp-cta{display:flex;gap:.7rem;flex-wrap:wrap;margin:var(--s5) 0}.pdp .models{display:flex;flex-wrap:wrap;gap:.4rem;margin:var(--s3) 0}.pdp .models span,.pdp .models a{font-size:var(--fs-xs);padding:.3rem .65rem;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);display:inline-block}.pdp .models a{color:var(--accent-600);border-color:var(--accent);text-decoration:none;transition:.15s}.pdp .models a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;background:#121417f5;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:.6rem var(--s4)}.sticky-atc .inner{display:flex;align-items:center;gap:var(--s4);max-width:var(--maxw);margin-inline:auto}.sticky-atc .price{font-size:var(--fs-lg)}.stars{position:relative;display:inline-block;font-size:.85em;line-height:1;letter-spacing:1px;white-space:nowrap}.stars .s-bg{color:var(--line-2)}.stars .s-fg{position:absolute;left:0;top:0;color:var(--star);overflow:hidden;white-space:nowrap}.s-count{font-size:var(--fs-xs);color:var(--ink-2);font-weight:600;margin-left:.35rem}.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:10.5px;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:.74rem;color:var(--ink-3);font-weight:600;margin-top:.1rem}.cat-card .cc-meta .cc-from{color:var(--ink-2);font-weight:700}.cat-card .cc-cta{margin-top:.6rem;display:inline-flex;align-items:center;gap:.35rem;font-weight:800;font-size:.84rem;color:#fff;background:var(--ink);padding:.5rem .85rem;border-radius:9px;align-self:flex-start;transition:background .2s,gap .2s}.cat-card:hover .cc-cta{background:var(--accent)}.cat-card .cc-cta i{font-style:normal;transition:transform .2s}.cat-card:hover .cc-cta i{transform:translate(3px)}.cat-card .arr{display:none!important}.cat-card:after{content:none!important}.card .cover{aspect-ratio:1/1;background:radial-gradient(135% 105% at 50% 0%,#fff,#e9edf2 92%)}.card .cover:after{background:radial-gradient(48% 34% at 50% 91%,rgba(20,32,54,.18),transparent 70%)}.card .cover img{padding:10px 12px 20px;filter:saturate(1.08) contrast(1.07)}.card:hover .cover img{transform:scale(1.09)}.card .body{gap:.35rem;padding:13px 14px 14px}.card .body .eyebrow{color:var(--accent-600)}.card h3{font-size:.98rem;font-weight:700}.card .fitline{display:none}.card .foot{border-top:1px solid var(--line);margin-top:.5rem;padding-top:.7rem;align-items:center}.card .price .now{font-size:1.34rem;font-weight:800}.card .foot .add{min-height:44px;padding-inline:1.15rem;font-size:var(--fs-sm)}:root{--accent-cta:var(--accent-cta);--star-fill:#C2740C;--star-empty:#9AA1AB}.btn--primary,.btn--primary[data-add],.sticky-atc [data-add],.card .badge--save,.badge--save,.steps--shop .step .step-cta,.pill,.hb-content .eyebrow{background:var(--accent-cta)!important;color:#fff!important}.btn--primary:hover,.btn--primary[data-add]:hover,.sticky-atc [data-add]:hover,.steps--shop .step .step-cta:hover{background:var(--accent-600)!important}.quick-add,.quick-add:hover{background:var(--accent-cta)!important}.stars .s-fg{color:var(--star-fill)}.stars .s-bg{color:var(--star-empty)}@media(max-width:768px){.cat-grid,.grid{grid-template-columns:1fr 1fr;gap:.6rem}}@media(max-width:420px){.cat-grid,.grid{gap:.55rem}}.btn{border-radius:var(--r);font-weight:700;letter-spacing:.005em;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .14s var(--ease)}.btn:active{transform:translateY(1px)}.btn--primary{box-shadow:0 8px 20px -6px #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}.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:10.5px;padding:.26rem .5rem;border-radius:999px;box-shadow:0 1px 3px #14203614}.card .fit-tag{align-self:flex-start}.buy-usps{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin:.2rem 0 .8rem}.buy-usps>span{display:inline-flex;align-items:center;gap:.4rem;background:var(--ok-bg);color:var(--ok);border:1px solid #b9e0c9;border-radius:999px;padding:.32rem .7rem;font-size:var(--fs-xs);font-weight:700}.buy-usps span .ic,.buy-usps span svg{width:15px;height:15px;flex:none;color:var(--ok);stroke:currentColor;fill:none;stroke-width:2.4}.buy-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem;margin:.2rem 0 .1rem}.buy-price .now{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,1.4rem+1.6vw,2.5rem);line-height:1;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.buy-price del{font-family:var(--font-body);font-size:1.05rem;color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}.buy-price .save{background:var(--accent-cta);color:#fff;font-weight:800;font-size:.8rem;padding:.2rem .5rem;border-radius:7px;align-self:center}.buy-price .price-sub{font-size:var(--fs-xs);color:var(--ink-3);font-weight:500;flex-basis:100%}.buy-ship{display:flex;align-items:center;gap:.55rem;margin:.7rem 0;padding:.6rem .85rem;background:var(--ok-bg);border:1px solid #b9e0c9;border-radius:var(--r);font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.buy-ship:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 0 3px #0e7a4529}.buy-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:56px;padding:0 1.5rem;border:0;border-radius:var(--r);font-family:var(--font-body);font-weight:800;font-size:var(--fs-base);background:var(--accent-cta);color:#fff;cursor:pointer;box-shadow:0 8px 20px -6px #ce430c66;transition:background .2s var(--ease),transform .14s var(--ease),box-shadow .2s var(--ease)}.buy-cta:hover{background:var(--accent-600);box-shadow:0 12px 26px -6px #ce430c80}.buy-cta:active{transform:translateY(1px)}.buy-cta .ic,.buy-cta svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2}.buy-trust{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.buy-trust>span{display:inline-flex;align-items:center;gap:.4rem;flex:1 1 auto;justify-content:center;min-width:120px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:.5rem .6rem;font-size:var(--fs-xs);font-weight:600;color:var(--ink-2);text-align:center}.buy-trust span .ic,.buy-trust span svg{width:16px;height:16px;flex:none;color:var(--ok);stroke:currentColor;fill:none;stroke-width:2}.pdp-collapse{position:relative}.pdp-collapse .pdp-collapse__body{position:relative;overflow:hidden;max-height:8.5em;transition:max-height .3s var(--ease)}.pdp-collapse .pdp-collapse__body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg));pointer-events:none;transition:opacity .2s}.pdp-collapse.is-open .pdp-collapse__body,.pdp-collapse[open] .pdp-collapse__body{max-height:none}.pdp-collapse.is-open .pdp-collapse__body:after,.pdp-collapse[open] .pdp-collapse__body:after{opacity:0}.pdp-collapse__toggle{display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;background:none;border:0;color:var(--accent-600);font-weight:700;font-size:var(--fs-sm);cursor:pointer;padding:.2rem 0}.pdp-collapse__toggle:hover{color:var(--accent-700)}.pdp-collapse__toggle .ic,.pdp-collapse__toggle svg{width:16px;height:16px;transition:transform .25s}.pdp-collapse.is-open .pdp-collapse__toggle .ic,.pdp-collapse[open] .pdp-collapse__toggle .ic{transform:rotate(180deg)}.pdp-specs{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:var(--fs-sm)}.pdp-specs caption{text-align:left;font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--ink);margin-bottom:.5rem}.pdp-specs th,.pdp-specs td{padding:.62rem .2rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.pdp-specs tr:nth-child(2n){background:var(--bg-2)}.pdp-specs th{color:var(--ink-3);text-transform:uppercase;font-size:11px;letter-spacing:.04em;font-weight:700;width:42%}.pdp-specs td{color:var(--ink);font-weight:600}.upsell,.bundle{margin:var(--s5) 0 0;padding:1.05rem 1.15rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.upsell>h3,.bundle>h3,.upsell>b,.bundle>b{display:block;font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 .6rem;color:var(--ink)}.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:38px;height:38px;display:grid;place-items:center;border-radius:var(--r);font-size:1.35rem;line-height:1}.mnav header .close-btn:hover{background:var(--bg-2)}#mnav-cats a.mnc{justify-content:flex-start;gap:.7rem;padding:.5rem .55rem}#mnav-cats a.mnc .mnc-ph{flex:none;width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}#mnav-cats a.mnc .mnc-ph img{width:100%;height:100%;object-fit:contain;padding:3px;mix-blend-mode:normal;background:#fff}#mnav-cats a.mnc .mnc-tx{font-weight:600;font-size:var(--fs-sm)}#mnav-cats a.mnc:hover{background:var(--bg-2)}#mnav-cats a.mnc:hover .mnc-tx{color:var(--accent-600)}.buy-cta.pdp-cta{display:flex;gap:.65rem;background:none;box-shadow:none;padding:0;min-height:0;border-radius:0;cursor:default}.buy-cta.pdp-cta:hover,.buy-cta.pdp-cta:active{background:none;box-shadow:none;transform:none}.buy-cta.pdp-cta .btn--primary{flex:1 1 auto}.buy-cta.pdp-cta .btn--ghost{flex:0 0 auto}.pdp-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.pdp-thumbs button{width:64px;height:64px;padding:4px;background:#fff;border:1.5px solid var(--line-2);border-radius:10px;cursor:pointer;transition:border-color .18s var(--ease)}.pdp-thumbs button:hover{border-color:var(--ink-3)}.pdp-thumbs button.is-active{border-color:var(--accent)}.pdp-thumbs img{width:100%;height:100%;object-fit:contain;display:block}

/* ===== redesign.css ===== */
/* 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:13.5px;color:#B9BEC4;margin-top:3px}
.finder-form{display:flex;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:0}
.finder-form select{height:48px;min-width:186px;flex:1 1 186px;max-width:250px;padding:0 38px 0 14px;border-radius:var(--radius-s);border:1.5px solid rgba(255,255,255,.30);background:#232629 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px;color:#fff;font:inherit;font-size:14.5px;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer}
.finder-form select:hover{border-color:rgba(255,255,255,.55)}
.finder-form select:disabled{opacity:.45;cursor:default}
.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:13.5px;color:#D9DCDF;margin-bottom:10px}
.flank--cat .arrowlink{color:#fff;font-size:14px}
.flank--cat .arrowlink:hover{color:#FFB08A}
.flank:hover>img{transform:scale(1.03)}
.flank>img{transition:transform .5s ease}
.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}
.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}
.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}
.hero-ctas .rd-btn{flex:1}
.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:40px;height:40px;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:42px;font-size:14px;border-radius:9px 0 0 9px}
.search button{width:44px;height:42px;border-radius:0 9px 9px 0}
.h-act{padding:7px 8px;min-height:40px}
.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;height:auto;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;color:var(--ink-2)}
.header-acts .lang-btn:hover{background:#F1F3F6}
.header-acts .lang-globe{width:21px;height:21px}
.header-acts .lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:140;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;min-width:176px;display:grid;gap:2px}
.header-acts .lang-menu[hidden]{display:none}
.header-acts .lang-opt{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink);text-align:left}
.header-acts .lang-opt:hover{background:var(--soft)}
.header-acts .lang-opt.is-active{background:var(--accent-tint);color:var(--accent-deep)}
@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}
.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}
.catcard{width:100px}
.catcard b{font-size:12.5px;margin-top:7px}
.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}
}

/* ===== 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); }
.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__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){
  .rpx-cc__actions{ width: 100%; margin-left: 0; }
  .rpx-cc__btn{ flex: 1 1 0; }                        /* knoppen gelijk verdeeld op mobiel */
}

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