/* Moeblo header + megamenu layout (moved from theme custom.css) */

/* Header: ikona ≤1023 (29×32px) | desktop logo 157×32 (1024–1439) | 222×48 (≥1440) */
@media (max-width: 1023px) {
    .layout_layout1 .ets_mm_megamenu_content {
        border: none !important;
    }

    #header .header-top > .container > .row:first-child {
        display: none !important;
    }
    #mobile_top_menu_wrapper.moeblo-header-mobile-row,
    #mobile_top_menu_wrapper.row {
        display: flex !important;
    }
    #mobile_top_menu_wrapper .mobile-box {
        display: flex !important;
        width: 100%;
    }
    /* Pasek kategorii (displayNavFullWidth) — ukryty do 1024px */
    .desktopheader > .hidden-md-down,
    .desktopheader .header-top > .hidden-md-down {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
    }
    .desktopheader {
        overflow: hidden;
    }
    #header {
        margin-bottom: 0 !important;
    }
    /* Zamknięte menu mobilne nie może rezerwować miejsca w flow (ETS changestatus tablet) */
    #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content,
    #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content_content {
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu,
    .desktopheader > .hidden-md-down .ets_mm_megamenu_content,
    .desktopheader > .hidden-md-down .ets_mm_megamenu_content_content,
    .desktopheader > .hidden-md-down .mm_menus_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu_content,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu_content_content,
    .desktopheader .header-top > .hidden-md-down .mm_menus_ul {
        display: none !important;
        visibility: hidden !important;
    }
    /* Nadpisuje megamenu.js (changestatus off od 992px) — bez poziomego paska */
    .desktopheader > .hidden-md-down .ets_mm_megamenu:not(.changestatus) .mm_menus_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu:not(.changestatus) .mm_menus_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li {
        display: none !important;
    }
    #mobile_top_menu_wrapper.hidden-lg-up,
    #mobile_top_menu_wrapper .mobile-box.hidden-lg-up {
        display: flex !important;
    }
}
@media (min-width: 1024px) {
    #header .header-top > .container > .row:first-child {
        display: flex !important;
    }
    #mobile_top_menu_wrapper.moeblo-header-mobile-row,
    #mobile_top_menu_wrapper {
        display: none !important;
    }
    .desktopheader > .hidden-md-down,
    .desktopheader .header-top > .hidden-md-down {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        width: 100%;
        clear: both;
    }
    #header .header-top {
        display: block;
    }
    #header .header-top #_desktop_logo {
        flex: 0 0 auto;
        width: auto;
        max-width: 157px;
        margin-bottom: 0;
        padding: 0;
    }
    #header .header-top #_desktop_logo img,
    #header .header-top #_desktop_logo .logo {
        --moeblo-logo-h: 32px;
        --moeblo-logo-max-w: 157px;
        width: 157px;
        height: 32px;
        max-width: 157px;
        max-height: 32px;
        aspect-ratio: 157 / 32;
        object-fit: contain;
        object-position: left center;
    }
    /* Desktop megamenu — kategorie poziome, bez hamburgera (nadpisuje changestatus) */
    .desktopheader > .hidden-md-down .ets_mm_megamenu .ybc-menu-toggle, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ybc-menu-toggle,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .ybc-menu-btn, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ybc-menu-btn {
        display: none !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu.hook-default, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.hook-default {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }
    /* Pasek kategorii: tło + obramowanie na pełną szerokość ekranu, treść w kontenerze */
    .desktopheader > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content {
        position: relative;
        left: 0;
        max-width: 100vw;
        margin-left: 0;
        margin-right:0;
        box-sizing: border-box;
        border-top: 1px solid #DEB970;
        border-bottom: 1px solid #DEB970;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content_content, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content_content {
        height: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        display: block !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content_content, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content_content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .desktopheader > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content .container, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ets_mm_megamenu_content .container {
        width: 100% !important;
        max-width: 1640px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_ul, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu.transition_floating .mm_menus_ul, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.transition_floating .mm_menus_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu.transition_full .mm_menus_ul, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.transition_full .mm_menus_ul {
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transition: none !important;
        background: transparent !important;
        border: none !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_ul > li.close_menu, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_ul > li.close_menu {
        display: none !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_ul > li.mm_menus_li, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_ul > li.mm_menus_li {
        display: block !important;
        float: none !important;
        width: auto !important;
        flex: 0 0 auto;
        border-top: none !important;
    }

    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li > a.ets_mm_url, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li > a.ets_mm_url,
    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_li > a, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_li > a {
        display: block !important;
        box-sizing: border-box;
        padding: 0 !important;
        width: auto !important;
    }

    /* Pogrubienie na hover bez poszerzania — syntetyczny bold zamiast font-weight */
    .desktopheader > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li > a,
    .desktopheader > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a,
    .desktopheader .header-top > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li > a,
    .desktopheader .header-top > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a,
    #header .desktopheader > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a,
    #header .desktopheader .header-top > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a,
    .desktopheader .header-top > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li.menu_hover > a {
        font-weight: 400 !important;
        text-shadow: none;
    }

    .desktopheader .header-top > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a,
    #header .desktopheader > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a,
    #header .desktopheader .header-top > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a,
    .desktopheader .header-top > .hidden-md-down .layout_layout1:not(.click_open_submenu) .mm_menus_li.menu_hover > a {
        text-shadow: 0.35px 0 0 #000, -0.35px 0 0 #000;
    }

    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-toggle, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-toggle,
    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-btn, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-btn {
        display: none !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul > li.mm_menus_li, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul > li.mm_menus_li {
        display: block !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        border: none !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul:not(.active), .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul:not(.active),
    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus.transition_full .mm_menus_ul:not(.active), .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus.transition_full .mm_menus_ul:not(.active),
    .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus.transition_default .mm_menus_ul:not(.active), .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus.transition_default .mm_menus_ul:not(.active) {
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Szerokie megamenu — szerokość contentu, nie cały viewport */
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub > .mm_columns_ul, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub > .mm_columns_ul {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        width: min(1640px, calc(100vw - 30px)) !important;
        max-width: 1640px !important;
        box-sizing: border-box;
    }

    /* Vertical-tab megamenu (Räume, TE3D, …) — wąski dropdown + widoczne panele */
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_menus_li_tab.mm_has_sub,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_menus_li_tab.mm_has_sub,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm-moeblo-narrow.mm_has_sub,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm-moeblo-narrow.mm_has_sub,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full),
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full),
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="raeume"]),
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="raeume"]),
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="r%C3%A4ume"]),
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="r%C3%A4ume"]) {
        position: relative !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_menus_li_tab.mm_has_sub > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_menus_li_tab.mm_has_sub > .mm_columns_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm-moeblo-narrow.mm_has_sub > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm-moeblo-narrow.mm_has_sub > .mm_columns_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="raeume"]) > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="raeume"]) > .mm_columns_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="r%C3%A4ume"]) > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_has_sub:has(> a.ets_mm_url[href*="r%C3%A4ume"]) > .mm_columns_ul {
        width: min(350px, calc(100vw - 30px)) !important;
        max-width: 350px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_menus_li_tab.mm_sub_align_right.mm_has_sub > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.mm_menus_li_tab.mm_sub_align_right.mm_has_sub > .mm_columns_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_ul > .mm_menus_li.mm_menus_li_tab.mm_has_sub:last-child > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_ul > .mm_menus_li.mm_menus_li_tab.mm_has_sub:last-child > .mm_columns_ul {
        left: auto !important;
        right: 0 !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open > .mm_columns_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover > .mm_columns_ul {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        margin-top: 0 !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open:not(.mm-moeblo-narrow):not(.mm_sub_align_left) > .mm_columns_ul:not(.mm_columns_ul_tab),
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open:not(.mm-moeblo-narrow):not(.mm_sub_align_left) > .mm_columns_ul:not(.mm_columns_ul_tab),
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover:not(.mm-moeblo-narrow):not(.mm_sub_align_left) > .mm_columns_ul:not(.mm_columns_ul_tab),
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover:not(.mm-moeblo-narrow):not(.mm_sub_align_left) > .mm_columns_ul:not(.mm_columns_ul_tab) {
        display: flex !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open > .mm_columns_ul.mm_columns_ul_tab,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open > .mm_columns_ul.mm_columns_ul_tab,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover > .mm_columns_ul.mm_columns_ul_tab,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover > .mm_columns_ul.mm_columns_ul_tab {
        display: block !important;
        overflow: visible !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_tabs_li.moeblo-mm-active-tab .mm_columns_contents_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_tabs_li.moeblo-mm-active-tab .mm_columns_contents_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_tabs_li.open .mm_columns_contents_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_tabs_li.open .mm_columns_contents_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .mm_tabs_li.moeblo-mm-active-tab .mm_columns_contents_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .mm_tabs_li.moeblo-mm-active-tab .mm_columns_contents_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .mm_tabs_li.open .mm_columns_contents_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .mm_tabs_li.open .mm_columns_contents_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .mm_tabs_li:hover .mm_columns_contents_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .mm_tabs_li:hover .mm_columns_contents_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.hover .mm_tabs_li.open .mm_columns_contents_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.hover .mm_tabs_li.open .mm_columns_contents_ul,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.hover .mm_tabs_li:hover .mm_columns_contents_ul,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.hover .mm_tabs_li:hover .mm_columns_contents_ul {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_columns_li,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_columns_li,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_blocks_li,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .mm_blocks_li,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .ets_mm_block,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .ets_mm_block,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .ets_mm_block_content,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.moeblo-mm-open .ets_mm_block_content,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .ets_mm_block_content,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.menu_hover .ets_mm_block_content,
    .desktopheader > .hidden-md-down .ets_mm_megamenu .mm_menus_li.hover .ets_mm_block_content,
    .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .mm_menus_li.hover .ets_mm_block_content {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }

    /* Wąski dropdown kategorii (Räume, TEST, …) — klasa z BO: mm-moeblo-narrow lub mm_sub_align_left */
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full),
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) {
        position: relative !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul {
        position: absolute !important;
        left: 0 !important;
        top: 100% !important;
        right: auto !important;
        transform: none !important;
        width: min(350px, calc(100vw - 30px)) !important;
        min-width: min(350px, calc(100vw - 30px)) !important;
        max-width: 350px !important;
        margin-top: 0 !important;
        z-index: 100050 !important;
        display: block !important;
        flex-wrap: nowrap !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        box-sizing: border-box !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_columns_li,
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_blocks_li,
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_blocks_ul,
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_block,
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_block_content,
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .mm_columns_li,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .mm_blocks_li,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .mm_blocks_ul,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_block,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_block_content,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_categories,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_columns_li,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_blocks_li,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_blocks_ul,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_block,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_block_content,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .mm_columns_li,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .mm_blocks_li,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .mm_blocks_ul,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_block,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_block_content,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_categories {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        float: none !important;
        flex: none !important;
        box-sizing: border-box !important;
        display: block !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow .ets_mm_block_content ul li,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow .ets_mm_block_content ul li {
        float: none !important;
        clear: none !important;
        width: 100% !important;
        max-width: none !important;
        display: block !important;
        position: static !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_blocks_li,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .mm_blocks_li {
        padding: 0 24px !important;
        margin-bottom: 0 !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories li,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories li {
        float: none !important;
        clear: none !important;
        list-style-type: disc !important;
        list-style-position: inside !important;
        display: list-item !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories a,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow > .mm_columns_ul .ets_mm_categories a,
    .desktopheader > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_categories a,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm_sub_align_left.mm_has_sub:not(.mm-moeblo-full) > .mm_columns_ul .ets_mm_categories a {
        display: inline !important;
        white-space: nowrap !important;
        width: auto !important;
        float: none !important;
        padding: 0 !important;
        line-height: 30px !important;
        font-weight: 400 !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow .ets_mm_block_content ul li a::before,
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow .ets_mm_block_content ul li a:before,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow .ets_mm_block_content ul li a::before,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow .ets_mm_block_content ul li a:before {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .desktopheader > .hidden-md-down .mm_menus_li.mm-moeblo-narrow.mm_sub_align_right > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .mm_menus_li.mm-moeblo-narrow.mm_sub_align_right > .mm_columns_ul,
    .desktopheader > .hidden-md-down .mm_menus_ul > .mm_menus_li.mm-moeblo-narrow:last-child > .mm_columns_ul,
    .desktopheader .header-top > .hidden-md-down .mm_menus_ul > .mm_menus_li.mm-moeblo-narrow:last-child > .mm_columns_ul {
        left: auto !important;
        right: 0 !important;
    }

    .desktopheader > .hidden-md-down .ets_mm_megamenu .ets_mm_block > .h4, .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu .ets_mm_block > .h4 {
        border-bottom: 1px solid #e7e7e7 !important;
        padding-bottom: 9px !important;
        margin-bottom: 10px !important;
    }

    /* Po usunięciu kropki-tekstu z layout1.css — natywne bullet bez przesunięcia na hover */
    .desktopheader > .hidden-md-down .layout_layout1 .ets_mm_block_content ul.ets_mm_categories,
    .desktopheader .header-top > .hidden-md-down .layout_layout1 .ets_mm_block_content ul.ets_mm_categories {
        list-style: disc;
        padding-left: 1.25em;
    }

    /* Usunięto wyjątek 400px dla Räume — ma zachowywać się jak pełne megamenu */
}

/* Desktop logo: 1024–1439 → 157×32 | ≥1440 → 222×48 */
@media (min-width: 1440px) {
    #header .header-top #_desktop_logo {
        max-width: 222px;
    }
    #header .header-top #_desktop_logo img,
    #header .header-top #_desktop_logo .logo {
        --moeblo-logo-h: 48px;
        --moeblo-logo-max-w: 222px;
        width: 222px;
        height: 48px;
        max-width: 222px;
        max-height: 48px;
    }
}
/* Figma: fonty, odstępy, ikony — tokeny responsywne */
@media (min-width: 768px) and (max-width: 1024px) {
    #mobile_top_menu_wrapper.row {
        --mobile-icon-size: 24px;
        --mobile-toolbar-icon-gap: 28px !important;
        --mobile-header-gap: 12px;
        --header-action-label-size: 10px;
        --header-action-icon-gap: 8px;
    }
}
@media (min-width: 992px) and (max-width: 1023px) {
    #mobile_top_menu_wrapper.row {
        --mobile-icon-size: 26px;
        --mobile-toolbar-icon-gap: 28px;
        --mobile-header-gap: 20px;
    }
}
@media (max-width: 1024px) {
    #mobile_top_menu_wrapper.row {
        --header-action-label-size: 10px;
    }
}
@media (max-width: 767px) {
    #header .header-top,
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        height: 56px;
        min-height: 56px;
        max-height: 56px;
    }
    #mobile_top_menu_wrapper.row {
        --mobile-icon-size: 21px;
        --mobile-toolbar-icon-gap: 20px;
        --mobile-header-gap: 10px;
        --mobile-header-pad-y: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar .header-action-icon,
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget .header-action-icon,
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget .header-search-icon {
        width: 21px;
        height: 21px;
        flex: 0 0 21px;
    }
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar .header-action-icon img,
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_user_info img,
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_cart img,
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_wishlist img,
    #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget .header-action-icon img {
        width: 21px !important;
        height: 21px !important;
        max-width: 21px !important;
        max-height: 21px !important;
    }
}
/* Hybryda 768–1023: menu | logo | wyszukiwarka (desktop) | ikony z etykietami */
@media (min-width: 768px) and (max-width: 1023px) {
    #header .header-top {
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        box-sizing: border-box;
        overflow: hidden;
    }
    #header .header-top > .container {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
        width: 100% !important;
        height: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }
    #mobile_top_menu_wrapper.row {
        --mobile-header-pad-y: 0;
        --header-icon-gap: var(--mobile-toolbar-icon-gap, 28px);
        padding: 0 !important;
        align-items: center;
        height: 100%;
    }
    #mobile_top_menu_wrapper .mobile-box {
        align-items: center;
        height: 100%;
    }
    #mobile_top_menu_wrapper .logo-mobile {
        position: static;
        top: auto;
        left: auto;
        margin-right: 0;
        align-self: center;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
        align-self: center;
        margin-left: auto;
        gap: var(--header-icon-gap);
        column-gap: var(--header-icon-gap);
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .header-action-label {
        display: block;
        font-family: "Inter", sans-serif;
        font-size: var(--header-action-label-size, 10px);
        line-height: 1.2;
        font-weight: 400;
        color: #232323;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .header-action-link,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_user_info .user-info a,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .header-wishlist-link {
        flex-direction: column;
        align-items: center;
        gap: var(--header-action-icon-gap, 5px);
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .header-action-icon img,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_user_info img,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_cart img,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_wishlist img {
        height: var(--mobile-icon-size) !important;
        max-width: none !important;
    }
    /* Menü — ten sam układ co Mein Konto / Favorit / Warenkorb, wyśrodkowany w pasku */
    #mobile_top_menu_wrapper .mobile-menu {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-self: center;
        gap: var(--header-action-icon-gap, 5px);
        width: max-content;
        min-width: 0;
        max-width: none;
        height: auto;
        margin: 0;
        padding: 0;
    }
    #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu.hook-default,
    #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content,
    #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content .container,
    #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content_content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-toggle,
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-btn {
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: var(--header-action-icon-gap, 5px);
        width: max-content !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0;
        margin: 0 !important;
        padding: 0 !important;
        cursor: pointer;
        text-align: center;
    }
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-button-toggle_icon {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: var(--mobile-icon-size, 26px);
        height: var(--mobile-icon-size, 26px);
        flex: 0 0 var(--mobile-icon-size, 26px);
        margin: 0 auto;
    }
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-toggle .icon-bar,
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-btn .icon-bar,
    #mobile_top_menu_wrapper .mobile-menu .layout_layout1 .ybc-menu-toggle .icon-bar,
    #mobile_top_menu_wrapper .mobile-menu .layout_layout1:hover .ybc-menu-toggle .icon-bar {
        display: block;
        width: 18px;
        height: 2px;
        margin: 2px auto !important;
        clear: none !important;
        float: none !important;
    }
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-toggle::after,
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-btn::after {
        content: "Menü";
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: var(--header-action-label-size, 10px);
        line-height: 1.2;
        font-weight: 400;
        color: #232323;
        white-space: nowrap;
        text-transform: capitalize !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    #header .header-top,
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        height: 63px;
        min-height: 63px;
        max-height: 63px;
    }
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        align-items: center;
    }
}

