/* ==========================================================================
   PRODUCT CARD SIZE OVERRIDE
   Daha büyük ürün kartları — tüm temalarda geçerli
   ========================================================================== */

/* ── ANASAYFA: 5 sütun → 4 sütun (masaüstü) ── */
@media (min-width: 992px) {
    .col-mds-5 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* ── KATEGORİ / ÜRÜN LİSTESİ: sidebar yanında 3 sütun → 3 sütun (tam genişlik) ── */
@media (min-width: 992px) {

    /* Sidebar biraz dar */
    .col-sidebar-products {
        -ms-flex: 0 0 22% !important;
        flex: 0 0 22% !important;
        max-width: 22% !important;
    }

    /* Content biraz geniş */
    .col-content-products {
        -ms-flex: 0 0 78% !important;
        flex: 0 0 78% !important;
        max-width: 78% !important;
    }

    /* Kartlar: 4 sütun → 3 sütun (daha büyük kartlar) */
    .product-list-content .col-lg-3.col-product {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}

@media (min-width: 1400px) {

    /* Büyük ekranlarda 4 sütun */
    .product-list-content .col-lg-3.col-product {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* ── Görsel oranı: daha uzun kart ── */
.ratio-product-box {
    --bs-aspect-ratio: 120% !important;
}

/* ── Ürün detay bilgileri daha rahat ── */
.product-item .item-details {
    padding: 14px 14px 16px;
}

.product-item .item-details .product-title {
    font-size: 0.9375rem;
    line-height: 1.4;
    margin-bottom: 4px;
}

.product-item .item-meta .price {
    font-size: 18px;
}

/* ── LOGO BOYUTLANDIRMA ── */
.logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 15px;
}

.logo a {
    display: flex;
    align-items: center;
}

.logo img {
    width: auto !important;
    height: 52px !important;
    max-height: 52px;
    object-fit: contain;
}

/* Mobil logo */
.mobile-logo img {
    width: auto !important;
    height: 42px !important;
    max-height: 42px;
    object-fit: contain;
}