.kaartraster{position:relative;padding-block:clamp(3rem,7vw,7rem);background:var(--vlak-licht);color:var(--inkt)}.kaartraster__binnen{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-marge)}.kaartraster__kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2.5rem}.kaartraster__titel{margin:0;font-family:var(--font-titel);font-size:clamp(2.5rem,7vw,6.25rem);font-weight:500;line-height:.76;letter-spacing:-.03em}.kaartraster__titel .accent{color:var(--accent)}.kaartraster__tekst{max-width:26ch;margin:0;font-family:var(--font-kop);font-size:1.375rem;font-weight:400;line-height:1.05;letter-spacing:-.02em}.kaartraster__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:20px 12px;margin-top:clamp(2rem,5vw,4rem)}@media(min-width:700px){.kaartraster__raster{grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:20px}}.productkaart{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:0 0 18px;border-radius:10px;background:var(--wit);box-shadow:0 12px 30px -20px #335c304d;text-align:center;transition:translate .725s var(--veer),rotate .725s var(--veer),transform .15s var(--standaard),scale .35s .15s var(--stuiter),box-shadow .45s var(--soepel)}.productkaart__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit}@media(hover:hover)and (pointer:fine){.productkaart:is(.is-hover,:focus-within){scale:.945 .915;transform:scale(1.0582,1.0929);box-shadow:0 22px 40px -22px #335c3066;transition:translate .725s .1s var(--veer),rotate .725s .1s var(--veer),scale .15s .1s var(--standaard),transform .35s .25s var(--stuiter),box-shadow .45s var(--soepel)}.productkaart:is(.is-hover,:focus-within):nth-child(odd){translate:-.125em -.325em 0;rotate:-4deg}.productkaart:is(.is-hover,:focus-within):nth-child(2n){translate:.125em -.325em 0;rotate:3deg}}.productkaart__beeldvlak{position:relative;display:grid;place-items:center;aspect-ratio:4 / 5;border-radius:10px 10px 0 0;overflow:hidden;background:transparent}.productkaart__beeld{width:100%;height:100%;padding:0;object-fit:cover;transition:scale .6s var(--vloeiend),opacity .35s var(--standaard)}.productkaart__beeld--twee{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s var(--soepel),scale .6s var(--vloeiend)}@media(hover:hover)and (pointer:fine){.productkaart:is(.is-hover,:focus-within) .productkaart__beeld{scale:1.06;transition:scale .6s var(--vloeiend),opacity .35s var(--standaard)}.productkaart:is(.is-hover,:focus-within) .productkaart__beeld--twee{opacity:1;transition:opacity .45s var(--soepel),scale .6s var(--vloeiend)}}.productkaart__label{align-self:center}.productkaart__voet{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding-inline:10px}.productkaart__naam{margin:0;font-family:var(--font-kop);font-size:1.25em;font-weight:500;line-height:92%;letter-spacing:-.02em;text-wrap:balance}.productkaart__prijs{margin:0;font-family:var(--font-kop);font-size:1.5625em;font-weight:500;line-height:92%;letter-spacing:-.03em}.productkaart.is-uitverkocht .productkaart__prijs{text-decoration:line-through;opacity:.5}.productkaart__vanaf{margin-left:.375em;text-decoration:line-through;opacity:.45}.productkaart__schijf{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--inkt);color:var(--vlak-licht);transition:translate .725s var(--veer),rotate .725s var(--veer),scale .3s var(--stuiter)}.productkaart__schijf svg{width:.625rem;height:.625rem}@media(hover:hover)and (pointer:fine){.productkaart:is(.is-hover,:focus-within) .productkaart__schijf{translate:.125em -.25em 0;rotate:6deg;scale:1.12;transition:translate .725s .1s var(--veer),rotate .725s .1s var(--veer),scale .3s .1s var(--stuiter)}}.productkaart[data-vorm=vierkant] .productkaart__beeldvlak{aspect-ratio:1}.productkaart[data-vorm=lang] .productkaart__beeldvlak{aspect-ratio:3 / 4}.productkaart[data-vorm=liggend] .productkaart__beeldvlak{aspect-ratio:5 / 4}.productkaart--liggend{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) clamp(4.5rem,7vw,6rem);align-items:stretch;gap:.75rem;padding:10px}.productkaart--liggend .productkaart__voet{padding-inline:0}.productkaart--liggend .productkaart__beeldvlak{position:static;order:2;align-self:stretch;border-radius:8px;overflow:hidden}.productkaart--liggend .productkaart__beeld{padding:0;object-fit:cover}.productkaart--liggend .productkaart__label{position:absolute;z-index:2;align-self:start;border:0;background:var(--vlak-licht);font-size:.9375rem;letter-spacing:-.01em;opacity:1;top:12px;left:14px;font-size:.8125rem}.productkaart--liggend .productkaart__voet{order:1;min-width:0;align-items:flex-end;padding:1.625rem 0 .125rem 4px}.productkaart--liggend .productkaart__voet>div{min-width:0}.productkaart--liggend .productkaart__schijf{display:none}.productkaart--liggend .productkaart__naam{font-size:1.25rem}.productkaart--liggend .productkaart__prijs{font-size:1.0625rem;margin-top:.35em}.uitverkochtband{position:absolute;z-index:2;top:0;left:0;right:0;overflow:hidden;padding-block:.4em;background:var(--inkt);color:var(--vlak-licht);font-family:var(--font-kop);font-size:1.125em;font-weight:500;line-height:92%;letter-spacing:-.02em;text-transform:uppercase}.uitverkochtband__spoor{display:flex;width:max-content;animation:uitverkochtloop 14s linear infinite}.uitverkochtband__helft{display:flex;gap:1.25em;padding-right:1.25em}.uitverkochtband span{white-space:nowrap}@keyframes uitverkochtloop{to{translate:-50% 0}}@media(prefers-reduced-motion:reduce){.uitverkochtband__spoor{animation:none}}.kaartraster__meer{display:flex;justify-content:center;margin-top:clamp(2rem,4vw,3.5rem)}@media(max-width:560px){.productkaart{padding:8px 8px 14px;gap:.75rem}.productkaart__naam{font-size:1.1875rem}.productkaart__prijs{font-size:1.0625rem}.productkaart__schijf{width:1.875rem;height:1.875rem}.productkaart__label{top:8px;left:8px;font-size:.8125rem}}.stalen{position:relative;z-index:4;display:flex;align-items:center;gap:.1em;margin-top:-.15em}.staal{display:grid;place-items:center;width:1.75em;height:1.75em;border:1px solid transparent;border-radius:50%;line-height:0;transition:border-color .25s var(--standaard)}.staal__vlak{display:block;width:.95em;height:.95em;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--inkt) 15%,transparent)}.stalen__meer{font-family:var(--font-kop);font-size:.8125em;line-height:1;opacity:.55}@media(hover:hover)and (pointer:fine){.staal:hover{border-color:var(--inkt)}}.productkaart__bewaar{position:absolute;z-index:4;top:10px;left:10px;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%}.productkaart__bewaar svg{width:1.2rem;height:1.02rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/kaartraster.css.map */