.productkaart{position:relative;display:flex;flex-direction:column;gap:12px;height:100%}.productkaart__vak{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:189 / 236;background:var(--vlak);overflow:hidden}.productkaart__foto{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;mix-blend-mode:multiply}.productkaart--korting .productkaart__vak{align-items:flex-end;padding-bottom:7.4%}.productkaart--korting .productkaart__foto{width:93.1%}.kortingslabel{position:absolute;top:10px;left:10px;z-index:1;padding:3px 8px;border-radius:var(--hoek);background:var(--knop);color:var(--knop-tekst);font-size:13px;font-weight:500;line-height:18px;letter-spacing:.02em;text-transform:uppercase;pointer-events:none}.productkaart__info{display:flex;flex-direction:column;gap:10px;padding-inline:10px}.productkaart__kenmerken{display:flex;align-items:center;justify-content:space-between;height:20px}.productkaart__kleuren{display:flex;align-items:center;gap:8px}.productkaart__kleur{flex-shrink:0;width:18px;height:18px;border-radius:9px;border:1px solid rgb(0 0 0 / .15)}.productkaart__kleur--meten{visibility:hidden}.productkaart__kleur--gekozen{width:24px;height:24px;margin-block:-2px;padding:2px;border:1px solid var(--tekst);border-radius:12px;background-clip:content-box}.productkaart__kleur--link{position:relative;z-index:3}.productkaart__kleur--link:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.productkaart__kleur--link:hover,.productkaart__kleur--link:focus-visible{outline:1px solid var(--grijs);outline-offset:2px}.productkaart__meer{color:var(--grijs);font-size:13px;line-height:18px}.productkaart__hart{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:flex-end;width:44px;height:44px;margin:-12px 0 -12px auto;padding:0;border:0;background:none;color:var(--tekst);cursor:pointer}.productkaart__hart[aria-pressed=true] path{fill:currentColor}.productkaart__hart:focus-visible{outline:2px solid var(--tekst);outline-offset:-8px}.productkaart__tekst{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"naam" "sub" "prijs";row-gap:2px}.productkaart__naam{grid-area:naam;font-size:14px;font-weight:700;line-height:18px;letter-spacing:.02em;text-transform:uppercase}.productkaart__link{color:var(--tekst)}.productkaart__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.productkaart__link:focus-visible{outline:none}.productkaart__link:focus-visible:after{outline:2px solid var(--tekst);outline-offset:2px}.productkaart:hover .productkaart__link{text-decoration:underline;text-underline-offset:3px}.productkaart__sub{grid-area:sub;display:-webkit-box;height:36px;overflow:hidden;color:var(--grijs);font-size:13px;line-height:18px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.productkaart__prijs{grid-area:prijs;padding-top:4px}.productkaart .prijs{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;color:var(--tekst);font-size:14px;font-weight:500;line-height:18px}.productkaart .prijs__oud{color:var(--grijs);font-size:13px;font-weight:400;line-height:18px;text-decoration:line-through 1px}.productkaart .prijs--aanvraag{font-weight:400}@media(max-width:989px){.aanbevelingen .productkaart{gap:14px}.aanbevelingen .productkaart__vak{aspect-ratio:310 / 388}.aanbevelingen .productkaart__foto,.aanbevelingen .productkaart--korting .productkaart__foto{width:84%}.aanbevelingen .productkaart--korting .productkaart__vak{align-items:center;padding-bottom:0}.aanbevelingen .productkaart__info{gap:12px;padding-inline:0}.aanbevelingen .productkaart__tekst{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam prijs" "sub sub";column-gap:12px;row-gap:4px}.aanbevelingen .productkaart__naam{font-size:13px}.aanbevelingen .productkaart__prijs{padding-top:0}.aanbevelingen .productkaart .prijs{flex-wrap:nowrap;font-size:13px;white-space:nowrap}.aanbevelingen .productkaart .prijs__oud{font-size:13px}}@media(min-width:990px){.productkaart{gap:14px}.productkaart__vak{aspect-ratio:310 / 388}.productkaart__foto,.productkaart--korting .productkaart__foto{width:83.9%}.productkaart--korting .productkaart__vak{align-items:center;padding-bottom:0}.kortingslabel{top:12px;left:12px}.productkaart__info{gap:12px;padding-inline:0}.productkaart__tekst{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam prijs" "sub sub";column-gap:12px;row-gap:4px}.productkaart__naam{font-size:15px}.productkaart__sub{font-size:14px}.productkaart__prijs{padding-top:0}.productkaart .prijs{flex-wrap:nowrap;font-size:15px;white-space:nowrap}.productkaart .prijs__oud{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/productkaart.css.map */