/* app/assets/css/bottom-nav.css -- menú inferior compartido de /app/ (ver includes/bottom-nav.php). .material-symbols-outlined ya viene en shared.css, no se repite aquí. Fuentes +2px (2026-09-24). */
.store-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;background:white;border-top:1.5px solid #f0d0e8;display:flex;align-items:stretch;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(196,90,138,0.08);}
.store-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#a88baf;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;line-height:1.15;padding:6px 2px;border-radius:12px;text-align:center;}
.store-bottom-nav-item.is-active{color:#c45a8a;background:#fff0f8;}
.store-bottom-nav-icon{font-size:24px;line-height:1;}
.store-bottom-nav-icon-wrap{position:relative;display:inline-block;}
.store-bottom-nav-badge{position:absolute;top:-6px;right:-10px;background:#c45a8a;color:white;border-radius:50%;min-width:15px;height:15px;padding:0 3px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;}