#header .logo {
    display: none !important;
}

.product-tabs-fullwidth {
    margin-top: 2rem;
    clear: both;
}

/* ── Desktop menu — Creative Elements Nav Menu (header CE, nie ps_mainmenu) ── */
@media (min-width: 768px) {
    .elementor-element-39fe36d,
    .elementor-element-0669ab3,
    .elementor-element-0669ab3 > .elementor-widget-container,
    .elementor-widget-nav-menu > .elementor-widget-container {
        overflow: visible !important;
    }

    .elementor-nav--main.e--pointer-underline a.elementor-item:before,
    .elementor-nav--main.e--pointer-underline a.elementor-item:after {
        display: none !important;
    }

    .elementor-widget-nav-menu {
        position: relative;
        z-index: 500;
    }

    /* Poziom główny — jeden rząd */
    .elementor-nav--main > .elementor-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .elementor-nav--main > .elementor-nav > li {
        position: relative;
        flex: 0 0 auto;
    }

    .elementor-nav--main a.elementor-item {
        display: block;
        padding: 0.65rem 1.75rem !important;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.35;
        color: #121212 !important;
        text-align: center;
        white-space: nowrap;
        border-radius: 10px;
        background: transparent !important;
        transition: background-color 0.25s ease, color 0.25s ease;
    }

    .elementor-nav--main > .elementor-nav > li:hover > a.elementor-item,
    .elementor-nav--main > .elementor-nav > li > a.elementor-item.highlighted {
        color: #121212 !important;
        background-color: #f3f4f6 !important;
    }

    .elementor-nav--main > .elementor-nav > li > a.elementor-item .sub-arrow {
        margin-left: 0.35rem;
        padding: 0;
        font-size: 0.75rem;
        color: #737d8c;
        vertical-align: middle;
    }

    /* Panel 1. poziomu — absolute, poza flow dokumentu.
       FIX HOVER GAP: top:100% bez offsetu + padding-top:14px (bezpieczna strefa)
       + niewidoczny most ::before. Opacity zamiast display:none — żeby
       :hover nie gubił się w trakcie ruchu kursora i menu nie "pulsowało". */
    .elementor-nav--main > .elementor-nav > li > .sub-menu.elementor-nav--dropdown {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: auto !important;
        min-width: 18rem !important;          /* default — dla prostych menu (Buty męskie, Promocje) */
        max-width: 44rem !important;
        margin: 0 !important;
        padding: 14px 0 0.875rem 0 !important; /* górne 14px = bufor hover (wewnątrz panelu) */
        list-style: none;
        background: #fff !important;
        border: 1px solid #e8eaed;
        border-radius: 14px;
        box-shadow: 0 16px 48px rgba(18, 18, 18, 0.1);
        z-index: 1200;
        overflow: visible !important;
        /* Zawsze obecny w DOM — przełączamy widocznością/opacity, nie display */
        display: block !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.18s ease, visibility 0s linear 0.18s;
    }

    /* Niewidoczny most 14×100% NAD panelem — kursor zjeżdżający z li trafia na niego,
       a nie w lukę → :hover na parent <li> zostaje aktywny */
    .elementor-nav--main > .elementor-nav > li > .sub-menu.elementor-nav--dropdown::before {
        content: "";
        position: absolute;
        top: -14px;
        left: 0;
        right: 0;
        height: 14px;
        background: transparent;
        pointer-events: auto;
    }

    .elementor-nav--main > .elementor-nav > li:hover > .sub-menu.elementor-nav--dropdown,
    .elementor-nav--main > .elementor-nav > li:focus-within > .sub-menu.elementor-nav--dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.18s ease, visibility 0s linear 0s;
    }

    /* Mega-menu z podkategoriami — szerszy panel, stała wysokość */
    .elementor-nav--main > .elementor-nav > li > .sub-menu.elementor-nav--dropdown:has(> li.menu-item-has-children) {
        min-width: 36rem !important;
        min-height: 13rem !important;
    }

    /* Ostatni item menu (Promocje) — panel wyrównany do PRAWEJ, żeby nie wyciekał poza viewport */
    .elementor-nav--main > .elementor-nav > li:last-child > .sub-menu.elementor-nav--dropdown {
        left: auto !important;
        right: 0 !important;
    }

    /* Separator pionowy na środku panelu z podkategoriami — przesunięty pod nowy padding-top */
    .elementor-nav--main > .elementor-nav > li > .sub-menu.elementor-nav--dropdown:has(> li.menu-item-has-children)::after {
        content: "";
        position: absolute;
        top: calc(14px + 0.875rem);
        bottom: 0.875rem;
        left: 50%;
        width: 1px;
        background: #eef0f3;
        pointer-events: none;
    }

    .elementor-nav--main > .elementor-nav > li > .sub-menu > li {
        position: static;
        margin: 0.3rem 0.75rem;
        border-radius: 10px;
        box-sizing: border-box;
        transition: background-color 0.22s ease;
    }

    /* Lewa kolumna mega-menu */
    .elementor-nav--main > .elementor-nav > li > .sub-menu:has(> li.menu-item-has-children) > li {
        float: left;
        clear: left;
        width: calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem);
    }


    .elementor-nav--main > .elementor-nav > li > .sub-menu:has(> li.menu-item-has-children)::after {
        content: "";
        display: table;
        clear: both;
    }

    /* Prawa kolumna (3. poziom mega-menu). FIX: zawsze display:block, przełączamy opacity/visibility
       żeby przejście z lewej kolumny na prawą nie gubiło :hover. */
    .elementor-nav--main > .elementor-nav > li > .sub-menu .sub-menu.elementor-nav--dropdown {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        width: 50% !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        padding: calc(14px + 0.875rem) 0.5rem 0.875rem 0.5rem;
        background: #fafbfc;
        border: none;
        border-radius: 0 14px 14px 0;
        box-shadow: none;
        box-sizing: border-box;
        display: block !important;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.18s ease, visibility 0s linear 0.18s;
    }

    /* Most poziomy: lewa krawędź prawej kolumny rozszerzona o 1rem w lewo,
       żeby kursor jadący z li lewej kolumny nie wpadł w lukę (margin-right li = 0.75rem) */
    .elementor-nav--main > .elementor-nav > li > .sub-menu .sub-menu.elementor-nav--dropdown::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1rem;
        width: 1rem;
        height: 100%;
        background: transparent;
        pointer-events: auto;
    }

    .elementor-nav--main > .elementor-nav > li > .sub-menu > li:hover,
    .elementor-nav--main > .elementor-nav > li > .sub-menu > li > a.highlighted {
        background-color: #f3f4f6;
    }

    .elementor-nav--main > .elementor-nav > li > .sub-menu > li:hover > .sub-menu.elementor-nav--dropdown,
    .elementor-nav--main > .elementor-nav > li > .sub-menu > li > a.highlighted + .sub-menu.elementor-nav--dropdown {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto;
        transition: opacity 0.18s ease, visibility 0s linear 0s;
    }

    .elementor-nav--main > .elementor-nav > li > .sub-menu .sub-menu > li {
        float: none;
        width: auto;
        max-width: none;
        margin: 0.25rem 0.5rem;
        border-radius: 10px;
    }

    .elementor-nav--main .sub-menu a.elementor-sub-item {
        display: block;
        padding: 0.9rem 2.75rem !important;
        font-size: 0.96875rem !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        color: #3d4654 !important;
        text-align: center !important;
        background: transparent !important;
        border-radius: 10px;
        opacity: 1 !important;
        transition: color 0.22s ease, background-color 0.22s ease;
    }

    .elementor-nav--main .sub-menu > li.menu-item-has-children > a.elementor-sub-item {
        font-weight: 500 !important;
        color: #121212 !important;
        position: relative;
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .elementor-nav--main .sub-menu > li.menu-item-has-children > a .sub-arrow {
        position: absolute;
        right: 1rem;
        top: 50%;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
        font-size: 0.7rem;
        color: #737d8c;
    }

    .elementor-nav--main .sub-menu .sub-menu.elementor-nav--dropdown a.elementor-sub-item,
    .elementor-nav--main .sub-menu .sub-menu.elementor-nav--dropdown a.elementor-sub-item:not(#e) {
        font-size: 0.9375rem !important;
        color: #121212 !important;
        padding: 0.85rem 2.25rem !important;
        opacity: 1 !important;
    }

    .elementor-nav--main .sub-menu .sub-menu > li:hover {
        background-color: #eef0f3;
    }

    .elementor-nav--main .sub-menu .sub-menu > li:hover > a.elementor-sub-item {
        color: #121212 !important;
        background: transparent !important;
    }

    .elementor-nav--main .elementor-nav--dropdown .menu-item a.highlighted:not(#e),
    .elementor-nav--main .elementor-nav--dropdown .menu-item a:not(#e):hover,
    .elementor-nav--main .elementor-nav--dropdown .menu-item a:not(#e):focus {
        background-color: transparent !important;
    }

    .elementor-nav--main > .elementor-nav > li > .sub-menu > li:hover > a.elementor-sub-item,
    .elementor-nav--main > .elementor-nav > li > .sub-menu > li > a.highlighted {
        color: #121212 !important;
        background: transparent !important;
    }
}

/* Ukryj standardową wyszukiwarkę PrestaShop (ps_searchbar).
   CE AJAX search (.elementor-widget-ajax-search) ZOSTAJE — używa .ui-autocomplete-input
   z jQuery UI, dlatego NIE ukrywamy tej klasy ani .ui-autocomplete (dropdown sugestii). */
.search-widget,
.search-widgets,
#search_widget,
form[id*="searchbox"] {
    display: none !important;
}