.card-product{display:flex;flex-direction:column}.card-product__media-wrapper{position:relative;aspect-ratio:3 / 4;background-color:#f3f3f3;overflow:hidden}.card-product__media-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.card-product__media-track{width:100%;height:100%;position:relative}.card-product__media-slide{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.card-product__media-slide.is-active{opacity:1;pointer-events:auto;z-index:1}.card-product__media{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card-product:hover .card-product__media{transform:scale(1.02)}.card-product__placeholder{width:100%;height:100%;color:#888;font-size:14px;display:flex;align-items:center;justify-content:center}.card-product__chevron{position:absolute;top:0;bottom:0;width:40px;display:none;align-items:center;justify-content:center;z-index:2}.card-product__chevron button{border:none;width:32px;height:32px;border-radius:0%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-dark-1);transition:background .2s ease}.card-product__chevron button svg{width:16px;height:16px}.card-product__chevron button:hover{background:#fff6}.card-product__chevron--left{left:8px}.card-product__chevron--right{right:8px}.card-product:hover .card-product__chevron{display:flex}.card-product__swatches{position:absolute;top:16px;right:16px;display:none;gap:6px;z-index:2}.card-product:hover .card-product__swatches{display:flex}.card-product__swatch{width:12px;height:12px;border:0px solid #fff;box-shadow:0 0 2px #0000001a;position:relative;cursor:pointer}.card-product__swatch:after{content:"";display:none;position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px solid var(--color-dark-1);pointer-events:none}.card-product__swatch.is-selected:after{display:block}.card-product__swatch--disabled{opacity:.5;cursor:not-allowed}.card-product__info{margin-top:12px}.card-product__title{margin-bottom:4px}@media (max-width: 768px){.card-product__title{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}.card-product__desc{margin-bottom:4px;line-height:1.5;min-height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.card-product__price{margin:0}
/*# sourceMappingURL=/cdn/shop/t/23/assets/card-product.css.map */