@media (min-width: 1200px) {

    .page__header {
        --header-inner-width: 80%;
        --header-bg-color: transparent;
        --header-navigation-bg-color: transparent;
        --header-logo-width: 10.75rem;
        --header-navigation-font-size: .875rem;
        --header-navigation-font-weight: normal;
        --header-navigation-parent-text-color: var(--color-on-surface);
        --header-navigation-parent-hover-text-color: var(--color-on-surface-darker);
        --header-navigation-current-page-text-color: var(--color-on-surface-darker);
        --header-navigation-hover-underline-color: var(--header-navigation-parent-text-color);
    }

    body[data-isn-scrolled="true"] .page__header {
        height: auto;
        backdrop-filter: blur(4px);
        background-color: var(--header-bg-color);
    }

    body[data-isn-scrolled="true"] .page__header .page-header__inner {
        box-shadow: 0 0 12px 8px rgba(0, 0, 0, 8%);
    }

    body[data-isn-scrolled="true"] .page__header .page-header__logo {
        display: block;
    }

    body[data-isn-scrolled="true"] .page__header .page-header__buttons {
        display: flex;
    }

    .page-header__inner {
        width: fit-content;
        max-width: 90%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        column-gap: 2rem;
        row-gap: 1rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        background-color: rgba(236, 242, 240, 80%);
        /* background-color: var(--color-primary-darker); */
    }

    body.home .page-header__inner {
        box-shadow: 0 0 3px 1px rgba(1, 96, 102, 30%);
        /* box-shadow: 0 0 4px 4px rgba(0, 0, 0, 4%); */
    }
    
    body[data-isn-scrolled="true"] .page-header__inner {
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-left: 10%;
        padding-right: 10%;
        border-radius: 0;
        animation: fade-in .4s ease;
    }

    .page-header__logo {
        order: 1;
    }

    .page-header__buttons {
        order: 3;
        margin-right: 0;
    }

    /* ========================================
                    Header->
                    Navigation
                    [START]
    ========================================= */

    [data-isn-element="header-navigation-toggle"] {
        display: none;
    }

    .page-header__nav {
        position: static;
        flex-grow: 1;
        display: block;
        order: 2;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
        width: auto;
        min-width: fit-content;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .page-header__nav > .page-header__navigation-list {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        column-gap: 1.75rem;
        width: 100%;
        min-height: auto;
        margin: 0;
    }

    .page-header__nav .page-header__navigation-list .menu-item {
        width: auto;
    }

    .page-header__nav .page-header__navigation-list .menu-item.menu-item-has-children:hover > .sub-menu {
        display: block;
    }

    /* Parent item */
    .page-header__nav .page-header__navigation-list .menu-item a {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0;
    }

    .page-header__nav .page-header__navigation-list .menu-item a:hover {
        color: var(--header-navigation-parent-hover-text-color);
    }

    .page-header__nav .page-header__navigation-list .menu-item a::before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -4px;
        left: 0;
        height: 2px; /* Underline thickness */
        background-color: var(--header-navigation-hover-underline-color); /* Underline color */
        transform: scaleX(0); /* Hide underline by default */
        transition: transform .3s ease;
    }

    .page-header__nav .page-header__navigation-list .menu-item a:hover::before ,
    .page-header__nav .page-header__navigation-list .menu-item.current-menu-item > a::before {
        transform: scaleX(1); /* Stretch width */
    }

    .page-header__nav .page-header__navigation-list .menu-item.current-menu-item > a {
        color: var(--header-navigation-current-page-text-color) !important;
    }


        /* ========================================
                        Header->
                        Navigation->
                        Sub-menu
                        [START]
        ========================================= */

        .page-header__nav .page-header__navigation-list .sub-menu {
            display: none; /* Hide sub-menu by default */
            position: absolute;
            z-index: var(--under-top-z-index);
            padding: 0;
            top: 100%;
            background-color: var(--header-navigation-submenu-bg-color);
        }

        .page-header__nav .page-header__navigation-list .sub-menu .sub-menu {
            top: 0;
            left: 100%;
        }

        .page-header__nav .page-header__navigation-list .sub-menu a {
            padding: var(--space-lg);
            text-wrap: nowrap;
        }

        /* ========================================
                        Header->
                        Navigation->
                        Sub-menu
                        [END]
        ========================================= */

    /* ========================================
                    Header->
                    Navigation
                    [END]
    ========================================= */

}


@media (min-width: 1200px) and (max-width: 1619px) {

    .page-header__buttons {
        order: 2;
    }

    .page-header__nav {
        order: 3;
    }

}