/* 1024–1439: ikony toolbaru po prawej */
@media (min-width: 1024px) and (max-width: 1439px) {
    #header .header-top,
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        height: 71px;
        min-height: 71px;
        max-height: 71px;
    }
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        align-items: center;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar {
        position: static !important;
        flex: 0 0 auto !important;
        width: auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        align-items: center !important;
        align-self: center !important;
        margin-left: auto !important;
        gap: var(--header-icon-gap, 28px);
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget {
        order: 1 !important;
        align-self: center !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_user_info {
        order: 2 !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_wishlist {
        order: 3 !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_cart {
        order: 4 !important;
    }
}

.mm_extra_item #_desktop_wishlist {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 !important;
    position: static;
    order: unset;
}
.layout_layout1 .ets_mm_megamenu_content {
    border-bottom: #DEB970;
    border-top: #DEB970;
}
.layout_layout1 .mm_menus_li {
    border-right: none;
}
.layout_layout1 .mm_menus_li:nth-child(2) {
    border-left: none;
}
.layout_layout1 .mm_menus_li:last-child {
    border-right: none;
}
.layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a {
    color: #000;
}
.layout_layout1 .ets_mm_megamenu_content {
        background: #fff !important;
}
@media (max-width: 767px) {
    #header .header-top {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.mm_menus_li > a {
    font-size: 20px !important;
    font-weight: 400;
    color: #000
}
.layout_layout1 .mm_menus_li:last-child > a.ets_mm_url {
    font-weight: 600 !important;
}
.layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a, #header .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a {
    color: #000 !important;
    font-weight: 600 !important;
}
@media (min-width: 992px) {
    .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li > a:before, .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a:before, .layout_layout1.ybc_vertical_menu:hover .ybc-menu-vertical-button:before, .layout_layout1:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar, .ybc-menu-vertical-button.layout_layout1:hover {
        background-color: rgba(222, 185, 112, 1) !important;
    }
    .ets_mm_megamenu_content_content {
        display: table !important;
        margin: 0 auto !important;
    }
}
.mobile-menu {
    display: inline-block;
}
.mobile-menu .ets_mm_megamenu {
    background: transparent !important;
    padding: 0px;
}
#mobile_top_menu_wrapper.row {
    --mobile-header-pad-y: 20px;
    --mobile-header-gap: 12px;
    --mobile-logo-max-w: 128px;
    --mobile-logo-max-h: 40px;
    --mobile-icon-size: 20px;
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: var(--mobile-header-pad-y) 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
#mobile_top_menu_wrapper .mobile-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    gap: var(--mobile-header-gap);
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    padding-left: 12px;
    padding-right: 12px;
}
#mobile_top_menu_wrapper .mobile-menu {
    order: 1;
    flex: 0 0 44px;
    width: 44px;
    max-width: 44px;
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
#mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu.hook-default {
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    float: none !important;
    position: relative !important;
}
#mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content,
#mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content .container,
#mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu .ets_mm_megamenu_content_content {
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    float: none !important;
}
#mobile_top_menu_wrapper .mobile-menu .ybc-menu-toggle,
#mobile_top_menu_wrapper .mobile-menu .ybc-menu-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    box-sizing: border-box;
    pointer-events: auto;
    background: transparent !important;
    background-color: transparent !important;
}
#mobile_top_menu_wrapper .mobile-menu .layout_layout1 .ybc-menu-toggle,
#mobile_top_menu_wrapper .mobile-menu .layout_layout1:hover .ybc-menu-toggle,
#mobile_top_menu_wrapper .mobile-menu .layout_layout1 .ybc-menu-btn {
    background: transparent !important;
    background-color: transparent !important;
}
#mobile_top_menu_wrapper .mobile-menu .ybc-menu-toggle .icon-bar,
#mobile_top_menu_wrapper .mobile-menu .ybc-menu-btn .icon-bar,
#mobile_top_menu_wrapper .mobile-menu .layout_layout1 .ybc-menu-toggle .icon-bar,
#mobile_top_menu_wrapper .mobile-menu .layout_layout1:hover .ybc-menu-toggle .icon-bar {
    display: block;
    background-color: #000 !important;
    clear: both;
    float: none;
    height: 2px;
    width: 18px;
    margin: 3px 0 1px;
}
#mobile_top_menu_wrapper .logo-mobile {
    order: 2;
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
    pointer-events: auto;
}
#mobile_top_menu_wrapper .logo-mobile h1 {
    margin: 0;
    line-height: 1;
    max-width: 100%;
}
#mobile_top_menu_wrapper .logo-mobile a {
    display: block;
    max-width: 100%;
    line-height: 0;
}
#mobile_top_menu_wrapper .logo-mobile .logo-mobile__full {
    --moeblo-logo-h: var(--mobile-logo-max-h, 32px);
    --moeblo-logo-max-w: 222px;
    width: auto !important;
    height: var(--moeblo-logo-h) !important;
    max-height: var(--moeblo-logo-h) !important;
    max-width: min(calc(var(--moeblo-logo-h) * 157 / 32), var(--moeblo-logo-max-w)) !important;
    aspect-ratio: 157 / 32 !important;
    display: block;
    object-fit: contain;
    object-position: left center;
}

