.card-product{display:flex;flex-direction:column}.card-product__media-wrapper{position:relative;aspect-ratio:3 / 4;background-color:#f3f3f3;overflow:hidden;border-radius:12px}@media(min-width:768px){.card-product__media-wrapper{border-radius:16px}}.card-product__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;z-index:3}.card-product__badge{display:inline-block;width:fit-content;padding:4px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;border-radius:50px;white-space:nowrap}@media(min-width:768px){.card-product__badges{top:16px;left:16px;gap:8px}.card-product__badge{padding:5px 12px;font-size:11px}}.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}@media(hover:hover){.card-product:hover .card-product__media{transform:scale(1.02)}}.card-product__hover-image{display:none}@media(min-width:768px){.card-product__hover-image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .4s ease}.card-product__hover-image .card-product__media{width:100%;height:100%;object-fit:cover}@media(hover:hover){.card-product__media-wrapper:hover .card-product__hover-image{opacity:1}}.card-product--navigated .card-product__hover-image{opacity:0!important;pointer-events:none}}.card-product__placeholder{width:100%;height:100%;color:#888;font-size:var(--font-size-sm);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{background:transparent;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:transparent}.card-product__chevron--left{left:8px}.card-product__chevron--right{right:8px}@media(hover:hover){.card-product:hover .card-product__chevron{display:flex}}.card-product__swatches{position:absolute;top:16px;right:16px;display:none;gap:6px;z-index:2}@media(hover:hover){.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__quick-add--desktop{position:absolute;bottom:0;left:0;right:0;padding:16px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;z-index:3;display:block}@media(hover:hover){.card-product:hover .card-product__quick-add--desktop{opacity:1;transform:translateY(0)}}.card-product__quick-add--mobile{display:none;margin-top:12px}.card-product--has-quick-add .card-product__quick-add--always{display:block}.card-product__quick-add-btn{width:100%;padding:12px 16px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--button-min-height, 44px);border-radius:var(--button-border-radius, 0)}.card-product__btn-price-compare{text-decoration:line-through;opacity:.6;font-weight:400}.card-product__quick-add-text--has-price{display:inline-flex;flex-direction:row;align-items:center;gap:6px;line-height:1.2}.card-product__quick-add-label{font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--ui-letter-spacing)}.card-product__quick-add-price-row{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);text-transform:none;letter-spacing:0}@media(max-width:767px){.card-product__quick-add-text--has-price{flex-direction:column;gap:2px}}.card-product__quick-add-btn--primary{background-color:var(--color-button-primary-bg, #1a1a1a);color:var(--color-button-primary-text, #ffffff);border:1px solid var(--color-button-primary-border, #1a1a1a)}.card-product__quick-add-btn--primary:hover{background-color:var(--color-button-primary-bg-hover, #333333);color:var(--color-button-primary-text-hover, #ffffff)}.card-product__quick-add-btn--secondary{background-color:var(--color-button-secondary-bg, #ffffff);color:var(--color-button-secondary-text, #1a1a1a);border:1px solid var(--color-button-secondary-border, #1a1a1a)}.card-product__quick-add-btn--secondary:hover{background-color:var(--color-button-secondary-bg-hover, #1a1a1a);color:var(--color-button-secondary-text-hover, #ffffff)}.card-product__quick-add-btn--tertiary{background-color:transparent;color:var(--color-button-tertiary-text, #1a1a1a);border:none;border-radius:0;text-decoration:underline;text-underline-offset:3px}.card-product__quick-add-btn--tertiary:hover{color:var(--color-button-tertiary-text-hover, #666666);text-decoration-thickness:2px}.card-product__quick-add-btn:active{transform:scale(.98)}.card-product__quick-add-btn--sold-out{background-color:var(--color-background-hover, #f5f5f5);color:var(--color-dark-2, #535353);border-color:var(--color-background-hover, #f5f5f5);cursor:not-allowed}.card-product__quick-add-btn--sold-out:hover{background-color:var(--color-background-hover, #f5f5f5);color:var(--color-dark-2, #535353)}.card-product__quick-add-loading,.card-product__quick-add-btn.is-loading .card-product__quick-add-text{display:none}.card-product__quick-add-btn.is-loading .card-product__quick-add-loading{display:flex}@media(max-width:767px){.card-product__title{white-space:normal;line-height:var(--line-height-normal, 1.5);min-height:calc(var(--line-height-normal, 1.5) * 2em);max-height:calc(var(--line-height-normal, 1.5) * 2em);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.card-product__quick-add--desktop{display:none}.card-product--has-quick-add .card-product__quick-add--mobile{display:block}.card-product__quick-add-btn{padding:10px 12px;font-size:var(--font-size-xs)}}.card-product__info{margin:12px 0 0}.card-product__title-link{text-decoration:none;color:inherit;display:block}.card-product__title{margin-bottom:4px;max-width:100%;font-size:var(--card-title-size)}@media(min-width:768px){.card-product__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.card-product__desc{margin-bottom:4px;line-height:var(--line-height-normal);font-size:var(--card-description-size);min-height:calc(var(--line-height-normal) * 2em);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;font-size:var(--card-price-size);font-weight:var(--card-price-weight)}.card-product__reviews{display:flex;align-items:center;gap:6px;margin-top:4px}.card-product__stars{display:flex;align-items:center;gap:2px}.card-product__star{flex-shrink:0}.card-product__star--filled{color:var(--reviews-star-color, #f59e0b)}.card-product__star--empty{color:var(--reviews-star-empty, #e5e5e5)}.card-product__star--half{color:var(--reviews-star-color, #f59e0b)}.card-product__review-count{font-size:12px;color:var(--color-text-muted, #666);font-family:var(--body-font)}.card-product__sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.card-product__size-btn{background:transparent;border:none;border-bottom:1px solid #d0d0d0;padding:4px;border-radius:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:border-color .2s ease;color:#000;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.card-product__size-btn:hover{border-bottom-color:#000}.card-product__size-btn.is-selected{background:transparent;color:#000;border-bottom-color:#000}.card-product__size-btn.is-unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.card-product__size-btn.is-unavailable:hover{border-bottom-color:#d0d0d0}
/*# sourceMappingURL=/cdn/shop/t/35/assets/card-product.css.map */