.bottom-nav {display:none;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:6px 0 calc(6px+env(safe-area-inset-bottom));transition:background .2s,border-color .2s}
html[data-theme="dark"] .bottom-nav{background:rgba(26,18,20,0.94);border-top-color:var(--border)}
.bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;gap:2px;max-width:600px;margin:0 auto;padding:0 4px}
.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;border-radius:10px;color:var(--text-muted);font-size:.62rem;font-weight:600;cursor:pointer;transition:.2s;flex:1;min-width:0;text-decoration:none;position:relative;-webkit-tap-highlight-color:transparent;user-select:none;min-height:48px;touch-action:manipulation}
.bottom-nav-item .nav-icon{font-size:1.15rem;position:relative}
.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--primary)}
.bottom-nav-item .orders-badge{position:absolute;top:-5px;right:-7px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:800;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);line-height:1}
html[data-theme="dark"] .bottom-nav-item .orders-badge{border-color:var(--surface)}
@media (min-width:768px){.bottom-nav{display:none!important}}
@media (max-width:767px){.bottom-nav{display:block}body{padding-bottom:64px}}