/* ================================================================
   BEVITTON — SİYAH / BEYAZ TEMA OVERRIDE
   Header, footer ve tüm frontend sayfaları
   ================================================================ */

@font-face { font-display: swap; }

:root {
    --green: #111111;
    --success: #111111;
    /* Bevitton — siyah / beyaz */
    --mori-sage: #111111;
    --mori-sage-dark: #000000;
    --mori-sage-light: #F4F4F4;

    --mori-honey: #111111;
    --mori-honey-dark: #000000;
    --mori-honey-light: #F4F4F4;

    --mori-blush: #2A2A2A;
    --mori-blush-light: #F6F6F6;

    --mori-blue: #4A4A4A;
    --mori-blue-light: #F4F4F4;

    --mori-bg: #FFFFFF;
    --mori-card-bg: #FFFFFF;
    --mori-footer-bg: #111111;
    --mori-text: #111111;
    --mori-muted: #6B6B6B;
    --mori-border: #E5E5E5;
}

/* Ürün kartı üzerindeki Kargo Bedava rozetini gizle */
.cat-detail-products-box-kargo {
    display: none !important;
}


/* ================================================================
   1. GENEL ZEMİN VE TEMEL ELEMANLAR
   ================================================================ */

body {
    background-color: var(--mori-bg) !important;
    color: var(--mori-text) !important;
}

a {
    color: var(--mori-text);
    transition: all 0.2s ease;
}

a:hover {
    color: var(--mori-sage) !important;
    text-decoration: none;
}

/* ================================================================
   2. TOP BAR (EN ÜST BİLGİ VE LİNK ÇUBUĞU)
   ================================================================ */

.topheader-desktop-main-div {
    border-top: 1px solid var(--mori-border) !important;
    border-bottom: 1px solid var(--mori-border) !important;
    padding: 7px 0 !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    overflow: visible !important;
}

.topheader-desktop-main-div::after {
    display: none !important;
}

.topheader-desktop-main-div-in {
    align-items: center !important;
    min-height: 24px !important;
}

.topheader-desktop-main-left a,
.topheader-desktop-main-right a {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease !important;
}

.topheader-desktop-main-left a:hover,
.topheader-desktop-main-right a:hover {
    color: #cccccc !important;
}

.topheader-desktop-main-left a i,
.topheader-desktop-main-right a i {
    color: #ffffff !important;
    margin-right: 5px !important;
    font-size: 13px !important;
}

.topheader-lang-currency-box {
    border-left: 1px solid var(--mori-border) !important;
    border-right: 1px solid var(--mori-border) !important;
    display: inline-flex !important;
    align-items: center !important;
}

.topheader-lang-currency-box a {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 12px !important;
    line-height: 1.4 !important;
}

.topheader-lang-currency-box a:hover {
    color: #cccccc !important;
}

/* ================================================================
   3. HEADER (ANA LOGO, ARAMA VE HESAP/SEPET BÖLÜMÜ)
   ================================================================ */

.header-main-div {
    border-bottom: 1px solid var(--mori-border) !important;
}

.header-desktop-main-div {
    background-color: transparent !important;
    padding: 14px 3% !important;
}

.header-desktop-main-div-in {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo */
.header-desktop-logo-div {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.header-desktop-logo-div a {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
}

.header-desktop-logo-div img {
    height: 56px !important;
    max-height: 60px !important;
    width: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.2s ease !important;
}

.header-desktop-logo-div img:hover {
    transform: scale(1.03) !important;
}

/* Arama Çubuğu */
.header-desktop-search1 {
    width: auto !important;
    position: relative !important;
    margin: 0 35px !important;
    flex: 1 1 500px !important;
    max-width: 620px !important;
}

.header-desktop-search1 form {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    background-color: #F4F4F4 !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 26px !important;
    padding: 3px 4px 3px 18px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.header-desktop-search1 form:focus-within {
    border-color: var(--mori-sage) !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.08) !important;
}

.header-desktop-search1 form input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--mori-text) !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    height: 38px !important;
    line-height: 38px !important;
    min-width: 180px !important;
    width: 100% !important;
    flex: 1 1 auto !important;
}

