/* --- TEMEL AYARLAR --- */
body {
    font-family: 'Open Sans', sans-serif;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

/* --- HEADER GENEL --- */
header {
    background-color: #fff; 
    border-bottom: 1px solid #eee;
}

/* Gereksizleri Gizle */
header .col-sm-3, #cart-total, #cart {
    display: none !important;
}

/* PC: Üst Resim ve Yazı Alanını Kapsa */
header .col-sm-4 {
    width: 100% !important; /* PC'de tüm satırı kapla */
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
}

#logo img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
    padding-top: 40px !important;
    padding-bottom: 20px !important;
}

/* PC: 2'li Yazı Bloğu */
#dynamic-promo-container {
    width: 100% !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    clear: both;
}

#dynamic-promo-container .promo-item {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #333 !important;
    margin: 0 15px !important; /* Yan yana dururken aralarında boşluk olsun */
}

/* PC: Arama Çubuğu */
header .col-sm-5 {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

#search {
    display: inline-block !important;
    width: 500px !important; /* PC'de çok yayılmasın */
}

/* --- MOBİL (TELEFON) ÖZEL AYARLARI --- */
@media (max-width: 768px) {
    header .container {
        width: 100% !important;
        padding: 0 !important;
    }

    /* Resim Sıfıra Sıfır */
    #logo img {
        width: 90% !important;
        padding-top: 0 !important;
        padding-bottom: 10px !important;
    }

    /* 2'li Yazıyı Ortala ve Büyüt */
    #dynamic-promo-container {
        margin-top: 10px !important; /* Resimle arayı çok hafif açtık */
        padding: 0 10px !important;
    }

    #dynamic-promo-container .promo-item {
        font-size: 22px !important; /* İstediğiniz gibi büyük */
        display: block !important; /* Mobilde alt alta daha şık durur */
        text-align: center !important; /* Tam ortala */
        margin-bottom: 15px !important; /* İki yazı arası boşluk */
    }

    #search {
        width: 90% !important;
    }
}

/* --- DİĞER STANDARTLAR --- */
#top { background-color: #EEEEEE; border-bottom: 1px solid #e2e2e2; padding: 4px 0 3px; min-height: 40px; }
.nav-tabs { margin-bottom: 15px; }


/* --- FOOTER (ALT KISIM) TAM ORTALAMA AYARLARI --- */
footer {
    text-align: center !important;
    background-color: #f8f8f8; /* İsteğe bağlı arka plan rengi */
    padding-top: 30px;
    border-top: 1px solid #eee;
}

/* Footer içindeki her bir sütunu ortala */
footer .col-sm-3 {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
    text-align: center !important;
    margin-bottom: 30px;
    width: 24% !important; /* PC'de yan yana 4 sütun */
}

/* Footer başlıklarını (Bilgiler, Ekstralar vb.) ortala */
footer h5 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

/* Liste elemanlarını (linkleri) ortala ve işaretleri kaldır */
footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

footer ul li {
    margin-bottom: 8px;
}

/* MOBİL (TELEFON) İÇİN FOOTER DÜZENİ */
@media (max-width: 768px) {
    footer .col-sm-3 {
        width: 100% !important; /* Mobilde her başlık tüm satırı kaplar ve alt alta gelir */
        display: block !important;
        margin-bottom: 25px;
    }
    
    footer .container {
        padding: 0 20px !important;
    }
}

/* ================================================================= */
/* ❌ İNATÇI BÜYÜK WHATSAPP ALANINI KÖKTEN KÖR EDEN KOD             */
/* ================================================================= */
.whatsapp-float,
#whatsapp-float,
.whatsapp-icon,
._af-3, 
._9sca, 
._akgv, 
._2ywk, 
._2yz0, 
._ava_,
iframe[src*="whatsapp"],
div[class*="whatsapp"],
a[href*="whatsapp"],
a[href*="whatsapp_go"] { 
    display: none !important; 
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}