.card-product-list{display:grid;grid-template-columns:repeat(var(--card-columns, 2),minmax(0,1fr));gap:var(--card-row-gap, 2rem) var(--card-gap, 1rem);margin:0;padding:0;list-style:none}.card-product-list--row{display:flex;gap:var(--card-gap, 1rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.card-product-list--row::-webkit-scrollbar{display:none}.card-product-list--row>.card-product{flex:0 0 var(--card-width, 70%);scroll-snap-align:start}.card-product{display:flex;flex-direction:column;gap:.75rem;min-width:0;color:rgb(var(--color-text))}.card-product__media{display:flex}.card-product__media-link{box-sizing:content-box;display:block;flex:1 1 auto;width:100%;aspect-ratio:var(--card-media-ratio, 4 / 5);padding-block:calc(var(--card-image-top-m, var(--card-image-top, .095)) * 100%) calc(var(--card-image-bottom-m, var(--card-image-bottom, .07)) * 100%);border-radius:var(--radius-card);background:var(--card-media-bg, rgb(var(--color-text) / .04));transition:background var(--duration-short) var(--ease-default)}.card-product__image{width:100%;height:100%;padding-inline:var(--card-image-side-m, var(--card-image-side, 0px));object-fit:contain}.card-product__wishlist{position:absolute;top:.5rem;right:.5rem;z-index:2;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-text));cursor:pointer;transition:background var(--duration-short) var(--ease-default)}@media(hover:hover){.card-product__wishlist:hover{background:rgb(var(--color-text) / .08)}}.card-product__wishlist .icon{width:1.5rem;height:1.5rem;transition:fill var(--duration-short) var(--ease-default)}.card-product__wishlist.is-active .icon{fill:currentColor}.card-product__flags{position:absolute;top:1rem;left:1rem;z-index:1;display:flex;flex-direction:column;gap:.375rem;align-items:flex-start;max-width:calc(100% - 4.5rem)}.card-product__flag{padding:.375rem .625rem;border-radius:var(--radius-badge);background:rgb(var(--color-background));color:rgb(var(--color-text));font-size:var(--text-xs);font-weight:700;line-height:1.3}.card-product__flag--dark{background:rgb(var(--color-text));color:rgb(var(--color-background))}.card-product__flag--light{background:rgb(var(--color-background));color:rgb(var(--color-text))}.card-product__flag--sale{background:rgb(var(--color-sale));color:rgb(var(--color-background))}.card-product__flag--accent{background:rgb(var(--color-accent));color:rgb(var(--color-background))}.card-product__flag--success{background:rgb(var(--color-success));color:rgb(var(--color-background))}.card-product__flag--warning{background:rgb(var(--color-warning));color:rgb(var(--color-background))}.card-product__flag--muted{background:linear-gradient(rgb(var(--color-text) / .06),rgb(var(--color-text) / .06)),rgb(var(--color-background))}.card-product__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem}.card-product__flavors{min-height:1.75rem;margin:0;font-size:var(--text-xs);color:rgb(var(--color-text))}.card-product__flavors-pill{display:inline-flex;align-items:center;min-height:1.75rem;margin-bottom:5px;padding:.125rem .625rem;border:1px solid rgb(var(--color-text) / .2);border-radius:var(--radius-pill);line-height:1.2}.card-product__title{margin:0;font-size:var(--text-l);font-weight:600;line-height:1.2}.card-product__link{color:inherit;text-decoration:none}@media(hover:hover){.card-product:hover .card-product__media-link{background:var(--card-media-bg-hover, rgb(var(--color-text) / .08))}}@media(hover:hover){.card-product__media-link:hover,.card-product__pair:hover{opacity:1}}.card-product__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card-product{position:relative}.card-product__subtitle{margin:0;font-size:var(--text-s);line-height:1.25;color:rgb(var(--color-text) / var(--card-subtitle-dim, .6))}.card-product__subtitle--one-line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-product__rating{display:flex;gap:.375rem;align-items:center;margin:.25rem 0 0;font-size:var(--text-s);color:rgb(var(--color-text) / .7)}.card-product__rating .rating{--rating-size: .9375rem}.card-product__prices{display:flex;flex-wrap:wrap;column-gap:.5rem;align-items:baseline;margin-top:var(--card-price-gap, .5rem)}.card-product__price{display:flex;gap:.375rem;align-items:baseline;margin:0;font-size:var(--text-l)}.card-product__price--sale .card-product__amount{color:rgb(var(--color-sale))}.card-product__from{font-size:var(--text-s);color:rgb(var(--color-text) / .6)}.card-product__amount{font-weight:700}.card-product__compare{font-size:var(--text-l);font-weight:400;color:rgb(var(--color-text) / .45)}.card-product__unit{margin:0;font-size:var(--text-xs);color:rgb(var(--color-text) / .6)}.card-product__promo{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;margin-top:.375rem;font-size:var(--text-s)}.card-product__promo-box{position:relative;display:inline-flex;gap:.375rem;align-items:center;min-height:1.5rem;padding:.125rem .5rem;border:1.5px dashed rgb(var(--color-text) / .35);border-radius:var(--radius-promotion, var(--radius-badge))}.card-product__promo-price{font-weight:700}.card-product__promo--sale .card-product__promo-price{color:rgb(var(--color-sale))}.card-product__promo-note{color:rgb(var(--color-text) / .6)}.card-product__promo-code{font-weight:700;letter-spacing:.02em}kg-card-promo:not([data-visible]) .card-product__promo-code{visibility:hidden}kg-card-promo:not([data-visible]) .card-product__promo-box{min-width:9em;border-color:transparent;background-image:linear-gradient(90deg,var(--color-skeleton) 0%,var(--color-skeleton-shine) 50%,var(--color-skeleton) 100%);background-size:200% 100%;animation:kg-shimmer var(--skeleton-duration) ease-in-out infinite}kg-card-promo:not([data-visible]) .card-product__promo-price,kg-card-promo:not([data-visible]) .card-product__promo-note{visibility:hidden}@media(min-width:750px){.card-product__media-link{padding-block:calc(var(--card-image-top, .055) * 100%) calc(var(--card-image-bottom, .04) * 100%)}.card-product__image{padding-inline:var(--card-image-side, 0px)}.card-product-list--row>.card-product{flex-basis:var( --card-width-desktop, calc((100% - (var(--card-columns, 4) - 1) * var(--card-gap, 1.5rem)) / var(--card-columns, 4)) )}.card-product-list{--card-columns: var(--card-columns-tablet, var(--card-columns-desktop, 4));--card-gap: var(--card-gap-desktop, 1.5rem)}.card-product-list--row{display:flex;gap:var(--card-gap, 1.5rem)}}.card-product--pair{container-type:inline-size;grid-column:span 2}.card-product--pair .card-product__media{--pair-bar: 0px;--pair-slant: 0px;display:flex}.card-product--pair .card-product__media-link{--paar-haelfte: calc((100cqw - var(--card-gap, 1rem)) / 2);aspect-ratio:auto;height:calc(var(--paar-haelfte) / (var(--card-media-ratio, 4 / 5)));padding-block:calc(var(--card-image-top-m, var(--card-image-top, .095)) * var(--paar-haelfte)) calc(var(--card-image-bottom-m, var(--card-image-bottom, .07)) * var(--paar-haelfte))}@media(min-width:750px){.card-product--pair .card-product__media-link{padding-block:calc(var(--card-image-top, .055) * var(--paar-haelfte)) calc(var(--card-image-bottom, .04) * var(--paar-haelfte))}}.card-product--pair .card-product__media-link,.card-product__pair{flex:0 0 calc(50% + var(--pair-slant) / 2 - var(--pair-bar) / 2)}.card-product--pair .card-product__media-link{border-radius:var(--radius-card) 0 0 var(--radius-card);clip-path:polygon(0 0,100% 0,calc(100% - var(--pair-slant)) 100%,0 100%)}.card-product__pair{margin-left:calc(var(--pair-bar) - var(--pair-slant));overflow:hidden;border-radius:0 var(--radius-card) var(--radius-card) 0;background:rgb(var(--color-text) / .04);clip-path:polygon(var(--pair-slant) 0,100% 0,100% 100%,0 100%)}.card-product--edge-bar .card-product__media{--pair-bar: .375rem}.card-product--edge-slant-bar .card-product__media{--pair-bar: .375rem;--pair-slant: 4cqw}.card-product--edge-slant .card-product__media{--pair-slant: 4cqw}.card-product__pair-image{width:100%;height:100%;object-fit:cover}.card-product--pair .card-product__body{width:100%}@media(min-width:1024px){.card-product-list{--card-columns: var(--card-columns-desktop, 4)}}.card-product--pair .card-product__media-link{--notch-size: 0px}.card-product--pair-full .card-product__media-link{flex:0 0 0;visibility:hidden}.card-product--pair-full .card-product__pair{position:relative;flex:1 1 100%;margin-left:0;border-radius:var(--radius-card);clip-path:none}.card-product--pair-full .card-product__pair-image{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:749px){.card-product--promo-desktop{grid-column:span 1}.card-product--promo-desktop .card-product__pair{display:none}.card-product--promo-desktop .card-product__media-link{--notch-size: 4rem;display:block;flex:1 1 100%;visibility:visible;height:auto;aspect-ratio:var(--card-media-ratio, 4 / 5);border-radius:var(--radius-card);clip-path:none}}@media(min-width:750px){.card-product--promo-mobile{grid-column:span 1}.card-product--promo-mobile .card-product__pair{display:none}.card-product--promo-mobile .card-product__media-link{--notch-size: 4rem;display:block;flex:1 1 100%;visibility:visible;height:auto;aspect-ratio:var(--card-media-ratio, 4 / 5);border-radius:var(--radius-card);clip-path:none}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/component-card-product.css.map */