.nav-main-section {
    position: absolute !important;
    left: 0;
    right: 0;
    z-index: 500;
    background: transparent !important;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

    .nav-main-section.nav-scrolled {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
    }

@media (min-width: 1200px) {
    .nav-main-section {
        top: 0;
    }

        .nav-main-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient( to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.20) 60%, transparent 100% );
            pointer-events: none;
            transition: opacity 0.3s ease;
            z-index: 0;
        }

        .nav-main-section > * {
            position: relative;
            z-index: 1;
        }

        .nav-main-section .lolya-c-header {
            background: transparent !important;
            box-shadow: none !important;
            border-bottom: none !important;
            min-height: 100px !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .nav-main-section .logo-svg svg {
            width: 200px !important;
            height: 75px !important;
        }

        .nav-main-section .lolya-c-header__search-btn svg {
            width: 15px !important;
            height: 15px !important;
        }

        .nav-main-section .lolya-c-account-menu svg {
            width: 15px !important;
            height: 18px !important;
        }

        .nav-main-section .lolya-c-header__wishlist svg,
        .nav-main-section .lolya-c-header__notification svg {
            width: 16px !important;
            height: 16px !important;
        }

        .nav-main-section .logo-svg path,
        .nav-main-section .logo-svg rect {
            fill: #fff !important;
            transition: fill 0.3s ease;
        }

        .nav-main-section .lolya-c-header__search-btn svg path {
            fill: #fff !important;
            transition: fill 0.3s ease;
        }

        .nav-main-section .lolya-c-account-menu svg path,
        .nav-main-section .lolya-c-header__wishlist svg path,
        .nav-main-section .lolya-c-header__notification svg path {
            fill: #fff !important;
            transition: fill 0.3s ease;
        }

        .nav-main-section .lolya-c-header__search-btn input {
            background: transparent !important;
            border-color: rgba(255, 255, 255, 0.5) !important;
            color: #fff !important;
        }

        .nav-main-section .lolya-c-header-cats-links {
            background: transparent !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
            transition: border-color 0.3s ease;
        }

        .nav-main-section #topMenu > li > a {
            color: #fff !important;
            transition: color 0.3s ease;
        }

            .nav-main-section #topMenu > li > a::after {
                background-color: #fff !important;
                transition: background-color 0.3s ease;
            }
        /* Hover: show white nav while over the banner (transparent state only) */
        .nav-main-section:not(.nav-scrolled):hover {
            background: #fff !important;
        }

            .nav-main-section:not(.nav-scrolled):hover::before {
                opacity: 0;
            }

            .nav-main-section:not(.nav-scrolled):hover .lolya-c-header {
                background: #fff !important;
            }

            .nav-main-section:not(.nav-scrolled):hover .logo-svg path,
            .nav-main-section:not(.nav-scrolled):hover .logo-svg rect {
                fill: #111 !important;
            }

            .nav-main-section:not(.nav-scrolled):hover .lolya-c-header__search-btn svg path {
                fill: #111 !important;
            }

            .nav-main-section:not(.nav-scrolled):hover .lolya-c-account-menu svg path,
            .nav-main-section:not(.nav-scrolled):hover .lolya-c-header__wishlist svg path,
            .nav-main-section:not(.nav-scrolled):hover .lolya-c-header__notification svg path {
                fill: #E3B59C !important;
            }

            .nav-main-section:not(.nav-scrolled):hover .lolya-c-header__search-btn input {
                border-color: rgba(0, 0, 0, 0.25) !important;
                color: #111 !important;
            }

            .nav-main-section:not(.nav-scrolled):hover .lolya-c-header-cats-links {
                border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
            }

            .nav-main-section:not(.nav-scrolled):hover #topMenu > li > a {
                color: #111 !important;
            }

                .nav-main-section:not(.nav-scrolled):hover #topMenu > li > a::after {
                    background-color: #111 !important;
                }

    .has-mega-menu .lolya-c-mega-menu {
        top: unset !important;
    }

    .nav-main-section.nav-scrolled::before {
        opacity: 0;
    }

    .nav-main-section.nav-scrolled .lolya-c-header {
        background: #fff !important;
        min-height: 64px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .nav-main-section.nav-scrolled .logo-svg svg {
        width: 120px !important;
        height: 45px !important;
    }

    .nav-main-section.nav-scrolled .logo-svg path,
    .nav-main-section.nav-scrolled .logo-svg rect {
        fill: #111 !important;
    }

    .nav-main-section.nav-scrolled .lolya-c-header__search-btn svg path {
        fill: #111 !important;
    }

    .nav-main-section.nav-scrolled .lolya-c-account-menu svg path,
    .nav-main-section.nav-scrolled .lolya-c-header__wishlist svg path,
    .nav-main-section.nav-scrolled .lolya-c-header__notification svg path {
        fill: #E3B59C !important;
    }

    .nav-main-section.nav-scrolled .lolya-c-header__search-btn input {
        border-color: rgba(0,0,0,0.25) !important;
        color: #111 !important;
        background: #fff !important;
    }

    .nav-main-section.nav-scrolled .lolya-c-header-cats-links {
        background: #fff !important;
        border-bottom: 1px solid rgba(0,0,0,0.10) !important;
    }

    .nav-main-section.nav-scrolled #topMenu > li > a {
        color: #111 !important;
    }

        .nav-main-section.nav-scrolled #topMenu > li > a::after {
            background-color: #111 !important;
        }
}

