.mobile-bottom-nav{display:none}@media(max-width:767px){body:has(.mobile-bottom-nav){padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:85;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(16px);border-top:1px solid #efdeec;box-shadow:0 -4px 25px #6b32580c}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;gap:5px;color:#9c849d;text-decoration:none;font-size:10px;font-weight:700;border-radius:12px}.mobile-bottom-nav a.active{background:#fff0f6;color:#ad2f6c}.mobile-bottom-nav svg{height:22px;width:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav a:focus-visible{outline:2px solid #ad2f6c;outline-offset:-2px}body:has(.mobile-bottom-nav) .order-notice:not(.order-notice-preview){bottom:calc(84px + env(safe-area-inset-bottom))}}