:root {
    --global-header-locale-switcher: 0px;
    
    --nav-list-gap: 8px;
    
    --nav-item-padding-left-and-right: 16px;
    
    --global-nav-content-margin: calc( ( -1 ) * var(--nav-item-padding-left-and-right) );
    --global-nav-content-margin-left: var(--global-nav-content-margin);
    --global-nav-content-margin-right: var(--global-nav-content-margin);
    
    --global-nav-flyout-bottom-spacing: calc( var(--global-header-locale-switcher) + var(--global-nav-bar-height) + var(--global-nav-flyout-bottom-spacing-height) );
    
    --global-nav-bar-height: 56px;
    --global-nav-flyout-bottom-spacing-height: 0px;
    
    --global-nav-subnav-bar-height: 0px;
    
    --master-menu-padding-top: 16px;
    
    --global-nav-flyout-detail-padding-top: 24px;
    --global-nav-flyout-detail-padding-right: 30px;
    --global-nav-flyout-detail-padding-bottom: 40px;
    --global-nav-flyout-detail-padding-left: 30px;
    
    --global-nav-flyout-detail-menu-group-spacing: 40px;
    
    
    --detail-menu-column-max-width-set-1-column: 100%;
    --detail-menu-column-max-width-set-2-columns: calc( ( 100% - 24px * 2 ) / 2 );
    --detail-menu-column-max-width-set-3-columns: calc( ( 100% - 24px * 4 ) / 3 );
    --detail-menu-column-max-width-set-4-columns: calc( ( 100% - 24px * 6 ) / 4 );
    
    --detail-menu-column-max-width-for-has-master-has-promo: var(--detail-menu-column-max-width-set-2-columns);
    --detail-menu-column-max-width-for-no-master-has-promo: var(--detail-menu-column-max-width-set-3-columns);
    
    
    --global-nav-flyout-promo-card-padding-top: 40px;
    --global-nav-flyout-promo-card-padding-left: 40px;
    --global-nav-flyout-promo-card-title-padding-right: 30%;
    
    
    
    --local-nav-bar-height: 56px;
    --local-nav-content-margin: -16px;
    --local-nav-content-margin-left: var(--global-nav-content-margin);
    --local-nav-content-margin-right: var(--global-nav-content-margin);
    
    
    
    
    --anchor-nav-content-margin: -16px;
    --anchor-nav-content-margin-left: var(--global-nav-content-margin);
    --anchor-nav-content-margin-right: var(--global-nav-content-margin);
}

.global-nav-menu-list > .global-nav-item:not(.has-promotion) [class^="global-nav-flyout-"][class$="-detail"] {
    --global-nav-flyout-detail-padding-right: 0px;
}

.top-to-bottom [class^="global-nav-flyout-"][class$="-detail"] {
    --global-nav-flyout-detail-padding-left: 0px;
}

@media ( max-width: 1200px ) {
    :root {
        --master-menu-padding-top: 8px;
        
        --global-nav-flyout-detail-padding-top: 16px;
        --global-nav-flyout-detail-padding-right: 24px;
        --global-nav-flyout-detail-padding-bottom: 24px;
        --global-nav-flyout-detail-padding-left: 24px;
        
        --detail-menu-column-max-width-for-no-master-has-promo: var(--detail-menu-column-max-width-set-2-columns);
        
        --global-nav-flyout-promo-card-padding-top: 24px;
        --global-nav-flyout-promo-card-padding-left: 24px;
        --global-nav-flyout-promo-card-title-padding-right: 0;
    }
}

@media ( max-width: 1023px ) {
    :root {
        --nav-item-padding-left-and-right: 10px;
    }
}

@media ( max-width: 900px ) {
    :root {
        --global-nav-bar-height: 48px;
        
        --global-nav-subnav-bar-height: 48px;
        
        --global-nav-flyout-detail-menu-group-spacing: 48px;
        
        --global-nav-flyout-detail-padding-right: var(--grid-margin);
        --global-nav-flyout-detail-padding-bottom: 40px;
        --global-nav-flyout-detail-padding-left: var(--grid-margin);
        
        --global-nav-flyout-promo-card-padding-top: 20px;
        --global-nav-flyout-promo-card-padding-left: 20px;
        
        --local-nav-bar-height: 48px;
    }
    
    .left-to-right.has-master [class^="global-nav-flyout-"][class$="-detail"] {
        --global-nav-flyout-detail-padding-left: 20px;
    }
    
    .top-to-bottom [class^="global-nav-flyout-"][class$="-detail"] {
        --global-nav-flyout-detail-padding-left: var(--grid-margin);
    }
}

@media ( max-width: 320px ) {
    :root {
        --global-nav-subnav-bar-height: 40px;
    }
}