:root{--header-height-desktop: clamp(80px, 9vh, 104px);--header-height-mobile: clamp(64px, 10vh, 88px);--header-padding-inline: clamp(16px, 4vw, 48px);--header-max-width: min(100%, 1360px);--header-elevation: 0 18px 42px rgba(0, 0, 0, .35)}body{--header-offset: var(--header-height-desktop);padding-top:var(--header-offset);transition:padding-top .28s ease}@media (max-width: 749px){body{--header-offset: var(--header-height-mobile)}}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;background:#000000eb;border-bottom:1px solid rgba(126,255,0,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .32s ease,background .32s ease,border-color .32s ease}.site-header--scrolled{background:#000000fa;border-bottom-color:#7eff0047;box-shadow:var(--header-elevation)}.site-header__mobile-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,36px);padding:clamp(12px,2.5vh,20px) var(--header-padding-inline);max-width:var(--header-max-width);margin:0 auto;min-height:var(--header-height-desktop)}@media (max-width: 989px){.site-header__mobile-nav{grid-template-columns:auto 1fr auto;align-items:center}.site-header__logo{justify-self:flex-start}.site-header__icons{justify-self:end;display:flex;align-items:center}}.site-header__logo-image,.site-header__logo-link{display:flex;align-items:center}.site-header__logo-image img,.site-header__logo-link img{width:auto;height:auto;max-height:clamp(38px,5vh,64px)}.site-nav{display:flex;align-items:center;gap:clamp(16px,2.8vw,32px);margin:0;padding:0;list-style:none;justify-self:center}.site-nav__link{position:relative;display:inline-flex;align-items:center;color:#ffffffe6;text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:clamp(.82rem,1.1vw,.95rem);transition:color .25s ease;padding:10px 4px}.site-nav__link:after{content:"";position:absolute;inset:auto 0 -6px;height:2px;background:linear-gradient(90deg,#7eff0000,#7eff00,#7eff0000);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.site-nav__link:hover,.site-nav__link:focus{color:#7eff00}.site-nav__link:hover:after,.site-nav__link:focus:after,.site-nav__item--active .site-nav__link:after{transform:scaleX(1)}.site-header__icons-wrapper{display:inline-flex;align-items:center;gap:clamp(10px,2vw,18px)}.site-header__icon,.site-header__search-toggle,.site-header__menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#ffffffeb;transition:color .25s ease,background .25s ease}.site-header__icon:hover,.site-header__icon:focus{color:#7eff00;background:#7eff001f}.site-header__cart-count{background:#7eff00;color:#0a0a0a;font-weight:700}.mobile-nav-wrapper{background:#000000f5}.mobile-nav{border-color:#7eff002e}.mobile-nav__link,.mobile-nav__sublist-link{color:#ffffffe6;border-color:#7eff0029}.mobile-nav__link:hover,.mobile-nav__link:focus,.mobile-nav__sublist-link:hover,.mobile-nav__sublist-link:focus{color:#7eff00}.announcement-bar{background:#000000f0;border-bottom:1px solid rgba(126,255,0,.18)}.announcement-bar__message{color:#ffffffe6;letter-spacing:.06em}.announcement-bar__link:hover,.announcement-bar__link:focus{background:#7eff001a}@media (max-width: 989px){.site-nav{display:none}}@media (max-width: 749px){.site-header__mobile-nav{min-height:var(--header-height-mobile);gap:clamp(12px,4vw,20px)}}.site-header__icons{position:relative}@media (max-width: 749px){.site-header__mobile-nav{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding-inline:clamp(14px,5vw,24px);position:relative}.site-header__logo{justify-self:flex-start}.site-header__icons{position:absolute;right:clamp(12px,5vw,24px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px}.site-header__icons-wrapper{display:flex;align-items:center;gap:12px}}.site-header__menu svg+svg{display:none}.site-header__menu[aria-expanded=true] svg:first-of-type{display:none}.site-header__menu[aria-expanded=true] svg+svg{display:inline}@media (hover: none) and (pointer: coarse){.site-nav__link{padding:12px 0}.site-header__icon,.site-header__menu,.site-header__search-toggle{width:48px;height:48px}}@media (prefers-reduced-motion: reduce){.site-header,.site-nav__link:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/grenlander-header.css.map */