.header-desktop-search1 form input:focus {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.header-desktop-search1 form button {
    position: static !important;
    right: auto !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    background-color: var(--mori-sage) !important;
    border: none !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
}

.header-desktop-search1 form button:hover {
    background-color: var(--mori-sage-dark) !important;
    transform: scale(1.05) !important;
}

.header-desktop-search1 form button i {
    color: #FFFFFF !important;
    font-size: 17px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Sağ Navigasyon Butonları (Üyelik, Favoriler, Sepet) */
.header-desktop-navbutton-box > a {
    color: var(--mori-text) !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.header-desktop-navbutton-box > a:hover {
    background-color: #f4f4f4 !important;
    color: #111111 !important;
}

.header-desktop-navbutton-box > a i.las,
.header-desktop-navbutton-box > a i.lar {
    color: #374151 !important;
    font-size: 24px !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.header-desktop-navbutton-box > a:hover i.las,
.header-desktop-navbutton-box > a:hover i.lar {
    color: #111111 !important;
    transform: scale(1.08);
}

.header-desktop-navbutton-box-t {
    color: var(--mori-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-left: 6px !important;
}

.header-desktop-navbutton-box > a:hover .header-desktop-navbutton-box-t {
    color: #111111 !important;
}

/* Sayaç Rozetleri (Sepet, Bildirim) */
.header-desktop-navbutton-box-count,
.header-desktop-navbutton-box-count-cart {
    background-color: var(--mori-honey) !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 5px !important;
    box-shadow: 0 2px 6px rgba(17, 17, 17, 0.25) !important;
    border: 1.5px solid #FFFFFF !important;
}

/* ================================================================
   4. ANA MENÜ (TOP-LEVEL NAVIGATION)
   ================================================================ */

.top-level-menu-main-div {
    background-color: #F7F7F7 !important;
    border-top: 1px solid var(--mori-border) !important;
    border-bottom: 1px solid var(--mori-border) !important;
}

.top-level-menu {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}

.top-level-menu > li {
    background: transparent !important;
    border: none !important;
    position: relative !important;
}

.top-level-menu > li > a,
.top-level-menu > li a {
    color: var(--mori-text) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 11px 14px !important;
    border-radius: 20px !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.top-level-menu > li span,
.top-level-menu > li a span {
    color: var(--mori-text) !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.top-level-menu > li:hover,
.top-level-menu > li:hover > a,
.top-level-menu > li > a:hover {
    background-color: #111111 !important;
    color: #ffffff !important;
}

.top-level-menu > li:hover span,
.top-level-menu > li:hover > a span,
.top-level-menu > li > a:hover span {
    color: #ffffff !important;
}

.top-level-menu > li i {
    color: #111111 !important;
    margin-left: 5px !important;
    font-size: 11px !important;
}

/* ================================================================
   5. AÇILIR MENÜLER & DROPDOWNLAR
   ================================================================ */

.dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(45, 51, 46, 0.1) !important;
    padding: 10px !important;
}

.dropdown-menu:before {
    border-top: 1px solid var(--mori-border) !important;
    border-left: 1px solid var(--mori-border) !important;
    background-color: #FFFFFF !important;
}

.dropdown-cart-header,
.dropdown-userarea-header,
.dropdown-bell-header {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--mori-border) !important;
    padding-bottom: 8px !important;
}

.second-level-menu,
.third-level-menu,
.sablon2-level-menu {
    background-color: #FFFFFF !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
}

.second-level-menu > li:hover,
.third-level-menu > li:hover {
    background-color: var(--mori-sage-light) !important;
}

.second-level-menu > li p,
.third-level-menu > li p {
    color: var(--mori-text) !important;
}

.second-level-menu > li:hover p,
.third-level-menu > li:hover p {
    color: var(--mori-sage-dark) !important;
}

/* ================================================================
   6. ÇEREZ BİLDİRİMİ (COOKIE CONSENT)
   ================================================================ */

.cc-window {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #222222 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.28) !important;
    padding: 18px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    max-width: 380px !important;
    z-index: 10050 !important;
}

html body .cc-window .cc-message,
html body .cc-message {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    flex: none !important;
    max-width: none !important;
    margin: 0 !important;
}

html body .cc-window .cc-message a,
html body .cc-message a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.cc-compliance {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
}

.cc-btn,
.cc-compliance .cc-btn {
    background-color: #ffffff !important;
    color: #111111 !important;
    border: none !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    position: static !important;
}

.cc-btn:hover,
.cc-compliance .cc-btn:hover {
    background-color: #f4f4f4 !important;
    color: #111111 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ================================================================
   7. BUTONLAR — SİYAH / BEYAZ
   ================================================================ */

/* Tüm aksiyon butonları siyah */
.button-black,
.button-black-out,
.button-black-white {
    background-color: var(--mori-sage) !important;
    border-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(17, 17, 17, 0.25) !important;
}

.button-black:hover,
.button-black-out:hover,
.button-black-white:hover {
    background-color: var(--mori-sage-dark) !important;
    border-color: var(--mori-sage-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.35) !important;
}

.button-blue,
.btn-primary {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.button-blue:hover,
.btn-primary:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #FFFFFF !important;
}
.button-green,
.btn-success {
    background-color: var(--mori-sage) !important;
    border-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
}

.button-green:hover,
.btn-success:hover {
    background-color: var(--mori-sage-dark) !important;
    border-color: var(--mori-sage-dark) !important;
}

/* Turuncu / sarı butonlar da siyah */
.button-orange,
.button-yellow {
    background-color: var(--mori-honey) !important;
    border-color: var(--mori-honey) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
}

.button-orange:hover,
.button-yellow:hover {
    background-color: var(--mori-honey-dark) !important;
    border-color: var(--mori-honey-dark) !important;
}

/* ================================================================
   8. ÜRÜN KARTLARI VE VİTRİN KUTULARI
   ================================================================ */

.urun-kutu,
.product-box,
.urunler-box,
.urunler-box-small {
    background-color: var(--mori-card-bg) !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.urun-kutu:hover,
.product-box:hover,
.urunler-box:hover,
.urunler-box-small:hover {
    border-color: var(--mori-sage) !important;
    box-shadow: 0 10px 25px rgba(17, 17, 17, 0.16) !important;
    transform: translateY(-3px) !important;
}

.product-box-star .aktif-span,
.comment-rating .star,
.urun-star {
    color: var(--mori-honey) !important;
}

.product-box-star .pasif-span {
    color: #DDDDDD !important;
}

.urun-fiyat,
.product-price {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.product-discount,
.urun-indirim-orani {
    background-color: var(--mori-blush) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
}

/* ================================================================
   9. TİCARET BİLGİ KUTULARI (HIZLI TESLİMAT, İADE VS.)
   ================================================================ */

.ticaret-kutulari-inside {
    background-color: #F7F7F7 !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

.ticaret-kutu-box {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 100% !important;
    border-right: 1px solid var(--mori-border) !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
    padding: 22px 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ticaret-kutu-box:last-child {
    border-right: none !important;
}

.ticaret-kutu-box i {
    color: var(--mori-sage) !important;
}

@media screen and (max-width: 768px) {
    .ticaret-kutulari-inside {
        flex-wrap: wrap !important;
    }
    .ticaret-kutu-box {
        flex: 1 1 100% !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid var(--mori-border) !important;
        padding: 14px 20px !important;
    }
    .ticaret-kutu-box:last-child {
        border-bottom: none !important;
    }
}

/* ================================================================
   10. AÇIK RENK BUTİK FOOTER
   ================================================================ */

.footer-module-main-div,
.footer-main-div {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-top: none !important;
    padding-top: 48px !important;
    padding-bottom: 36px !important;
}

.footer-module-inside-area {
    width: min(1200px, calc(100% - 64px)) !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(0, 1fr)) !important;
    gap: 32px 28px !important;
    align-items: start !important;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
}

.footer-module-box {
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
}

.footer-module-box-logo {
    width: fit-content !important;
    max-width: 168px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff;
    border-radius: 10px;
    padding: 8px 14px;
    margin-bottom: 16px !important;
}

.footer-module-box-logo img {
    max-width: 132px !important;
    max-height: 44px !important;
    width: auto !important;
    height: auto !important;
    filter: none !important;
}

.footer-module-box-telif,
.footer-module-box-telif p,
.footer-module-box-telif span {
    color: #bdbdbd !important;
    max-width: none !important;
}

.footer-module-header-text,
.footer-main-div h5,
.footer-main-div h6 {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    white-space: normal !important;
}

.footer-module-links-div a,
.footer-module-contact-box a,
.footer-main-div a {
    color: #cfcfcf !important;
    font-size: 13px !important;
    line-height: 2.15 !important;
}

.footer-module-links-div a:hover,
.footer-module-contact-box a:hover,
.footer-main-div a:hover {
    color: #ffffff !important;
    padding-left: 0;
}

.footer-module-box-social {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.footer-module-box-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
}

.footer-module-box-social a:hover {
    color: #cccccc !important;
}

@media (max-width: 991px) {
    .footer-module-inside-area {
        grid-template-columns: 1fr 1fr !important;
        width: calc(100% - 40px) !important;
    }
}
@media (max-width: 640px) {
    .footer-module-inside-area {
        grid-template-columns: 1fr !important;
    }
}

/* ================================================================
   11. YUKARI ÇIK BUTONU (RETURN TO TOP)
   ================================================================ */

#return-to-top {
    background-color: var(--mori-sage) !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.35) !important;
    transition: all 0.25s ease !important;
}

#return-to-top:hover {
    background-color: var(--mori-sage-dark) !important;
    transform: translateY(-2px) !important;
}

#return-to-top i {
    color: #FFFFFF !important;
}

/* ================================================================
   12. KİŞİSELLEŞTİRME PANELİ VE SEPET ALANI STİLLERİ
   ================================================================ */

.mori-customization-card {
    background-color: #F7F7F7 !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    margin-top: 15px !important;
}

.mori-customization-title {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mori-customization-title i {
    color: var(--mori-honey) !important;
}

.mori-custom-pill {
    display: inline-block;
    background: var(--mori-honey-light);
    color: var(--mori-honey-dark);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #E5E5E5;
}
/* ================================================================
   13. ANASAYFA VİTRİN & ŞERİT MODÜLLERİ (BEYAZ BANT & SİYAH BUTON GİDERME)
   ================================================================ */

.home-strip-module,
.urunler-module-main-div,
.vitrin-module-main,
.vitrin-tip1-main-div,
.vitrin-tip2-main-div,
.vitrin-tip3-main-div,
.firsat-module-main-div,
.story-module-main-div,
.kayan-module-main-div,
.html-module-main-div,
.blog-module-main-div,
.yorum-module-main-div,
.sayac-module-main-div,
.hizmet-module-main-div {
    background-color: var(--mori-bg) !important;
    background: var(--mori-bg) !important;
}

.home-product-tablinks,
.home-product-tablinks p {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #E5E5E5 !important;
}
.home-product-tablinks.active,
.home-product-tablinks.active p,
.home-product-tablinks.active:hover p {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

.home-strip-module .home-strip-head .home-strip-title {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
}

.home-strip-module .home-strip-head .home-strip-all-link {
    color: var(--mori-sage) !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.home-strip-module .home-strip-head .home-strip-all-link:hover {
    color: var(--mori-sage-dark) !important;
}

/* Ürün Kartı Zeminini Temiz Beyaz ve Çerçevesini Organik Krem Yap */
.home-strip-product-card {
    background: #FFFFFF !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 15px rgba(45, 51, 46, 0.05) !important;
    transition: all 0.25s ease !important;
}

.home-strip-product-card:hover {
    border-color: var(--mori-sage) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(17, 17, 17, 0.16) !important;
}

.home-strip-product-body {
    background: #FFFFFF !important;
}

.home-strip-product-title {
    color: var(--mori-text) !important;
}

.home-strip-product-desc {
    color: var(--mori-muted) !important;
}

.home-strip-product-new {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
}

/* Sepete Ekle Butonu */
.home-strip-product-btn,
button.home-strip-product-btn,
a.home-strip-product-btn {
    background-color: var(--mori-sage) !important;
    background: var(--mori-sage) !important;
    border-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(17, 17, 17, 0.25) !important;
}

.home-strip-product-btn:hover,
button.home-strip-product-btn:hover,
a.home-strip-product-btn:hover {
    background-color: var(--mori-sage-dark) !important;
    background: var(--mori-sage-dark) !important;
    border-color: var(--mori-sage-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.35) !important;
}

.home-strip-product-badge {
    background: var(--mori-honey) !important;
    color: #FFFFFF !important;
}

/* ================================================================
   14. ALT SAYFA BANNER / EKMEK KIRIĞI
   ================================================================ */

.page-banner-main {
    background: #F7F7F7 !important;
    background-image: none !important;
    border-top: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 28px 0 !important;
}

.page-banner-main::before,
.page-banner-main .dark-overlay,
.page-banner-main .bg-dark-overlay {
    display: none !important;
}

.page-banner-h,
.page-banner-in-text {
    color: #111111 !important;
}

.page-banner-links,
.page-banner-links span,
.page-banner-links a {
    color: #6B6B6B !important;
}

.page-banner-links a:hover {
    color: #111111 !important;
}

/* ================================================================
   15. KATEGORİ, ARAMA, MARKA LİSTESİ
   ================================================================ */

.cat-detail-main-div,
.cat-detail-main-div-in {
    background: #FFFFFF;
}

.cat-left-main,
.cat-left-box-main,
.cat-right-header2,
.cat-right-header {
    background: #FFFFFF !important;
    border-color: #E5E5E5 !important;
}

.cat-left-box-h,
.cat-right-header2-left,
.cat-right-header2-left h1,
.cat-right-header2-left h2 {
    color: #111111 !important;
}

.cat-right-links,
.cat-right-links a,
.cat-right-links span,
.cat-right-links i {
    color: #6B6B6B !important;
}

.cat-right-links a:hover {
    color: #111111 !important;
}

.cat-left-box-out-filterbox-out a,
.cat-left-box-t,
.cat-left-box-t label {
    color: #111111 !important;
    border-color: #E5E5E5 !important;
}

.cat-left-box-out-filterbox-out a {
    background: #F4F4F4 !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
}

.cat-left-box-out-filterbox-out a:hover {
    background: #111111 !important;
    color: #FFFFFF !important;
    border-color: #111111 !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #111111 !important;
    border-color: #111111 !important;
}

.cat-detail-products-box,
.cat-detail-products-box-caturunvitrin,
.cat-detail-products-box-big {
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
}

.cat-detail-products-box:hover,
.cat-detail-products-box-caturunvitrin:hover,
.cat-detail-products-box-big:hover {
    border-color: #111111 !important;
    box-shadow: 0 8px 22px rgba(17, 17, 17, 0.12) !important;
}

.cat-detail-products-box-caturunvitrin-h,
.cat-detail-products-box-caturunvitrin-h a,
.cat-detail-products-box-caturunvitrin-fiyat {
    color: #111111 !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #111111 !important;
    border-color: #E5E5E5 !important;
    background: #FFFFFF !important;
}

.pagination > li.active > a,
.pagination > li.active > span {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
}

.pagination > li > a:hover {
    background: #F4F4F4 !important;
    color: #111111 !important;
    border-color: #111111 !important;
}

.filter-price,
.price-filter-range-button .button-black,
.price-filter-range-button a,
.price-filter-range-button button {
    color: #111111;
}

/* ================================================================
   16. ÜRÜN DETAY
   ================================================================ */

.urun-detay-main,
.urun-detay-main-in {
    background: #FFFFFF;
}

.urun-detay-sag-alan-baslik,
.urun-detay-sag-alan-baslik h1,
.urun-detay-sag-alan-fiyatlar,
.urun-detay-sag-alan-fiyat-sol,
.urun-detay-sag-alan-fiyat-sag {
    color: #111111 !important;
}

.urun-detay-sag-alan-spot,
.urun-detay-sag-alan-iliskili-kat,
.urun-detay-sag-alan-iliskili-kat a {
    color: #6B6B6B !important;
}

.urun-detay-sag-alan-iliskili-kat a:hover {
    color: #111111 !important;
}

.urun-detay-sag-alan-d-bilgiler-box,
.urun-detay-sag-alan-ek-bilgiler-box {
    background: #F7F7F7 !important;
    border-color: #E5E5E5 !important;
    color: #111111 !important;
}

.urun-detay-sag-alan-no-stok {
    background: #F4F4F4 !important;
    border-color: #E5E5E5 !important;
    color: #111111 !important;
}

.urun-detay-social a,
.urun-detay-social a:hover {
    color: #111111 !important;
}

.urun-detay-sag-alan-sepet .button-black,
.urun-detay-sag-alan-sepet .button-green,
.urun-detay-sag-alan-sepet button,
.urun-detay-main-in-button-area .button-black,
.urun-detay-main-in-button-area a {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
}

.nav-tabs .nav-link,
.urun-detay-tabs a,
.tab-content {
    color: #111111;
    border-color: #E5E5E5;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #111111 !important;
    border-color: #E5E5E5 #E5E5E5 #FFFFFF !important;
    background: #FFFFFF !important;
}

/* ================================================================
   17. SEPET, ÖDEME, SİPARİŞ SONUÇ
   ================================================================ */

.cart-main-div,
.cart-left-div,
.no-cart-items-main-div {
    color: #111111;
}

.cart-left-box-main,
.no-cart-items-in-div,
.cart-right-div,
.cart-right-box,
.cart-right-total,
.cart-summary,
.cart-left-functions-left input {
    background: #FFFFFF !important;
    border-color: #E5E5E5 !important;
    color: #111111 !important;
}

.cart-left-box-2 a,
.no-cart-items-text-h,
.cart-left-box-5 {
    color: #111111 !important;
}

.cart-left-box-2 a:hover {
    color: #6B6B6B !important;
}

.no-cart-items-in-div a,
.cart-right-div .button-black,
.cart-right-div .button-green,
.cart-right-div a.button-black {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
}

/* ================================================================
   18. ÜYELİK, GİRİŞ, HESAP PANELİ
   ================================================================ */

.users_main_div,
.user_login_register_div {
    background: #FFFFFF;
}

.user_page_header,
.user_page_header2,
.user_page_header_subpage,
.user_page_login_form,
.user_page_right_text_div,
.register-page-uyelik-tipi-main,
.user_subpage_left_bar_main,
.user_subpage_right_content {
    background: #FFFFFF !important;
    border-color: #E5E5E5 !important;
    color: #111111 !important;
}

.user_page_header_spot {
    color: #6B6B6B !important;
}

.user_subpage_left_bar_namediv {
    border-bottom-color: #E5E5E5 !important;
}

.user_subpage_left_bar_namediv_circle {
    background: #111111 !important;
    color: #FFFFFF !important;
}

.user_subpage_left_bar_nav_desktop_items {
    color: #111111 !important;
}

.user_subpage_left_bar_nav_desktop_items:hover,
.user_subpage_left_bar_nav_desktop_items_active {
    background: #111111 !important;
    color: #FFFFFF !important;
}

.user_subpage_left_bar_nav_desktop_items:hover .user_subpage_left_bar_nav_desktop_items_t,
.user_subpage_left_bar_nav_desktop_items_active .user_subpage_left_bar_nav_desktop_items_t,
.user_subpage_left_bar_nav_desktop_items:hover i,
.user_subpage_left_bar_nav_desktop_items_active i {
    color: #FFFFFF !important;
}

.user_page_login_form input,
.user_page_login_form select,
.user_page_login_form textarea,
.user_subpage_right_content input,
.user_subpage_right_content select,
.user_subpage_right_content textarea,
.form-control {
    border-color: #E5E5E5 !important;
    color: #111111 !important;
    background: #FFFFFF !important;
}

.form-control:focus {
    border-color: #111111 !important;
    box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.12) !important;
}

/* ================================================================
   19. İLETİŞİM, HTML SAYFALAR, 404
   ================================================================ */

.iletisim-container-main,
.htmlpage-container-main {
    color: #111111;
}

.iletisim-container-in,
.htmlpage-content-div {
    background: #FFFFFF !important;
    border-color: #E5E5E5 !important;
}

.iletisim-container-in-top input,
.iletisim-container-in-top textarea {
    border: 1px solid #E5E5E5 !important;
    color: #111111 !important;
    background: #FFFFFF !important;
}

.iletisim-container-in-top-box-h,
.iletisim-container-in-top-box-s,
.iletisim-container-in-top-box-s a {
    color: #111111 !important;
}

.iletisim-container-in-top-box-social {
    background: #111111 !important;
    color: #FFFFFF !important;
    border-color: #111111 !important;
}

.iletisim-container-in-top-box-social:hover {
    background: #000000 !important;
    color: #FFFFFF !important;
}

.error-404-main,
.error-page,
.not-found-page {
    color: #111111;
}

/* ================================================================
   20. BLOG, SSS, GALERİ, HİZMET
   ================================================================ */

.bloglar-module-main-div,
.bloglar-container-main,
.bloglar-detay,
.sss-module-main-div,
.sss-faq-container-main {
    color: #111111;
}

.bloglar-box-main-div,
.bloglar-detay-left-content-div,
.bloglar-detay-right-box,
.sss-box-main-div {
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
}

.bloglar-detay-left-content-div-h,
.bloglar-detay-left-content-div-h a,
.bloglar-detay-right-h,
.bloglar-detay-right-h2,
.sss-box-main-div h3,
.sss-box-main-div h4 {
    color: #111111 !important;
}

.accordion-header,
.accordion-header i,
.sss-faq-container-main i,
.sss-box-main-div i {
    color: #111111 !important;
}

.accordion-body {
    background: #F7F7F7 !important;
    color: #111111 !important;
}

.bloglar-detay-left-content-div-date,
.bloglar-detay-left-content-div-view,
.bloglar-detay-left-content-div-icerik {
    color: #6B6B6B !important;
}

.bloglar-detay-left-content-div-tags-box,
.bloglar-detay-left-content-div-tags-box-big,
.bloglar-detay-right-tags a {
    background: #F4F4F4 !important;
    color: #111111 !important;
    border-color: #E5E5E5 !important;
}

.bloglar-detay-left-content-div-tags-box:hover,
.bloglar-detay-left-content-div-tags-box-big:hover {
    background: #111111 !important;
    color: #FFFFFF !important;
}

.bloglar-detay-left-content-div-social a,
.bloglar-detay-right-box-h a {
    color: #111111 !important;
}

.bloglar-detay-left-content-div-social a:hover,
.bloglar-detay-right-box-h a:hover {
    color: #6B6B6B !important;
}

/* ================================================================
   21. GENEL FORM, TABLO, BADGE, ALERT
   ================================================================ */

.btn,
.btn-default,
.btn-warning,
.btn-info,
.btn-danger,
.button-red,
.button-grey {
    border-radius: 20px !important;
}

.btn-warning,
.btn-info,
.button-grey {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
}

.badge-warning,
.badge-info,
.badge-success,
.label-warning,
.label-info {
    background: #111111 !important;
    color: #FFFFFF !important;
}

.table thead th,
.table td,
.table th {
    border-color: #E5E5E5 !important;
    color: #111111;
}

.alert-success,
.alert-info,
.alert-warning {
    background: #F7F7F7 !important;
    border-color: #E5E5E5 !important;
    color: #111111 !important;
}

.modal-content {
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
}

.modal-header,
.modal-footer {
    border-color: #E5E5E5 !important;
}

select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea {
    accent-color: #111111;
}

.irs--flat .irs-bar,
.irs--flat .irs-handle,
.ui-slider .ui-slider-range,
.ui-slider .ui-slider-handle {
    background: #111111 !important;
    border-color: #111111 !important;
}

/* Inline DB arka planlarını (beige kalıntı) ezer */
.users_main_div,
#MainDiv,
.success-order-main-div,
.tablolar_ana_div,
.cat-detail-main-div,
.urun-detay-main,
.cart-main-div,
.no-cart-items-main-div {
    background-color: #FFFFFF !important;
}

.ribbon span {
    background: #111111 !important;
    background-image: none !important;
}

.ribbon span::before,
.ribbon span::after {
    border-left-color: #111111 !important;
    border-top-color: #111111 !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

.ribbon span::after {
    border-left-color: transparent !important;
    border-right-color: #111111 !important;
}

.urun-detay-main .alert-danger,
.alert-danger {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
}

.kargoucret-detay-div {
    background: #F7F7F7 !important;
    border-color: #E5E5E5 !important;
    color: #111111 !important;
}

/* ================================================================
   MOBİL HEADER — her zaman en üstte, 3D tuvalinin üstünde
   ================================================================ */

.header-main-div {
    position: relative;
    z-index: 100 !important;
    background-color: #ffffff !important;
}

@media screen and (max-width: 1024px) {
    .header-main-div {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background: #ffffff !important;
        border-bottom: 1px solid #E5E5E5 !important;
    }
    .header-mobile-view {
        display: block !important;
    }
    .desktop-header-area {
        display: none !important;
    }
    .mobile-top-header-main,
    .mobile-header-main-area {
        background: #ffffff !important;
        color: #111111 !important;
    }
    .mobile-header-icons,
    .mobile-header-bars,
    .mobile-header-bars label,
    .mobile-top-header-main a {
        color: #111111 !important;
    }
    .mobile-header-logo {
        display: flex !important;
        align-items: center !important;
    }
    .mobile-header-logo-tablet-pro {
        display: none !important;
    }
    .mobile-header-logo img {
        max-height: 40px !important;
        width: auto !important;
        display: block !important;
    }
    .mobile_side_overlay {
        z-index: 10000 !important;
    }
    .mobile_side_wrap {
        z-index: 10001 !important;
    }
    .fixed-foot-navigation {
        z-index: 9998 !important;
        background: #111111 !important;
    }
    .fixed-foot-navigation-in-box,
    .fixed-foot-navigation-in-box i,
    .fixed-foot-navigation-in-box:hover,
    .fixed-foot-navigation-in-box:hover i {
        color: #ffffff !important;
    }
    .mobile-header-bars {
        color: #111111 !important;
        border-color: #111111 !important;
        background: #ffffff !important;
    }
    .mobile_side_wrap_in_close label {
        background: #111111 !important;
        color: #ffffff !important;
    }
}

@media screen and (min-width: 1025px) {
    .header-mobile-view {
        display: none !important;
    }
    .desktop-header-area {
        display: block !important;
    }
}