/* Bootstrap img-responsive / img-fluid nie mogą rozciągać logo */
#header .header-top #_desktop_logo img.img-responsive,
#header .header-top #_desktop_logo .logo.img-responsive,
#mobile_top_menu_wrapper .logo-mobile .logo-mobile__full.img-fluid {
    width: auto !important;
    max-width: min(calc(var(--moeblo-logo-h, 32px) * 157 / 32), var(--moeblo-logo-max-w, 157px)) !important;
}

/* ≤1023: ikona 29×32px; ≥1024: logo w desktop header (#_desktop_logo) */
#mobile_top_menu_wrapper.row {
    --mobile-logo-icon-w: 29px;
    --mobile-logo-icon-h: 32px;
}
#mobile_top_menu_wrapper .logo-mobile .logo-mobile__full {
    display: none;
}
#mobile_top_menu_wrapper .logo-mobile .logo-mobile__icon {
    display: block;
    width: var(--mobile-logo-icon-w, 29px) !important;
    height: var(--mobile-logo-icon-h, 32px) !important;
    max-width: var(--mobile-logo-icon-w, 29px) !important;
    max-height: var(--mobile-logo-icon-h, 32px) !important;
    object-fit: contain;
    object-position: left center;
}
#mobile_top_menu_wrapper .logo-mobile .logo-mobile__icon.img-fluid {
    width: var(--mobile-logo-icon-w, 29px) !important;
    height: var(--mobile-logo-icon-h, 32px) !important;
    max-width: var(--mobile-logo-icon-w, 29px) !important;
}
#mobile_top_menu_wrapper .logo-mobile {
    max-width: var(--mobile-logo-icon-w, 29px);
}

