.card{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:14px 14px 16px;background:#fff;border-radius:5px;box-shadow:0 1px 2px #00000008,0 14px 30px -14px #00000021;transition:transform .18s ease,box-shadow .18s ease;box-sizing:border-box}@media(hover:hover){.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0000000a,0 20px 38px -14px #0000002e}.card:hover .card__image{transform:scale(1.09)}}.card__badges{display:flex;align-items:flex-start;height:20px;flex:none}.card__badge{display:inline-block;padding:4px 7px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1}.card__badge--sale{background:#ffbe46;color:#000}.card__badge--out{background:#e5e5e5;color:#8b8b8b}.card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--kaartbeeld, 1);flex:none;padding:0 8px;overflow:hidden;box-sizing:border-box}.card__image,.card__media>svg{max-height:100%;max-width:100%;width:auto;object-fit:contain;transition:transform .28s cubic-bezier(.2,.7,.3,1),opacity .18s ease;transform-origin:center 60%}.plate--blend .card__image{mix-blend-mode:multiply}.card__body{display:flex;flex-direction:column;gap:7px;flex:1 1 auto}.card__line{height:13px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;line-height:13px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#8b8b8b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card__title{height:40px;font-size:14.5px;font-weight:500;line-height:1.35;letter-spacing:-.005em;color:#000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative}.card__title:hover{text-decoration:none}.card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__rating{display:flex;align-items:center;gap:6px;min-height:15px;font-size:11.5px;color:#2b2b2b;white-space:nowrap}.rating{display:inline-flex;align-items:center;gap:6px}.rating__stars{display:inline-flex;color:#000}.rating__text{font-size:11.5px;color:#8b8b8b}.card__size{min-height:15px;font-size:12px;line-height:15px;color:#8b8b8b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card__price{display:flex;align-items:baseline;gap:8px;min-height:22px;margin-top:auto;white-space:nowrap}.price{display:inline-flex;align-items:baseline;gap:8px}.price__vanaf{font-size:11.5px;color:#8b8b8b}.price__now{font-size:16px;font-weight:600;letter-spacing:-.01em;color:#000}.price__was{font-size:12.5px;color:#8b8b8b;text-decoration:line-through}.price__badge{font-size:11px;font-weight:600;line-height:1.3;padding:2px 5px;background:#ffbe46;color:#000}.price__unit{display:block;font-size:11px;color:#8b8b8b}.card__stock{display:flex;align-items:center;gap:7px;height:16px;font-size:12px;white-space:nowrap;overflow:hidden}.stock{display:inline-flex;align-items:center;gap:7px;color:#2b2b2b}.stock__dot{width:5px;height:5px;flex:none;display:inline-block;background:#2b2b2b}.stock--in{color:#ffbe46}.stock--in .stock__dot{background:#ffbe46}.stock--weinig{color:#f58800}.stock--weinig .stock__dot{background:#f58800}.stock--uit{color:#8b8b8b}.stock--uit .stock__dot{background:#c9c9c9}.stock__text{overflow:hidden;text-overflow:ellipsis}.card__actions{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;margin-top:auto;position:relative;z-index:2}.card__form{display:flex;flex-direction:column;gap:8px;margin:0}.card__variants{width:100%;height:44px;flex:none;border:1px solid #E5E5E5;border-radius:0;background:#fff;color:#2b2b2b;font-family:inherit;font-size:13px;padding:0 12px}.card__actions .button,.card__actions a.button{width:100%;height:44px;min-height:44px;flex:none;border:0;border-radius:0;background:#2b2b2b;color:#fff;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;text-decoration:none}.card__actions .button:hover{opacity:.88;text-decoration:none}.card__actions .button[disabled],.card__actions .button--secondary{background:#fff;color:#2b2b2b;border:1px solid #2B2B2B}@media screen and (max-width:749px){.card{padding:10px 10px 12px;gap:8px}.card__title{font-size:13.5px;height:37px}}.kaartfactor{display:inline-flex;align-items:center;gap:12px;min-width:0}.kaartfactor__deel{display:inline-flex;align-items:center;gap:5px}.kaartfactor__label{font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8b8b8b}.kaartfactor__blokjes{display:inline-flex;gap:3px}.kaartfactor__blok{width:8px;height:8px;display:block;border:1px solid #2B2B2B;background:#fff;box-sizing:border-box}.kaartfactor__blok.is-aan{background:#2b2b2b}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-product-card.css.map */