.product-card {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    transition: transform .2s ease;
    height: 100%;
}

    .product-card:hover {
        transform: translateY(-3px);
    }

.product-img {
    width: 100%;
    height: 260px; /* PC ekranında sabit oran */
    object-fit: cover;
    border-radius: 8px;
}

@media (max-width: 768px) {
    .product-img {
        height: 200px; /* Telefon ekranı için daha alçak */
    }
}


.product-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #222;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* max 2 satır */
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.5em; /* tüm başlık alanlarının yüksekliği aynı olsun */
 
}

    .product-title:hover {
        color: #00D084;
    }