.mobile-navbar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:8px 16px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000000f;z-index:1000;grid-template-columns:repeat(3,1fr);align-items:center;height:80px}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;font-size:10px;font-weight:500;gap:6px;padding:6px 0;border-radius:8px;transition:all .2s;justify-content:center;position:relative;border:none;background:transparent;cursor:pointer;letter-spacing:-.2px}.nav-item svg{transition:transform .2s;stroke-width:1.5;width:22px;height:22px;display:block;margin:0 auto 2px}.nav-item span{display:block;line-height:1;text-align:center}.nav-item:hover{color:#582000}.nav-item:active svg{transform:scale(.95)}.nav-item.active{color:#582000;background:#fff}.back-button svg{margin-bottom:2px}.nav-item.custom-flour{margin-top:-6px}.flour-icon-wrapper{background:#582000;color:#fff;width:42px;height:42px;border-radius:21px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #58200026;transition:all .2s;position:relative;margin-bottom:4px}.flour-icon-wrapper svg{width:20px;height:20px;margin:0}.flour-icon-wrapper:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;background:linear-gradient(45deg,gold,orange);opacity:0;transition:opacity .3s;z-index:-1}.nav-item.custom-flour:hover .flour-icon-wrapper{transform:translateY(-3px);box-shadow:0 6px 12px #58200033}.nav-item.custom-flour:hover .flour-icon-wrapper:after{opacity:.5}.cart-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-bottom:2px}.cart-count{position:absolute;top:-4px;right:-4px;background:#582000;color:#fff;font-size:9px;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:600;padding:0 2px}@media screen and (max-width: 768px){.mobile-navbar{display:grid}#MainContent{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}@supports (padding: max(0px)){.mobile-navbar{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-navbar.css.map */