/* Ürün kartı: Hızlı Gözat + Hemen Al buton arka planı */

.product-item .list-action .ws-ec-quickview-btn,
.product-item .list-action .ws-ec-quickshop-btn {
    background-color: rgba(255, 255, 255, 0.45);
}

.product-item .list-action .ws-ec-quickview-btn:hover,
.product-item .list-action .ws-ec-quickshop-btn:hover {
    background-color: var(--black, #1f1f1f);
}

/* Fiyat bloğu link — underline / mavi renk yok */
.product-item a.product-price-block {
    color: inherit;
    text-decoration: none;
}

.product-item a.product-price-block:hover {
    color: inherit;
    text-decoration: none;
}

/* Kategori adı — ürün adının üstünde */
.product-item .product-category {
    display: block;
    margin-bottom: 0.25rem;
    line-height: 1.35;
    text-transform: capitalize;
    transition: opacity .3s ease, visibility .3s ease;
}

/* Yorum yıldızları — ürün adı altında; sayı olsa da yükseklik sabit */
.product-item .product-rate {
    min-height: 1.25rem;
    transition: opacity .3s ease, visibility .3s ease;
}

.product-item .product-rate .rate {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    height: 1.25rem;
}

.product-item .product-rate .ph-star {
    line-height: 1;
    font-size: 0.875rem;
}

.product-item .product-rate__count {
    font-size: 0.75rem;
    line-height: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
}

.product-item .product-category:hover {
    color: var(--black, #1f1f1f);
}

.product-item.list-type .product-category {
    margin-bottom: 0.375rem;
}

@media (min-width: 1024px) {
    /*
     * Hover + renk swatch: kategori/isim/yıldız sadece soluklaşır (yükseklik korunur),
     * swatch görünür, fiyat alta kayar. max-height:0 kullanma — kart kısalıp “çekme” yapar.
     */
    .product-item.has-card-colors:hover .product-category,
    .product-item.has-card-colors:hover .product-rate {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    /* Renk yokken tema ismi gizler; yıldız görünür kalsın */
    .product-item.grid-type:not(.has-card-colors):hover .product-main .product-infor .product-rate {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* İndirim rozeti: hover’da fiyatla birlikte kayar (görünür kalır).
     * Link + iç wrapper’a birlikte translate verme — iç içe transform boşluk yaratır. */
    .product-item.grid-type.has-card-colors .product-main .product-infor > .ec-discount-price-badges,
    .product-item.grid-type.has-card-colors .product-main .product-infor > .ec-discount-price-badges-link {
        position: relative;
        z-index: 1;
        transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    }

    .product-item.grid-type.has-card-colors:hover .product-main .product-infor > .ec-discount-price-badges,
    .product-item.grid-type.has-card-colors:hover .product-main .product-infor > .ec-discount-price-badges-link {
        transform: translateY(var(--ws-card-price-shift, 12px));
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* İç rozet: dış link zaten kayıyor; margin-top (fiyat–duyuru boşluğu) korunur */
    .product-item.grid-type.has-card-colors:hover .product-main .product-infor .ec-discount-price-badges-link .ec-discount-price-badges {
        transform: none;
    }
}

/* Sepette indirim geri sayımı — görsel altı */
.product-item .product-thumb .countdown-time-block {
    background: rgba(255, 255, 255, 0.43);
}

.product-item .product-thumb .countdown-time-block.ws-offer-countdown {
    z-index: 1;
    pointer-events: none;
}

.product-item.grid-type:hover .product-thumb .countdown-time-block.ws-offer-countdown {
    z-index: 0;
}

.product-item .product-thumb .list-action {
    z-index: 2;
}

.product-item .ws-offer-countdown-card {
    color: #ef4444;
    letter-spacing: 0.02em;
}