/* ================================================================
   mori DESIGN - TEMA VE RENK PALETİ OVERRIDE
   Bebek & Çocuk Butik E-Ticaret Arayüz Stili
   ================================================================ */

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

:root {
    /* Bevitton Atelier — Obsidian & Titanium */
    --mori-sage: #111827;
    --mori-sage-dark: #000000;
    --mori-sage-light: #f3f4f6;

    --mori-honey: #374151;
    --mori-honey-dark: #111827;
    --mori-honey-light: #f3f4f6;

    --mori-blush: #262936;
    --mori-blush-light: #11131a;

    --mori-blue: #6d9fbb;
    --mori-blue-light: #131722;

    --mori-bg: #07080b;
    --mori-card-bg: #0d0f14;
    --mori-footer-bg: #050608;
    --mori-text: #f4f5f7;
    --mori-muted: rgba(244, 245, 247, 0.65);
    --mori-border: rgba(255, 255, 255, 0.10);
}

/* Ü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;
}

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 {
    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: var(--mori-sage) !important;
}

.topheader-desktop-main-left a i,
.topheader-desktop-main-right a i {
    color: var(--mori-sage) !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 {
    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: var(--mori-sage) !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;
    border: 1.5px solid #E2DDD5 !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(134, 169, 138, 0.18) !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;
    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 {
    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: rgba(134, 169, 138, 0.08) !important;
    color: var(--mori-sage) !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: var(--mori-sage) !important;
    transform: scale(1.08);
}

/* Favoriler Butonu Özel Pembe Vurgu */
.header-desktop-navbutton-box > a:hover i.la-heart,
.header-desktop-navbutton-box > a:hover i.lar.la-heart {
    color: var(--mori-blush) !important;
}

.header-desktop-navbutton-box-t {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-left: 6px !important;
}

.header-desktop-navbutton-box > a:hover .header-desktop-navbutton-box-t {
    color: var(--mori-sage) !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(238, 155, 68, 0.4) !important;
    border: 1.5px solid #FFFFFF !important;
}

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

