/* The current route controls selection; these styles only present that state. */
.cart-count[hidden]{display:none!important}
.mobile-nav[hidden]{display:none!important}
html.android-keyboard-open .mobile-nav,html.ios-keyboard-open .mobile-nav{display:none!important}
@media(max-width:760px){
 /* Reserve the measured bar height, including the phone's safe area. */
 #aisles-dialog.has-mobile-navigation[open],#shopping-lists-dialog.has-mobile-navigation[open],#customer-dialog.has-mobile-navigation[open],#cart-dialog.has-mobile-navigation[open]{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding-bottom:var(--mobile-navigation-height,78px);box-sizing:border-box}
 dialog.has-mobile-navigation>.mobile-nav{position:fixed;bottom:0;left:0;right:0;margin:0}
 html.android-keyboard-open dialog.has-mobile-navigation[open],html.ios-keyboard-open dialog.has-mobile-navigation[open]{padding-bottom:0}
 #customer-dialog.has-mobile-navigation[open],#shopping-lists-dialog.has-mobile-navigation[open]{display:flex;flex-direction:column;overflow:hidden}
 dialog.has-mobile-navigation>.dialog-top{flex-shrink:0}
 #customer-dialog.has-mobile-navigation>.customer-body,#shopping-lists-dialog.has-mobile-navigation>.customer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 #cart-dialog.has-mobile-navigation[open]{display:block;overflow-y:auto}
 #cart-dialog.has-mobile-navigation>.cart-items{overflow:visible}
 .mobile-nav{background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:5px}
 .mobile-nav button{min-width:44px;min-height:48px;justify-content:center;gap:4px;font-size:12px;font-weight:500;line-height:1.2;color:#4b4b52}
 .mobile-nav button.active{color:#c8102e;font-weight:700}
 .mobile-nav button.active:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:24px;height:3px;background:#c8102e;border-radius:0 0 4px 4px;pointer-events:none}
 .mobile-nav svg{width:26px;height:26px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .mobile-nav .cart-count{top:-2px;left:calc(50% + 6px);width:19px;height:19px;font-size:11px;font-weight:700;line-height:1;background:#c8102e;color:#fff}
 .mobile-nav button:focus-visible{outline:2px solid #c8102e;outline-offset:-2px;border-radius:6px}
 .mobile-nav button:active{opacity:.75}
}
