/**
 * Cafemarkt tarzı masaüstü header (beyaz alan, mavi arama, ikonlu üst menü).
 * site_style.css sonrası yüklenir.
 */
@media screen and (min-width: 992px) {
    /*
     * Üst menü + “Tüm Kategoriler” mega: kategori yazıları — geometrik sans (Montserrat, referans görsel).
     * İkonlar (Line Awesome / FA) kendi font-family kurallarını korur.
     */
    .header-nav-cafemarkt-row .header-top-nav-titleline,
    .header-nav-cafemarkt-row .header-top-nav-title,
    .header-nav-all-cats-btn,
    .ce-all-cats-side-link,
    .ce-all-cats-side-t,
    .ce-all-cats-col-title,
    .ce-all-cats-col-link,
    .header-nav-cafemarkt-row .second-level-menu,
    .header-nav-cafemarkt-row .second-level-menu a,
    .header-nav-cafemarkt-row .second-level-menu p,
    .header-nav-cafemarkt-row .third-level-menu,
    .header-nav-cafemarkt-row .third-level-menu a,
    .header-nav-cafemarkt-row .sablon2-level-menu,
    .header-nav-cafemarkt-row .sablon2-level-menu a {
        font-family: "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif !important;
    }

    .header-main-div.header-layout-cafemarkt {
        background-color: #ffffff !important;
        overflow: visible !important;
    }

    /* Arama #searchBox/.results alt menüden (z-50) düşük kaldığında kategori şeridi panelin üstüne biniyordu */
    .header-layout-cafemarkt .desktop-header-area {
        overflow: visible !important;
        position: relative;
        z-index: 70;
        background: #ffffff !important;
    }

    /* Menü açıkken tüm sayfayı karartan örtü — cafemarkt’ta tamamen kapalı */
    .header-layout-cafemarkt .dropdown-overlay-show {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .header-layout-cafemarkt .header-desktop-main-div {
        border-bottom: 1px solid #ececec;
        padding-bottom: 8px;
        background: #ffffff !important;
    }

    .header-layout-cafemarkt .header-desktop-navbutton-box a {
        color: #1a1a1a !important;
    }

    .header-layout-cafemarkt .header-desktop-navbutton-box a:hover {
        color: #0d47a1 !important;
    }

    .header-layout-cafemarkt .header-desktop-navbutton-box-count,
    .header-layout-cafemarkt .header-desktop-navbutton-box-count-cart {
        background: #1a73e8 !important;
        color: #fff !important;
        border: none !important;
    }

    .header-layout-cafemarkt .header-desktop-navbutton-box-t {
        font-size: 11px;
        font-weight: 500;
        color: #757575 !important;
    }

    .header-layout-cafemarkt .header-desktop-call-t-1 {
        color: #757575;
    }

    .header-layout-cafemarkt .header-desktop-call-t-2,
    .header-layout-cafemarkt .header-desktop-call-t-2 a {
        color: #1a1a1a !important;
    }

    .header-layout-cafemarkt .header-desktop-call-i,
    .header-layout-cafemarkt .header-desktop-call-i i {
        color: #1a1a1a !important;
    }

    /* Arama: koyu gri çerçeve + neredeyse siyah buton (mavi yerine) */
    .header-layout-cafemarkt .header-desktop-search1 form {
        position: relative;
        display: block;
        --ce-search-border: #4a4a4a;
        --ce-search-border-focus: #1f1f1f;
        --ce-search-btn: #1a1a1a;
        --ce-search-btn-hover: #2d2d2d;
    }

    .header-layout-cafemarkt .header-desktop-search1 form input {
        min-width: min(560px, 42vw) !important;
        height: 44px !important;
        border: 2px solid var(--ce-search-border) !important;
        border-radius: 8px !important;
        padding: 0 54px 0 18px !important;
        background: #fff !important;
        font-size: 14px !important;
    }

    .header-layout-cafemarkt .header-desktop-search1 form input:focus {
        border-color: var(--ce-search-border-focus) !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .header-layout-cafemarkt .header-desktop-search1 form button {
        position: absolute !important;
        right: 6px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin-top: 0 !important;
        width: 40px !important;
        height: 34px !important;
        border-radius: 6px !important;
        background: var(--ce-search-btn) !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        border: none !important;
        cursor: pointer !important;
        transition: background-color 0.15s ease !important;
    }

    .header-layout-cafemarkt .header-desktop-search1 form button:hover {
        background: var(--ce-search-btn-hover) !important;
    }

    .header-layout-cafemarkt .header-desktop-search1 form button i,
    .header-layout-cafemarkt .header-desktop-search1 form button {
        color: #fff !important;
    }

    /* Alt navigasyon: 3. görsel gibi TEK SATIR, yan yana sıralı (flex) */
    /* Konum referansı burada: tam genişlik şerit → mega menü left:50% gerçekten ortalanır. */
    .header-nav-cafemarkt-row.top-level-menu-main-div {
        padding-top: 12px !important;
        padding-bottom: 16px !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        /* Üst şeritte zaten border-bottom var; burada border-top çift çizgi + hover üstünde koyu hat */
        border-top: none !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 50;
    }

    /* Kategori listesi: menü ile breadcrumb arası boşluk (genel sayfalara dokunmaz) */
    body.page-cat-detail .header-nav-cafemarkt-row.top-level-menu-main-div {
        padding-top: 8px !important;
        padding-bottom: 4px !important;
    }

    .header-nav-cafemarkt-row .top-level-menu-main-div-in {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        /* Tüm Kategoriler + üst menü + ek buton tek blok gibi yatayda ortada */
        justify-content: center;
        gap: 8px 10px;
        width: 100%;
        max-width: 100%;
        overflow-x: visible !important;
        overflow-y: visible;
    }

    .header-nav-cafemarkt-row .top-level-menu {
        position: static !important;
    }

    /* Mega fixed: açılım yalnızca <a> veya açık panel üzerinde (li genişliğinde erken tetiklenmesin) */
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have {
        position: relative !important;
    }

    .header-nav-all-cats-wrap {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        align-self: center;
    }

    /* Cafemarkt: ince siyah çerçeve, beyaz zemin */
    .header-nav-all-cats-btn {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        padding: 6px 7px;
        min-height: 56px;
        box-sizing: border-box;
        border: 1px solid #1a1a1a;
        border-radius: 4px;
        color: #111 !important;
        font-size: 11.5px;
        font-weight: 600;
        text-decoration: none !important;
        background: #ffffff !important;
        box-shadow: none;
        transition: background-color 0.15s ease, border-color 0.15s ease;
        white-space: nowrap;
    }

    .header-nav-all-cats-btn:hover {
        background: #ffffff !important;
        border-color: #000;
        color: #000 !important;
        text-decoration: none !important;
    }

    .header-nav-all-cats-btn i.las {
        font-size: 19px;
        color: #111;
    }

    .header-nav-all-cats-btn .fa-angle-down {
        font-size: 13px;
        opacity: 0.75;
        margin-left: 2px;
        color: #333;
    }

    /* flex:1 verilirse satır sola yapışır; içerik genişliği + justify-content:center → blok ortada */
    .header-nav-cafemarkt-row .head-new-area-left {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        display: flex;
        align-items: center;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .header-nav-cafemarkt-row .head-new-area-right {
        flex: 0 0 auto;
        align-self: center;
    }

    .header-nav-cafemarkt-row .top-level-menu > li > a > span.header-top-nav-link-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 0 !important;
        column-gap: 0 !important;
        max-width: none !important;
        text-align: left !important;
    }

    .header-nav-cafemarkt-row .top-level-menu {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start !important;
        gap: 2px 4px !important;
        column-gap: 4px !important;
        row-gap: 6px !important;
        /* width:100% üst kapsayıcıyı şişirir; auto ile blok ortalanırken Tüm Kategoriler’e bitişik kalır */
        width: auto !important;
        max-width: 100% !important;
        flex: 0 1 auto;
        min-width: 0;
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .header-nav-cafemarkt-row .top-level-menu > li {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        min-width: auto !important;
        max-width: none;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .header-nav-cafemarkt-row .top-level-menu > li:hover {
        background-color: transparent !important;
    }

    /* Tek satır hizada: sabit yükseklik, ikon sütunu sabit genişlik */
    .header-nav-cafemarkt-row .top-level-menu > li > a {
        display: flex !important;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        align-self: stretch;
        height: auto;
        min-height: 56px;
        min-width: auto;
        width: auto;
        max-width: none;
        box-sizing: border-box;
        padding: 4px 1px !important;
        border-radius: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
        transition: background-color 0.15s ease;
    }

    .header-nav-cafemarkt-row .top-level-menu > li > a:hover,
    .header-nav-cafemarkt-row .top-level-menu > li:hover > a {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none;
        border-radius: 0 !important;
    }

    /* Gri/bej hover yok; style.css altın tonu da baskın */
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li > a {
        box-shadow: none !important;
        background: transparent !important;
        transition: color 0.15s ease, opacity 0.15s ease !important;
    }

    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li > a:hover,
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li:hover > a {
        background: transparent !important;
    }

    .header-nav-cafemarkt-row .top-level-menu > li > a,
    .header-nav-cafemarkt-row .top-level-menu > li > a span,
    .header-nav-cafemarkt-row .top-level-menu > li span {
        color: #111 !important;
    }

    .header-nav-cafemarkt-row .top-level-menu > li:hover > a,
    .header-nav-cafemarkt-row .top-level-menu > li:hover > a span,
    .header-nav-cafemarkt-row .top-level-menu > li > a:hover,
    .header-nav-cafemarkt-row .top-level-menu > li > a:hover span {
        color: #000 !important;
    }

    .header-nav-cafemarkt-row .header-top-nav-link-inner {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0 0 !important;
        width: auto;
        max-width: none !important;
        min-width: auto;
        min-height: 54px;
    }

    /*
     * style.css .top-level-menu > li > a > span (sadece sarmalayıcı); eski kural tüm iç span'lara uygulanıyordu.
     * tüm iç span’lara uygulanıyor → başlık kutusu çöküyor. Burada sıfırla.
     */
    .header-nav-cafemarkt-row .top-level-menu > li > a span.header-top-nav-icon-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        font-size: 32px !important;
        width: 1em !important;
        min-width: 1em !important;
        max-width: 1em !important;
        padding: 0 !important;
        margin: 0 2px 0 0 !important;
        gap: 0 !important;
    }

    /*
     * İki satır (ör. Endüstriyel / Mutfak) — referans gibi yatay kelimeler.
     * min-width:0 + dar max-width flex’te kutuyu çökertip harf dikey dizdiriyordu.
     */
    .header-nav-cafemarkt-row .top-level-menu > li > a span.header-top-nav-titleline {
        display: block !important;
        align-items: unset !important;
        justify-content: unset !important;
        flex-wrap: unset !important;
        gap: 0 !important;
        flex-shrink: 0 !important;
        min-width: 0 !important;
        max-width: 11.5ch !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-nav-cafemarkt-row .top-level-menu > li > a span.header-top-nav-title {
        display: block !important;
        align-items: unset !important;
        justify-content: unset !important;
        flex-wrap: unset !important;
        gap: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* İkonlar aynı dikey eksende */
    .header-nav-cafemarkt-row .header-top-nav-icon-wrap {
        flex-shrink: 0;
        font-size: 32px;
        width: 1em;
        min-width: 1em;
        max-width: 1em;
        height: 56px;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        border-radius: 0;
        background: transparent !important;
        border: none !important;
        align-self: center;
    }

    .header-nav-cafemarkt-row .header-top-nav-icon {
        font-size: 32px;
        line-height: 1;
        color: #111 !important;
        display: block;
    }

    /* Endüstriyel mutfak: SVG — :root değişkeni header_libs.php (site_url + ?v=filemtime) */
    .header-nav-cafemarkt-row i.ce-nav-icon-chef-hat.header-top-nav-icon {
        font-style: normal;
        speak: none;
        display: block;
        width: 1em;
        height: 1em;
        background: var(--ce-nav-svg-endustriyel-mutfak, url("../img/header-nav/endustriyel-mutfak.svg")) center / contain no-repeat;
    }

    .header-nav-cafemarkt-row i.ce-nav-icon-chef-hat.header-top-nav-icon::before {
        content: none !important;
    }

    /* İçecek ekipmanları: özel SVG — assets/img/header-nav/icecek-ekipmanlari.svg */
    .header-nav-cafemarkt-row i.ce-nav-icon-icecek-ekip.header-top-nav-icon {
        font-style: normal;
        speak: none;
        display: block;
        width: 1em;
        height: 1em;
        background: var(--ce-nav-svg-icecek-ekipmanlari, url("../img/header-nav/icecek-ekipmanlari.svg")) center / contain no-repeat;
    }

    .header-nav-cafemarkt-row i.ce-nav-icon-icecek-ekip.header-top-nav-icon::before {
        content: none !important;
    }

    /* Kahve makineleri: özel SVG — assets/img/header-nav/kahve-makineleri.svg */
    .header-nav-cafemarkt-row i.ce-nav-icon-kahve.header-top-nav-icon {
        font-style: normal;
        speak: none;
        display: block;
        width: 1em;
        height: 1em;
        background: var(--ce-nav-svg-kahve-makineleri, url("../img/header-nav/kahve-makineleri.svg")) center / contain no-repeat;
    }

    .header-nav-cafemarkt-row i.ce-nav-icon-kahve.header-top-nav-icon::before {
        content: none !important;
    }

    .header-nav-cafemarkt-row .header-top-nav-titleline {
        flex: 0 0 auto;
        line-height: 1.14;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
    }

    .header-nav-cafemarkt-row .header-top-nav-title {
        font-size: inherit;
        font-weight: inherit;
        text-align: left;
        line-height: 1.14;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
    }

    .header-nav-cafemarkt-row .header-top-nav-link-inner > .header-top-nav-chevron {
        flex-shrink: 0 !important;
        align-self: center !important;
        display: inline-block !important;
        font-size: 11px;
        line-height: 1;
        margin: 0 0 0 1px !important;
        padding: 0;
        opacity: 0.75;
        color: #333 !important;
        vertical-align: middle;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }

    .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have > a:hover .header-top-nav-chevron,
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have:has(> ul.second-level-menu:hover) .header-top-nav-chevron,
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have:has(> ul.sablon2-level-menu:hover) .header-top-nav-chevron {
        transform: translateY(1px);
        opacity: 1;
    }

    @media screen and (min-width: 1400px) {
        .header-nav-cafemarkt-row .top-level-menu {
            gap: 0 !important;
            column-gap: 0 !important;
        }

        .header-nav-cafemarkt-row .top-level-menu > li > a {
            padding: 4px 1px !important;
        }

        .header-nav-cafemarkt-row .header-top-nav-titleline {
            font-size: 13.5px;
        }

        .header-nav-cafemarkt-row .header-top-nav-icon {
            font-size: 34px;
        }

        .header-nav-cafemarkt-row .top-level-menu > li > a span.header-top-nav-icon-wrap,
        .header-nav-cafemarkt-row .header-top-nav-icon-wrap {
            font-size: 34px !important;
            height: 60px;
        }

        .header-nav-all-cats-btn {
            font-size: 12px;
            padding: 7px 8px;
            min-height: 60px;
        }
    }

    @media screen and (min-width: 1600px) {
        .header-nav-cafemarkt-row .header-top-nav-titleline {
            font-size: 14px;
        }

        .header-nav-cafemarkt-row .header-top-nav-icon {
            font-size: 36px;
        }

        .header-nav-cafemarkt-row .top-level-menu > li > a span.header-top-nav-icon-wrap,
        .header-nav-cafemarkt-row .header-top-nav-icon-wrap {
            font-size: 36px !important;
            height: 62px;
        }

        .header-nav-cafemarkt-row .top-level-menu > li > a span.header-top-nav-titleline {
            max-width: 12.5ch !important;
            min-width: 0 !important;
        }

        .header-nav-cafemarkt-row .header-top-nav-link-inner {
            gap: 0 0 !important;
        }

        .header-nav-all-cats-btn {
            min-height: 62px;
        }
    }

    /* —— Tüm Kategoriler: Cafemarkt tarzı hover mega menü —— */
    .ce-all-cats-wrap {
        position: relative;
        z-index: 120;
    }

    /* Buton ile mega panel arasındaki küçük boşluk hover'ı düşürmesin */
    .ce-all-cats-wrap::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 10px;
        background: transparent;
    }

    .ce-all-cats-mega {
        display: none;
        position: absolute;
        left: 0;
        top: calc(100% + 4px);
        min-width: min(920px, calc(100vw - 48px));
        max-width: min(1100px, calc(100vw - 32px));
        max-height: min(72vh, 560px);
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
        overflow: visible;
        text-align: left;
    }

    .ce-all-cats-mega-inner {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        min-height: 280px;
        max-height: min(72vh, 560px);
    }

    .ce-all-cats-wrap:hover .ce-all-cats-mega,
    .ce-all-cats-wrap:focus-within .ce-all-cats-mega {
        display: block;
    }

    .ce-all-cats-wrap:hover .header-nav-all-cats-btn,
    .ce-all-cats-wrap:focus-within .header-nav-all-cats-btn {
        background: #ffffff !important;
    }

    .ce-all-cats-sidebar {
        width: 280px;
        min-width: 280px;
        max-height: min(72vh, 560px);
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 3px solid #2d2d2d;
        background: #fafafa;
    }

    .ce-all-cats-flyout-col {
        flex: 1 1 auto;
        min-width: 0;
        position: relative;
        background: #ffffff;
        max-height: min(72vh, 560px);
    }

    .ce-all-cats-side-row {
        position: relative;
        border-bottom: 1px solid #ececec;
    }

    .ce-all-cats-side-row:last-child {
        border-bottom: none;
    }

    .ce-all-cats-side-link {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 600;
        color: #1a1a1a !important;
        text-decoration: none !important;
        background: transparent;
        transition: background-color 0.12s ease, color 0.12s ease;
    }

    .ce-all-cats-side-ico {
        flex: 0 0 22px;
        width: 22px;
        text-align: center;
        font-size: 17px;
        line-height: 1;
        color: #111;
    }

    .ce-all-cats-side-ico i.ce-nav-icon-chef-hat {
        font-style: normal;
        speak: none;
        display: inline-block;
        width: 1em;
        height: 1em;
        vertical-align: middle;
        background: var(--ce-nav-svg-endustriyel-mutfak, url("../img/header-nav/endustriyel-mutfak.svg")) center / contain no-repeat;
    }

    .ce-all-cats-side-ico i.ce-nav-icon-chef-hat::before {
        content: none !important;
    }

    .ce-all-cats-side-row--has-flyout:hover .ce-all-cats-side-ico i.ce-nav-icon-chef-hat,
    .ce-all-cats-side-row--flyout-open .ce-all-cats-side-ico i.ce-nav-icon-chef-hat {
        filter: brightness(0) invert(1);
    }

    .ce-all-cats-side-ico i.ce-nav-icon-icecek-ekip {
        font-style: normal;
        speak: none;
        display: inline-block;
        width: 1em;
        height: 1em;
        vertical-align: middle;
        background: var(--ce-nav-svg-icecek-ekipmanlari, url("../img/header-nav/icecek-ekipmanlari.svg")) center / contain no-repeat;
    }

    .ce-all-cats-side-ico i.ce-nav-icon-icecek-ekip::before {
        content: none !important;
    }

    .ce-all-cats-side-row--has-flyout:hover .ce-all-cats-side-ico i.ce-nav-icon-icecek-ekip,
    .ce-all-cats-side-row--flyout-open .ce-all-cats-side-ico i.ce-nav-icon-icecek-ekip {
        filter: brightness(0) invert(1);
    }

    .ce-all-cats-side-ico i.ce-nav-icon-kahve {
        font-style: normal;
        speak: none;
        display: inline-block;
        width: 1em;
        height: 1em;
        vertical-align: middle;
        background: var(--ce-nav-svg-kahve-makineleri, url("../img/header-nav/kahve-makineleri.svg")) center / contain no-repeat;
    }

    .ce-all-cats-side-ico i.ce-nav-icon-kahve::before {
        content: none !important;
    }

    .ce-all-cats-side-row--has-flyout:hover .ce-all-cats-side-ico i.ce-nav-icon-kahve,
    .ce-all-cats-side-row--flyout-open .ce-all-cats-side-ico i.ce-nav-icon-kahve {
        filter: brightness(0) invert(1);
    }

    .ce-all-cats-side-t {
        flex: 1 1 auto;
        line-height: 1.25;
    }

    .ce-all-cats-side-row--has-flyout:hover .ce-all-cats-side-link,
    .ce-all-cats-side-row--flyout-open .ce-all-cats-side-link {
        background: #252525 !important;
        color: #ffffff !important;
    }

    .ce-all-cats-side-row--has-flyout:hover .ce-all-cats-side-ico,
    .ce-all-cats-side-row--flyout-open .ce-all-cats-side-ico {
        color: #ffffff !important;
    }

    /* Sağ panel: sidebar overflow kesmediği için burada gösterilir (JS: ce-all-cats-flyout--open) */
    .ce-all-cats-flyout {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background: #ffffff;
        z-index: 1;
    }

    .ce-all-cats-flyout.ce-all-cats-flyout--open {
        display: block;
    }

    .ce-all-cats-flyout-inner {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px 20px;
        padding: 16px 18px 20px;
        align-content: start;
    }

    @media screen and (max-width: 1200px) {
        .ce-all-cats-flyout-inner {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .ce-all-cats-col {
        min-width: 0;
    }

    .ce-all-cats-col-title {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: #1a1a1a !important;
        text-decoration: none !important;
        margin-bottom: 6px;
        line-height: 1.3;
    }

    .ce-all-cats-col-title:hover {
        text-decoration: underline !important;
    }

    .ce-all-cats-col-link {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #333 !important;
        text-decoration: none !important;
        padding: 3px 0;
        line-height: 1.35;
    }

    .ce-all-cats-col-link:hover {
        color: #000 !important;
    }

    /*
     * --ce-mega-menu-top: şerit altı. Küçük köprü: fare boşlukta li:hover düşmesin (fixed mega li yüksekliğini büyütmez).
     */
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li > ul.second-level-menu {
        --ce-mega-bridge: 10px;
        /* Tek dikey sütun: yan yana 5–6 sütun dağınık görünmesin; tüm gruplar alt alta, dar okunaklı panel */
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
        align-items: stretch !important;
        justify-content: start !important;
        gap: 18px 0 !important;
        position: fixed !important;
        /* Yatay: viewport ortası değil — hover edilen sekmenin altında (JS: --ce-mega-anchor-cx) */
        left: var(--ce-mega-anchor-cx, 50%) !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateX(-50%) !important;
        width: min(580px, calc(100vw - 32px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;
        padding: calc(14px + var(--ce-mega-bridge)) 18px 20px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: min(78vh, calc(100vh - var(--ce-mega-menu-top, 188px) - 20px + var(--ce-mega-bridge))) !important;
        top: calc(var(--ce-mega-menu-top, 188px) - var(--ce-mega-bridge)) !important;
        bottom: auto !important;
        z-index: 1000 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        box-shadow: none !important;
        border: 1px solid #e8e8e8 !important;
        /* Köprü ile yukarı taşındığında üst çerçeve hover şeridinde koyu çizgi/gölge gibi durur */
        border-top: none !important;
        border-radius: 10px !important;
        transition: opacity 0.18s ease, visibility 0.18s ease !important;
    }

    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have:hover > ul.second-level-menu,
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have > a:hover ~ ul.second-level-menu,
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have > ul.second-level-menu:hover {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        box-shadow: none !important;
    }

    /*
     * Şablon 2 (HTML içerik / geniş mega): varsayılan left:0 + li:relative → soldaki sekmeye yapışıyordu.
     * Şablon 1 ile aynı: fixed + viewport ortası (--ce-mega-menu-top).
     */
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li > ul.sablon2-level-menu {
        --ce-mega-bridge: 10px;
        position: fixed !important;
        left: var(--ce-mega-anchor-cx, 50%) !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateX(-50%) !important;
        width: min(1300px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: min(78vh, calc(100vh - var(--ce-mega-menu-top, 188px) - 20px + var(--ce-mega-bridge))) !important;
        padding-top: calc(12px + var(--ce-mega-bridge)) !important;
        top: calc(var(--ce-mega-menu-top, 188px) - var(--ce-mega-bridge)) !important;
        bottom: auto !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        z-index: 1000 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        box-shadow: none !important;
        border: 1px solid #e8e8e8 !important;
        border-top: none !important;
        border-radius: 10px !important;
        display: flex !important;
        justify-content: flex-start !important;
        transition: opacity 0.18s ease, visibility 0.18s ease !important;
    }

    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have:hover > ul.sablon2-level-menu,
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have > a:hover ~ ul.sablon2-level-menu,
    .header-layout-cafemarkt .header-nav-cafemarkt-row .top-level-menu > li.dropdown-sub-have > ul.sablon2-level-menu:hover {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        box-shadow: none !important;
    }

    .header-nav-cafemarkt-row .second-level-menu > li {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
        border-bottom: none !important;
        padding: 0 2px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        gap: 6px !important;
    }

    .header-nav-cafemarkt-row .second-level-menu > li > a {
        display: block !important;
        flex: 0 0 auto !important;
        padding: 0 0 6px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    }

    .header-nav-cafemarkt-row .second-level-menu > li > a > p {
        margin: 0 !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }

    .header-nav-cafemarkt-row .second-level-menu > li > ul.third-level-menu {
        position: static !important;
        top: auto !important;
        left: auto !important;
        margin: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        max-height: min(68vh, 500px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Sadece üst kategori hover iken görünsün (visibility:visible global vermek üst gizliyken sızıntı yapıyordu). */
    .header-nav-cafemarkt-row .top-level-menu > li:hover > ul.second-level-menu > li > ul.third-level-menu {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .header-nav-cafemarkt-row .second-level-menu > li > ul.third-level-menu > li {
        display: block !important;
        width: 100% !important;
        padding: 3px 0 !important;
        border-bottom: none !important;
        flex-shrink: 0 !important;
    }

    .header-nav-cafemarkt-row .second-level-menu > li > ul.third-level-menu > li > a {
        display: block !important;
        width: 100% !important;
        padding: 2px 0 !important;
        border: none !important;
        border-radius: 0 !important;
    }

    .header-nav-cafemarkt-row .second-level-menu > li > ul.third-level-menu > li > a > p {
        display: block !important;
        margin: 0 !important;
    }

    /* Mega: style.css’teki 18px/48px blur yukarı sızıyordu; kaynak kural kapatıldı — burada da sıfırla */
    .header-main-div.header-layout-cafemarkt .header-nav-cafemarkt-row.top-level-menu-main-div ul.second-level-menu,
    .header-main-div.header-layout-cafemarkt .header-nav-cafemarkt-row.top-level-menu-main-div ul.sablon2-level-menu {
        box-shadow: none !important;
        filter: none !important;
    }
}