/* ARMANIPLAST-PASS-010 — mega-menu (restored 4-column panel; Pass 033 hotfix) */

@media (min-width: 990px) {
    header.header nav.nav,
    header.header .nav-container.bottom,
    header.header .nav-inner,
    header.header .nav-item.has-dropdown,
    header.header .nav-item.has-dropdown > .dropdown-menu,
    header.header .dropdown-item.has-dropdown {
        overflow: visible !important;
    }

    header.header .nav-item.has-dropdown .dropdown-menu {
        max-height: none !important;
        overflow: visible !important;
    }

    /* Root products panel: four columns, not a tall single list */
    header.header .nav-item.has-dropdown > #nav-products-submenu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
        gap: 0;
        position: absolute;
        inset-inline-start: auto;
        inset-inline-end: 0;
        left: auto;
        right: 0;
        top: 100%;
        min-width: min(960px, calc(100vw - 2.5rem));
        max-width: min(1080px, calc(100vw - 1.5rem)) !important;
        width: max-content !important;
        padding: 0.45rem 0.35rem;
        background: #fff;
        z-index: 80;
        max-height: min(70vh, calc(100vh - 8rem));
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item {
        flex: 1 1 0;
        min-width: 13.5rem;
        max-width: 18rem;
        padding: 0.2rem 0.15rem;
        border-inline-end: 1px solid #ececec;
        white-space: normal !important;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item:last-child {
        border-inline-end: 0;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item > a,
    header.header .nav-item.has-dropdown > #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > a {
        font-weight: 700;
        padding: 0.55rem 0.85rem;
        display: block;
    }

    /* Second level stays open inside its column */
    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item > .dropdown-menu,
    header.header .nav-item.has-dropdown > #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent;
        display: grid;
        grid-template-columns: 1fr;
        align-content: start;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item:nth-child(3) {
        min-width: 22rem;
        max-width: 28rem;
        flex: 1.45 1 0;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item:nth-child(3) > .dropdown-menu {
        grid-template-columns: 1fr 1fr;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .ap-nav-col-stack {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
    }

    header.header #nav-products-submenu > .dropdown-item > .dropdown-menu > .dropdown-item > a,
    header.header #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu > .dropdown-item > a {
        padding: 0.38rem 0.7rem;
        font-size: 0.9rem;
    }

    /* Third level: lateral flyout */
    header.header #nav-products-submenu .dropdown-item.has-dropdown > .dropdown-menu .dropdown-item.has-dropdown > .dropdown-menu,
    header.header #nav-products-submenu > .dropdown-item > .dropdown-menu > .dropdown-item.has-dropdown > .dropdown-menu {
        position: absolute !important;
        top: 0;
        right: calc(100% - 6px);
        left: auto;
        min-width: 12rem;
        width: max-content;
        max-width: 16rem;
        z-index: 90;
        background: #fff;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: none !important;
    }

    header.header #nav-products-submenu .dropdown-item.has-dropdown:hover > .dropdown-menu,
    header.header #nav-products-submenu .dropdown-item.has-dropdown:focus-within > .dropdown-menu,
    header.header #nav-products-submenu .dropdown-item.has-dropdown.open > .dropdown-menu,
    header.header #nav-products-submenu .dropdown-item.has-dropdown > a:hover + .dropdown-menu,
    header.header #nav-products-submenu .dropdown-item.has-dropdown > .dropdown-menu:hover {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    header.header #nav-products-submenu .dropdown-item.has-dropdown.open-left > .dropdown-menu {
        right: auto !important;
        left: calc(100% - 6px) !important;
    }
}

@media (max-width: 989px) {
    header.header .nav-inner.open {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        max-height: 100vh;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu {
        display: block;
        min-width: 0;
        max-width: none;
        width: auto;
        position: static;
        left: auto;
        right: auto;
        inset: auto;
    }

    header.header .has-dropdown > .dropdown-menu {
        overflow: hidden;
    }

    header.header .has-dropdown.open > .dropdown-menu {
        height: auto !important;
        overflow: visible !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}