/* ========== MOBILE PORTRAIT (iPhone 14 / Pro / Max) ========== */
/* ширина до 430px */
@media (max-width: 430px) {
  /* стили для вертикальной мобилки */
  body { font-size: 14px; }
  .nav { flex-direction: column; }
}

/* ========== MOBILE LANDSCAPE (iPhone horizontal) ========== */
/* ширина от 431px до 932px */
@media (min-width: 431px) and (max-width: 932px) {
  /* стили для горизонтальной мобилки */
  body { font-size: 15px; }
  .nav { gap: 20px; }
}

/* ========== TABLET (вдобавок, если нужно) ========== */
/* ширина от 933px до 1199px */
@media (min-width: 933px) and (max-width: 1199px) {
  /* планшеты и маленькие ноуты */
  body { font-size: 16px; }
}

/* ========== LAPTOP 13" (MacBook Air/Pro) ========== */
/* ширина от 1200px до 1366px */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* ноуты 13 дюймов */
  body { font-size: 17px; }
  .container { max-width: 1100px; }
}

/* ========== DESKTOP LARGE (17" и больше) ========== */
/* ширина от 1440px и выше */
@media (min-width: 1440px) {
  /* большие ноуты и мониторы */
  body { font-size: 18px; }
  .container { max-width: 1400px; }
}