@media(min-width:990px){.mobile-bottom-nav{display:none!important}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:999;display:flex;align-items:stretch;justify-content:space-around;background:#fff;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -2px 16px #0000000f;padding-bottom:env(safe-area-inset-bottom,0px);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:6px 4px 8px;text-decoration:none;color:#8a9a8a;-webkit-tap-highlight-color:transparent;transition:color .15s ease;position:relative;-webkit-user-select:none;user-select:none}.mobile-bottom-nav__item.is-active{color:var(--color-primary, #5CB85C)}.mobile-bottom-nav__item.is-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--color-primary, #5CB85C);border-radius:0 0 3px 3px}.mobile-bottom-nav__item:active{opacity:.7}.mobile-bottom-nav__icon{width:24px;height:24px;flex-shrink:0;transition:transform .15s ease}.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon{transform:scale(1.1);stroke-width:2.2}.mobile-bottom-nav__label{font-size:10px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap}.mobile-bottom-nav__item.is-active .mobile-bottom-nav__label{font-weight:700}.mobile-bottom-nav__cart-wrap{position:relative;display:inline-flex}.mobile-bottom-nav__badge{position:absolute;top:-5px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:16px;background:var(--color-primary, #5CB85C);color:#fff;font-size:9px;font-weight:800;line-height:16px;text-align:center;pointer-events:none}@media(max-width:989px){body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}}@media(max-width:989px){.mobile-app-nav-active .top-bar{display:none}.mobile-app-nav-active .header__nav{display:none!important}.mobile-app-nav-active .header__actions{visibility:hidden;width:44px}.mobile-app-nav-active .header__menu-toggle{display:flex}.mobile-app-nav-active .header__inner{justify-content:space-between;position:relative}.mobile-app-nav-active .header__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mobile-app-nav-active .header{padding:8px 0}.mobile-app-nav-active .header__logo-link img{max-height:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-bottom-nav.css.map */