.pu-cat{background:var(--pu-white);padding:28px 0 var(--pu-s-32)}.pu-cat__inner{display:flex;flex-direction:column;gap:var(--pu-s-24)}.pu-cat__head{padding:0 var(--pu-pagina-inzet)}.pu-cat__viewport{overflow:hidden;margin:0 var(--pu-pagina-inzet);cursor:grab;touch-action:pan-y}.pu-cat__track{display:flex;gap:var(--pu-s-16);will-change:transform;transition:transform .4s cubic-bezier(.22,.61,.36,1)}.pu-cat__track.is-dragging{transition:none}.pu-cat__card{flex:0 0 calc((100% - var(--pu-s-16)) / 2);width:calc((100% - var(--pu-s-16)) / 2);min-width:0;border-radius:var(--pu-radius-groot);overflow:hidden;background:var(--pu-white);box-shadow:inset 0 0 0 1px var(--pu-line);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;cursor:pointer}.pu-cat__card:focus-visible{outline:2px solid var(--pu-amber);outline-offset:2px}.pu-cat__media{aspect-ratio:4 / 5;overflow:hidden;background:var(--pu-line-soft)}.pu-cat__media img{width:100%;height:100%;object-fit:cover;display:block}.pu-cat__bar{flex:1 1 auto;min-height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:var(--pu-s-8);border-top:1px solid var(--pu-line-soft)}.pu-cat__name{font-size:var(--pu-small);font-weight:var(--pu-fw-semi);line-height:var(--pu-small-lh);color:var(--pu-ink-strong)}.pu-cat__chevron{flex:0 0 auto;color:var(--pu-chevron);display:flex}.pu-cat__chevron svg{width:18px;height:18px}.pu-cat__tile{background:var(--pu-green);aspect-ratio:4 / 5;padding:16px 14px;display:flex;flex-direction:column;justify-content:center;gap:var(--pu-s-12)}.pu-cat__tile-text{font-size:var(--pu-small);line-height:var(--pu-small-lh);color:var(--pu-cream);text-wrap:pretty}.pu-cat__tile-title{font-family:var(--pu-font-kop);font-size:var(--pu-h2);font-weight:var(--pu-fw-kop);line-height:var(--pu-h2-lh);letter-spacing:-.2px;color:var(--pu-cream)}.pu-cat__card--tile .pu-cat__name,.pu-cat__card--tile .pu-cat__chevron{color:var(--pu-green)}@media(min-width:600px)and (max-width:1023px){.pu-cat__card{flex-basis:calc((100% - var(--pu-s-16) * 2) / 3);width:calc((100% - var(--pu-s-16) * 2) / 3)}}@media(prefers-reduced-motion:reduce){.pu-cat__track,.pu-cat__media img{transition:none}}@media(min-width:1024px){.pu-cat{padding:48px 0 52px}.pu-cat__inner{width:min(100% - var(--pu-pagina-inzet) * 2,var(--pu-inhoud-max));max-width:none;margin:0 auto;padding:0;display:block}.pu-cat__head{display:none}.pu-cat__viewport{overflow:visible;margin:0;cursor:auto}.pu-cat__track{display:grid;grid-template-columns:.78fr 1fr 1fr 1fr;gap:16px;transform:none!important;transition:none}.pu-cat__card{flex:none;width:auto}.pu-cat__media,.pu-cat__tile{aspect-ratio:auto;height:306px}.pu-cat__tile{padding:26px 22px 24px;gap:var(--pu-s-12)}.pu-cat__bar{min-height:60px;padding:0 18px;gap:var(--pu-s-8)}.pu-cat__chevron svg{width:20px;height:20px}@media(hover:hover)and (pointer:fine){.pu-cat__media img{transition:transform .5s cubic-bezier(.22,.61,.36,1)}.pu-cat__card:hover .pu-cat__media img{transform:scale(1.045)}.pu-cat__card--tile{transition:background .18s ease}.pu-cat__card--tile:hover .pu-cat__tile{background:var(--pu-green-dark)}}}@media(min-width:1200px){.pu-cat__name{font-size:var(--pu-h4);line-height:var(--pu-h4-lh)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/pu-categorie.css.map */