.mobile-sticky-nav{position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg-color, #ffffff);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px #0000001a;z-index:1000;display:none;padding:0;transition:transform .3s ease-in-out}.mobile-sticky-nav.show{transform:translateY(0)}.mobile-sticky-nav.hide{transform:translateY(100%)}.nav-container{display:flex;justify-content:space-around;align-items:center;max-width:100%;margin:0 auto;padding:8px 0}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--nav-text-color, #333333);transition:all .3s ease;position:relative;padding:8px 4px;min-width:60px;flex:1;border-radius:8px}.nav-item:hover,.nav-item.active{color:var(--nav-active-color, #007bff);background:#007bff1a;transform:translateY(-2px)}.nav-item:active{transform:translateY(0) scale(.95)}.nav-icon{width:24px;height:24px;stroke-width:1.5;margin-bottom:4px;transition:transform .2s ease}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{font-size:10px;font-weight:500;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-count{position:absolute;top:2px;right:8px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;min-width:18px;opacity:0;transition:opacity .3s ease;animation:pulse .5s ease-in-out}.cart-count.show{opacity:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.mobile-sticky-nav{display:block}body{padding-bottom:70px}@media (max-width: 360px){.nav-label{font-size:9px}.nav-icon{width:20px;height:20px}.nav-item{padding:6px 2px;min-width:50px}}}@media (min-width: 769px){.mobile-sticky-nav{display:none!important}body{padding-bottom:0!important}}@media (prefers-color-scheme: dark){.mobile-sticky-nav{background:var(--nav-bg-color, #1a1a1a);border-top-color:#333}.nav-item{color:var(--nav-text-color, #ffffff)}.nav-item:hover,.nav-item.active{color:var(--nav-active-color, #007bff);background:#007bff33}}.nav-item:focus{outline:2px solid var(--nav-active-color, #007bff);outline-offset:2px}.mobile-sticky-nav *{-webkit-tap-highlight-color:transparent}.mobile-sticky-nav.loading{opacity:.7;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mobile-nav.css.map */