.shopify-section--navigation{position:sticky;top:0;z-index:100}.header{width:100%;height:fit-content;background:#fff;box-shadow:0 4px 20px #1818641a;position:relative;z-index:99;will-change:transform;transition:transform .3s ease-in-out}body.scrolled-down .shopify-section--navigation .header{transform:translateY(-100%)}body.scrolled-up .shopify-section--navigation .header{transform:translateY(0)}body.mobile-menu-open{overflow:hidden}.header__inner{display:flex;justify-content:flex-start;align-items:center;max-width:1344px;margin:0 auto;width:calc(100% - 32px);gap:8px;min-height:72px}.header__logo{height:28px;width:fit-content;display:flex;align-items:center;justify-content:center}.header__logo a{display:flex}.header__menu{display:flex;align-items:center;margin-left:auto;margin-right:8px}.header__menu-list,.header__submenu,.header__submenu-list,.mobile-menu__list{list-style:none;margin:0;padding:0}.header__menu-list{display:flex;align-items:center}.header__menu-item{position:relative}.header__menu-link{color:rgb(var(--color-primary-dark));text-align:center;font-size:16px;font-weight:500;line-height:140%;height:80px;padding:10px 16px;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.header__menu-link:hover{color:rgb(var(--color-primary-base));border-bottom-color:rgb(var(--color-primary-base))}.header__menu-link:focus-visible{color:rgb(var(--color-primary-base));outline:2px solid rgb(var(--color-primary-base));outline-offset:-4px}.header__submenu-icon{display:flex;width:16px;height:16px;flex:0 0 16px;transition:transform .2s ease-in-out}.header__menu-link--level-1 .header__submenu-icon{width:12px;height:12px;flex-basis:12px}.header__submenu{position:absolute;min-width:220px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s ease-in-out;z-index:101}.header__submenu-list{padding:8px;border-radius:16px;background:rgb(var(--color-neutral-white));box-shadow:0 16px 40px #18186429}.header__submenu--level-2{top:100%;left:0;padding-top:8px;transform:translateY(-10px)}.header__submenu:not(.header__submenu--level-2){top:-8px;left:100%;transform:translate(-10px);padding-left:12px}.header__menu-item:hover>.header__submenu,.header__menu-item:focus-within>.header__submenu{opacity:1;visibility:visible;pointer-events:auto}.header__menu-item:hover>.header__submenu--level-2,.header__menu-item:focus-within>.header__submenu--level-2{transform:translateY(0)}.header__menu-item:hover>.header__submenu:not(.header__submenu--level-2),.header__menu-item:focus-within>.header__submenu:not(.header__submenu--level-2){transform:translate(0)}.header__menu-item:hover>.header__menu-link .header__submenu-icon,.header__menu-item:focus-within>.header__menu-link .header__submenu-icon{transform:rotate(180deg)}.header__menu-item:not(.header__menu-item--level-1):hover>.header__menu-link .header__submenu-icon,.header__menu-item:not(.header__menu-item--level-1):focus-within>.header__menu-link .header__submenu-icon{transform:translate(2px)}.header__submenu .header__menu-link{justify-content:space-between;width:100%;height:auto;min-height:44px;padding:10px 12px;border:0;border-radius:10px;text-align:left}.header__submenu .header__menu-link:hover,.header__submenu .header__menu-link:focus-visible{border-bottom-color:transparent;background:rgb(var(--color-primary-lighter));outline-offset:0}.header__ctas{display:flex;align-items:center;gap:8px}.header__ctas .btn.btn--primary,.mobile-menu__ctas .btn--primary{background:rgb(var(--color-primary-dark));color:rgb(var(--color-neutral-white))}.header__ctas .btn.btn--secondary,.mobile-menu__ctas .btn--secondary{background:rgb(var(--color-primary-lighter));color:rgb(var(--color-primary-dark));border-color:rgb(var(--color-primary-lighter))}.header__icons{display:flex;align-items:center;gap:8px}.header__cart{display:flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:83.333px;background:rgb(var(--color-primary-lighter));color:rgb(var(--color-primary-dark));cursor:pointer}.header__cart svg{width:20px;height:20px}.header__menu-toggle,.header__battery-fitting,.header__menu-toggle .btn-text,.header__battery-fitting .btn-text{display:none}.mobile-menu-overlay{width:100vw;height:100vh;z-index:97;position:fixed;top:0;left:0;background:#0009;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.mobile-menu{width:calc(100% - 46px);height:calc(100dvh - 72px);top:72px;right:0;position:fixed;z-index:98;padding:32px 20px;background:rgb(var(--color-neutral-white));transform:translate(100%);transition:all .3s ease-in-out}.mobile-menu__menu{display:flex;flex-direction:column;margin:0 0 24px}.mobile-menu__menu-link{color:rgb(var(--color-primary-dark));font-size:16px;font-weight:500;line-height:140%;text-decoration:none;height:56px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-menu__menu-link:not(.mobile-menu__menu-link--level-1){height:auto;min-height:44px;font-size:15px;font-weight:400}.mobile-menu__list--level-2{padding-left:16px}.mobile-menu__list:not(.mobile-menu__list--level-1):not(.mobile-menu__list--level-2){padding-left:12px}.mobile-menu__submenu-icon{display:flex;width:16px;height:16px;flex:0 0 16px}.mobile-menu__ctas{display:flex;flex-direction:column;gap:20px}.mobile-menu__ctas .btn{width:100%;justify-content:center}body.has-announcement-bar .mobile-menu{top:var(--navigation-section-height, 72px)}@media screen and (max-width:1200px){.header__menu-toggle,.header__battery-fitting,.header__cart{display:flex;padding:0;width:40px;height:40px;min-height:40px}.header__menu,.header__ctas{display:none}.header__menu-toggle{order:3}.header__menu-toggle:hover{background:transparent!important;color:rgb(var(--color-primary-dark))!important}.header__menu-toggle .btn__icon--right{width:16px;height:16px}.header__battery-fitting{order:1}.header__cart{order:2}.header__icons{margin-left:auto}.header__menu-toggle-close,body.mobile-menu-open .header__menu-toggle-open{display:none}body.mobile-menu-open .header__menu-toggle-close{display:block}body.mobile-menu-open .mobile-menu{transform:translate(0)}body.mobile-menu-open .mobile-menu-overlay{opacity:1;visibility:visible}}@media screen and (max-width:500px){.header__logo,.header__logo img{height:18px;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/header.css.map */