/* ============================================================
   mobile.css — дополнительные мобильные стили
   Загружается только при max-width: 900px (см. base.html)
   Здесь: правки для nav и других компонентов на планшетах/телефонах
   Breakpoints для index-секций — в index.css
   ============================================================ */

/* ============================================================
   Навигация на планшетах (601–900px)
   ============================================================ */
@media (max-width: 900px) {
    /* Убедиться что мобильное меню не мешает контенту */
    body { padding-top: 64px; }
    .nh { height: 64px; }
    .nh-inner { height: 64px; }
}

/* ============================================================
   Мелкие телефоны — nav (≤375px)
   ============================================================ */
@media (max-width: 375px) {
    .nh-logo-text { font-size: 0.9rem; }
    .nh-logo-img  { width: 28px; height: 28px; }
}