/* ===========================
   NEUROREAD — RESPONSIVE
   =========================== */

/* ── 1440px: wide screens — already handled by container max-width ── */

/* ── 1024px: laptop/tablet landscape ── */
@media (max-width: 1024px) {
  :root { --section-py: 64px; }

  .nav-links { gap: .1rem; }
  .nav-link   { padding: .45rem .55rem; font-size: .85rem; }

  .about-grid { gap: 2.5rem; }

  .services-grid, .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonials-grid { gap: 1rem; }

  .contact-grid { grid-template-columns: repeat(2, 1fr); }

  .footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .footer-brand { grid-column: span 2; }
}

/* ── 768px: tablet portrait ── */
@media (max-width: 768px) {
  :root {
    --header-h:  64px;
    --section-py: 56px;
  }

  /* Header: hide desktop nav, show hamburger */
  .nav          { display: none; }
  .nav-actions  { display: none; }
  .hamburger    { display: flex; }
  .header-inner { justify-content: space-between; }

  /* Hero */
  .hero { height: calc(100svh - var(--header-h)); min-height: 500px; }

  .slide-content-left { max-width: 100%; }

  .hero-title { font-size: clamp(1.7rem, 5.5vw, 2.5rem); }
  .hero-services-grid { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .hero-service-chip  { font-size: .85rem; padding: .55rem .75rem; }

  .hero-spots-num { font-size: clamp(4rem, 15vw, 7rem); }

  .slider-btn { width: 40px; height: 40px; }
  .slider-prev { left: .75rem; }
  .slider-next { right: .75rem; }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .about-text { max-width: 100%; }
  .about-stats { grid-template-columns: repeat(3, 1fr); }

  /* Services */
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .schedule-strip { gap: 1rem; padding: 1rem 1.25rem; }

  /* Why */
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  /* Testimonials */
  .testimonials-grid { grid-template-columns: 1fr; }
  .testimonial-featured { transform: none; }
  .testimonial-featured:hover { transform: translateY(-4px); }

  .gallery-strip {
    grid-template-columns: 1fr 1fr;
    height: 180px;
  }
  .gallery-item-3 { display: none; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; gap: .85rem; }

  /* Footer */
  .footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
  .footer-brand { grid-column: span 2; }
}

/* ── 480px: large mobile ── */
@media (max-width: 480px) {
  :root { --section-py: 48px; }

  .container { padding: 0 1rem; }

  /* Hero */
  .slide-logo { width: 76px; height: 76px; }
  .hero-title { font-size: clamp(1.5rem, 6vw, 2rem); }
  .hero-subtitle { font-size: .95rem; }
  .hero-cta-group { flex-direction: column; align-items: center; width: 100%; }
  .hero-cta-group .btn { width: 100%; justify-content: center; }

  .hero-services-grid { grid-template-columns: 1fr; }

  .hero-spots { flex-direction: column; align-items: center; gap: .25rem; }
  .hero-spots-num { font-size: clamp(4.5rem, 18vw, 6rem); }

  /* About */
  .about-stats { grid-template-columns: repeat(3, 1fr); gap: .5rem; }
  .stat-val    { font-size: 1.5rem; }

  /* Services */
  .services-grid { grid-template-columns: 1fr; }
  .schedule-strip { flex-direction: column; gap: .85rem; }

  /* Why */
  .why-grid { grid-template-columns: 1fr; }

  /* Testimonials */
  .gallery-strip { grid-template-columns: 1fr; height: 200px; }
  .gallery-item-2 { display: none; }
  .gallery-item-3 { display: flex; }

  /* Contact */
  .contact-card { padding: 1.15rem; }

  /* Footer */
  .footer-inner { grid-template-columns: 1fr; }
  .footer-brand { grid-column: span 1; }

  /* Back to top */
  .back-to-top { bottom: 1.25rem; right: 1rem; }
}

/* ── 320px: very small screens ── */
@media (max-width: 320px) {
  .hero-title { font-size: 1.4rem; }
  .btn-lg     { padding: .8rem 1.4rem; font-size: .9rem; }
  .educator-card { padding: 1.5rem 1rem; }
}

/* ── Hover only on devices that support it ── */
@media (hover: none) {
  .service-card:hover,
  .why-card:hover,
  .contact-card:hover,
  .testimonial-card:hover { transform: none; }
  .nav-cta { animation: none; }
}

/* ── Prefers reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  html { scroll-behavior: auto; }
  .reveal, .reveal-left, .reveal-right {
    opacity: 1;
    transform: none;
  }
}

/* ── Print ── */
@media print {
  .header, .hero, .slider-btn, .slider-dots,
  .back-to-top, .hamburger { display: none !important; }
  body { padding-top: 0; font-size: 12pt; color: #000; }
  a::after { content: " (" attr(href) ")"; }
}