/* ======================================================
   06-nav.css — Thanh dieu huong duoi day
   ====================================================== */
/* ====== NAV DƯỚI ĐÁY (không sát mép) ====== */
  nav{
    position:fixed;left:0;right:0;bottom:0;z-index:5;height:var(--nav-h);
    display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.4vw,22px);
    padding:0 max(28px, 6vw);
    background:rgba(255,255,255,.16);backdrop-filter:blur(14px);
    border-top:2px solid rgba(255,255,255,.18);
  }
  .tab{
    border:0;background:none;cursor:pointer;font-family:inherit;
    display:flex;flex-direction:column;align-items:center;gap:5px;
    min-width:88px;min-height:88px;justify-content:center;border-radius:22px;
    color:rgba(255,255,255,.78);font-weight:700;font-size:14px;
    transition:transform .12s, background .2s, color .2s;
  }
  .tab .bub{
    width:58px;height:58px;border-radius:20px;display:grid;place-items:center;
    background:rgba(255,255,255,.16);transition:transform .16s cubic-bezier(.34,1.6,.6,1), background .2s}
  .tab .bub svg{width:30px;height:30px}
  .tab[aria-selected="true"]{color:#fff}
  .tab[aria-selected="true"] .bub{background:#fff;transform:translateY(-6px) scale(1.06)}
  .tab[aria-selected="true"] .bub svg path,.tab[aria-selected="true"] .bub svg circle,
  .tab[aria-selected="true"] .bub svg polygon,.tab[aria-selected="true"] .bub svg rect,
  .tab[aria-selected="true"] .bub svg line{stroke:var(--cur-d, #0288D1)}
  .tab .bub svg path,.tab .bub svg circle,.tab .bub svg polygon,.tab .bub svg rect,.tab .bub svg line{stroke:#fff}
  .tab:active .bub{transform:scale(.88)}