#mobile_top_menu_wrapper .mobile-icons.header-toolbar {
    display: flex;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    order: 3;
    margin-left: auto;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    pointer-events: auto;
    justify-content: flex-end;
    align-items: center;
    gap: var(--mobile-toolbar-icon-gap, 28px);
    overflow: visible;
}
/* (cleanup) Separatory menu są definiowane w bloku menu w @media (max-width: 1023px) */
/* Otwarte menu mobilne / hybryda — fixed od góry viewport, przykrywa topbar */
@media (max-width: 1023px) {
    /* transform na .desktopheader wiązał fixed pod topbar — wyłączamy przy otwarciu */
    body.noscroll .desktopheader,
    body.noscroll .desktopheader.show,
    body.noscroll .desktopheader.sticky,
    body.mobile-menu-open .desktopheader,
    body.mobile-menu-open .desktopheader.show,
    body.mobile-menu-open .desktopheader.sticky,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) .desktopheader,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) .desktopheader.show,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) .desktopheader.sticky {
        z-index: 10050 !important;
        transform: none !important;
        transition: none !important;
    }
    body.noscroll #mobile_top_menu_wrapper,
    body.noscroll #header .header-top,
    body.noscroll #header .header-top > .container {
        overflow: visible !important;
    }
    body.noscroll #mobile_top_menu_wrapper .mobile-menu,
    body.noscroll #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu,
    body.noscroll #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu_content,
    body.noscroll #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu_content_content {
        overflow: visible !important;
    }
    body.noscroll #mobile_top_menu_wrapper .mobile-menu {
        z-index: 10003;
    }
    /* Kiedy sidebar menu jest otwarty, kontenery modułu nie mogą ograniczać szerokości */
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu_content,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu_content .container,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu_content_content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    /* Navbar (hamburger, logo, ikony) widoczny nad otwartym menu */
    body.noscroll #mobile_top_menu_wrapper .mobile-box,
    body.mobile-menu-open #mobile_top_menu_wrapper .mobile-box,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-box {
        position: relative;
        z-index: 10010 !important;
        isolation: isolate;
    }
    body.noscroll #mobile_top_menu_wrapper .mobile-menu,
    body.noscroll #mobile_top_menu_wrapper .logo-mobile,
    body.noscroll #mobile_top_menu_wrapper .mobile-icons,
    body.mobile-menu-open #mobile_top_menu_wrapper .mobile-menu,
    body.mobile-menu-open #mobile_top_menu_wrapper .logo-mobile,
    body.mobile-menu-open #mobile_top_menu_wrapper .mobile-icons,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-menu,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .logo-mobile,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-icons {
        visibility: visible !important;
        pointer-events: auto !important;
        position: relative;
    }
    body.noscroll #mobile_top_menu_wrapper .logo-mobile,
    body.mobile-menu-open #mobile_top_menu_wrapper .logo-mobile,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .logo-mobile {
        display: block !important;
    }
    body.noscroll #mobile_top_menu_wrapper .mobile-icons,
    body.mobile-menu-open #mobile_top_menu_wrapper .mobile-icons,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) #mobile_top_menu_wrapper .mobile-icons {
        display: flex !important;
    }
    /* Pełny sidebar od razu — bez animacji height z transition_default (height:0 → pasek) */
    #mobile_top_menu_wrapper .ets_mm_megamenu .mm_menus_ul,
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_default .mm_menus_ul,
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_default .mm_menus_ul.active,
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_floating .mm_menus_ul,
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul,
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_full .mm_menus_ul,
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_full .mm_menus_ul {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        z-index: 10004 !important;
        overflow-x: visible !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch;
        background: #f7f7f7 !important;
        transition: transform 0.35s ease, opacity 0.35s ease !important;
        -webkit-transition: transform 0.35s ease, opacity 0.35s ease !important;
    }
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_floating .mm_menus_ul:not(.active),
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul:not(.active),
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_full .mm_menus_ul:not(.active),
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_full .mm_menus_ul:not(.active) {
        opacity: 0.6 !important;
        visibility: visible !important;
        pointer-events: none !important;
        transform: translate3d(-100%, 0, 0) !important;
        -webkit-transform: translate3d(-100%, 0, 0) !important;
        overflow-x: hidden !important;
    }
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_floating .mm_menus_ul.active,
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul.active,
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_full .mm_menus_ul.active,
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_full .mm_menus_ul.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        overflow-x: visible !important;
    }
    #mobile_top_menu_wrapper .ets_mm_megamenu.ets-dir-rtl.transition_floating .mm_menus_ul:not(.active),
    #mobile_top_menu_wrapper .ets_mm_megamenu.ets-dir-rtl.transition_full .mm_menus_ul:not(.active) {
        transform: translateX(100%) !important;
        -webkit-transform: translateX(100%) !important;
    }
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_floating .ybc-menu-toggle.opened::before,
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_floating .ybc-menu-toggle.opened::before,
    #mobile_top_menu_wrapper .ets_mm_megamenu.transition_full .ybc-menu-toggle.opened::before,
    #mobile_top_menu_wrapper .ets_mm_megamenu.changestatus.transition_full .ybc-menu-toggle.opened::before {
        top: 0 !important;
        bottom: 0 !important;
        height: 100dvh !important;
        z-index: 10003 !important;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li.close_menu {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        box-sizing: border-box !important;
        list-style: none !important;
        background: rgba(222, 185, 112, 1) !important;
        color: #fff !important;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li.close_menu .pull-left,
    #mobile_top_menu_wrapper .mm_menus_ul > li.close_menu .pull-right {
        width: auto !important;
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        box-sizing: border-box !important;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li.close_menu .pull-right {
        justify-content: flex-end;
        text-align: right;
        max-width: 60vw;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li.close_menu .mm_menus_back {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        vertical-align: middle;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li.close_menu .mm_menus_back .icon-bar {
        display: block;
        float: none;
        clear: none;
        width: 18px;
        height: 2px;
        margin: 0;
        background-color: #fff !important;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li.close_menu .mm_menus_back_icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
    }

    /* Menu (mobile + hybryda): linie + plus/minus — jedna, prosta definicja */
    #mobile_top_menu_wrapper .mm_menus_ul {
        background: #f7f7f7 !important;
    }
    /* Ujednolicamy separatory dla top-level itemów (bez .close_menu) */
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) {
        position: relative;
        float: none !important;
        width: 100% !important;
        border-bottom: 1px solid #DEB970 !important;
        background: #f7f7f7 !important;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu):last-child {
        border-bottom: none !important;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > a {
        display: block;
        width: 100%;
        padding-right: 44px !important;
        box-sizing: border-box;
        background: transparent !important;
    }
    /* Ikona rozwijania: moduł czasem wkłada .arrow jako sibling lub jako child w <a> */
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > .arrow,
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > a > .arrow {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0 !important;
        width: 44px;
        height: 44px;
        line-height: 44px;
        z-index: 2;
        background: transparent !important;
        color: transparent !important;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > .arrow::before,
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > .arrow::after,
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > a > .arrow::before,
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > a > .arrow::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 13px;
        height: 1px;
        background: #232323;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > .arrow::after,
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > a > .arrow::after {
        width: 1px;
        height: 13px;
    }
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > .arrow.opened::after,
    #mobile_top_menu_wrapper .mm_menus_ul > li:not(.close_menu) > a > .arrow.opened::after {
        display: none;
    }

    /* Top-level podmenu pod kategorią (działa niezależnie od .changestatus) */
    #mobile_top_menu_wrapper .mm_menus_li > .mm_columns_ul:not(.active) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        border: none !important;
        box-shadow: none !important;
    }
    #mobile_top_menu_wrapper .mm_menus_li > .mm_columns_ul.active {
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        /* tło ustawiają "święte" style: .ets_mm_block_content/.mm_blocks_li */
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Ujednolicenie układu kolumn (żeby nie robiło 2-3 kolumn na szerszych breakpointach) */
    #mobile_top_menu_wrapper .mm_columns_ul,
    #mobile_top_menu_wrapper .mm_columns_ul * {
        box-sizing: border-box;
    }
    #mobile_top_menu_wrapper .mm_columns_ul {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    #mobile_top_menu_wrapper .mm_columns_ul .mm_columns_contents_ul,
    #mobile_top_menu_wrapper .mm_columns_ul .mm_blocks_ul,
    #mobile_top_menu_wrapper .mm_columns_ul .ets_mm_block_content,
    #mobile_top_menu_wrapper .mm_columns_ul .mm_blocks_li {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #mobile_top_menu_wrapper .mm_columns_ul .mm_columns_li,
    #mobile_top_menu_wrapper .mm_columns_ul .mm_tabs_li,
    #mobile_top_menu_wrapper .mm_columns_ul .mm_blocks_li {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        clear: both !important;
    }
    #mobile_top_menu_wrapper .mm_columns_ul .mm_blocks_li {
        background: #fff !important;
    }
    #mobile_top_menu_wrapper .mm_columns_ul .ets_mm_block_content {
        background: #fff !important;
    }

    /* Podmenu (wewnątrz): ikonki +/− i pozycjonowanie */
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub {
        position: relative;
    }
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub > .arrow {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        z-index: 2 !important;
        background: transparent !important;
        color: transparent !important;
    }
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub > .arrow::before,
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub > .arrow::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 13px;
        height: 1px;
        background: #232323;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub > .arrow::after {
        width: 1px;
        height: 13px;
    }
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub > .arrow.opened::after {
        display: none;
    }
    /* (cleanup) Duplikaty .changestatus usunięte — bazowe selektory działają wszędzie */
}
#mobile_top_menu_wrapper .mobile-logo.showinscroll {
    display: none !important;
    order: 0;
    width: 0;
    overflow: hidden;
}
.mobile-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    gap: var(--mobile-header-gap, 12px);
}
.mobile-menu {
    flex: 0 0 auto;
}
.mobile-icons.header-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    gap: var(--mobile-toolbar-icon-gap, 20px);
    column-gap: var(--mobile-toolbar-icon-gap, 20px);
    box-sizing: border-box;
}
.mobile-icons.header-toolbar > * {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
.mobile-icons.header-toolbar #_desktop_user_info {
    order: 2;
}
.mobile-icons.header-toolbar #_desktop_wishlist {
    order: 3;
}
.mobile-icons.header-toolbar .header-action-icon img,
.mobile-icons.header-toolbar #_desktop_user_info img,
.mobile-icons.header-toolbar #_desktop_cart img,
.mobile-icons.header-toolbar #_desktop_wishlist img {
    height: var(--mobile-icon-size, 20px) !important;
    width: auto !important;
    max-width: var(--mobile-icon-size, 20px);
    display: block;
}
.mobile-icons.header-toolbar #_desktop_cart {
    order: 4;
    float: none;
    margin: 0 !important;
}
.mobile-icons.header-toolbar .header-action-label {
    display: none;
    font-family: "Inter", sans-serif;
    font-size: var(--header-action-label-size, 10px);
    font-weight: 400;
    line-height: 1.2;
}
.mobile-icons.header-toolbar .header-action-link,
.mobile-icons.header-toolbar #_desktop_user_info .user-info a,
.mobile-icons.header-toolbar .header-wishlist-link {
    flex-direction: row;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    gap: 0;
    padding: 0;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
.mobile-icons.header-toolbar #_desktop_user_info .user-info {
    display: flex;
    align-items: center;
    line-height: 0;
}
/* Wizualne wyrównanie ikon — flex center, bez paddingu (nadpisuje flex-end z desktop toolbar) */
#mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_user_info,
#mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_wishlist,
#mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_cart {
    display: flex;
    align-items: center;
    align-self: center;
}
#mobile_top_menu_wrapper .mobile-icons .header-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mobile-icon-size, 20px);
    height: var(--mobile-icon-size, 20px);
    line-height: 0;
}
#mobile_top_menu_wrapper .mobile-icons .header-action-icon img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain;
    object-position: center;
    display: block;
}
#mobile_top_menu_wrapper .mobile-icons #_desktop_wishlist .header-action-icon img {
    object-position: center;
}
#mobile_top_menu_wrapper .mobile-icons #_desktop_cart .header-action-icon img {
    object-position: center 38%;
}
@media (max-width: 390px) {
    #mobile_top_menu_wrapper.row {
        --mobile-icon-size: 21px;
        --mobile-toolbar-icon-gap: 20px;
        --mobile-header-gap: 8px;
    }
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-toggle::after,
    #mobile_top_menu_wrapper .mobile-menu .ybc-menu-btn::after {
        display: none;
        content: none;
    }
}

