.mokka-mobile-bottom-nav{display:none}@media (max-width:749px){.mokka-mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:var(--z-bottom-nav,998);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-sizing:border-box;height:calc(var(--mokka-bottom-nav-height,68px) + env(safe-area-inset-bottom,0px));padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--mokka-separator)}body:has(.header__search details[open]) .mokka-mobile-bottom-nav,body:has(.mobile-facets__disclosure[open]) .mokka-mobile-bottom-nav,body:has(.section-header.menu-open) .mokka-mobile-bottom-nav,body:has(cart-drawer.active) .mokka-mobile-bottom-nav{display:none}}.mokka-mobnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:48px;box-sizing:border-box;padding:4px 0;border:0;border-radius:4px;background:0 0;color:var(--mokka-muted);text-decoration:none;font-family:var(--font-body-family);letter-spacing:0;cursor:pointer;touch-action:manipulation}.mokka-mobnav-item.is-active,.mokka-mobnav-item:hover{color:var(--mokka-primary);background:var(--mokka-surface)}.mokka-mobnav-item.is-active{font-weight:700}.mokka-mobnav-item:focus-visible{outline:3px solid var(--mokka-focus);outline-offset:-3px}.mokka-mobnav-icon{position:relative;display:flex;width:22px;height:22px;flex-shrink:0}.mokka-mobnav-icon svg{width:100%;height:100%;stroke-width:1.75}.mokka-mobile-bottom-nav .mokka-mobnav-label{min-height:0;min-width:0;font-size:1.2rem;line-height:1.3;letter-spacing:0}.mokka-mobnav-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--mokka-primary);color:#fff;font-size:1.1rem;line-height:1}.mokka-mobnav-badge:empty,.mokka-mobnav-badge[data-count="0"]{display:none}@media (max-width:749px){.mokka-mobile-bottom-nav{height:auto;min-height:calc(68px + env(safe-area-inset-bottom,0px))}body{padding-bottom:calc(var(--mokka-bottom-nav-height,0px) + var(--mokka-safe-bottom))!important}body.has-sticky-bar-visible{padding-bottom:calc(var(--mokka-bottom-nav-height,0px) + var(--mokka-sticky-bar-height,0px) + var(--mokka-safe-bottom))!important}}.mokka-mobile-bottom-nav .mokka-mobnav-label{font-size:1.3rem;line-height:1.4;overflow-wrap:anywhere}