/* Kaynak: temalar/efsaneweb/urunler.php — otomatik ayıklandı */

/* 1. HOVER SORUNUNU DÜZELTEN CSS (Öncelik verdik) */
.card-product .card-product-wrapper:hover .product-img .img-product {
    opacity: 1 !important; /* Resmin yok olmasını engeller */
}
.img-hover {
    display: none !important; /* İkinci bir resim yoksa hover resmini iptal eder */
}

/* 2. MOBİL 2'Lİ SIRA DÜZENİ */
@media (max-width: 767px) {
    #gridLayout.tf-grid-layout {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 0 10px;
    }
    .card-product-info .title { font-size: 14px !important; }
    .card-product-info .price { font-size: 13px !important; font-weight: 700; }
    .on-sale-wrap { left: 5px; top: 5px; scale: 0.8; }
}

/* 3. GENEL TASARIM */
.img-product {
    aspect-ratio: 3/4;
    object-fit: cover;
    width: 100%;
    transition: transform 0.3s ease;
}
.card-product-wrapper:hover .img-product {
    transform: scale(1.05); /* Yok olmak yerine hafifçe büyüsün (isteğe bağlı) */
}