/* تحسينات الشاشات الأكبر (Mobile First) */
@media (min-width: 600px) {
  .cards-grid { grid-template-columns: repeat(2, 1fr); }
  .stats { grid-template-columns: repeat(4, 1fr); }
  .features, .steps { grid-template-columns: repeat(2, 1fr); }
  .filters { grid-template-columns: repeat(3, 1fr); }
  .field.wide { grid-column: span 3; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  h1 { font-size: 2.4rem; } .hero h1 { font-size: 3rem; }
  .menu-toggle { display: none; }
  .menu { display: flex; position: static; align-items: center; justify-content: space-between; flex: 1; background: none; border: 0; box-shadow: none; padding: 0 0 0 0; margin-inline-start: 24px; }
  .menu ul { flex-direction: row; margin: 0; }
  .hero-grid { grid-template-columns: 1.1fr .9fr; }
  .cards-grid { grid-template-columns: repeat(3, 1fr); }
  .features { grid-template-columns: repeat(3, 1fr); }
  .steps { grid-template-columns: repeat(4, 1fr); }
  .filters { grid-template-columns: repeat(4, 1fr); }
  .field.wide { grid-column: span 4; }
  .details-grid { grid-template-columns: 1.4fr 1fr; align-items: start; }
  .details-text { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr 1fr; align-items: start; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
  .section { padding-block: 64px; }
}
@media (min-width: 1200px) {
  .container { padding-inline: 24px; }
}