.product-card{position:relative;display:flex;flex-direction:column}.product-card__media{position:relative;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-surface);aspect-ratio:var(--card-aspect, 3/4)}.product-card__media-link{display:none}@supports not (aspect-ratio: 1){.product-card__media:before{content:"";display:block;padding-top:var(--card-aspect-ratio, 133.33%)}}.product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-base) var(--easing-default)}.product-card__image--alt{opacity:0}@media(hover:hover){.product-card:hover .product-card__image--alt{opacity:1}.product-card:hover .product-card__image:not(.product-card__image--alt){opacity:0}}.product-card__badges{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);z-index:1}.product-card__quick-add-btn{position:absolute;bottom:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;aspect-ratio:1;box-sizing:border-box;flex-shrink:0;background:#00000073;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;color:#fff;transition:color .18s,transform .18s var(--ease-spring, cubic-bezier(.34,1.56,.64,1)),background .18s;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.product-card__quick-add-btn:hover{transform:scale(1.1);background:#000000a6;border-color:#ffffff4d;color:var(--color-primary, #E2001A)}.product-card__info{padding-block-start:var(--space-sm);display:flex;flex-direction:column;gap:2px}.product-card__vendor{font-size:.75rem;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em}.product-card__title{font-family:var(--font-body);font-size:.875rem;font-weight:500;line-height:1.4;color:var(--color-text)}.product-card__title a{text-decoration:none}.product-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-card__price{font-size:.875rem}.product-card--featured{padding:var(--space-md)}.product-card--featured .product-card__title{font-size:1rem;font-weight:600}.product-card--compact .product-card__info{padding-block-start:var(--space-xs)}.product-card--compact .product-card__vendor{display:none}.product-card--horizontal{flex-direction:row;gap:var(--space-md)}.product-card--horizontal .product-card__media{width:80px;min-width:80px}.product-card--horizontal .product-card__media:before{padding-top:100%}.product-card--horizontal .product-card__info{padding-block-start:0;justify-content:center}.product-card--loading .product-card__media{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-bg) 50%,var(--color-surface) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.collection-card{position:relative;display:block;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-surface)}.collection-card__image{width:100%;height:100%;object-fit:cover}.collection-card .collection-card__image{will-change:transform;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .3s ease}.collection-card:hover .collection-card__image{transform:scale(1.05)}.collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg);background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.collection-card__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:#fff}.collection-card--minimal .collection-card__overlay{position:static;background:none;padding:var(--space-sm) 0}.collection-card--minimal .collection-card__title{color:var(--color-text);font-size:1rem}.collection-card--split{display:flex;flex-direction:row}.collection-card--split .collection-card__image{width:50%}.collection-card--split .collection-card__overlay{position:static;width:50%;background:var(--color-surface);justify-content:center}.collection-card--split .collection-card__title{color:var(--color-text)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */