.card-wrapper.product-card-wrapper{position:relative}.card-wrapper.product-card-wrapper .card{border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card-wrapper.product-card-wrapper:hover .card{transform:translateY(-4px);box-shadow:0 8px 25px #1270591f}.card__media{position:relative;overflow:hidden;border-radius:12px 12px 0 0}.card__wishlist{position:absolute;top:10px;right:10px;z-index:5;opacity:0;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease}.card-wrapper:hover .card__wishlist,.card:hover .card__wishlist{opacity:1;transform:translateY(0)}@media (hover: none){.card__wishlist{opacity:1;transform:translateY(0)}}.card__wishlist .skc-wishlist-btn{width:36px;height:36px;background-color:#fffffff2;box-shadow:0 2px 8px #0000001a}.card__wishlist .skc-wishlist-btn svg{width:18px;height:18px}.card__wishlist .skc-wishlist-btn svg path{stroke:var(--color-accent, #D4AF37);stroke-width:2;fill:none}.card__wishlist .skc-wishlist-btn.is-active svg path{fill:var(--color-accent, #D4AF37)}.card__media .media img{transition:transform .5s ease}.card-wrapper:hover .card__media .media img:first-child{transform:scale(1.05)}.card__media .media img:nth-child(2){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.card-wrapper:hover .card__media .media img:nth-child(2){opacity:1}.card__badge .badge{background-color:var(--color-accent, #D4AF37)!important;color:#3d2914!important;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.card__badge .badge--bottom-left{position:absolute;bottom:10px;left:10px}.badge.color-inverse{background-color:#666!important}.card__content{padding:15px}.card__heading{font-family:var(--font-heading, "Noto Serif Display", serif);font-size:1rem;font-weight:500;line-height:1.4;margin-bottom:8px}.card__heading a{color:var(--color-foreground, #1A1918);text-decoration:none;transition:color .2s ease}.card__heading a:hover{color:var(--color-primary, #127059)}.card-information .price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-information .price .price-item--regular,.card-information .price .price-item--sale{font-size:1.1rem;font-weight:600;color:var(--color-accent, #D4AF37)}.card-information .price s.price-item--regular{font-size:.9rem;font-weight:400;color:#999;text-decoration:line-through}.card .quick-add__submit{background-color:var(--color-primary, #127059)!important;color:#fff!important;border:none!important;border-radius:8px;font-weight:600;padding:12px 20px;transition:all .3s ease}.card .quick-add__submit:hover{background-color:var(--color-primary-dark, #0D5342)!important;transform:translateY(-2px);box-shadow:0 4px 12px #12705933}.card-information .rating{display:flex;align-items:center;gap:4px;margin-bottom:8px}.card-information .rating-star{--percent: calc((var(--rating) + var(--rating-decimal, 0)) / var(--rating-max) * 100%);display:inline-block;font-size:14px;line-height:1;background:linear-gradient(90deg,var(--color-accent, #D4AF37) var(--percent),#ddd var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-information .rating-star:before{content:"\2605\2605\2605\2605\2605";letter-spacing:2px}.card-information .rating-text,.card-information .rating-count{font-size:12px;color:#666}.card-information .caption-with-letter-spacing{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:4px}.card__skin-type{display:inline-block;padding:3px 8px;background-color:#1270591a;color:var(--color-primary, #127059);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-top:8px}@media screen and (max-width: 749px){.card__wishlist .skc-wishlist-btn{width:32px;height:32px}.card__wishlist .skc-wishlist-btn svg{width:16px;height:16px}.card__heading{font-size:.9rem}.card-information .price .price-item--regular,.card-information .price .price-item--sale{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/skinclarity-product-card.css.map */