@media(max-width:900px){
body[data-theme] .mobile-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:9px 7px;border:1px solid #ffffffd9;border-radius:25px;background:#fffffff2;box-shadow:0 10px 35px #103f6630,0 2px 8px #103f6612;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:30}
body[data-theme] .mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;padding:6px 1px;border:0;border-radius:17px;background:transparent;color:#657c8f;box-shadow:none;font-weight:500;transition:background .18s,color .18s,transform .18s}
body[data-theme] .mobile-nav button>svg{width:23px;height:23px;stroke-width:1.8;transition:transform .18s}
body[data-theme] .mobile-nav button>span{font-size:9px;line-height:1.25;letter-spacing:.05px;font-weight:600;white-space:nowrap}
body[data-theme] .mobile-nav button[data-active=true]{background:#e4f1ff;color:#075eac}
body[data-theme] .mobile-nav button[data-active=true]>svg{transform:translateY(-1px);stroke-width:2.2}
body[data-theme] .mobile-nav button[data-open-cart]{background:linear-gradient(145deg,#0875d2,#0755a2);color:#fff;box-shadow:0 4px 10px #0963b630}
body[data-theme] .mobile-nav button[data-open-cart][data-active=true]{background:#083e75;box-shadow:inset 0 0 0 2px #82c8ff}
body[data-theme] .mobile-nav button b{position:absolute;top:2px;right:7px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:12px;background:#0963b6;color:#fff;border:2px solid #fff;font-size:9px;line-height:1;font-weight:800}
body[data-theme] .mobile-nav button[data-open-cart] b{background:#fff;color:#095eaa;border-color:#0863b5}
body[data-theme] .mobile-nav button b[data-empty=true]{display:none}
body[data-theme] .mobile-nav button:active{transform:scale(.94)}
body[data-theme] .mobile-nav button:focus-visible{outline:3px solid #7cc7ff;outline-offset:2px}
body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
body[data-theme] #toast{bottom:calc(102px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){body[data-theme] .mobile-nav button,body[data-theme] .mobile-nav button>svg{transition:none;transform:none}}