.top-level-menu-main-div {
    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 {
    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 {
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

/* Menü Hover Efekti - Pastel Adaçayı Hapı */
.top-level-menu > li:hover,
.top-level-menu > li:hover > a,
.top-level-menu > li > a:hover {
    background-color: rgba(134, 169, 138, 0.12) !important;
    color: var(--mori-sage-dark) !important;
}

.top-level-menu > li:hover span,
.top-level-menu > li:hover > a span,
.top-level-menu > li > a:hover span {
    color: var(--mori-sage-dark) !important;
}

.top-level-menu > li i {
    color: var(--mori-sage) !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 {
    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 {
}

.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: #FAF8F5 !important;
    border: 1px solid #E6E1D8 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 35px rgba(45, 51, 46, 0.14) !important;
    padding: 18px 22px !important;
}

.cc-message {
    color: #434B45 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.cc-message a {
    color: var(--mori-sage) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.cc-btn,
.cc-compliance .cc-btn {
    background-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    box-shadow: 0 4px 12px rgba(134, 169, 138, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cc-btn:hover,
.cc-compliance .cc-btn:hover {
    background-color: var(--mori-sage-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(109, 142, 113, 0.4) !important;
}

/* ================================================================
   7. BUTONLAR (SİYAH YERİNE BUTİK PASTEL RENKLERİ)
   ================================================================ */

/* Tüm siyah butonları adaçayı yeşiline çevir */
.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(134, 169, 138, 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(134, 169, 138, 0.35) !important;
}

/* Mavi butonlar -> Soft Pudra Mavi */
.button-blue,
.btn-primary {
    background-color: var(--mori-blue) !important;
    border-color: var(--mori-blue) !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: #74A4C8 !important;
    border-color: #74A4C8 !important;
    color: #FFFFFF !important;
}

/* Yeşil butonlar -> Adaçayı Yeşili */
.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;
}

/* Kehribar Bal Butonları */
.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(134, 169, 138, 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: #E2DFD8 !important;
}

.urun-fiyat,
.product-price {
    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 {
    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 {
    border-top: 1px solid var(--mori-border) !important;
    padding-top: 40px !important;
    padding-bottom: 30px !important;
}

.footer-module-header-text,
.footer-main-div h5,
.footer-main-div h6 {
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 16px !important;
}

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

.footer-module-links-div a:hover,
.footer-module-contact-box a:hover,
.footer-main-div a:hover {
    color: var(--mori-sage) !important;
    padding-left: 4px;
}

.footer-module-box-social a {
}

.footer-module-box-social a:hover {
    color: var(--mori-sage) !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(134, 169, 138, 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 {
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    margin-top: 15px !important;
}

.mori-customization-title {
    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 rgba(238, 155, 68, 0.25);
}
/* ================================================================
   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-strip-module .home-strip-head .home-strip-title {
    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(134, 169, 138, 0.16) !important;
}

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

.home-strip-product-title {
}

.home-strip-product-desc {
}

.home-strip-product-new {
    font-weight: 700 !important;
}

/* Sepete Ekle Butonu - Siyah yerine Adaçayı Yeşili */
.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(134, 169, 138, 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(134, 169, 138, 0.35) !important;
}

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

/* ================================================================
   18. KATEGORİ SAYFASI (.bvt-cat-*) VE ÜRÜN DETAY ANA SAYFA UYUMU
   ================================================================ */
.bvt-cat-wrap {
    max-width: 1320px;
    margin: 0 auto;
    padding: 36px 24px 72px;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 28px;
    align-items: start;
}

@media (max-width: 960px) {
    .bvt-cat-wrap {
        grid-template-columns: 1fr;
    }
}

.bvt-cat-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bvt-cat-box {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
}

.bvt-cat-box h3 {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 14px;
}

.bvt-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bvt-cat-list button,
.bvt-cat-list a {
    display: block;
    width: 100%;
    text-align: left;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 9px 12px;
    color: #111827;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}

.bvt-cat-list button:hover,
.bvt-cat-list a:hover,
.bvt-cat-list button.is-active,
.bvt-cat-list a.is-active {
    background: #f3f4f6;
    border-color: #111827;
    color: #000000;
    font-weight: 600;
}

.bvt-cat-input,
.bvt-cat-select {
    width: 100%;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    padding: 10px 12px;
    color: #111827;
    font-size: 14px;
}

.bvt-cat-select {
    width: auto;
    min-width: 210px;
}

.bvt-cat-perks {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
    color: #374151;
}

.bvt-cat-toolbar {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 14px 20px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    color: #111827;
}

.bvt-cat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

@media (max-width: 1100px) {
    .bvt-cat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .bvt-cat-grid {
        grid-template-columns: 1fr;
    }
}

/* Ürün Detay Sayfası Temiz Beyaz & Siyah Yazı */
.urun-detay-main {
    background-color: #ffffff !important;
    color: #111827 !important;
}

.urun-detay-sol-alan,
.urun-detay-sag-alan {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    color: #111827 !important;
}

.urun-detay-sag-alan-baslik,
.urun-detay-sag-alan-baslik h1,
.urun-detay-sag-alan-spot,
.urun-detay-sag-alan-d-bilgiler-box,
.urun-detay-sag-alan-iliskili-kat,
.urun-detay-sag-alan-iliskili-kat a,
.urun-detay-fiyat-ana,
.urun-detay-sag-alan a {
    color: #111827 !important;
}

.urun-detay-fiyat-eski {
    color: #6b7280 !important;
}

.urun-detay-sag-alan-ek-bilgiler-box {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
    border-radius: 12px !important;
}

.urun-detay-sag-alan-ek-bilgiler-box[style*="f0fdf4"] {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

.urun-detay-social a {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

.urun-detay-main .nav-tabs {
    border-bottom: 1px solid #e5e7eb !important;
}

.urun-detay-main .nav-tabs .nav-link {
    color: #4b5563 !important;
    background: #f9fafb !important;
    border-color: #e5e7eb #e5e7eb transparent !important;
}

.urun-detay-main .nav-tabs .nav-link.active {
    color: #111827 !important;
    background: #ffffff !important;
    border-color: #e5e7eb #e5e7eb #ffffff !important;
    font-weight: 600 !important;
}

.urun-detay-main .tab-content,
.urun-detay-main .card,
.product-comment-head {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #111827 !important;
}

/* Kategori Sayfası (.cat-detail-main-div, .cat-left-main, .category-sub-design-box, .nice-select) Temiz Beyaz & Siyah Yazı */
.cat-detail-main-div,
.cat-detail-main-div-in,
.cat-right-main,
.cat-left-main,
.cat-left-box-main,
.cat-right-elements,
.cat-right-elements-top,
.cat-detail-products-box {
    background-color: #ffffff !important;
    color: #111827 !important;
}

.cat-left-main,
.cat-left-box-main {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
    border-radius: 12px !important;
    color: #111827 !important;
}

.cat-left-box-h,
.cat-detail-main-div h1,
.cat-detail-main-div h2,
.cat-detail-main-div h3,
.cat-detail-main-div h4,
.cat-detail-products-box-title,
.cat-detail-products-box-title a,
.cat-detail-products-box-price,
.cat-detail-main-div label {
    color: #111827 !important;
}

.cat-detail-main-div p,
.cat-detail-main-div span:not(.badge) {
    color: #1f2937;
}

.category-sub-design-box,
.category-sub-design-box > li {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
}

.category-sub-design-box > li > a {
    color: #111827 !important;
}

.category-sub-design-box > li:hover,
.category-sub-design-box-active {
    background-color: #f3f4f6 !important;
}

.category-sub-design-box > li:hover > a,
.category-sub-design-box-active > a {
    color: #000000 !important;
    font-weight: 600;
}

.cat-right-elements-right .nice-select,
.cat-right-elements-right .nice-select .list {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
    color: #111827 !important;
}

.cat-right-elements-right .nice-select .option:hover,
.cat-right-elements-right .nice-select .option.selected {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
}

.cat-right-elements-right-liste a {
    border-color: #d1d5db !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
}

.cat-right-elements-right-liste img {
    filter: none !important;
}

.cat-detail-main-div .alert,
.cat-right-main .alert {
    background-color: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
    border-radius: 10px !important;
}

/* ================================================================
   19. HEADER & FOOTER ADMIN PANELİYLE TAM UYUMLU DÜZEN
   ================================================================ */
.header-desktop-infobar {
    background: transparent !important;
    box-shadow: none !important;
}

.header-desktop-infobar-item {
    border-radius: 14px !important;
}

.dropdown-menu,
.second-level-menu,
.third-level-menu,
.sablon2-level-menu,
.user-drop,
.cart-drop,
.bell-drop,
.currency-drop {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
}

.dropdown-menu a,
.second-level-menu li a,
.third-level-menu li a,
.sablon2-level-menu a,
.dropdown-cart-itembox-content-t-1,
.dropdown-cart-priceTotal-l,
.dropdown-cart-priceTotal-r,
.dropdown-cart-header,
.dropdown-userarea-header {
    color: #111827 !important;
}

.dropdown-user-area-header a.button-blue,
.dropdown-menu a.button-blue {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 1px solid #111827 !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
}

.dropdown-user-area-header a.button-blue:hover,
.dropdown-menu a.button-blue:hover {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}

.dropdown-user-area-header a.button-green,
.dropdown-menu a.button-green {
    background-color: #ffffff !important;
    color: #111827 !important;
    border: 1.5px solid #111827 !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
}

.dropdown-user-area-header a.button-green:hover,
.dropdown-menu a.button-green:hover {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
}

.dropdown-menu a.button-black,
.dropdown-menu a.button-dark,
.dropdown-menu a.button-pink {
    color: #ffffff !important;
}

/* Header & Footer Beyaz Arka Plan + Siyah Yazı */
.header-main-div,
.topheader-desktop-main-div,
.top-level-menu-main-div,
.header-desktop-infobar-item {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #111827 !important;
}

.topheader-desktop-main-div a,
.topheader-desktop-main-div a *,
.topheader-lang-currency-box a,
.header-desktop-infobar-item-title,
.header-desktop-infobar-item-text,
.header-desktop-infobar-item-link,
.header-desktop-navbutton-box a,
.header-desktop-navbutton-box a *,
.header-desktop-navbutton-box i,
.header-desktop-navbutton-box-t,
.top-level-menu > li > a,
.top-level-menu > li > a span {
    color: #111827 !important;
}

.top-level-menu > li > a:hover,
.top-level-menu > li > a:hover span,
.header-desktop-navbutton-box a:hover,
.header-desktop-navbutton-box a:hover * {
    color: #2563eb !important;
}

.footer-module-main-div,
.footer-module-main-div-in,
.footer-module-inside-area {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

.footer-module-main-div *,
.footer-module-main-div a,
.footer-module-main-div a * {
    color: #111827 !important;
}

.footer-module-main-div a:hover,
.footer-module-main-div a:hover * {
    color: #2563eb !important;
}

/* Çerezler Modalı (.cc-window) Temiz Beyaz & Siyah Yazı */
.cc-window,
.cc-window.cc-floating {
    background-color: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14) !important;
    max-width: 340px !important;
    z-index: 9999 !important;
}

.cc-window .cc-message,
.cc-window .cc-link {
    color: #111827 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}

.cc-window .cc-btn {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 1px solid #111827 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.cc-window .cc-btn:hover {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Header Alt Menü (.second-level-menu) Geniş 3 Sütun & Bevitton Siyah/Beyaz */
ul.top-level-menu > li > ul.second-level-menu,
.second-level-menu {
    width: max-content !important;
    min-width: 860px !important;
    max-width: 92vw !important;
    max-height: none !important;
    left: 0 !important;
    right: auto !important;
    overflow: visible !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    padding: 14px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.16) !important;
    z-index: 999 !important;
}

ul.top-level-menu > li:hover > ul.second-level-menu,
.top-level-menu li:hover > .second-level-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(240px, auto)) !important;
    gap: 6px 14px !important;
}

.second-level-menu > li {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.second-level-menu > li > a {
    display: block !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.second-level-menu > li > a,
.second-level-menu > li > a p {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.second-level-menu > li:hover,
.second-level-menu > li:hover > a {
    background-color: #111827 !important;
}

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

/* Bevitton Logo Uyumu: İkonlar & Hoverlar Antrasit/Siyah */
.topheader-desktop-main-left a i,
.topheader-desktop-main-right a i,
.topheader-lang-currency-box a i,
.top-level-menu > li i,
.header-desktop-navbutton-box i {
    color: #4b5563 !important;
}

.topheader-desktop-main-left a:hover,
.topheader-desktop-main-right a:hover,
.topheader-lang-currency-box a:hover,
.top-level-menu > li > a:hover,
.top-level-menu > li > a:hover span,
.header-desktop-navbutton-box a:hover,
.header-desktop-navbutton-box a:hover *,
.footer-module-main-div a:hover,
.footer-module-main-div a:hover * {
    color: #000000 !important;
}

.footer-module-main-div i {
    color: #374151 !important;
}

/* Kategori Sayfası Şık Beyaz Mikro-Animasyonlar & Görünüm İkonları */
@keyframes bvtCatFadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.cat-detail-main-div .cat-left-box-main,
.cat-detail-main-div .cat-right-elements-top {
    animation: bvtCatFadeUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cat-detail-products-box,
.cat-detail-products-box-list,
.cat-detail-products-box-big {
    animation: bvtCatFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.28s ease !important;
}

.cat-detail-products-box:hover,
.cat-detail-products-box-list:hover,
.cat-detail-products-box-big:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 34px rgba(17, 24, 39, 0.09) !important;
    border-color: #111827 !important;
}

.cat-detail-products-box-img img,
.cat-detail-products-box-img-list img,
.cat-detail-products-box-img-big img {
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.cat-detail-products-box:hover .cat-detail-products-box-img img,
.cat-detail-products-box-list:hover .cat-detail-products-box-img-list img,
.cat-detail-products-box-big:hover .cat-detail-products-box-img-big img {
    transform: scale(1.04) !important;
}

.category-sub-design-box > li {
    transition: background-color 0.2s ease, padding-left 0.2s ease !important;
}

.category-sub-design-box > li:hover {
    padding-left: 6px !important;
}

.cat-right-elements-right-liste {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.cat-right-elements-right-liste a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
}

.cat-right-elements-right-liste a:hover {
    border-color: #111827 !important;
    background-color: #f3f4f6 !important;
}

/* Kategori kartlari hafif yari saydam olsun ki arka plan canvas animasyonu her yerden hissedilsin */
.cat-left-main-div,
.cat-right-elements-out,
.cat-detail-products-box-c,
.cat-detail-products-box,
.urun-detay-sag-alan,
.urun-detay-tab-alan {
    background-color: rgba(255, 255, 255, 0.84) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* Mobil Alt Sabit Navigasyon (.fixed-foot-navigation) - Bevitton Beyaz/Siyah Tema */
.fixed-foot-navigation {
    background-color: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08) !important;
    z-index: 990 !important;
}

.fixed-foot-navigation-in-box,
.fixed-foot-navigation-in-box i {
    color: #111827 !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.fixed-foot-navigation-in-box:hover,
.fixed-foot-navigation-in-box:active {
    color: #000000 !important;
    background-color: #f3f4f6 !important;
    border-radius: 10px !important;
}

.fixed-foot-navigation .header-desktop-navbutton-box-count-cart {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 1.5px solid #ffffff !important;
}

@media (max-width: 991px) {
    body {
        padding-bottom: 64px !important;
    }
    .bvt-u-fab {
        bottom: 76px !important;
        right: 14px !important;
        padding: 9px 14px !important;
        font-size: 12.5px !important;
        z-index: 985 !important;
    }
    .cc-window.cc-floating {
        bottom: 132px !important;
        right: 14px !important;
        left: 14px !important;
        max-width: calc(100vw - 28px) !important;
    }

    /* Mobil Header, Logo, Hamburger Buton & Mobil Footer - Beyaz/Siyah Tema */
    .mobile-top-header-main,
    .mobile-header-main-area,
    .mobile-header-main-ust {
        background-color: #ffffff !important;
        color: #111827 !important;
        border-bottom: 1px solid #e5e7eb !important;
    }
    .mobile-top-header-links-area a,
    .mobil-top-header-lang-currency a,
    .mobil-header-select-area,
    .mobil-header-select-area i,
    .mobile-top-header-main a,
    .mobile-top-header-main i,
    .mobile-header-icons,
    .mobile-header-icons i {
        color: #111827 !important;
    }
    .mobile-header-bars {
        background-color: #ffffff !important;
        color: #111827 !important;
        border: 1px solid #d1d5db !important;
        border-radius: 8px !important;
    }
    .mobile-header-bars label,
    .mobile-header-bars i {
        background-color: transparent !important;
        color: #111827 !important;
        border: 0 !important;
    }
    .mobile-header-bars:hover {
        background-color: #f3f4f6 !important;
        border-color: #111827 !important;
    }
    .mobile-header-logo,
    .mobile-header-logo a,
    .mobile-header-logo img,
    .mobile-header-logo-tablet-pro img {
        display: inline-flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: 42px !important;
        width: auto !important;
    }
    .mobile_side_wrap {
        background-color: #ffffff !important;
        color: #111827 !important;
    }
    .mobile_side_wrap a,
    .mobile_side_wrap i,
    .mobile_side_wrap_in_categories_main a {
        color: #111827 !important;
    }
    .mobile_side_wrap_in_close label {
        background-color: #111827 !important;
        color: #ffffff !important;
        border-radius: 8px !important;
    }
    .mobile_side_wrap_in_close label i,
    .mobile_side_wrap_in_close i {
        color: #ffffff !important;
    }
    .mobile_side_wrap_in_search input {
        background-color: #f9fafb !important;
        color: #111827 !important;
        border: 1px solid #e5e7eb !important;
    }
    #categories-parent-main > li > a,
    #categories-parent-main .parent > a,
    #categories-parent-main .parent.open > a,
    .mobile_side_wrap_in_categories_main > ul > li > a {
        background-color: #ffffff !important;
        color: #111827 !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }
    #categories-parent-main .parent.open > a,
    #categories-parent-main > li > a:hover,
    #categories-parent-main .parent > a:hover {
        background-color: #f3f4f6 !important;
        color: #000000 !important;
        font-weight: 700 !important;
    }
    #categories-parent-main .parent.open > a i,
    #categories-parent-main .parent > a i {
        color: #111827 !important;
        background-color: transparent !important;
    }
    .footer-module-main-div,
    .footer-module-box-logo,
    .footer-module-box-logo img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}