.mobile-bottom-nav{display:none}@media(max-width:768.98px){:root{--mobile-bottom-nav-height: 60px;--mobile-bottom-nav-offset: calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom, 0px));--mobile-bottom-nav-gap: 8px}body{padding-bottom:var(--mobile-bottom-nav-offset)}.mobile-bottom-nav{display:block;position:fixed;z-index:6;right:0;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid rgba(var(--text-color)/.12);background-color:rgba(var(--bg-color));box-shadow:0 -2px 10px #0000000f;color:rgb(var(--text-color))}.mobile-bottom-nav__list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:var(--mobile-bottom-nav-height);margin:0;padding:0;list-style:none}.mobile-bottom-nav__item{margin:0}.mobile-bottom-nav__link{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;padding:0 2px;color:inherit;font-size:1.1rem;line-height:1.2;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}button.mobile-bottom-nav__link{width:100%;border:0;background:none;font-family:inherit;cursor:pointer}.mobile-bottom-nav__link.is-active{color:rgb(var(--btn-bg-color));font-weight:700}.mobile-bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-bottom-nav__icon svg{width:22px;height:22px}.mobile-bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav__count{top:-6px;left:14px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background-color:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color));font-size:1.1rem;font-weight:700;line-height:18px;text-align:center}.mobile-bottom-nav__count[hidden]{display:none}body .btn--compare{bottom:calc(var(--mobile-bottom-nav-offset) + 12px)}body .article__pagination.fixed{bottom:var(--mobile-bottom-nav-offset)}body .article__pagination.fixed:not(.is-visible){transform:translateY(calc(100% + 1px + var(--mobile-bottom-nav-offset)))}body .main-menu__content,body .main-nav__child{height:calc(var(--viewport-height) - var(--header-end, 100px) - var(--mobile-bottom-nav-offset))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mobile-bottom-nav.css.map */