@media (max-width: 767px) {
    #mobile_top_menu_wrapper .mobile-box {
        padding-left: 0 !important;
    }
}

@media (max-width: 991px) {
    #header .header-top {
        background: #fff;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }
    #header .header-top > .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        width: 100% !important;
        box-sizing: border-box;
        overflow: hidden !important;
    }
    #mobile_top_menu_wrapper.row {
        --mobile-toolbar-icon-gap: 20px;
        margin-bottom: 0;
        overflow: hidden !important;
    }
    #mobile_top_menu_wrapper .mobile-box {
        padding-left: 12px;
        padding-right: 12px;
        overflow: hidden !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        overflow: visible !important;
        gap: var(--mobile-toolbar-icon-gap, 20px) !important;
        column-gap: var(--mobile-toolbar-icon-gap, 20px) !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar > * {
        flex-shrink: 0 !important;
    }
    .header-top {
        padding-bottom: 0 !important;
    }
    .layout_layout1 .ets_mm_megamenu_content {
        border-bottom: unset !important;
        border-top: unset !important;
    }
    .ets_mm_megamenu .container {
        background-color: transparent;
    }
    #mobile_top_menu_wrapper .mobile-menu .ets_mm_megamenu.hook-default {
        width: 44px !important;
        max-width: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
    }
    .mobile-menu img {
        margin-top: 0;
    }

    #mobile_top_menu_wrapper .mm_blocks_li,
    .changestatus .mm_blocks_li {
        background: #FFF !important;
        margin-bottom: 0 !important;
        padding-bottom: 15px !important;
    }

    #mobile_top_menu_wrapper .mm_columns_li.column_size_4.mm_has_sub,
    .changestatus .mm_columns_li.column_size_4.mm_has_sub {
        background: #FFF !important;
    }

    #mobile_top_menu_wrapper .mm_blocks_ul,
    .changestatus .mm_blocks_ul {
        margin-top: 15px !important;
    }

    #mobile_top_menu_wrapper .ets_mm_block_content,
    .changestatus .ets_mm_block_content {
        background: #FFF !important;
        margin: 0 -15px !important;
        width: calc(100% + 30px) !important;
        box-sizing: border-box !important;
        padding: 0 15px !important;
    }

    #mobile_top_menu_wrapper .ets_mm_block > .h4,
    .changestatus .ets_mm_block > .h4 {
        border: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* touch target 44px — wszystkie linki w mobilnym megamenu */
    :is(#mobile_top_menu_wrapper, .changestatus) :is(
        .mm_menus_li > a.ets_mm_url,
        .ets_mm_categories li > a.ets_mm_url,
        .ets_mm_block .h4 a,
        .ets_mm_block_content ul li > a
    ) {
        display: flex !important;
        box-sizing: border-box;
        min-height: 44px;
        width: 100% !important;
        max-width: 100% !important;
        line-height: 1.3;
    }

    #mobile_top_menu_wrapper .mm_menus_li.mm_has_sub,
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub,
    .changestatus .mm_menus_li.mm_has_sub,
    .changestatus .ets_mm_categories li.has-sub {
        position: relative;
    }

    #mobile_top_menu_wrapper .mm_menus_li > a.ets_mm_url,
    .changestatus .mm_menus_li > a.ets_mm_url {
        padding: 10px 15px;
    }

    #mobile_top_menu_wrapper .mm_menus_li.mm_has_sub > a.ets_mm_url,
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub > a.ets_mm_url,
    .changestatus .mm_menus_li.mm_has_sub > a.ets_mm_url,
    .changestatus .ets_mm_categories li.has-sub > a.ets_mm_url {
        padding: 10px 52px 10px 15px;
        z-index: 1;
    }

    #mobile_top_menu_wrapper .mm_menus_li .arrow,
    #mobile_top_menu_wrapper .ets_mm_categories li.has-sub > .arrow,
    .changestatus .mm_menus_li .arrow,
    .changestatus .ets_mm_categories li.has-sub > .arrow {
        min-width: 44px;
        min-height: 44px;
        width: 44px;
        height: 44px;
        line-height: 44px;
        top: 0;
        right: 0;
    }

    #mobile_top_menu_wrapper .mm_tab_li_content,
    .changestatus .mm_tab_li_content {
        min-height: 44px;
    }

    #mobile_top_menu_wrapper .mm_tab_toggle_title,
    #mobile_top_menu_wrapper .mm_tab_toggle_title a,
    .changestatus .mm_tab_toggle_title,
    .changestatus .mm_tab_toggle_title a {
        display: flex !important;
        box-sizing: border-box;
        min-height: 44px;
        line-height: 1.3;
        width: 100%;
        padding: 10px 15px;
    }

    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories,
    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories ul,
    .changestatus .ets_mm_block_content ul.ets_mm_categories,
    .changestatus .ets_mm_block_content ul.ets_mm_categories ul {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li {
        float: none !important;
        clear: both;
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        position: relative;
        box-sizing: border-box;
    }

    #mobile_top_menu_wrapper .ets_mm_block .h4 a,
    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li a,
    .changestatus .ets_mm_block .h4 a,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li a {
        padding: 10px 15px 10px 0;
    }


    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li.has-sub > a.ets_mm_url,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub > a.ets_mm_url {
        align-items: center;
        padding: 10px 52px 10px 0;
    }

    /* kropka przy pozycjach z + / − (flex psuje kropkę-tekst z layout1.css) */
    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li.has-sub > a.ets_mm_url::before,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub > a.ets_mm_url::before,
    .layout_layout1 .ets_mm_block_content ul.ets_mm_categories li.has-sub > a.ets_mm_url::before {
        content: "" !important;
        display: block !important;
        flex: 0 0 auto;
        align-self: center;
        width: 5px !important;
        height: 5px !important;
        margin-right: 8px;
        border-radius: 50%;
        background-color: #484848;
        font-size: 0 !important;
        line-height: 0 !important;
        vertical-align: unset !important;
        position: static !important;
        top: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li.has-sub > .arrow,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub > .arrow {
        display: block;
        min-width: 44px;
        min-height: 44px;
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        cursor: pointer;
    }

    /* podmenu kategorii: zwinięte bez zajmowania miejsca (zamiast height:0) */
    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li.has-sub > ul.ets_mm_categories,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub > ul.ets_mm_categories {
        display: none !important;
        float: none !important;
        position: relative !important;
        left: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible;
        border: 0;
        box-shadow: none;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li.has-sub > ul.ets_mm_categories.active,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub > ul.ets_mm_categories.active {
        display: block !important;
        padding-left: 15px !important;
    }

    #mobile_top_menu_wrapper .ets_mm_block_content ul.ets_mm_categories li.has-sub > ul.ets_mm_categories::before,
    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub > ul.ets_mm_categories::before {
        display: none !important;
    }
}
.mobile-menu img {
    width: 24px;
    margin-top: 0;
}

#header .scroll_heading .mm_extra_item {
    display: block;
}

.mm_extra_item {
    float: right;
    padding-right: 10px;
    position: absolute !important;
    right: -200px;
    top: -5px;
    display: none;
}

@media (min-width: 1024px) {
    #header .ets_mm_megamenu.sticky_enabled,
    #header .ets_mm_megamenu.scroll_heading {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: auto !important;
    }
}

@media (max-width: 1023px) {
    #mobile_top_menu_wrapper.row {
        margin-bottom: 0 !important;
    }
    #mobile_top_menu_wrapper .ybc-menu-toggle,
    #mobile_top_menu_wrapper .ybc-menu-btn {
        width: 44px !important;
        max-width: 44px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin: 0;
        color: #000;
        visibility: visible !important;
    }
}

