/* Admin-controlled options stay within the storefront's light/dark palette. */
.sc-header-announcement{padding:9px 24px;background:var(--sc-button);color:var(--sc-button-text);text-align:center;font-size:12px;font-weight:500;line-height:1.65;overflow-wrap:anywhere}
.sc-header-announcement a{color:inherit!important;text-decoration:none}
.sc-header-announcement a:hover{text-decoration:underline}
.sc-header-announcement a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html body.sc-storefront nav.nav.sc-managed-header{--header-height:82px;background:var(--sc-bg)!important}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--panel{background:var(--sc-panel)!important}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--compact{--header-height:68px}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--static{position:relative!important;top:auto!important}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--sticky{position:sticky!important;top:0!important}
html body.sc-storefront nav.nav.sc-managed-header>.wrap{min-height:var(--header-height)!important;height:auto;gap:24px}
html body.sc-storefront nav.nav.sc-managed-header .brand{min-width:0;max-width:38%;flex-shrink:1}
html body.sc-storefront nav.nav.sc-managed-header .brand>img{width:var(--header-logo-width,190px)!important;max-width:100%!important;height:auto!important}
.sc-header-brand-name{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sc-text);font-size:23px;font-weight:600}
html body.sc-storefront nav.nav.sc-managed-header :is(.configured-nav-group,.nav-item){min-height:var(--header-height)!important;height:auto!important}
html body.sc-storefront nav.nav.sc-managed-header .navlinks{min-width:0}
html body.sc-storefront nav.nav.sc-managed-header .configured-desktop-menu{flex-wrap:wrap;row-gap:0}
html body.sc-storefront nav.nav.sc-managed-header .configured-nav-group>a{max-width:180px;white-space:normal;overflow-wrap:anywhere}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--center>.wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--center .brand{max-width:280px;margin-right:0}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--center :is(.navlinks,.configured-desktop-menu){justify-content:center}
html body.sc-storefront nav.nav.sc-managed-header.sc-header--icons :is(.store-header-account-label,.store-header-cart-label){display:none!important}
html body.sc-storefront nav.nav.sc-managed-header .sc-header-cta{display:inline-flex;align-items:center;justify-content:center;max-width:180px;padding:9px 14px!important;border-radius:8px;background:var(--sc-button)!important;color:var(--sc-button-text)!important;border:1px solid transparent;font-size:12px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.sc-header-socials{display:flex;flex-wrap:wrap;gap:10px;padding:18px 12px 0;margin-top:15px;border-top:1px solid var(--sc-line)}
html body.sc-storefront .sc-header-socials a{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--sc-line);border-radius:50%;background:var(--sc-raised);color:var(--sc-text)!important;padding:0!important}
.sc-header-socials svg,.sc-header-mobile-chat svg{width:19px;height:19px;flex-shrink:0}
html body.sc-storefront :is(.sc-header-mobile-cta,.sc-header-mobile-chat){display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:16px 12px 0;padding:12px 15px!important;border-radius:9px;background:var(--sc-button)!important;color:var(--sc-button-text)!important;font-size:13px;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
html body.sc-storefront nav.nav.sc-managed-header .mobile-panel .brand>img{width:var(--header-mobile-logo-width,140px)!important}
html body.sc-storefront #store-mobile-panel .brand>img{width:var(--header-mobile-logo-width,140px)!important;max-width:100%!important;height:auto!important}
@media(max-width:1100px) and (min-width:981px){html body.sc-storefront nav.nav.sc-managed-header>.wrap{gap:18px}html body.sc-storefront nav.nav.sc-managed-header .nav-utility-container{gap:12px!important;padding-left:15px}}
@media(max-width:980px){
    html body.sc-storefront nav.nav.sc-managed-header{--header-height:76px}
    html body.sc-storefront nav.nav.sc-managed-header.sc-header--compact{--header-height:64px}
    html body.sc-storefront nav.nav.sc-managed-header.sc-header--center>.wrap{display:flex}
    html body.sc-storefront nav.nav.sc-managed-header .brand{max-width:45%!important}
    html body.sc-storefront nav.nav.sc-managed-header .brand>img{width:var(--header-mobile-logo-width,140px)!important}
    html body.sc-storefront nav.nav.sc-managed-header :is(.navlinks,.sc-header-cta){display:none!important}
    html body.sc-storefront nav.nav.sc-managed-header .mobile-menu-button{width:auto!important;min-width:44px!important;padding:0 8px!important;gap:8px}
    html body.sc-storefront nav.nav.sc-managed-header .mobile-menu-label{display:inline!important;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
}
@media(max-width:600px){html body.sc-storefront nav.nav.sc-managed-header{--header-height:70px}html body.sc-storefront nav.nav.sc-managed-header>.wrap{gap:8px}.sc-header-announcement{font-size:11px;padding:8px 18px}}
