/* Desktop header winner review. Mobile rules and shared avatar CSS are intentionally excluded. */

/* ==========================================================================
   Theme Tokens
   ========================================================================== */

:root {
    --site-wrapper-max-width: 90rem;
    --control-gap: 4px;
    --desktop-logo-width: clamp(220px, 24vw, 340px);
    --mobile-logo-height: 42px;
    --public-shell-identity-height: 6.25rem;
    --public-shell-navigation-height: 3.75rem;
    --public-shell-header-height: calc(var(--public-shell-identity-height) + var(--public-shell-navigation-height));
    --public-shell-content-width: 100%;
    --public-shell-content-padding-inline: clamp(0.5rem, 1.5vw, 1.25rem);
    --public-shell-content-gap: 1rem;
    --public-shell-heading-min-height: 4rem;
    --public-shell-action-height: 2.5rem;
    --public-shell-side-column: minmax(14rem, 18.125rem);
    --site-fixed-header-height: var(--public-shell-header-height);
}

/* ==========================================================================
   Document and Site Wrapper
   ========================================================================== */

html {
    font-family: var(--font-body-family);
    scrollbar-gutter: stable;
}

body {
    margin: 0;    
	background: var(--primary-color);
    background-attachment: fixed !important;
}

.site_wrapper {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    box-sizing: border-box;
    width: 100%;
    max-width: var(--site-wrapper-max-width);
    min-width: 0 !important;
    min-height: 100vh;
    margin-inline: auto;
    color: var(--primary-font-color);
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2 !important;
	background: var(--primary-color);
}

.site_wrapper > main {
    min-height: 0;
}

/* ==========================================================================
   Header
   ========================================================================== */

.maintenance_mode_notice + .site_header {
    outline: 3px solid #9a4e00;
    outline-offset: -3px;
}

.site_header {
    isolation: isolate;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    overflow: visible !important;
    border-bottom: 5px solid var(--secondary-color) !important;
    background: var(--primary-color);
	background-image: transparent;
}

.header_primary {
    position: relative !important;
    z-index: 4 !important;
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) auto minmax(9rem, 1fr);
    min-height: 116px;
    padding: var(--desktop-header-padding);
    align-items: center;
    gap: 1rem;
    overflow: visible !important;
}

.header_tools {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
}

.header_account_utility {
    display: flex;
    min-width: max-content;
    align-items: flex-start;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0.15rem;
    white-space: nowrap;
}

.header_account {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    min-width: 0;
    align-items: center;
    justify-items: end;
    column-gap: 0.65rem;
}

.header_account_identity {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    flex-direction: column;
}

.header_profile_text {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    flex-direction: column;
}

/* RETIRED 2026-08-28: the public header no longer emits a guest identity block.
.header_guest_identity {
    display: grid;
    padding-top: 0.15rem;
    justify-items: end;
    gap: 0.1rem;
}
*/

.header_brand {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
}

.header_logo {
    display: block;
    max-width: 100%;
    height: auto;
}

.header_logo_compact {
    display: none;
}

.header_logo_full {
    width: calc(var(--desktop-logo-width) * 0.5) !important;
    max-width: 50vw !important;
    height: auto !important;
}

/* ==========================================================================
   Public Header
   ========================================================================== */

