﻿
.product-card {
    height: 100%;
    border: 1px solid #e9ecef;
    border-radius: .75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    transition: transform .15s ease, box-shadow .15s ease;
    background: #fff;
}

    .product-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,.08);
    }

    .product-card .thumb {
        aspect-ratio: 1/1; /* kare */
        background: #f8f9fa;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #f1f3f5;
        border-top-left-radius: .75rem;
        border-top-right-radius: .75rem;
        overflow: hidden;
    }

/* Normal ürün resimleri */
.product-card .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
    transition: transform 0.25s ease, filter 0.25s ease;
}

/* Hover efekti: resim biraz büyür ve parlaklaşır */
.product-card:hover .thumb img {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* 🟢 Default (logosaskom.png) resmi için özel görünüm */
.product-card .thumb img[src$="logosaskom.png"] {
    background: radial-gradient(circle at center, #ffffff 0%, #e9fdf3 60%, #00D084 100%);
    border: 2px solid #00D08433;
    border-radius: 20px;
    padding: 15px;
    box-shadow: 0 4px 10px rgba(0, 208, 132, 0.25);
    animation: floatLogo 3s ease-in-out infinite;
}
    .product-card .title {
        font-size: .95rem;
        font-weight: 600;
        color: #454446;
        min-height: 2.6em; /* iki satır yer */
        display: -webkit-box;
        -webkit-line-clamp: 2; /* iki satırla sınırla */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

/* Hafif nefes alan animasyon efekti */
@keyframes floatLogo {
    0%, 100% {
        transform: scale(1) translateY(0);
    }

    50% {
        transform: scale(1.05) translateY(-3px);
    }
}
