@media (max-width: 900px) {
  .navbar { padding: 12px 16px; }
  .logo { font-size: 20px; }
  .nav-links { display: flex !important; flex-wrap: wrap; justify-content: flex-end; gap: 6px 14px; font-size: 13px; }
  .intro { left: 50% !important; top: 55% !important; width: 92%; max-width: 92% !important; padding: 20px; }
  .intro h1 { font-size: 24px !important; }
  .intro h2 { font-size: 18px; }
  .intro p { font-size: 15px !important; }

  .salom, .haqimda { margin-left: 16px !important; font-size: 24px; }
  .yosh { width: auto !important; height: auto !important; margin: 16px !important; }
  .yosh h1 { font-size: 18px; }
  .yosh img, body > img { display: block; width: 100% !important; height: auto !important; margin: 12px 0 !important; }
  body > h1[style] { width: auto !important; margin: 16px !important; font-size: 18px; }

  .content { margin: 20px 12px; padding: 20px; }
  .content h1 { font-size: 1.8em; }
  .footer { position: static; height: auto; padding: 20px 12px; margin-top: 24px !important; }
  .text { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; word-spacing: normal; font-size: 15px; }
}
@media (max-width: 900px) {
  body { overflow-x: hidden; }
}