/* ================================================
   Apna School - Responsive Stylesheet
   ================================================ */

/* ---- Tablet (≤ 1024px) ---- */
@media (max-width: 1024px) {
  .hero-content   { grid-template-columns: 1fr; gap: 40px; }
  .hero-visual    { max-width: 520px; margin: 0 auto; }
  .about-grid     { grid-template-columns: 1fr; }
  .about-img-main { height: 340px; }
  .why-grid       { grid-template-columns: 1fr; }
  .team-grid      { grid-template-columns: repeat(2, 1fr); }
  .footer-grid    { grid-template-columns: 1fr 1fr; gap: 36px; }
  .features-grid  { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid     { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .contact-grid   { grid-template-columns: 1fr; }
  .floating-elements { display: none; }
}

/* ---- Mobile (≤ 768px) ---- */
@media (max-width: 768px) {
  .section-pad { padding: 64px 0; }
  .container   { padding: 0 18px; }

  /* Header */
  .nav-links   { display: none; }
  .nav-phone   { display: none; }
  .hamburger   { display: flex; }
  .nav-cta .btn { padding: 10px 20px; font-size: 0.85rem; }

  /* Hero */
  .hero        { padding-top: 80px; padding-bottom: 40px; }
  .hero-stats  { gap: 20px; flex-wrap: wrap; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .hero-actions .btn { width: 100%; justify-content: center; }

  /* Features */
  .features-grid { grid-template-columns: 1fr; }

  /* About */
  .about-img-badge { bottom: -10px; left: 10px; }
  .about-points   { grid-template-columns: 1fr; }

  /* Why */
  .why-item       { padding: 18px; }

  /* Stats */
  .stats-grid     { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .stat-num       { font-size: 2.2rem; }

  /* Team */
  .team-grid      { grid-template-columns: repeat(2, 1fr); }

  /* Testimonials */
  .testimonials-grid { grid-template-columns: 1fr; }

  /* Gallery */
  .gallery-grid   { grid-template-columns: repeat(2, 1fr); }

  /* FAQ */
  .faq-grid       { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid    { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom  { flex-direction: column; text-align: center; }

  /* Demo Form */
  .form-row       { grid-template-columns: 1fr; }
  .demo-form      { padding: 24px; }

  /* Section title */
  .section-title  { font-size: 1.75rem; }
}

/* ---- Small Mobile (≤ 480px) ---- */
@media (max-width: 480px) {
  .team-grid    { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
  .stats-grid   { grid-template-columns: 1fr; }
  .hero-title   { font-size: 1.9rem; }
  .dash-stats   { grid-template-columns: repeat(2, 1fr); }

  .btn-lg { padding: 14px 28px; font-size: 0.95rem; }

  .cta-title { font-size: 1.7rem; }

  .about-img-badge { display: none; }
}