.navigation {  
    position: absolute;
    top: 10rem;
    left: calc((100vw - 77vw) / 2);
    z-index: 4;
    max-height: calc(100vh - 100px - 4rem);
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
    transition: top none;
}
    .navigation__menu {
        display: flex;
        flex-direction: column;
    }

        .navigation-menu-section {
            padding: 0.95rem 0.6rem;
            display: flex;
            flex-direction: row;
            border-radius: 0.8rem;
            transition: all 0.1s;
        }
            .navigation-menu-section:hover {
                background-color: var(--lightest);
                text-decoration: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
            
            .navigation-menu-section__icon {
                color: var(--secondary);
                font-size: 1.5rem;
                margin-right: 1rem;
                width: 2.2rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-end;
            }
            .navigation-menu-section__text {
                display: flex;
                flex-grow: 1;
                flex-direction: column;
                justify-content: center;
                line-height: 1.4;
            }
                .navigation-menu-section__title {
                    font-size: 1rem;
                    margin: 0;
                    font-weight: 600;
                }
                .navigation-menu-section__caption {
                    color: var(--gray-light);
                    font-size: 0.8rem;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    flex-wrap: nowrap;
                }
                    .navigation-menu-section__products {
                        white-space: nowrap;
                        max-width: 190px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    .navigation-menu-section__quantity {
                        margin-left: 0.4rem;
                        padding: 0.1rem 0.4rem;
                        background-color: var(--light);
                        border-radius: 0.35rem;
                    }
        .navigation-menu-subsection {
            background-color: var(--lightest);
            padding: 0.5rem 1rem;
            padding-right: 2rem;
            text-align: left;
            border-radius: 1rem;
            border-top-left-radius: 0;
            box-shadow: var(--shadow--lighter);
            display: flex;
            flex-direction: column;
        }
            .navigation-menu-subsection__name {
                font-size: 1rem;
                font-weight: 400;
                margin: 0;
                padding: 0.33em 0;
                text-decoration: none;
            }
                .navigation-menu-subsection__name a:active {
                    color: var(--secondary)
                }

            .navigation-menu-subsection__name a:focus,
            .navigation-menu-section:focus {
                background-color: var(--lighter);
                box-shadow: var(--shadow--lighter);
            }

    .navigation__accordion {
        display: none;
    }
    
    .navigation__theme-switcher {
        margin-left: 1rem;
        margin-top: 2rem;
    }

	@media screen and (min-width: 1200px) {
		.navigation {
			min-height: 560px;
		}
	}