/* Premium Beyaz: restore the theme's illustrated category menu. */
body[data-three-design="premium-beyaz"] .sf-header-secondary {
    position: relative;
    gap: 20px;
}
body[data-three-design="premium-beyaz"] .sf-beyaz-menu {
    position: static !important;
    flex: 1 1 0;
    min-width: 0;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    isolation: auto !important;
}
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-mega-category-inner {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
    gap: 0 6px !important;
    min-height: 42px !important;
}
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-mega-cat-item {
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-mega-cat-link {
    min-width: 0;
    min-height: 42px !important;
    padding-inline: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}
body[data-three-design="premium-beyaz"] .sf-beyaz-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}
body[data-three-design="premium-beyaz"] .sf-beyaz-menu-toggle svg { width: 12px; height: 12px; }
body[data-three-design="premium-beyaz"] .sf-beyaz-menu-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-cat-mega-panel {
    top: var(--sf-menu-top, 100%) !important;
    max-height: min(520px, calc(100dvh - var(--sf-menu-viewport-top, 200px) - 12px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-width: 0;
}
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-mega-cat-item.has-children::after { display: none !important; }
/* JS owns the open state, so Escape also closes a hovered panel. */
body[data-three-design="premium-beyaz"] .sf-beyaz-menu.is-enhanced .tbp-mega-cat-item:hover > .tbp-cat-mega-panel { display: none !important; }
body[data-three-design="premium-beyaz"] .sf-beyaz-menu.is-enhanced .tbp-mega-cat-item.is-open > .tbp-cat-mega-panel { display: grid !important; }
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-cat-mega-card-title,
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-cat-mega-feature-content strong { overflow-wrap: anywhere; }
body[data-three-design="premium-beyaz"] .sf-beyaz-menu .tbp-cat-mega-grid { min-width: 0; }
@media (max-width: 900px) {
    /* The existing catalog button retains the full category tree on mobile. */
    body[data-three-design="premium-beyaz"] .sf-beyaz-menu { display: none !important; }
}


/* 3E_PB_MOBILE_HEADER_CATEGORIES_START */

/*
 * Desktop'ta ayrı mobil katalog butonu görünmez.
 */
body[data-three-design="premium-beyaz"]
.sf-mobile-category-catalog {
    display: none;
}


@media (max-width: 900px) {

    /*
     * Desktop mega category row mobilde gizli kalır.
     * Yerine tam kategori ağacını açan Kategoriler butonu gelir.
     */
    body[data-three-design="premium-beyaz"]
    .sf-beyaz-menu {
        display: none !important;
    }


    body[data-three-design="premium-beyaz"]
    .sf-mobile-category-catalog {
        display: block !important;

        order: 2 !important;

        flex: 1 1 100% !important;

        width: 100% !important;

        min-width: 0 !important;

        position: relative !important;
    }


    /*
     * Arama önce, kategoriler hemen altında.
     */
    body[data-three-design="premium-beyaz"]
    .sf-header-secondary > .sf-search {
        order: 1 !important;

        width: 100% !important;
    }


    body[data-three-design="premium-beyaz"]
    .sf-header-secondary > .sf-languages {
        order: 3 !important;
    }


    body[data-three-design="premium-beyaz"]
    .sf-mobile-category-catalog .sf-catalog {
        position: relative !important;

        display: block !important;

        width: 100% !important;
    }


    body[data-three-design="premium-beyaz"]
    .sf-mobile-category-catalog .sf-catalog > summary {

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 10px !important;

        width: 100% !important;

        min-height: 44px !important;

        padding: 10px 14px !important;

        border: 1px solid var(--three-border-color) !important;
        border-radius: var(--three-button-radius) !important;

        background: var(--three-header-background) !important;

        color: var(--three-header-text) !important;

        font-size: 13px !important;
        font-weight: 750 !important;

        list-style: none !important;

        cursor: pointer !important;
    }


    body[data-three-design="premium-beyaz"]
    .sf-mobile-category-catalog
    .sf-catalog > summary::-webkit-details-marker {

        display: none !important;
    }


    body[data-three-design="premium-beyaz"]
    .sf-mobile-category-catalog
    .sf-catalog > summary svg {

        width: 20px !important;
        height: 20px !important;

        color: var(--three-header-icon) !important;
    }


    /*
     * Tüm ana + alt kategoriler mobil header altında açılır.
     */
    body[data-three-design="premium-beyaz"]
    .sf-mobile-category-catalog .sf-catalog-panel {

        position: absolute !important;

        top: calc(100% + 8px) !important;
        bottom: auto !important;

        left: 0 !important;
        right: 0 !important;

        inset-inline: 0 !important;

        width: 100% !important;

        max-height: min(62dvh, 520px) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        padding: 12px !important;

        border: 1px solid var(--three-border-color) !important;
        border-radius: var(--three-card-radius) !important;

        background: var(--three-header-background) !important;

        box-shadow:
            0 18px 45px rgba(15, 23, 42, .18)
            !important;

        z-index: 500 !important;

        -webkit-overflow-scrolling: touch !important;
    }


    body[data-three-design="premium-beyaz"]
    .sf-mobile-category-catalog .sf-catalog-panel li > a {

        min-height: 44px !important;

        display: flex !important;

        align-items: center !important;

        padding:
            10px
            42px
            10px
            10px
            !important;

        font-size: 14px !important;
    }

}

/* 3E_PB_MOBILE_HEADER_CATEGORIES_END */