.section-site-header{--hf-paper-rgb: 247 244 236;--hf-gold: #e5b42c}.section-site-header .header{--color-header-background: 22 22 22;--color-header-foreground: var(--hf-paper-rgb);background:rgb(var(--color-header-background) / var(--header-background-opacity, 100%));color:rgb(var(--color-header-foreground));min-height:58px;padding-block:8px;border-top:1px solid rgb(255 255 255 / 7%)}.section-site-header .header__container{width:100%;max-width:none;padding-inline:16px;grid-template-areas:"nav logo actions";grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.section-site-header .header__logo{min-width:0;justify-self:start}.section-site-header .header__logo img{width:min(var(--header-logo-width-mobile),108px);max-width:100%;height:auto}.section-site-header .header__nav{min-width:0;margin:0}.section-site-header .header__actions>.flex{gap:0}.section-site-header .header-icon-btn,.section-site-header .header .hamburger{align-items:center;justify-content:center;width:38px;height:40px;margin:0;padding:8px}.section-site-header .header-icon-btn svg{width:20px}.section-site-header .header :is(a,button,summary):focus-visible{outline:2px solid var(--hf-gold);outline-offset:3px}.section-announcement-bar .hf-header-tagline{background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:10px;line-height:14px;letter-spacing:.42em}.section-announcement-bar .hf-header-tagline .announcement{padding:7px 16px}.section-site-header--sticky .header{border-top-color:transparent;box-shadow:0 10px 26px #00000057}@media(hover:hover)and (pointer:fine){.section-site-header .header :is(.header-icon-btn,.hamburger,.menu-item):hover{color:var(--hf-gold)}}@media(max-width:767px){.section-site-header .header__container{--hf-logo-side-space: 122px;--hf-logo-limit: 108px;grid-template-columns:minmax(0,1fr) min(var(--header-logo-width-mobile),var(--hf-logo-limit),calc(100% - var(--hf-logo-side-space) - var(--hf-logo-side-space))) minmax(0,1fr)}.section-site-header .header__logo{width:100%;justify-self:center}}@media(max-width:374px){.section-site-header .header__container{--hf-logo-side-space: 92px;--hf-logo-limit: 84px}.section-site-header .header__actions .header-icon-btn{width:28px;padding-inline:4px}}@media(min-width:768px){.section-site-header .header__container{padding-inline:32px;gap:14px}.section-site-header .header__logo img{width:min(var(--header-logo-width),160px)}}@media(min-width:1150px){.section-site-header .header{min-height:76px;padding-block:15px}.section-site-header .header__container{grid-template-areas:"nav logo actions";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-inline:clamp(16px,calc(8vw - 76px),40px);gap:8px}.section-site-header .header__nav>ul.menu{flex-wrap:nowrap;justify-content:flex-start;gap:clamp(4px,calc(8vw - 88px),26px);width:100%}.section-site-header .header__nav>ul.menu>li>:is(a,dropdown-element,mega-menu-horizontal,mega-menu-drawer){white-space:nowrap}.section-site-header .header__nav>ul.menu .menu-item{font-size:14px}.section-site-header .header__actions>.flex{gap:6px}.section-announcement-bar .hf-header-tagline .announcement{padding-block:8px}.section-site-header--sticky .header{min-height:66px;padding-block:10px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hf-header.css.map */
