.cat{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:56px;padding-top:40px;padding-bottom:88px;display:grid}.filters{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:calc(100vh - 128px);padding-right:6px;position:sticky;top:104px;overflow:auto}.filters-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-bottom:14px;display:flex}.filters-titel{font:700 20px var(--font-heading)}.fgroup{border:0;border-bottom:1px solid var(--border);min-width:0;margin:0;padding:18px 0 14px}.fgroup legend{float:left;width:100%;font:600 13px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:10px;padding:0}.fgroup .opt{clear:both}.opt{cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.opt input{opacity:0;pointer-events:none;width:18px;height:18px;margin:0;position:absolute}.opt .box{border:1.5px solid var(--vinkvak-rand);border-radius:var(--hoek);background:var(--miura-white);flex:none;place-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:grid}.opt input:checked+.box{background:var(--bg-dark);border-color:var(--bg-dark)}.opt input:checked+.box:after{content:"";border-left:2px solid var(--miura-white);border-bottom:2px solid var(--miura-white);width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.opt input:focus-visible+.box{outline:2px solid var(--text);outline-offset:2px}.opt .txt{flex:1}.opt .cnt{color:var(--text-muted);font-size:13px}.opt.zero{opacity:.38}.dot{border:1px solid #1c19172e;border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.filters-apply{justify-content:center;width:100%;margin-top:18px;display:none}.cat-bar{border-bottom:1px solid var(--border);align-items:center;gap:18px;margin-bottom:18px;padding-bottom:18px;display:flex}.filter-toggle{padding:12px 18px;display:none}.count{color:var(--text-muted);flex:1;margin:0;font-size:15px}.count b{color:var(--text);font-size:17px}.count:focus{outline:none}.sort{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.sort select{font:500 14px var(--font-body);border:1px solid var(--border);border-radius:var(--hoek);background:var(--miura-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%231C1917' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") right 12px center / 11px no-repeat;color:var(--text);-webkit-appearance:none;appearance:none;max-width:100%;padding:10px 34px 10px 12px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chips:empty{display:none}.chip,.chip-clear{font:500 13px var(--font-body);border-radius:var(--hoek);cursor:pointer;padding:8px 12px}.chip{background:var(--bg-dark);color:var(--text-on-dark);border:1px solid var(--bg-dark)}.chip:hover{background:var(--miura-espresso)}.chip-clear{color:var(--text-muted);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.chip-clear:hover{color:var(--text)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.pitem{display:flex}.pitem[hidden]{display:none}.pcard{background:var(--miura-white);border:1px solid var(--border);flex-direction:column;width:100%;text-decoration:none;transition:box-shadow .15s,translate .15s,border-color .15s;display:flex}.pcard:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover){.pcard:hover{box-shadow:var(--schaduw-kaart);border-color:var(--accent);translate:0 -3px}.pcard:hover .pimg img{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.pcard:hover{translate:none}.pcard:hover .pimg img{transform:none}}.pimg{aspect-ratio:1;background:var(--bg-alt);overflow:hidden}.pimg img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.pinfo{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.pinfo h3{font-size:19px;font-weight:700}.pinfo p{color:var(--text-muted);font-size:14px}.pinfo .puit{margin-top:6px}.pinfo .pmaat{margin-top:2px}.ptag{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:13px;display:flex}@supports (grid-template-rows:subgrid){.product-grid{row-gap:0;margin-bottom:-24px}.pitem{grid-row:span 5;grid-template-rows:subgrid;margin-bottom:24px;display:grid}.pcard,.pinfo{grid-template-rows:subgrid;row-gap:0;display:grid}.pcard{grid-row:1/-1}.pinfo{grid-row:2/-1}.ptag{align-self:start;margin-top:12px}}@supports not (grid-template-rows:subgrid){.pinfo h3{min-height:2.4em}.pinfo .pmaat{min-height:3.2em}}.empty{color:var(--text-muted);padding:48px 0}.more-row{justify-content:center;margin-top:40px;display:flex}.more-row:has(>[hidden]){display:none}html:not(.js) [data-alleen-js]{display:none!important}html:not(.js) .cat{grid-template-columns:1fr}.js .cat:not(.klaar) .product-grid>.pitem:nth-child(n+25){display:none}.help{background:var(--bg-alt);border-top:1px solid var(--border);padding:64px 0}.help-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.help .help-kop{font-family:var(--font-heading);color:var(--text);margin:0;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.2}.help .help-kop strong{font-weight:700}.help p:not(.help-kop){color:var(--text-muted);max-width:34em;margin-top:10px}.help .btn-row{margin-top:0}@media (width<=1180px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.cat{grid-template-columns:minmax(0,1fr);gap:0;padding-top:24px}.filter-toggle{display:inline-flex}.filters{z-index:80;background:var(--miura-white);max-height:none;padding:24px 24px 120px;display:none;position:fixed;inset:0;overflow:auto}.filters.open{display:block}.filters-apply{z-index:2;width:auto;display:flex;position:fixed;bottom:20px;left:24px;right:24px}.cat-bar{flex-wrap:wrap}.count{flex-basis:100%;order:3}}@media (width<=560px){.product-grid{gap:12px}@supports (grid-template-rows:subgrid){.product-grid{row-gap:0;margin-bottom:-12px}.pitem{margin-bottom:12px}}.pinfo{padding:12px 12px 14px}.pinfo h3{font-size:16px}.pinfo p{font-size:13px}.ptag{font-size:12px}.help{padding:56px 0}.help-inner{gap:24px}}.cat.zonder-filters{grid-template-columns:minmax(0,1fr)}.cat.zonder-filters .filters,.filter-toggle[hidden]{display:none}