.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--mb-bg, #ffffff);border-top:1px solid var(--mb-border-color, #e5e5e5);border-radius:var(--mb-corner-radius, 16px) var(--mb-corner-radius, 16px) 0 0;box-shadow:0 var(--mb-shadow-offset, -2px) var(--mb-shadow-blur, 12px) rgba(0,0,0,var(--mb-shadow-opacity, .08));height:var(--mb-height, 64px);padding-bottom:env(safe-area-inset-bottom,0);transition:transform .3s ease}.mobile-bottom-nav--hidden{transform:translateY(100%)}.mobile-bottom-nav__inner{display:flex;align-items:center;justify-content:space-around;height:100%;padding:0 4px}.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;min-width:44px;min-height:44px;padding:4px 8px;border:none;background:none;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transition:transform .2s ease}.mobile-bottom-nav__item:active{transform:scale(.92)}.mobile-bottom-nav__item:focus-visible{outline:2px solid var(--mb-active-color, #000);outline-offset:2px;border-radius:4px}.mobile-bottom-nav__icon{width:var(--mb-icon-size, 22px);height:var(--mb-icon-size, 22px);color:var(--mb-icon-color, #999);transition:color .25s ease}.mobile-bottom-nav__item--active .mobile-bottom-nav__icon{color:var(--mb-active-color, #000)}.mobile-bottom-nav__label{font-size:var(--mb-label-size, 10px);color:var(--mb-icon-color, #999);line-height:1;white-space:nowrap;transition:color .25s ease}.mobile-bottom-nav__item--active .mobile-bottom-nav__label{color:var(--mb-active-color, #000);font-weight:600}.mobile-bottom-nav__badge{position:absolute;top:2px;right:50%;transform:translate(16px);min-width:16px;height:16px;padding:0 4px;background:var(--mb-active-color, #000);color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .3s ease}.mobile-bottom-nav__badge--visible{opacity:1}.mobile-bottom-nav__badge--bump{animation:mb-badge-bump .35s ease}@keyframes mb-badge-bump{0%,to{transform:translate(16px) scale(1)}50%{transform:translate(16px) scale(1.35)}}@media screen and (max-width:768px){.mobile-bottom-nav{display:block}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mobile-bottom-nav.css.map */