.product-card{height:100%}.product-card--center{text-align:center}.product-card--center .product-card__swatches,.product-card--center .rating{justify-content:center}.product-card__media-wrap{position:relative;margin-bottom:var(--space-12)}.product-card__media{width:100%}.product-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.product-card:hover .product-card__image--secondary{opacity:1}.product-card__video-wrap{display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.product-card:hover .product-card__video-wrap{opacity:1}.product-card__video{width:100%;height:100%;object-fit:cover}@media(hover:none){.product-card__video-wrap{display:none}}.product-card:hover .product-card__image--primary:not(:only-child){opacity:0}.product-card__info{display:flex;flex-direction:column;gap:var(--space-4)}.product-card__vendor{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.6}.product-card__title{font-size:var(--font-size-sm);text-decoration:none}.product-card__title:hover{opacity:1;text-decoration:underline;text-underline-offset:.2em}.product-card__badges{position:absolute;display:flex;flex-direction:column;gap:var(--space-4);z-index:calc(var(--z-base) + 1);pointer-events:none}.product-card__badges--top-left{top:var(--space-8);inset-inline-start:var(--space-8)}.product-card__badges--top-right{top:var(--space-8);inset-inline-end:var(--space-8)}.product-card__badges--bottom-left{bottom:var(--space-8);inset-inline-start:var(--space-8)}.product-card__badges--bottom-right{bottom:var(--space-8);inset-inline-end:var(--space-8)}.product-card__badges:empty{display:none}.product-card__swatches{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-4) 0 0;padding:0;list-style:none}.product-card__swatch{display:block;width:20px;height:20px;border:1px solid rgb(var(--color-border));border-radius:50%;background-color:var(--swatch-color, transparent);background-image:var(--swatch-image, none);background-size:cover;background-position:center;transition:transform var(--duration-short) var(--ease-out)}.product-card__swatch:hover{opacity:1;transform:scale(1.15)}.product-card__swatch-more{font-size:var(--font-size-xs);opacity:.6}.product-card__swatch.is-selected{outline:2px solid rgb(var(--color-text));outline-offset:2px}.product-card__swatch.is-unavailable{opacity:.35}.product-card__swatches--interactive{cursor:pointer}.product-card__actions{margin-top:var(--space-8)}.product-card__actions--buttons{display:flex;flex-direction:column;gap:var(--space-8)}.product-card__actions--icon{position:absolute;bottom:var(--space-8);inset-inline-end:var(--space-8);margin:0;display:flex;align-items:center;flex-wrap:wrap-reverse;justify-content:flex-end;gap:var(--space-4);max-width:calc(100% - var(--space-16))}.quick-add__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-text));box-shadow:0 2px 10px rgb(var(--color-shadow) / .15);text-decoration:none;transition:transform var(--duration-short) var(--ease-out)}.quick-add__icon:hover{opacity:1;transform:scale(1.08)}.quick-add__icon-check{color:#16a34a;animation:fusion-pop .4s var(--ease-out)}@media(hover:hover){.product-card__actions--icon{opacity:0;transform:translateY(6px);transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out)}.product-card:hover .product-card__actions--icon,.product-card:focus-within .product-card__actions--icon{opacity:1;transform:none}}@media screen and (max-width:749px){.product-card__actions--icon{opacity:1;transform:none}}.rating{display:flex;align-items:center;gap:var(--space-4)}.rating__stars{display:inline-flex;gap:1px}.rating__star{opacity:.3}.rating__star.is-filled{opacity:1}.rating__count{font-size:var(--font-size-xs);opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/182/assets/component-product-card.css.map */