/* Mevcut kodlarının en altına ekle Halil */

/* Mobil Responsive İnce Ayarlar */
@media (max-width: 768px) {
    /* Navbar ve Logo Ayarı */
    .navbar-brand img {
        height: 70px !important; /* 45px çok küçüktü, 70px yaptık karizması gelsin */
        width: auto !important;
        max-width: 200px !important; /* Logonu genişliğine göre burayı oynatabilirsin */
    }
    
    .navbar-brand {
        font-size: 1.4rem !important; /* Eğer logo yoksa yazı da biraz daha diri dursun */
    }

    /* Ürün Kartı İçindeki Yazılar */
    .premium-card .p-3 {
        padding: 10px !important; /* İç boşluğu mobilde daraltalım */
    }

    .premium-card h6 {
        font-size: 0.85rem !important; /* Ürün ismi mobilde sığsın */
        line-height: 1.2;
        min-height: 32px; /* İsimler 2 satırsa kaymasın */
    }

    .premium-card .small {
        font-size: 0.75rem !important; /* Hafıza ve Pil yazısı */
    }

    .premium-card .h5 {
        font-size: 1rem !important; /* Fiyat mobilde çok dev durmasın */
    }

    .premium-card .btn-sm {
        padding: 4px 10px !important; /* WhatsApp butonu küçülsün */
        font-size: 0.75rem !important;
    }

    /* Ürün Detay Sayfası Optimizasyonu */
    .display-5 {
        font-size: 1.8rem !important; /* Detayda ürün başlığı */
        text-align: center;
    }
    
    .h3.text-primary {
        text-align: center; /* Fiyat ortalansın */
        font-size: 1.5rem !important;
    }

    .spec-item {
        padding: 8px !important; /* Özellik kutucukları */
    }

    .spec-item .fw-bold {
        font-size: 0.8rem !important;
    }

    /* Detay sayfasındaki WP ve Arama butonları yanyana sığmayabilir, alt alta tam genişlik yapalım */
    .d-grid.gap-3 {
        padding: 0 10px;
    }
}

/* Koyu Mod İçin Ekstra Netlik */
body.dark-mode .text-muted {
    color: #94a3b8 !important; /* Koyu modda gri yazılar daha okunur olsun */
}

body.dark-mode .bg-white {
    background-color: var(--card-bg) !important;
    color: var(--text-color);
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Sayfanın boyunu en az ekran kadar yapar */
    margin: 0;
}

footer {
    margin-top: auto; /* Üstteki içerik az olsa bile footer'ı en alta iter */
}