@media (max-width: 767px) {
    .mobile-logo {
        margin-right: 10px;
        position: relative;
        top: 10px;
        left: -5px;
    }
}

#header .show #mobile_top_menu_wrapper {
    display: none;
}
.showinscroll img {
    max-width: 38px;
    position: relative;
    top: 5px;
    margin-right: 15px;
    left: -5px;
}
#_desktop_logo {
    margin-bottom: 8px;
}
@media (min-width: 992px) {
    #header .header-top #_desktop_logo {
        margin-bottom: 0;
        margin-left: 15px;
    }
}
#_desktop_logo h1 {
    margin: 0px;
}
/* Topbar + header – ta sama szerokość co menu / treść strony */
#header .desktopheader .header-top > .container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    #header .desktopheader .header-top > .container {
        max-width: 1440px;
    }
}

@media (min-width: 1200px) {
    #header .desktopheader .header-top > .container,
    #header .container {
        max-width: 1640px;
    }
}

@media (min-width: 1024px) {
    #header .desktopheader .header-top > .container {
        padding-left: 15px;
    }
}
/* --- Header toolbar, search-in-row, sticky (migrated from custom.css) --- */

/* Hybryda: wyszukiwarka w pasku mobilnym */
@media (min-width: 768px) and (max-width: 1023px) {
    #header .header-top,
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        height: 63px;
        min-height: 63px;
        max-height: 63px;
    }
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        align-items: center;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget {
        flex: 0 0 360px !important;
        width: 360px !important;
        max-width: 360px !important;
        min-width: 360px !important;
        align-self: center;
        margin: 0 !important;
        display: block !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget form {
        position: relative;
        display: block;
        width: 360px;
        max-width: 360px;
        min-width: 360px;
        height: 40px;
        margin: 0;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__inline {
        display: block !important;
        width: 360px;
        height: 40px;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__inline input[type="text"] {
        display: block !important;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        border: none !important;
        border-bottom: 1px solid #000 !important;
        border-radius: 0 !important;
        padding: 0 44px 0 0;
        margin: 0;
        font-size: 14px;
        line-height: 40px;
        color: #232323;
        background: #fff !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__submit {
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        width: 44px;
        height: 40px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__submit img {
        height: 21px;
        width: 21px;
        display: block;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__mobile-trigger,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .searchbar-mobile-overlay {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    #header .header-top,
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        height: 71px;
        min-height: 71px;
        max-height: 71px;
    }
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box {
        align-items: center;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget {
        flex: 0 0 360px !important;
        width: 360px !important;
        max-width: 360px !important;
        min-width: 360px !important;
        margin: 0 !important;
        display: block !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget form {
        position: relative;
        display: block;
        width: 360px;
        max-width: 360px;
        min-width: 360px;
        height: 40px;
        margin: 0;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__inline {
        display: block !important;
        width: 360px;
        height: 40px;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__inline input[type="text"] {
        display: block !important;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        border: none !important;
        border-bottom: 1px solid #000 !important;
        border-radius: 0 !important;
        padding: 0 44px 0 0;
        margin: 0;
        font-size: 14px;
        line-height: 40px;
        color: #232323;
        background: #fff !important;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__submit {
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        width: 44px;
        height: 40px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__submit img {
        height: 21px;
        width: 21px;
        display: block;
    }
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__mobile-trigger,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .searchbar-mobile-overlay {
        display: none !important;
    }
}

/* header toolbar: logo | search | account | wishlist | cart (one row) — tylko ≥1024 */
@media (min-width: 1024px) {
    #header .header-top {
        padding-top: 10px;
        padding-bottom: 0;
    }
    #header .header-top > .container > .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    #header .header-top .header-toolbar {
        flex: 1 1 0;
        min-width: 0;
        margin-top: 0;
        --header-icon-size: 26px;
        --header-icon-gap: 28px;
    }
    #header .header-toolbar #search_widget,
    #header .header-toolbar .search-widget {
        flex: 0 0 360px;
        width: 360px;
        max-width: 360px;
        min-width: 360px;
    }
    #header .header-toolbar #search_widget form,
    #header .header-toolbar .search-widget form {
        position: relative;
        display: block;
        width: 360px;
        max-width: 360px;
        min-width: 360px;
        height: 40px;
        margin: 0;
        gap: 0;
    }
    #header .header-toolbar #search_widget .search-widget__inline input[type="text"],
    #header .header-toolbar #search_widget form input[type="text"],
    #header .header-toolbar .search-widget__inline input[type="text"] {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        border: none !important;
        border-bottom: 1px solid #000 !important;
        border-radius: 0 !important;
        padding: 0 44px 0 0;
        margin: 0;
        font-size: 14px;
        line-height: 40px;
        color: #232323;
        background: #fff !important;
    }
    #header .header-toolbar #search_widget .search-widget__submit,
    #header .header-toolbar #search_widget form button[type="submit"],
    #header .header-toolbar .search-widget__submit {
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        width: 44px;
        height: 40px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
    }
    #header .header-toolbar #search_widget .search-widget__submit .hidden-xl-down,
    #header .header-toolbar #search_widget form button[type="submit"] .hidden-xl-down,
    #header .header-toolbar .search-widget__submit .hidden-xl-down {
        display: none !important;
    }
    #header .header-toolbar .header-action-label {
        font-family: "Inter", sans-serif;
        font-size: 11px;
        line-height: 1.2;
        color: #232323;
    }
    #header .header-toolbar .header-action-icon img,
    #header .header-toolbar #_desktop_user_info .user-info a img,
    #header .header-toolbar #_desktop_cart img,
    #header .header-toolbar #_desktop_wishlist img {
        height: var(--header-icon-size) !important;
        max-width: none !important;
    }
    #header .header-toolbar .cart-badge-sticker {
        top: -2px;
        right: -5px;
        min-width: 15px;
        height: 15px;
        font-size: 9px;
        line-height: 15px;
    }
    #header .header-toolbar #_desktop_cart .header {
        align-items: flex-end;
    }
}
#header .header-toolbar {
    --header-icon-size: 22px;
    --header-icon-gap: 16px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    gap: var(--header-icon-gap);
    column-gap: var(--header-icon-gap);
    padding-right: 15px;
}