.site_header.public_site_header {
    display: grid !important;
    grid-template-rows: var(--public-shell-identity-height) var(--public-shell-navigation-height) !important;
    box-sizing: border-box !important;
    height: var(--public-shell-header-height) !important;
    min-height: var(--public-shell-header-height) !important;
    max-height: var(--public-shell-header-height) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site_header.public_site_header:not(:has(> .public_primary_navigation)):not(:has(> .header_single_page_action)) {
    grid-template-rows: var(--public-shell-identity-height) !important;
    height: var(--public-shell-identity-height) !important;
    min-height: var(--public-shell-identity-height) !important;
    max-height: var(--public-shell-identity-height) !important;
}

.site_header.public_site_header > .header_single_page_action {
    grid-row: 2 !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: var(--public-shell-navigation-height) !important;
    min-height: var(--public-shell-navigation-height) !important;
    max-height: var(--public-shell-navigation-height) !important;
    margin: 0 !important;
    padding: 0.5rem var(--public-shell-content-padding-inline) !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.site_header.public_site_header > .header_primary.public_header_identity_row {
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(12rem, 1fr) minmax(10rem, auto) minmax(12rem, 1fr) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: var(--public-shell-identity-height) !important;
    min-height: var(--public-shell-identity-height) !important;
    max-height: var(--public-shell-identity-height) !important;
    margin: 0 !important;
    padding: 0.5rem var(--public-shell-content-padding-inline) !important;
    align-items: center !important;
    gap: 1rem !important;
    overflow: visible !important;
}

.public_header_utility,
.public_header_brand,
.public_header_account {
    box-sizing: border-box !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    align-items: center !important;
}

.public_header_utility {
    display: flex !important;
    justify-content: flex-start !important;
}

.public_header_utility .header_account_utility {
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 0.2rem !important;
}

.public_header_utility :is(.header_shop_link, .header_account_status) {
    display: inline-flex !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0.3rem !important;
    white-space: nowrap !important;
}

.public_header_brand {
    display: flex !important;
    justify-content: center !important;
}

.public_header_brand .header_brand_link {
    display: flex !important;
    width: auto !important;
    max-width: min(26vw, 21.25rem) !important;
    height: calc(var(--public-shell-identity-height) - 1rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

.public_header_brand .header_logo_full {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.public_header_brand .header_logo_compact {
    display: none !important;
}

.public_header_account {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 2.75rem !important;
    justify-items: end !important;
    gap: 0.65rem !important;
}

.public_header_account .header_account_identity,
.public_header_account .header_profile_link {
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.public_header_account .header_profile_link {
    display: flex !important;
    height: 3rem !important;
    min-height: 3rem !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
}

.public_header_account .header_profile_text {
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    gap: 0.1rem !important;
}

.public_header_account :is(.header_profile_name, .header_persona_type) {
    display: block !important;
    min-width: 0 !important;
    max-width: 12rem !important;
    margin: 0 !important;
    overflow: hidden !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   Public Primary Navigation
   ========================================================================== */

.site_header.public_site_header > .public_primary_navigation {
    grid-row: 2 !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: var(--public-shell-navigation-height) !important;
    min-height: var(--public-shell-navigation-height) !important;
    max-height: var(--public-shell-navigation-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
}

.site_header.public_site_header .mobile_navigation_button {
    display: none;
}


.site_header.public_site_header .public_primary_navigation_items {
    display: flex !important;
    box-sizing: border-box !important;
    width: min(100%, 72rem) !important;
    height: var(--public-shell-navigation-height) !important;
    min-height: var(--public-shell-navigation-height) !important;
    max-height: var(--public-shell-navigation-height) !important;
    margin: 0 auto !important;
    padding: 0.125rem var(--public-shell-content-padding-inline) !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(0.2rem, 0.75vw, 0.55rem) !important;
    overflow: hidden !important;
    transform: none !important;
}

.site_header.public_site_header .public_primary_navigation_items > .navigation_link {
    position: relative !important;
    display: flex !important;
    box-sizing: border-box !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 7rem !important;
    height: 3.5rem !important;
    min-height: 3.5rem !important;
    max-height: 3.5rem !important;
    margin: 0 !important;
    padding: 3px 9px 2px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
    overflow: hidden !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    transform: none !important;
}

.site_header.public_site_header .navigation_icon {
    display: grid !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    place-items: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.site_header.public_site_header .navigation_icon > img {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
}

.site_header.public_site_header .navigation_text {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: var(--font-sm) !important;
    line-height: 1.05 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.site_header.public_site_header .header_account_identity {
    display: grid !important;
    grid-template-rows: 3rem !important;
    justify-items: end !important;
    align-content: center !important;
    gap: 0 !important;
}

.site_header.public_site_header .public_header_account {
    grid-template-columns: minmax(0, 1fr) !important;
}

.site_header.public_site_header .header_account_primary_row {
    display: flex;
    min-width: 0;
    height: 3rem;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.site_header.public_site_header .header_account_primary_row > .account_menu {
    position: relative;
    flex: 0 0 2.45rem;
    width: 2.45rem;
    min-width: 2.45rem;
    height: 2.45rem;
    margin: 0;
}

.site_header.public_site_header .header_account_primary_row > .account_menu > .account_menu_button {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.site_header.public_site_header .header_account_primary_row .header_profile_link {
    width: auto !important;
}

.site_header.public_site_header .header_presence_form {
    width: auto !important;
    height: 1.65rem !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    justify-self: end !important;
}

.site_header.public_site_header .account_dropdown > .account_menu_presence {
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 .35rem !important;
    padding: 0 !important;
}

.site_header.public_site_header .account_dropdown > .account_menu_presence .header_presence_picker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.site_header.public_site_header .account_dropdown > .account_menu_presence .header_presence_options {
    right: 0;
    left: 0;
    width: 100%;
}

.site_header.public_site_header .header_presence_picker {
    position: relative;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 7.5rem !important;
    max-width: 7.5rem !important;
    margin: 0 !important;
    color: var(--primary-font-color) !important;
    border: 1px solid var(--primary-accent-color) !important;
    border-radius: .5rem !important;
    background: var(--secondary-color) !important;
}

.site_header.public_site_header .header_presence_picker > summary,
.site_header.public_site_header .header_presence_options > button {
    display:grid;
    box-sizing:border-box;
    width:100%;
    min-height:1.4rem;
    grid-template-columns:10px minmax(0,1fr);
    align-items:center;
    gap:.35rem;
    padding:.2rem .35rem;
    color:var(--primary-font-color);
    background:var(--secondary-color);
    border:0;
    font:inherit;
    line-height:1;
    text-align:left;
    white-space:nowrap;
    cursor:pointer;
}

.site_header.public_site_header .header_presence_picker > summary { list-style:none;border-radius:.45rem !important;overflow:hidden; }
.site_header.public_site_header .header_presence_picker > summary::-webkit-details-marker { display:none; }
.site_header.public_site_header .header_presence_swatch { display:block;width:10px;height:10px;background:var(--persona-presence-color);border:1px solid var(--primary-color);border-radius:.12rem; }
.site_header.public_site_header .header_presence_options { position:absolute;z-index:1000;top:calc(100% + 2px);right:-1px;left:auto;width:7.5rem;border:1px solid var(--primary-accent-color);border-radius:.5rem;overflow:hidden;background:var(--secondary-color); }
.site_header.public_site_header .header_presence_options > button:hover,
.site_header.public_site_header .header_presence_options > button:focus-visible { background:var(--secondary-accent-color); }

/* RETIRED 2026-08-30: contextual L1 navigation moved into shared page-menu widgets. */

/* ==========================================================================
   Main Navigation: Shared Foundation
   ========================================================================== */

.main_nav {
    display: flex;
    padding: 0.65rem;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
    gap: var(--control-gap);
    overflow-x: auto;
    overflow-y: hidden;
    color: var(--header-link-hover-color);
    /*background: rgb(0 0 0 / 30%);*/
    scrollbar-width: thin;
}

.main_nav .navigation_link {
    position: relative;
    display: flex;
    width: 6.25rem;
    min-height: 74px;
    padding: 0.55rem;
    align-items: center;
    justify-content: center;
    flex: 0 0 6.25rem;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--primary-link-color);
    /*background: var(--primary-color);*/
    border: var(--navigation-button-border-width) solid transparent;
    border-radius: var(--navigation-button-radius);
    font-family: inherit;
    text-align: center;
    text-decoration: none;
}

/* Glyph icons. */
.navigation_icon {
    color: var(--primary-font-color);
    font-size: 1.45rem;
    line-height: 1;
}

/* Mask-based icons. */
.navigation_icon_asset {
    display: block;
    flex: none;
    background-color: currentColor;
    -webkit-mask-image: var(--navigation-icon-mask);
    mask-image: var(--navigation-icon-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Uploaded-image navigation glyphs. */
.navigation_icon > img,
.navigation_icon_uploaded_asset {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Navigation labels. */
.navigation_text {
    color: var(--primary-font-color);
    font-size: var(--font-xs);
}

/* ==========================================================================
   Consolidated Primary Navigation
   ========================================================================== */

.consolidated_primary_navigation {
    position: relative;
    z-index: 20;
    width: 100%;
    min-width: 0;

    }

.consolidated_primary_navigation .main_nav {
    box-sizing: border-box;
    width: 66.6667%;
    min-width: 0;
    margin-inline: auto;
    padding: 0.55rem clamp(0.5rem, 2vw, 1.25rem);
    gap: clamp(0.2rem, 1vw, 0.75rem);
}

.consolidated_primary_navigation .navigation_link {
    box-sizing: border-box;
    flex: 0 0 7rem;
    min-width: 7rem;
    min-height: 3.1rem;
    padding: 0.25rem 0.4rem;
    gap: 0.2rem;
    color: var(--navigation-text-color);
    border-radius: var(--navigation-item-radius, var(--button-radius, 8px));
}

.consolidated_primary_navigation .navigation_icon {
    display: grid;
    box-sizing: border-box;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    place-items: center;
    font-size: 1.5rem;
}

.consolidated_primary_navigation .navigation_icon_asset {
    background: currentColor;
    -webkit-mask: var(--navigation-icon-mask) center/contain no-repeat;
    mask: var(--navigation-icon-mask) center/contain no-repeat;
}

.consolidated_primary_navigation .navigation_icon_uploaded_asset {
    width: 1.75rem;
    height: 1.75rem;
}

.consolidated_primary_navigation .navigation_text {
    max-width: 100%;
    overflow: hidden;
    font-size: var(--font-sm);
    font-weight: 700;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.navigation_activity_badge {
    position: absolute;
    top: 0.18rem;
    right: 0.35rem;
    display: grid;
    box-sizing: border-box;
    min-width: 1.3rem;
    height: 1.3rem;
    padding: 0 0.2rem;
    place-items: center;
    color: var(--primary-font-color);
    background: var(--primary-accent-color);
    border: 2px solid var(--secondary-color);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.primary_navigation.consolidated_primary_navigation {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
}

div.main_nav {
    position: relative !important;
    top: auto !important;
}

/* ==========================================================================
   Main Navigation: Hover and Focus
   ========================================================================== */

.main_nav .navigation_link:is(:hover, :focus-visible) {
    background: var(--secondary-accent-color);
    border-color: var(--primary-accent-color);
}

.main_nav .navigation_link:is(:hover, :focus-visible) .navigation_icon {
    color: var(--primary-font-color);
    /*filter: brightness(0) invert(1);*/
}

.main_nav .navigation_link:is(:hover, :focus-visible) .navigation_text {
    color: var(--navigation-hover-text-color) !important;
}

/* ==========================================================================
   Main Navigation: Active and Current
   ========================================================================== */

.main_nav .navigation_link.is_current {
    /*color: var(--navigation-active-text-color);*/
    /*background: var(--navigation-active-background-color);*/
    border-color: var(--navigation-active-indicator-color);
    font-weight: 700;
}

.main_nav .navigation_link.is_current .navigation_icon {
    color: var(--primary-link-active-color);
    filter: none;
}

.main_nav .navigation_link.is_current::after {
    position: absolute;
    right: 0.75rem;
    bottom: 0.25rem;
    left: 0.75rem;
    height: 3px;
    content: "";
    color: var(--header-link-hover-color);
    border-radius: 999px;
}

/* ==========================================================================
   Main Navigation: Disabled
   ========================================================================== */

.main_nav .navigation_link.is_disabled,
.main_nav .navigation_link.is_disabled:is(:hover, :focus-visible) {
    color: var(--navigation-text-color);
    background: var(--navigation-background-color);
    border-color: transparent;
    box-shadow: none;
    opacity: 0.55;
    cursor: not-allowed;
}

.main_nav .navigation_link.is_disabled .navigation_icon {
    color: var(--primary-font-color);
    filter: grayscale(1);
}

.main_nav .navigation_link.is_disabled .navigation_text,
.main_nav .navigation_link.is_disabled:is(:hover, :focus-visible) .navigation_text {
    color: var(--font-inactive) !important;
}


/* ==========================================================================
   Desktop Header
   ========================================================================== */

@media (min-width: 1101px) {
    :root {
        --site-header-primary-row-height: 99px;
        --site-primary-navigation-row-height: 64px;
        --site-fixed-header-height: 163px;
    }

    .site_header {
        display: grid !important;
        grid-template-rows: var(--site-header-primary-row-height) var(--site-primary-navigation-row-height) !important;
        box-sizing: border-box !important;
        height: var(--site-fixed-header-height) !important;
        min-height: var(--site-fixed-header-height) !important;
        max-height: var(--site-fixed-header-height) !important;
        align-content: start !important;
    }

    .site_header > .header_primary {
        box-sizing: border-box !important;
        height: var(--site-header-primary-row-height) !important;
        min-height: var(--site-header-primary-row-height) !important;
        max-height: var(--site-header-primary-row-height) !important;
    }

    .site_header > .primary_navigation,
    .site_header > .primary_navigation > .main_nav {
        box-sizing: border-box !important;
        height: var(--site-primary-navigation-row-height) !important;
        min-height: var(--site-primary-navigation-row-height) !important;
        max-height: var(--site-primary-navigation-row-height) !important;
    }

    .site_header > .primary_navigation > .main_nav {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: center !important;
    }

    .site_header > .primary_navigation > .main_nav .navigation_link {
        box-sizing: border-box !important;
        height: 49px !important;
        min-height: 49px !important;
        max-height: 49px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transform: none !important;
    }

    .site_header .header_logo_full {
        max-height: calc(4.5rem - 10px) !important;
        object-fit: contain !important;
    }
}

@media (min-width: 1401px) {
    .site_header.public_site_header .public_primary_navigation_items > .navigation_link[data-desktop-display="0"] {
        display: none !important;
    }
}

@media (min-width: 1101px) and (max-width: 1400px) {
    .site_header.public_site_header .public_primary_navigation_items > .navigation_link[data-narrow-display="0"] {
        display: none !important;
    }
}

@media (min-width: 801px) and (max-width: 1100px) {
    .site_header.public_site_header .public_primary_navigation_items > .navigation_link[data-tablet-display="0"] {
        display: none !important;
    }
}

@media (max-width: 800px) {
    .site_header.public_site_header .public_primary_navigation_items > .navigation_link[data-mobile-display="0"] {
        display: none !important;
    }
}

/* ==========================================================================
   Responsive Header
   ========================================================================== */

@media (max-width: 1100px) {
    .site_header > .primary_navigation > .main_nav {
        justify-content: flex-start !important;
    }

    .site_header > .primary_navigation > .main_nav .navigation_link {
        box-sizing: border-box !important;
        flex: 0 0 4.25rem !important;
        width: 4.25rem !important;
        min-width: 4.25rem !important;
        height: 49px !important;
        min-height: 49px !important;
        max-height: 49px !important;
        padding: 0.2rem !important;
        justify-content: center !important;
        flex-direction: column !important;
    }
}

/* ==========================================================================
   Mobile Primary Navigation
   Compact touch targets keep more destinations visible without widening the
   document. Remaining destinations stay available through horizontal scroll.
   ========================================================================== */

@media (max-width: 480px) {
    :root {
        --public-shell-identity-height: 3.25rem;
        --public-shell-navigation-height: 3.75rem;
    }

    .site_header.public_site_header .header_account_identity {
        grid-template-rows: auto auto !important;
    }

    .site_header.public_site_header .header_account_primary_row,
    .site_header.public_site_header .header_presence_form {
        height: auto !important;
    }

    .site_header.public_site_header .header_profile_name {
        display: none !important;
    }

    .site_header.public_site_header .account_menu_mobile_label {
        display: none !important;
    }

    .site_header.public_site_header .account_menu_desktop_glyph {
        font-size: 2em !important;
        line-height: 1 !important;
    }

    .site_header.public_site_header .header_account_primary_row .header_profile_link {
        grid-template-columns: 1.75rem !important;
        width: 1.75rem !important;
    }

    .site_header.public_site_header .header_account_primary_row > .account_menu {
        flex-basis: 3rem;
        width: 3rem;
        min-width: 3rem;
    }

    .site_header.public_site_header > .header_primary.public_header_identity_row {
        z-index: 10 !important;
        grid-template-columns: minmax(0, 1fr) 2.5rem minmax(0, 1fr) !important;
        padding: 0.2rem 0.5rem !important;
        gap: 0.35rem !important;
        overflow: visible !important;
    }

    .public_header_utility {
        grid-column: 1 !important;
        grid-row: 1 !important;
        overflow: hidden !important;
    }

    .public_header_utility .header_account_status {
        display: none !important;
    }

    .public_header_utility :is(.header_shop_link, .header_shop_text) {
        font-size: 0.75rem !important;
        line-height: 1.1 !important;
    }

    .public_header_brand {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .public_header_brand .header_brand_link {
        width: 2.5rem !important;
        max-width: 2.5rem !important;
        height: 2.5rem !important;
    }

    .public_header_brand .header_logo_full {
        display: none !important;
    }

    .public_header_brand .header_logo_compact {
        display: block !important;
        width: 2.5rem !important;
        max-width: 2.5rem !important;
        height: 2.5rem !important;
        object-fit: contain !important;
    }

    .public_header_account {
        grid-column: 3 !important;
        grid-row: 1 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.25rem !important;
        overflow: visible !important;
    }

    .site_header.public_site_header .header_account_identity,
    .site_header.public_site_header .header_account_primary_row,
    .site_header.public_site_header .header_account_primary_row > .account_menu {
        overflow: visible !important;
    }

    .site_header.public_site_header .header_account_primary_row > .account_menu {
        z-index: 20 !important;
    }

    .site_header.public_site_header .account_dropdown {
        z-index: 30 !important;
    }

    .public_header_account .header_account_identity,
    .public_header_account .header_profile_link {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .public_header_account .header_profile_link {
        display: grid !important;
        grid-template-columns: 1.75rem minmax(0, 1fr) !important;
        height: 2.25rem !important;
        min-height: 2.25rem !important;
        gap: 0.25rem !important;
    }

    .site_header.public_site_header .header_account_primary_row .header_profile_link {
        width: auto !important;
    }

    .site_header.public_site_header .public_header_account .header_profile_link > .persona_avatar_frame {
        flex: 0 0 1.75rem !important;
        width: 1.75rem !important;
        min-width: 1.75rem !important;
        max-width: 1.75rem !important;
        height: 1.75rem !important;
        min-height: 1.75rem !important;
        max-height: 1.75rem !important;
    }

    .public_header_account .header_profile_name {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 4.5rem !important;
        overflow: hidden !important;
        font-size: 0.7rem !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .site_header.public_site_header > .public_primary_navigation {
        position: relative !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin;
    }

    .site_header.public_site_header .public_primary_navigation_items {
        width: 100% !important;
        min-width: 100% !important;
        padding: 0.1rem !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    .site_header.public_site_header .public_primary_navigation_items > .navigation_link,
    .site_header > .primary_navigation > .main_nav .navigation_link {
        flex: 0 0 4.25rem !important;
        width: 4.25rem !important;
        min-width: 4.25rem !important;
        max-width: 4.25rem !important;
        height: 3.5rem !important;
        min-height: 3.5rem !important;
        max-height: 3.5rem !important;
        padding: 0.1rem !important;
        gap: 0.05rem !important;
    }

    .site_header.public_site_header .navigation_icon {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        font-size: 16px !important;
    }

    .site_header.public_site_header .navigation_icon > img {
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    }

    .site_header.public_site_header .navigation_text {
        font-size: 0.58rem !important;
        line-height: 1 !important;
    }

}