/* ============================================================
   T.E.A.M. Tree Service — Responsive Breakpoints
   Mobile-first approach
   ============================================================ */

/* ---- Tablet (max 1024px) ---- */
@media (max-width: 1024px) {
  section { padding: 64px 0; }

  .stats-grid          { grid-template-columns: repeat(2, 1fr); }
  .services-grid       { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid   { grid-template-columns: repeat(2, 1fr); }
  .footer-grid         { grid-template-columns: 1fr 1fr; gap: 40px; }
  .about-grid          { grid-template-columns: 1fr; gap: 40px; }
  .about-image-wrap    { max-width: 480px; }
  .contact-grid        { grid-template-columns: 1fr; }
  .service-detail-grid { grid-template-columns: 1fr; }
  .service-sidebar     { position: static; }
  .process-grid        { grid-template-columns: repeat(2, 1fr); }
  .process-step::after { display: none; }
  .gallery-grid        { grid-template-columns: repeat(3, 1fr); }
  .area-grid           { grid-template-columns: 1fr; }
  .values-grid         { grid-template-columns: repeat(2, 1fr); }
}

/* ---- Mobile Large (max 768px) ---- */
@media (max-width: 768px) {
  section { padding: 56px 0; }

  /* Nav */
  .nav-links { display: none; }
  .nav-phone { display: none; }
  .hamburger { display: flex; }
  .mobile-nav { display: flex; }

  /* Mobile sticky CTA */
  .mobile-cta-bar { display: flex; }

  /* Give body space for sticky bar */
  body { padding-bottom: 78px; }

  /* Hero */
  .hero { min-height: 90vh; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .hero-actions .btn { width: 100%; justify-content: center; }

  /* Trust bar */
  .trust-bar-inner { gap: 20px; justify-content: flex-start; }

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

  /* Services */
  .services-grid { grid-template-columns: 1fr; }

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

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

  /* CTA section */
  .cta-inner { flex-direction: column; text-align: center; }
  .cta-actions { width: 100%; justify-content: center; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }

  /* Form */
  .form-row { grid-template-columns: 1fr; }

  /* Quote form */
  .quote-form { padding: 24px 20px; }

  /* Process */
  .process-grid { grid-template-columns: 1fr; }

  /* Values */
  .values-grid { grid-template-columns: 1fr; }

  /* Fleet */
  .fleet-grid { grid-template-columns: 1fr; }

  /* About badge */
  .about-badge { right: 0; bottom: -16px; padding: 16px; }

  /* Section header */
  .section-header { margin-bottom: 40px; }
}

/* ---- Mobile Small (max 480px) ---- */
@media (max-width: 480px) {
  .container { padding: 0 16px; }

  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1px; }

  .gallery-grid { grid-template-columns: 1fr 1fr; gap: 8px; }

  .hero-badge { font-size: 0.7rem; }

  .trust-bar { padding: 14px 0; }
  .trust-bar-inner { gap: 14px; }
  .trust-item { font-size: 0.8rem; }

  .btn-lg { padding: 16px 24px; font-size: 0.9rem; }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

/* ---- Large Screens (1400px+) ---- */
@media (min-width: 1400px) {
  :root { --container: 1320px; }
}