.product-card .product-image,
.detail-card .detail-image {
    position: relative;
}

.sale-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    background: #ed2939;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    clip-path: polygon(50% 0%, 59% 8%, 71% 3%, 76% 15%, 89% 15%, 89% 28%, 100% 35%, 94% 47%, 100% 59%, 88% 66%, 88% 79%, 75% 79%, 69% 93%, 57% 88%, 50% 100%, 41% 90%, 29% 96%, 24% 83%, 11% 84%, 11% 70%, 0% 64%, 6% 51%, 0% 40%, 12% 33%, 11% 19%, 25% 19%, 31% 5%, 43% 10%);
}

.product-card .price.is-sale,
.detail-card .detail-price.is-sale {
    color: #e31e2f;
}

.detail-card .sale-badge {
    width: 48px;
    height: 48px;
    font-size: 14px;
}

.product-card .product-image {
    overflow: hidden;
}

.product-card .product-image img {
    transition: transform 220ms ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .product-card .product-image:hover img {
        transform: scale(1.08);
    }
}