card-variant-picker{display:block;height:100%}.card-variant-wrapper{display:flex;flex-direction:column;height:100%}.card-variant{display:flex;flex-direction:column;height:100%;flex:1;background-color:var(--card-custom-bg, rgb(var(--color-background)));color:var(--card-custom-text, rgb(var(--color-foreground)));border:var(--product-card-border-width, 1px) solid var(--card-custom-border, rgba(var(--color-foreground), var(--product-card-border-opacity, .08)));border-radius:var(--card-custom-radius, var(--product-card-corner-radius, 8px));box-shadow:var(--product-card-shadow-horizontal-offset, 0px) var(--product-card-shadow-vertical-offset, 4px) var(--product-card-shadow-blur-radius, 12px) rgba(0,0,0,var(--product-card-shadow-opacity, .05));overflow:hidden;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.card-variant__content{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--card-custom-padding, 1.4rem 1.4rem 1.6rem 1.4rem);gap:.8rem}.card-variant__form{width:100%;margin-top:auto}.product-grid .grid__item{display:flex}.product-grid .grid__item>card-variant-picker{width:100%;height:100%}.card-variant:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.card-variant__media{position:relative;padding-top:var(--ratio-percent, 100%);overflow:hidden}.card-variant__image-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.card-variant__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .6s ease-in-out,transform .6s ease-in-out}.card-variant__secondary-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease-in-out,transform .6s ease-in-out}.card-variant:hover .card-variant__media img{transform:scale(1.03)}.card-variant:hover .card-variant__primary-image{opacity:0}.card-variant:hover .card-variant__secondary-image{opacity:1}.card-variant__badge{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-block;padding:.4rem 1rem;font-size:1.1rem;font-weight:600;letter-spacing:.05rem;line-height:1.2;text-transform:uppercase;background-color:var(--color-brand-dark, #281913);color:#fff;border-radius:var(--badge-corner-radius, 4px);word-break:break-word}.card-variant__badge--sale{background-color:rgb(var(--color-badge-background, 204, 78, 64));color:rgb(var(--color-badge-foreground, 255, 255, 255))}.card-variant__badge--sold-out{background-color:rgb(var(--color-badge-background, 150, 150, 150));color:rgb(var(--color-badge-foreground, 255, 255, 255))}.card-variant__content{display:flex;height:100%;flex-direction:column;flex-grow:1;padding:var(--card-custom-padding, 1.4rem 1.4rem 1.6rem 1.4rem);gap:.8rem}.card-variant__header{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%}.card-variant__title{margin:0;font-size:1.5rem;line-height:1.3;font-weight:600;width:100%}.card-variant__title-link{color:inherit;text-decoration:none}.card-variant__title-link:hover{text-decoration:underline;text-underline-offset:.3rem}.card-variant__rating{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.card-variant__rating .rating-star{--letter-spacing: .3;--font-size: 2}.card-variant__rating-count{font-size:1.2rem;color:rgba(var(--color-foreground),.65);white-space:nowrap}.card-variant__rating-count:before{content:"("}.card-variant__rating-count:after{content:")"}.card-variant__price{display:flex;align-items:baseline;gap:.6rem}.card-variant__current-price{font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground))}.card-variant__compare-price{font-size:1.3rem;color:rgba(var(--color-foreground),.55);text-decoration:line-through}.card-variant__options{width:100%}.card-variant__option-fieldset{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;border:none}.card-variant__pill{display:inline-flex;align-items:center;justify-content:center;min-width:4.2rem;padding:.5rem 1rem;font-size:1.2rem;font-weight:500;line-height:1;text-align:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--variant-pills-radius, 40px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:all var(--duration-short) ease;-webkit-user-select:none;user-select:none}.card-variant__pill:hover{border-color:var(--color-brand-dark, #281913)}.card-variant__radio:checked+.card-variant__pill{background-color:var(--color-brand-dark, #281913);color:#fff;border-color:var(--color-brand-dark, #281913)}.card-variant__pill--unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed}.card-variant__radio:disabled+.card-variant__pill{opacity:.4;text-decoration:line-through;cursor:not-allowed}.card-variant__form{margin-top:auto;width:100%}.card-variant__form-inner{width:100%}.card-variant__submit{width:100%;min-height:4.4rem;font-size:1.3rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase;border-radius:var(--buttons-radius, 4px);border:none!important;box-shadow:none!important;outline:none!important;background-color:var(--atc-btn-bg, rgb(var(--color-button)));color:var(--atc-btn-text, rgb(var(--color-button-text)));transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.card-variant__submit:before,.card-variant__submit:after{display:none!important;content:none!important;box-shadow:none!important;border:none!important}.card-variant__submit:hover:not(:disabled){background-color:var(--atc-btn-hover-bg, var(--atc-btn-bg, rgb(var(--color-button))));color:var(--atc-btn-hover-text, var(--atc-btn-text, rgb(var(--color-button-text))));border:none!important;box-shadow:none!important}.card-variant__submit:hover:not(:disabled):before,.card-variant__submit:hover:not(:disabled):after{display:none!important;content:none!important;box-shadow:none!important;border:none!important}.card-variant__submit:disabled{opacity:.5;cursor:not-allowed}@media screen and (min-width:750px){.card-variant__content{gap:1rem}.card-variant__title{font-size:1.6rem}.card-variant__current-price{font-size:1.8rem}.card-variant__pill{min-width:4.8rem;padding:.6rem 1.2rem;font-size:1.3rem}}@media screen and (min-width:990px){.card-variant__title{font-size:1.7rem}.card-variant__current-price{font-size:1.9rem}.card-variant__pill{padding:.7rem 1.4rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card-variant.css.map */