.header-nav-wrapper {
    background: #EBEBEB !important;
}

.content_footer_bottom {
    background-color: #000000 !important;
}

#search .search_button {
    background-color: #F8F8F8 !important;
    color: #0d0c0c !important;
    border: #000000 !important;
    height: 50px;
}

#form-language .btn, #form-currency .btn {
    color: #000000 !important;
}

#form-currency .btn-link:hover, #form-currency .btn-link:focus {
    color: #CBB28B !important;
}

.search .advance-search .form-control {
    -webkit-border-radius: 0px 0 0 0px !important;
}


.btn-danger:hover {
    background-color: #CBB28B !important;
    color: #ffffff !important;
}

.btn-danger {
    background: #000000 !important;
    color: #ffffff !important;
}

.btn-primary {
    background: #000000 !important;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #CBB28B !important;
    color: #ffffff !important;
}

#cart .text-right .checkout {
    background: #000000 !important;
    color: #ffffff;
}

#cart .text-right .checkout:hover {
    background-color: #CBB28B !important;
    color: #ffffff !important;
}

#cart .text-right .addtocart {
    background: #000000 !important;
    color: #ffffff;
}

#cart .text-right .addtocart:hover {
    background-color: #CBB28B !important;
    color: #ffffff !important;
}

/* Arama çubuğu pozisyonlama düzeltmesi */
.search.dropdown {
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    margin: 0 auto !important; /* Yatayda ortala */
    transition: all 0.3s ease !important;
}

/* Üst kapsayıcıyı stabilize et ve ortala */
.content_headercms_top {
    text-align: center !important;
   /* overflow: hidden !important;  Aşağı kaymayı önlemek için */
    display: block !important; /* Flex yerine block, daha stabil */
}

/* Geniş ekran için özel ayar (1500px ve üstü) */
@media (min-width: 1500px) {
    .search.dropdown {
        text-align: center !important;
        width: 673px !important; /* Orijinal genişlik */
    }
    #search .input-lg {
        width: 372px !important; /* Orijinal input genişliği */
    }
}

/* 1300px ile 1499px arasında özel ayar (arama çubuğunu ortala ve kaymayı önle) */
@media (min-width: 1300px) and (max-width: 1499px) {
    .content_headercms_top .search {
        width: 623px !important;
        text-align: center !important;
        display: block !important;
        margin: 0 auto !important; /* Tam ortalı */
    }
    #search .input-lg {
        width: 322px !important;
    }
    .content_headercms_top {
        /*overflow: hidden !important;  Aşağı kaymayı önle */
        padding: 0 !important; /* Gereksiz boşlukları kaldır */
    }
}

/* 1299px ve altı için mevcut ayarlar */
@media (max-width: 1299px) {
    .content_headercms_top .search {
        width: 573px !important;
        text-align: center !important;
    }
    #search .input-lg {
        width: 272px !important;
    }
}

@media (max-width: 979px) {
    .content_headercms_top .search {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
}

@media (max-width: 480px) {
    .search {
        width: 100% !important;
        float: none !important;
        display: block !important;
        text-align: center !important;
    }
    #search {
        width: 100% !important;
        border: 1px solid #EDEDED !important;
        border-radius: 30px !important;
    }
    #search .input-lg {
        width: 100% !important;
        padding: 12px 100px 12px 25px !important;
        border: none !important;
    }
    .search .advance-search {
        width: 100% !important;
        float: none !important;
    }
    .search .advance-search .form-control {
        border: 1px solid #EDEDED !important;
        border-radius: 30px !important;
        padding: 13px 20px !important;
        width: 100% !important;
    }
}

/* Logo için temel stil ve küçülme */
.header-logo {
    width: auto !important;
    max-width: 100% !important; /* Kapsayıcıya uyum */
    transition: width 0.3s ease !important; /* Pürüzsüz küçülme */
}

/* Logo resmini de küçült */
.header-logo img {
    max-width: 100% !important;
    height: auto !important;
    transition: max-width 0.3s ease !important;
}

/* 900px'den aşağıda orantılı küçülme */
@media (max-width: 900px) {
    .header-logo {
        width: 5vw !important; /* Ekran genişliğinin %15'i */
        max-width: 150px !important; /* Maksimum genişlik sınırı */
    }
    .header-logo img {
        width: 15vw !important;
        max-width: 150px !important;
    }
}

/* 500px'den sonra gizleme */
@media (max-width: 786px) {
    .header-logo {
        display: none !important; /* 500px ve altında gizle */
    }
}