.product-card{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%}.card-image-wrapper{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--color-background, #f5f5f5);border-radius:8px}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .5s ease}.card-image.secondary-image{opacity:0}.card-image-wrapper:hover .card-image:not(.secondary-image){opacity:0}.card-image-wrapper:hover .card-image.secondary-image{opacity:1;transform:scale(1.05)}.card-image-wrapper:hover .card-image:not(:has(~.secondary-image)){opacity:1;transform:scale(1.05)}.card-tag{position:absolute;top:1rem;left:1rem;background:var(--color-foreground, #000);color:var(--color-background, #fff);padding:.25rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;z-index:10}.card-tag--sold-out{background:#666}.card-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 40%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.card-image-wrapper:hover .card-hover-overlay{opacity:1;pointer-events:none}.card-hover-overlay modal-opener,.card-hover-overlay product-form,.card-hover-overlay .hover-add-to-cart{pointer-events:auto;width:100%}.hover-add-to-cart{width:100%;background:#fff;color:#000;border:none;padding:1rem;font-family:inherit;font-weight:500;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transform:translateY(1rem);transition:all .3s ease}.card-image-wrapper:hover .hover-add-to-cart{transform:translateY(0)}.hover-add-to-cart:hover{background:#000;color:#fff}.card-info{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .25rem 0;align-items:center;text-align:center}.card-brand{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.05em;display:none}.card-title{font-size:1.25rem;font-weight:400;font-family:Garamond,Times New Roman,serif;margin:0;letter-spacing:.02em}.card-title a{text-decoration:none;color:inherit}.card-price{display:flex;justify-content:center;gap:.75rem;align-items:center;font-size:.95rem;font-weight:600}.card-price .price--on-sale .price-item--regular{color:#999;text-decoration:line-through}
/*# sourceMappingURL=/cdn/shop/t/3/assets/belt-card.css.map */