.winkelpagina{display:grid;gap:var(--ruim-xl)}.winkelpagina h2{font-family:var(--font-display);font-size:var(--tekst-h4);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--ruim-m)}.winkelpagina section{scroll-margin-top:var(--ruim-2xl)}.winkelpagina__soorten{min-width:0}.winkelpagina__soorten ul{display:flex;gap:var(--ruim-s);overflow-x:auto;list-style:none;margin:0;padding:0 0 var(--ruim-xs);scrollbar-width:none}.winkelpagina__soorten ul::-webkit-scrollbar{display:none}.winkelpagina__soorten a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--ruim-l);border:1.5px solid var(--lijn);border-radius:var(--radius-pil);background:var(--wit);color:var(--inkt);font-size:var(--tekst-body-s);font-weight:600;white-space:nowrap;text-decoration:none}.winkelpagina__soorten a:hover{border-color:var(--inkt)}@media (min-width:900px){.winkelpagina__soorten ul{flex-wrap:wrap;overflow:visible}}.winkelpagina__vakken{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--ruim-m);list-style:none;margin:0;padding:0}.winkelpagina__vak{display:flex;align-items:center;justify-content:center;height:6.5rem;padding:var(--ruim-l);background:var(--wit);border:1.5px solid var(--lijn);border-radius:var(--radius-tegel);color:var(--inkt);text-decoration:none}.winkelpagina__vak:hover{border-color:var(--inkt)}.winkelpagina__vak img{max-width:100%;width:auto;object-fit:contain}.winkelpagina__naam{font-family:var(--font-display);font-size:var(--tekst-h4);font-weight:800;line-height:1.1;text-align:center;hyphens:manual;overflow-wrap:break-word}