@media (max-width: 1199px) {
    .nav-main-section {
        top: 0;
    }

        .nav-main-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient( to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 65%, transparent 100% );
            pointer-events: none;
            z-index: 0;
        }

        .nav-main-section > * {
            position: relative;
            z-index: 1;
        }

        .nav-main-section .lolya-c-header {
            background: transparent !important;
            box-shadow: none !important;
            border-bottom: none !important;
        }

        .nav-main-section .lolya-c-header__menu-btn svg path,
        .nav-main-section .lolya-c-header__back-btn svg path {
            fill: #fff !important;
            transition: fill 0.3s ease;
        }

        .nav-main-section .logo-svg path,
        .nav-main-section .logo-svg rect {
            fill: #fff !important;
            transition: fill 0.3s ease;
        }

        .nav-main-section .lolya-c-header__search-btn svg path {
            fill: #fff !important;
            transition: fill 0.3s ease;
        }

        .nav-main-section .lolya-c-header__wishlist svg path,
        .nav-main-section .lolya-c-header__notification svg path {
            fill: #fff !important;
            transition: fill 0.3s ease;
        }

    .lolya-c-bnr-slider {
        position: relative;
        z-index: 1;
    }

    .nav-main-section.nav-scrolled::before {
        opacity: 0;
    }

    .nav-main-section.nav-scrolled .lolya-c-header {
        background: #fff !important;
    }

    .nav-main-section.nav-scrolled .lolya-c-header__menu-btn svg path,
    .nav-main-section.nav-scrolled .lolya-c-header__back-btn svg path {
        fill: #111 !important;
    }

    .nav-main-section.nav-scrolled .logo-svg path,
    .nav-main-section.nav-scrolled .logo-svg rect {
        fill: #111 !important;
    }

    .nav-main-section.nav-scrolled .lolya-c-header__search-btn svg path {
        fill: #111 !important;
    }

    .nav-main-section.nav-scrolled .lolya-c-header__wishlist svg path,
    .nav-main-section.nav-scrolled .lolya-c-header__notification svg path {
        fill: #E3B59C !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .nav-main-section .lolya-c-header {
        min-height: 120px !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .nav-main-section .logo-svg svg {
        width: 200px !important;
        height: 75px !important;
    }

    .nav-main-section .lolya-c-header__menu-btn svg {
        width: 26px !important;
        height: 14px !important;
    }

    .nav-main-section .lolya-c-header__search-btn svg {
        width: 20px !important;
        height: 20px !important;
    }

    .nav-main-section .lolya-c-header__wishlist svg {
        width: 22px !important;
        height: 19px !important;
    }

    .nav-main-section .lolya-c-header__notification svg {
        width: 21px !important;
        height: 21px !important;
    }
}

@media (max-width: 767px) {

    .nav-main-section .lolya-c-header {
        min-height: 72px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .nav-main-section .logo-svg svg {
        width: 130px !important;
        height: 50px !important;
    }
}

.lolya-c-top-nav__settings-option-select {
    z-index: 2000 !important;
}