@media (min-width: 1024px) {
    #header .header-toolbar {
        padding-right: 30px !important;
    }
}
#header .header-toolbar > * {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0;
    float: none !important;
}
#header .header-toolbar #search_widget,
#header .header-toolbar .search-widget {
    order: 1;
    width: auto !important;
    display: block;
}
#header .header-toolbar #search_widget form,
#header .header-toolbar .search-widget form {
    position: relative;
    display: block;
    width: auto;
    max-width: 360px;
    min-width: 0;
    margin: 0;
}
#header .header-toolbar #search_widget .search-widget__inline input[type="text"],
#header .header-toolbar #search_widget form input[type="text"],
#header .header-toolbar .search-widget__inline input[type="text"] {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid #000 !important;
    padding: 0 12px;
    font-size: 14px;
}

/* Font tekstu w polu: 14 px w wariantach 1920/1440/1024, 13 px w wariancie 768
   (zgłoszenie 1.5 z 09.08.2026 pkt 3: „14px na full - ok, 1024 → 768 - 13px";
   w Figmie napis w ramce 768 jest o 1 px mniejszy niż w 1024 — zmierzone
   na eksporcie: 20,5 px vs 22,0 px szerokości tego samego wyrazu). */
@media (min-width: 768px) and (max-width: 1023.98px) {
    #header .header-toolbar #search_widget .search-widget__inline input[type="text"],
    #header .header-toolbar #search_widget form input[type="text"],
    #header .header-toolbar .search-widget__inline input[type="text"] {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    #header .header-toolbar #search_widget .search-widget__inline input[type="text"],
    #header .header-toolbar #search_widget form input[type="text"],
    #header .header-toolbar .search-widget__inline input[type="text"] {
        background: #F5F5F5 !important;
    }
}

#header .header-toolbar #search_widget .search-widget__submit,
#header .header-toolbar #search_widget form button[type="submit"],
#header .header-toolbar .search-widget__submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    line-height: 0;
    border: none;
    background: transparent;
}
#header .header-toolbar #search_widget form button[type="submit"] img {
    height: 21px;
    width: 21px;
    display: block;
}

/* Ikona lupy w wyszukiwarce — 21×21px (<1024px); od 1024px → 25px w bloku desktop */
#header #search_widget form button[type="submit"] .header-action-icon,
#header #search_widget form button[type="submit"] .header-search-icon,
#header #search_widget form button[type="submit"] .header-action-icon img,
#header #search_widget form button[type="submit"] img {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    flex: 0 0 21px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

@media (min-width: 1024px) {
    #header #search_widget form button[type="submit"] .header-action-icon,
    #header #search_widget form button[type="submit"] .header-search-icon,
    #header #search_widget form button[type="submit"] .header-action-icon img,
    #header #search_widget form button[type="submit"] img,
    #header .header-toolbar #search_widget form button[type="submit"] img {
        width: 25px !important;
        height: 25px !important;
        max-width: 25px !important;
        max-height: 25px !important;
        min-width: 25px !important;
        min-height: 25px !important;
        flex: 0 0 25px !important;
    }
}

/* Wyszukiwarka — 360px od 1024px (hybryda + desktop) */
@media (min-width: 1024px) {
    #header #search_widget,
    #header .header-toolbar #search_widget,
    #header .header-toolbar .search-widget,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget {
        flex: 0 0 360px !important;
        width: 360px !important;
        max-width: 360px !important;
        min-width: 360px !important;
    }
    #header #search_widget form,
    #header .header-toolbar #search_widget form,
    #header .header-toolbar .search-widget form,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget form,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget form {
        width: 360px !important;
        max-width: 360px !important;
        min-width: 360px !important;
    }
    #header .header-toolbar .search-widget__inline input[type="text"],
    #header .header-toolbar #search_widget form input[type="text"],
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__inline input[type="text"],
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget form input[type="text"] {
        display: block !important;
        background-color: white !important;
    }
    /* Wg Figmy pole jest białe tylko w stanie Empty; w Active / List / Not_found
       (czyli gdy coś wpisano — klasa is-active z JS) tło to #F5F5F5. */
    #header .header-toolbar .search-widget__inline.is-active input[type="text"],
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__inline.is-active input[type="text"] {
        background-color: #F5F5F5 !important;
    }
    #header .header-toolbar .search-widget__submit,
    #header .header-toolbar #search_widget form button[type="submit"],
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__submit,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget form button[type="submit"] {
        position: absolute !important;
        top: 0;
        right: 0;
        width: 44px;
        height: 40px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
}

#header .header-toolbar #_desktop_wishlist,
#header .header-toolbar #_desktop_cart,
#header .header-toolbar #_desktop_user_info {
    display: flex;
    align-items: flex-end;
}
#header .header-toolbar #_desktop_user_info {
    order: 2;
}
#header .header-toolbar #_desktop_wishlist {
    order: 3;
}
#header .header-toolbar #_desktop_cart {
    order: 4;
}
#header .header-toolbar .header-action-link,
#header .header-toolbar .header-wishlist-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    color: #000;
    min-width: 0;
    width: max-content;
    padding: 0;
}
#header .header-toolbar .header-action-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    line-height: 1;
}
#header .header-toolbar .header-action-label {
    font-size: 11px;
    line-height: 1.15;
    font-weight: 400;
    white-space: nowrap;
}
#header .header-toolbar .header-action-icon img,
#header .header-toolbar #_desktop_user_info .user-info a img,
#header .header-toolbar #_desktop_cart img,
#header .header-toolbar #_desktop_wishlist img {
    height: var(--header-icon-size) !important;
    width: auto !important;
    max-width: var(--header-icon-size);
    display: block;
}
#header .header-toolbar #_desktop_user_info .user-info {
    display: block;
    line-height: 1;
}
#header .header-toolbar #_desktop_user_info .user-info a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #000;
    min-width: 0;
    width: max-content;
    padding: 0;
}
#header .header-toolbar #_desktop_user_info .user-info a.logout {
    display: none !important;
}
#header .header-toolbar #_desktop_cart .header {
    display: flex;
    align-items: center;
}
#header .header-toolbar #_desktop_cart .header-action-link {
    cursor: pointer;
}
#header .header-toolbar .cart-badge-sticker {
    position: absolute;
    top: -3px;
    right: -6px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    background: #000;
    color: #fff;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    pointer-events: none;
}
#header .header-toolbar #_desktop_wishlist .header-wishlist-link {
    min-width: 0;
    width: max-content;
    padding: 0;
}
#_desktop_cart {
    display: inline-block;
    float: right;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 5px;
}
#_desktop_user_info {
    display: inline-block;
    float: right;
    margin-top: 5px;
}
#header .header-toolbar #_desktop_cart,
#header .header-toolbar #_desktop_user_info {
    float: none !important;
    margin: 0 !important;
}
#header {
    color: #000;
}
.search-widget form input[type=text]:focus {
    outline: none;
    color: #000;
}
.search-widget form input[type=text]:focus+button .search {
    color: unset;
}
#header .header-top .position-static {
    position: static;
    margin-top: 10px;
}
#header .header-top .header-toolbar.position-static {
    margin-top: 0;
}
#_desktop_cart img {
    height: 29px;
}
#header .header-nav {
    display: none;
}
@media (min-width: 1024px) {
    #header .header-toolbar .search-widget form input[type="text"]::placeholder {
        color: #000 !important;
    }

    #header .header-top .row {
        margin-bottom: 8px;
    }
}
/* Topbar nad otwartym menu mobilnym */
@media (max-width: 1023px) {
    body.noscroll .header-top-bar,
    body.mobile-menu-open .header-top-bar,
    body:has(#mobile_top_menu_wrapper .mm_menus_ul.active) .header-top-bar {
        z-index: 10040 !important;
    }
}

