.product-card{position:relative;transition:transform .3s ease}.product-card:hover .product-card__cart-button{opacity:1;pointer-events:auto}.product-card__media .media-wrapper{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background-color:rgb(var(--color-secondary-background));overflow:hidden}.media-wrapper>.product-card__hover-image{height:100%;width:100%;object-fit:cover;object-position:center;transition:opacity .3s ease}.product-card:hover .product-card__hover-image{opacity:1}.product-card__categories{margin:12px 0}.product-card__category{display:inline-block;border:1px solid rgb(var(--color-foreground));border-radius:8px;padding:4px 8px;margin:2px 0}.product-card__price{margin-bottom:16px}.product-card .product-card__colors{display:flex;align-items:center;gap:0}.product-card .product-card__colors .variant-option{position:relative;display:inline-block;margin:0 8px 0 0;width:20px;height:20px;border-radius:50px;transition:all .3s ease}.product-card .product-card__colors .variant-option.color-swatch--navy-steel{background:linear-gradient(0deg,#aeb2b5 0% 50%,#424854 51% 100%)}.product-card .product-card__colors .variant-option.color-swatch--navy{background-color:#424854}.product-card .product-card__colors .variant-option.color-swatch--navy.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--navy:hover,.product-card .product-card__colors .variant-option.color-swatch--navy-steel.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--navy-steel:hover{border:2px solid #424854}.product-card .product-card__colors .variant-option.color-swatch--khaki-steel{background:linear-gradient(0deg,#aeb2b5 0% 50%,#525a4f 51% 100%)}.product-card .product-card__colors .variant-option.color-swatch--khaki{background-color:#525a4f}.product-card .product-card__colors .variant-option.color-swatch--khaki.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--khaki:hover,.product-card .product-card__colors .variant-option.color-swatch--khaki-steel.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--khaki-steel:hover{border:2px solid #525a4f}.product-card .product-card__colors .variant-option.color-swatch--rose{background-color:#6c5a5a}.product-card .product-card__colors .variant-option.color-swatch--rose.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--rose:hover{border:2px solid #6c5a5a}.product-card .product-card__colors .variant-option.color-swatch--sand{background-color:#bcaba1}.product-card .product-card__colors .variant-option.color-swatch--sand.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--sand:hover{border:2px solid #bcaba1}.product-card .product-card__colors .variant-option.color-swatch--stellar-steel{background-color:#aeb2b5}.product-card .product-card__colors .variant-option.color-swatch--stellar-steel.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--stellar-steel:hover{border:2px solid #AEB2B5}.product-card .product-card__colors .variant-option.color-swatch--warm-blush{background-color:#e7b2a4}.product-card .product-card__colors .variant-option.color-swatch--warm-blush.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--warm-blush:hover{border:2px solid #e7b2a4}.product-card .product-card__colors .variant-option.color-swatch--smokey-black{background-color:#39373b}.product-card .product-card__colors .variant-option.color-swatch--smokey-black.variant-option--current,.product-card .product-card__colors .variant-option.color-swatch--smokey-black:hover{border:2px solid #39373B}.product-card .product-card__colors .variant-option:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";display:block;border-radius:50px;border:1px solid white;opacity:0;transition:all .3s ease}.product-card .product-card__colors .variant-option.variant-option--current,.product-card .product-card__colors .variant-option:hover{width:28px;height:28px;margin:0 6px 0 -2px}.product-card .product-card__colors .variant-option.variant-option--current:before,.product-card .product-card__colors .variant-option:hover:before{opacity:1}.product-card__tags{position:absolute;top:20px;left:20px;z-index:10}.product-card__tag{color:rgb(var(--color-foreground));background-color:rgb(var(--color-secondary-button));padding:2px 8px;border-radius:8px;margin:0 4px 0 0;font-weight:600}.product-card__discount{position:absolute;top:20px;right:20px;z-index:10}.product-card__cart-button{position:absolute;right:16px;bottom:16px;background-color:rgb(var(--color-foreground));border:none;border-radius:50px;padding:12px;transition:all .3s ease;opacity:0;cursor:pointer;z-index:50;pointer-events:none}.product-card__cart-button span{height:20px;width:20px;color:rgb(var(--color-background))}@keyframes checkmark{0%{transform:scale(0)}15%{transform:scale(1.2)}20%{transform:scale(1)}50%{transform:scale(1)}80%{transform:scale(1)}85%{transform:scale(1.2)}to{transform:scale(0)}}.product-card__cart-button.added svg{animation:checkmark 2s ease-in-out forwards}.media-wrapper:hover .product-card__cart-button{opacity:1;pointer-events:auto}@media screen and (max-width: 768px){.product-card__media .media-wrapper{aspect-ratio:1/1}.product-card .product-card__tags{top:8px;left:8px;gap:2px}.product-card .product-card__tags .f-badge{font-size:.6em}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-card.css.map */