header {
    background-color: var(--bs-white);
    z-index: 90;
}

    header.sticky-top {
        z-index: 1053;
    }

    header .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        color: var(--bs-dark);
        padding: 0.5rem 1rem;
    }

        header .navbar-nav .nav-item:hover .nav-link,
        header .navbar-nav .nav-item .nav-link.show {
            background-color: var(--bs-light);
        }

        header .navbar-nav .nav-item .nav-link.active,
        header .navbar-nav .nav-item .nav-link + .dropdown-menu .dropdown-item.active,
        header .navbar-nav .nav-item .nav-link + .dropdown-menu .dropdown-item:active {
            background-color: var(--bs-dark);
            color: var(--bs-white);
        }

        header .navbar-nav .nav-item .nav-link.icon-shop {
            font-size: 21px;
        }

        header .navbar-nav .nav-item .nav-link + .dropdown-menu {
            border-radius: 0;
            padding: 0;
        }

@media screen and (max-width: 992px) {

    header .navbar-toggler {
        width: 60px;
        height: 50px;
        background-color: var(--color-yellow);
        border-radius: 0;
    }

        header .navbar-toggler .navbar-toggler-icon {
            position: relative;
            width: 100%;
            height: 3px;
            background-color: var(--bs-dark);
        }

            header .navbar-toggler .navbar-toggler-icon::before,
            header .navbar-toggler .navbar-toggler-icon::after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: -7px;
                width: 100%;
                height: 3px;
                background-color: var(--bs-dark);
            }

            header .navbar-toggler .navbar-toggler-icon::after {
                top: auto;
                bottom: -7px;
            }
}