.mobile-icons.header-toolbar .search-widget,
.mobile-icons.header-toolbar #search_widget {
    order: 1;
    display: flex !important;
    align-items: center;
    align-self: center;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    overflow: visible !important;
}
.mobile-icons.header-toolbar .search-widget form,
.mobile-icons.header-toolbar #search_widget form {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
}
@media (max-width: 767px) {
    .mobile-icons.header-toolbar .search-widget__inline,
    .mobile-icons.header-toolbar #search_widget .search-widget__inline {
        display: none !important;
    }
    .mobile-icons.header-toolbar .search-widget__mobile-trigger,
    .mobile-icons.header-toolbar #search_widget .search-widget__mobile-trigger {
        display: inline-flex;
        align-items: center;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .mobile-icons.header-toolbar .search-widget__inline,
    .mobile-icons.header-toolbar #search_widget .search-widget__inline {
        display: block !important;
    }
    .mobile-icons.header-toolbar .search-widget__mobile-trigger,
    .mobile-icons.header-toolbar .search-widget .searchbar-mobile-overlay,
    .mobile-icons.header-toolbar #search_widget .search-widget__mobile-trigger,
    .mobile-icons.header-toolbar #search_widget .searchbar-mobile-overlay {
        display: none !important;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .mobile-icons.header-toolbar .search-widget__inline,
    .mobile-icons.header-toolbar #search_widget .search-widget__inline {
        display: block !important;
    }
    .mobile-icons.header-toolbar .search-widget__mobile-trigger,
    .mobile-icons.header-toolbar .search-widget .searchbar-mobile-overlay,
    .mobile-icons.header-toolbar #search_widget .search-widget__mobile-trigger,
    .mobile-icons.header-toolbar #search_widget .searchbar-mobile-overlay {
        display: none !important;
    }
}
.mobile-icons.header-toolbar .search-widget__submit,
.mobile-icons.header-toolbar #search_widget form button[type="submit"],
.mobile-icons.header-toolbar .search-widget__toggle,
.mobile-icons.header-toolbar #search_widget form button[type="submit"] {
    position: static;
    width: auto;
    height: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
}
#mobile_top_menu_wrapper .mobile-icons #search_widget .header-action-icon,
#mobile_top_menu_wrapper .mobile-icons #search_widget .header-search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    line-height: 0;
}
#mobile_top_menu_wrapper .mobile-icons #search_widget .header-action-icon img {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
    object-fit: contain;
    object-position: center;
    display: block;
}
.mobile-icons.header-toolbar .cart-badge-sticker {
    top: 2px;
    right: 0;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    line-height: 14px;
}
#_desktop_cart #header a:hover {
    text-decoration: none;
    color: #a53f5b;
}
#header a:hover {
    text-decoration: none;
    color: rgba(222, 185, 112, 1);
}
@media (min-width: 1024px) {
    #header {
        margin-bottom: 0 !important;
    }

    #header.is-header-stuck .desktopheader.is-stuck .header-top #_desktop_logo {
        max-width: 118px;
    }

    #header.is-header-stuck .desktopheader.is-stuck .header-top #_desktop_logo img,
    #header.is-header-stuck .desktopheader.is-stuck .header-top #_desktop_logo .logo {
        --moeblo-logo-h: 24px;
        --moeblo-logo-max-w: 118px;
        width: 118px !important;
        height: 24px !important;
        max-width: 118px !important;
        max-height: 24px !important;
        aspect-ratio: 157 / 32 !important;
        object-fit: contain;
    }
}

@media (min-width: 1440px) {
    #header.is-header-stuck .desktopheader.is-stuck .header-top #_desktop_logo {
        max-width: 222px;
    }

    #header.is-header-stuck .desktopheader.is-stuck .header-top #_desktop_logo img,
    #header.is-header-stuck .desktopheader.is-stuck .header-top #_desktop_logo .logo {
        --moeblo-logo-h: 36px;
        --moeblo-logo-max-w: 222px;
        width: auto !important;
        height: var(--moeblo-logo-h) !important;
        max-height: var(--moeblo-logo-h) !important;
        max-width: min(calc(var(--moeblo-logo-h) * 157 / 32), var(--moeblo-logo-max-w)) !important;
        aspect-ratio: 157 / 32 !important;
        object-fit: contain;
    }
}

/* Sticky header — wspólne reguły (mobile, tablet, desktop) */
#header {
    position: relative;
    z-index: 1000;
}

.desktopheader-wrap {
    width: 100%;
}

.desktopheader {
    position: relative;
    width: 100%;
    z-index: 2;
    background-color: #fff;
}

.desktopheader.is-stuck {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.desktopheader.show {
    transform: translateY(0);
    opacity: 1;
}
@media (max-width: 1023px) {
    #header {
        height: auto;
    }
}

#checkout .ets_mm_megamenu_content {
    display: none;
}

@media (min-width: 1024px) {
    body.has-compact-filter.show-filter #header,
    body.has-compact-filter.show-filter #mobile_top_menu_wrapper,
    body.has-compact-filter.show-filter #mobile_top_menu_wrapper .mobile-icons {
        position: relative;
        z-index: 10002;
    }
}

@media (min-width: 1024px) {
    #header .header-top,
    #header .header-top > .container,
    #mobile_top_menu_wrapper.row,
    #mobile_top_menu_wrapper .mobile-box,
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar {
        overflow: visible !important;
    }
}

#header #search_widget,
#header .header-toolbar #search_widget,
#mobile_top_menu_wrapper .mobile-icons.header-toolbar #search_widget {
    overflow: visible !important;
}

/*
 * CSS failsafe (Chrome): ETS mobile_floating.css (768–1199) + changestatus na widocznym
 * desktop nav psuje pasek kategorii. JS usuwa klasę, ale te reguły gwarantują layout
 * nawet gdy changestatus zostanie dodany przez ets_megamenu.js.
 */
@media (min-width: 1024px) {
    html.moeblo-nav-desktop .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul,
    html.moeblo-nav-desktop .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul,
    html.moeblo-nav-desktop .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul,
    html.moeblo-nav-desktop .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul,
    html.moeblo-nav-desktop .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul.active,
    html.moeblo-nav-desktop .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus.transition_floating .mm_menus_ul.active {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transition: none !important;
        background: transparent !important;
        border: none !important;
        z-index: auto !important;
    }

    html.moeblo-nav-desktop .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul > li.mm_menus_li,
    html.moeblo-nav-desktop .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_ul > li.mm_menus_li {
        display: block !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
    }

    html.moeblo-nav-desktop .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_li .arrow,
    html.moeblo-nav-desktop .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .mm_menus_li .arrow,
    html.moeblo-nav-desktop .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-toggle,
    html.moeblo-nav-desktop .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-toggle,
    html.moeblo-nav-desktop .desktopheader > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-btn,
    html.moeblo-nav-desktop .desktopheader .header-top > .hidden-md-down .ets_mm_megamenu.changestatus .ybc-menu-btn {
        display: none !important;
    }
}


/* =========================================================
   Wyszukiwarka w headerze — stany pola (zgłoszenie 1.5 Wyszukiwarka)

   Tło: białe w spoczynku, #F5F5F5 po najechaniu, kliknięciu i gdy pole ma tekst.
   Blok musi być na końcu pliku i z !important, bo bazowe tło jest wymuszane
   w kilku miejscach wyżej (linie ~1943, ~2018, ~2096) oraz w ps_searchbar.css
   dla >=1440. Poniżej 768 px tło jest już szare (blok @media max-width: 768px).

   Tekst: 400 dla podpowiedzi w pustym polu, 500 dla wpisanego.
   Rozmiar: 14 px od 768 w górę, 13 px w zakresie 390–767, 14 px poniżej 390
   (na najmniejszych ekranach z powrotem 14 px — mniej powoduje automatyczne
   przybliżanie pola przez iOS).
   ========================================================= */

#header .header-toolbar #search_widget .search-widget__inline input[type="text"]:hover,
#header .header-toolbar #search_widget form input[type="text"]:hover,
#header .header-toolbar #search_widget .search-widget__inline input[type="text"]:focus,
#header .header-toolbar #search_widget form input[type="text"]:focus,
#header .header-toolbar #search_widget .search-widget__inline.is-active input[type="text"],
#header .header-toolbar .search-widget__inline.is-active input[type="text"] {
    background: #F5F5F5 !important;
}

#mobile_top_menu_wrapper .searchbar-mobile-overlay__field input[type="text"]:hover,
#mobile_top_menu_wrapper .searchbar-mobile-overlay__field input[type="text"]:focus,
.searchbar-mobile-overlay__field input[type="text"]:hover,
.searchbar-mobile-overlay__field input[type="text"]:focus {
    background: #F5F5F5 !important;
}

#header .header-toolbar #search_widget .search-widget__inline input[type="text"],
#header .header-toolbar #search_widget form input[type="text"],
#header .header-toolbar .search-widget__inline input[type="text"],
.searchbar-mobile-overlay__field input[type="text"] {
    font-weight: 500;
}

#header .header-toolbar #search_widget .search-widget__inline input[type="text"]::placeholder,
#header .header-toolbar #search_widget form input[type="text"]::placeholder,
#header .header-toolbar .search-widget__inline input[type="text"]::placeholder,
.searchbar-mobile-overlay__field input[type="text"]::placeholder {
    font-weight: 400;
}

@media (min-width: 390px) and (max-width: 767px) {
    #header .header-toolbar #search_widget .search-widget__inline input[type="text"],
    #header .header-toolbar #search_widget form input[type="text"],
    #header .header-toolbar .search-widget__inline input[type="text"],
    #mobile_top_menu_wrapper .mobile-icons.header-toolbar .search-widget__inline input[type="text"],
    .searchbar-mobile-overlay__field input[type="text"] {
        font-size: 13px !important;
    }
}
