@layer components{:root{--product_image_border_radius: 1rem}.product-card{overflow:hidden}.js-enabled .product-card{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,transition-delay .3s}.js-enabled .product-card.animate-in{opacity:1;transform:translateY(0)}.product-card--link{display:block;width:100%;height:100%;position:relative;overflow:hidden}.product-card__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--product_image_border_radius)}.image--fit-cover{object-fit:cover;height:100%;border-radius:var(--product_image_border_radius);background-color:#e1e1e1;transition:transform .2s ease-in-out;box-shadow:0 2px 4px #0000001a;width:100%}.product-card__image-primary{position:relative;display:block;width:100%;height:100%}.product-card__image-secondary{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease,transform .2s ease-in-out}@media(hover:hover)and (pointer:fine){.image--fit-cover:hover{transform:scale(1.05)}.product-card__image-wrapper:hover .product-card__image-secondary{opacity:1}}.product-card__placeholder{width:100%;height:100%;border-radius:var(--product_image_border_radius);background-color:#e1e1e1}.product-card__soldout{position:absolute;z-index:3;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000008c;font-size:.875rem;font-weight:var(--font-product-card-title-font-weight);letter-spacing:.03em;text-transform:uppercase;line-height:1.2;padding:.75rem}.product-card__soldout--badge{width:auto;height:auto;inset:auto;position:absolute;top:.75rem;left:.75rem;right:auto;bottom:auto;justify-content:center;align-items:center;padding:.35rem .75rem;border-radius:999px;background:#000000bf;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.product-card__soldout--overlay{padding:0}.product-card__action-buttons{position:absolute;top:.75rem;right:.75rem;left:auto;bottom:auto;transform:translate(0);z-index:2;display:none;margin:0;padding:0;list-style:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.product-card__action-item{display:flex}.product-card__call-to-action{position:absolute;right:.75rem;bottom:-1.5rem;left:.75rem;z-index:2;display:none}.product-card__mobile-actions{position:absolute;left:50%;bottom:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;transform:translate(-50%)}.product-card__mobile-action,.product-card__mobile-action form,.product-card__mobile-action .quick-view-button-wrapper,.product-card__mobile-action .wishlist-button-wrapper{display:flex}.product-card__mobile-action-button.button,.product-card__mobile-actions .quick-view-button,.product-card__mobile-actions .wishlist-button{width:2rem;height:2rem;padding:0;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fffffff5;color:#111;box-shadow:0 .375rem 1rem #00000029}.product-card__mobile-actions .quick-view-button,.product-card__mobile-actions .wishlist-button{aspect-ratio:1 / 1}.product-card__mobile-action-button.button:hover,.product-card__mobile-action-button.button:focus-visible,.product-card__mobile-actions .quick-view-button:hover,.product-card__mobile-actions .quick-view-button:focus-visible,.product-card__mobile-actions .wishlist-button:hover,.product-card__mobile-actions .wishlist-button:focus-visible{transform:translateY(-1px)}.product-card__mobile-action-icon,.product-card__mobile-actions .quick-view-button__icon,.product-card__mobile-actions .wishlist-button__icon{width:.875rem;height:.875rem}.product-card__mobile-actions .wishlist-button__icon{width:.8125rem;height:.8125rem}.product-card__call-to-action form,.product-card__call-to-action dialog-trigger,.product-card__cta-button,.product-card__call-to-action .quick-view-button-wrapper,.product-card__call-to-action .quick-view-button{width:100%}.product-card__call-to-action form,.product-card__call-to-action dialog-trigger{display:block;margin:0}.product-card__cta-button,.product-card__call-to-action .add-to-cart-button.product-card__cta-button,.product-card__call-to-action .quick-view-button--text.product-card__cta-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.product-card__cta-button{justify-content:center}.product-card__call-to-action .add-to-cart-button:hover{transform:none}.product-card__details{margin-top:.8rem;padding:0 .8rem}.product-card>dialog-content{display:none}.product-card__title{font-weight:var(--product-card-title-font-weight);line-height:1.2}.product-card__rating{margin-top:.35rem}.product-card__rating .product-rating{display:inline-flex;align-items:center;gap:.35rem}@media screen and (min-width:880px){.product-card__mobile-actions{display:none}.product-card__action-buttons,.product-card__call-to-action{display:flex;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out .1s,transform .2s ease-out .1s,bottom .2s ease-out .1s}.product-card__action-buttons{top:1rem;right:.5rem;transform:translate(.25rem)}.product-card__call-to-action{display:block;right:1rem;bottom:1rem;left:1rem;transform:translateY(calc(100% + .75rem))}.product-card__image-wrapper:hover .product-card__action-buttons,.product-card__image-wrapper:has(:focus-visible) .product-card__action-buttons,.product-card__image-wrapper:hover .product-card__call-to-action,.product-card__image-wrapper:has(:focus-visible) .product-card__call-to-action{opacity:1;pointer-events:auto}.product-card__image-wrapper:hover .product-card__action-buttons,.product-card__image-wrapper:has(:focus-visible) .product-card__action-buttons{transform:translate(.25rem)}.product-card__image-wrapper:hover .product-card__call-to-action,.product-card__image-wrapper:has(:focus-visible) .product-card__call-to-action{transform:translateY(0)}.product-card__image-wrapper:has([data-add-to-cart-submit][aria-disabled=true]) .product-card__call-to-action{opacity:1;pointer-events:auto;transform:translateY(0)}.product-card--client-template .product-card__image-wrapper:hover .product-card__call-to-action,.product-card--client-template .product-card__image-wrapper:has(:focus-visible) .product-card__call-to-action{transform:translateY(0)}}button{transform:scale(1)!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/snippet-product-card-styles.css.map */
