.nav{
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:calc(14px + env(safe-area-inset-bottom));
  width:calc(100% - 28px);max-width:452px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:1px solid rgba(255,255,255,.6);
  border-radius:28px;
  box-shadow:0 14px 38px rgba(16,40,72,.18);
  padding:12px 14px;
  display:grid;grid-template-columns:repeat(5,1fr);align-items:end;z-index:40;
  transition:bottom .32s var(--ease),padding .32s var(--ease),border-radius .32s var(--ease),box-shadow .32s var(--ease)
}
/* Söndürülmüş nav düyməsi (məs. "Onlayn çat" — FEATURES.chat=false) tamamilə çıxsın.
   `.nav button{display:flex}` [hidden]-in default gizlətməsini əzdiyi üçün açıq qayda lazımdır. */
.nav button[hidden]{display:none}

/* yuxarı scroll → nav bir az aşağı "dock" olur (padding ↓); aşağı scroll → üzən vəziyyət */
.nav--docked{
  bottom:calc(5px + env(safe-area-inset-bottom));
  padding-top:9px;padding-bottom:9px;
  border-radius:20px;
  box-shadow:0 8px 22px rgba(16,40,72,.13)
}
.nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink-3);font-size:10px;font-weight:600;transition:color .2s var(--ease)}
.nav button i{font-size:22px;padding:5px 15px;border-radius:16px;transition:.25s var(--ease)}
.nav button.on{color:var(--brand)}
.nav button.on i{background:var(--brand-soft)}            /* aktiv ikon yumşaq brend pill-i */
.nav button:active i{transform:scale(.9)}
.nav .fab-slot{position:relative;display:flex;justify-content:center}

/* 955 — mərkəzdə üzən dairəvi düymə: təmiz ağ disk, brend halqa, yuxarı qalxır */
.fab{
  position:absolute;left:50%;margin-left:-33px;bottom:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  width:66px;height:66px;border-radius:50%;
  background:linear-gradient(150deg,var(--brand),var(--brand-deep));
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  transition:transform .2s var(--ease)
}
.fab:active{transform:scale(.93)}
.fab i{font-size:24px;color:#fff;line-height:1}
.fab .num{font-family:'Plus Jakarta Sans';font-weight:800;font-size:12px;line-height:1;color:#fff}