.card{background:var(--background-secondary);width:100%;height:auto;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s ease}.card-sold-out{display:flex;padding:5px 12px 3px;flex-direction:column;align-items:flex-start;position:absolute;left:50%;top:8px;transform:translate(-50%);border-radius:4px;background:var(--background-primary);color:var(--content-negative);text-transform:capitalize;white-space:nowrap}.card-image{width:100%;aspect-ratio:3/4;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:0 0 8px 8px}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center}.card-details{display:flex;flex-direction:column;justify-content:space-between;gap:0px;padding:8px}.product-card__options-overlay{position:absolute;bottom:60px;left:50%;transform:translate(-50%);border-radius:8px;align-items:center;flex-direction:column;gap:8px;display:none;opacity:0;z-index:20;transition:opacity .5s ease;width:85%}.product-card__options-list{background-color:var(--background-primary);display:flex;flex-direction:row;border:.4px solid var(--border-primary);padding:2px;align-items:center;justify-content:center;gap:4px;border-radius:8px;width:max-content;max-width:75%;overflow:hidden}.product-card__options-track{display:flex;flex-direction:row;gap:4px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.product-card__options-track::-webkit-scrollbar{display:none}.product-card__carousel-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;color:var(--content-primary);transition:opacity .2s ease;flex-shrink:0}.product-card__carousel-btn:disabled{opacity:.3;cursor:not-allowed}.product-card__carousel-btn:not(:disabled):hover{opacity:.7}.product-card__option-btn{background-color:transparent;border:none;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;min-height:24px;min-width:24px;width:fit-content;flex:0 0 auto;padding:5px;color:var(--content-primary);cursor:pointer;scroll-snap-align:start;transition:background-color .2s ease,transform .1s ease,color .2s ease}.product-card__option-btn:hover{background-color:var(--background-tertiary)}.product-card__option-btn:active{transform:scale(.95)}.product-card__option-btn.is-active{background-color:var(--content-primary);color:var(--background-primary)}.product-card__add-to-cart-btn,.product-card__newsletter-btn{display:flex;padding:6px 12px;align-items:flex-start;gap:4px;cursor:pointer;border-radius:8px;border:.4px solid var(--border-primary);background:var(--background-primary);white-space:nowrap;text-transform:capitalize;transition:all .2s ease}.product-card__add-to-cart-btn{color:var(--content-primary);position:relative}.product-card__add-to-cart-btn .btn-text{opacity:1;transition:opacity .2s ease}.product-card__add-to-cart-btn.loading .btn-text{opacity:0}.product-card__add-to-cart-btn .loader{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.product-card__add-to-cart-btn.loading .loader{display:flex!important}.product-card__options-overlay>button:hover{background:var(--background-inverse);color:var(--content-primary-inverse);border-color:var(--border-tertiary);transform:scale(1.1)}.product-card__newsletter-btn{color:var(--content-negative)}@media(min-width:1024px){.card-details{flex-direction:row;gap:8px}.card:hover{transform:scale(.99)}.card:hover .product-card__options-overlay{display:flex;opacity:1}}.card-title,.card-price{color:var(--content-primary)}.card-title.mobile{display:block}.card-title.laptop{display:none}.card-price{white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;transition:grid-template-columns .5s cubic-bezier(1,0,0,1)}@container (min-width: 768px){.card-grid{grid-template-columns:repeat(3,1fr)}.card-title.laptop{display:block}.card-title.mobile{display:none}}@container (min-width: 1200px){.card-grid{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/product-card.css.map */