.product-card{scroll-snap-align:start;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.25rem;display:grid;position:relative}.product-card__figure{position:relative}.product-card__figure>.badge-list{z-index:1;position:absolute;inset-block-start:.25rem;inset-inline-start:.25rem}.product-card__media{isolation:isolate;display:block}.product-card__image{object-fit:contain;object-position:center;margin-inline:auto;transition:opacity .1s ease-in-out}.product-card__image--secondary{width:100%;height:100%;display:none;position:absolute;inset-block-start:0;inset-inline-start:0}.product-card__quick-add-button{background:rgb(var(--circle-button-background));color:rgb(var(--circle-button-text-color));z-index:1;padding:.625rem;position:absolute;inset-block-end:.5rem;inset-inline-end:.5rem}@media screen and (pointer:fine){.product-card__quick-add-button{opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translateY(5px)}.product-card__quick-add-button :is(svg){transition:transform .2s ease-in-out}.product-card__quick-add-button:hover svg{transform:rotate(90deg)}.product-card:hover .product-card__quick-add-button{opacity:1;transform:translateY(0)}}.product-card__info{text-align:center;align-content:start;justify-items:center;gap:.75rem;display:grid}.product-card__info :is(.price-list,.rating-badge){justify-content:center}.product-card__info .color-swatch{--swatch-size: 1.375rem}@media screen and (pointer:fine){.product-card__image--secondary{opacity:0;mix-blend-mode:plus-lighter;display:block}.product-card__figure:has(.product-card__image--secondary):hover>.product-card__media .product-card__image--primary{opacity:0}.product-card__figure:has(.product-card__image--secondary):hover>.product-card__media .product-card__image--secondary{opacity:1}}@media screen and (min-width:700px){.product-card__figure>.badge-list{inset-block-start:.5rem;inset-inline-start:.5rem}}.collection .product-list[collection-desktop-layout=compact] .product-card__info{display:none}@media screen and (max-width:699px){.complementary-products__product-list--carousel .product-card__figure{max-width:11.25rem;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-product-card.css.map */