/* =========================================================
   Old Crow Electrical Services LLC — Responsive Styles
   ========================================================= */

/* ---------- Large tablets / small laptops ---------- */
@media (max-width: 1100px) {
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .projects-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .t-slide { flex: 0 0 50%; }
}

/* ---------- Tablets ---------- */
@media (max-width: 992px) {
  .main-nav, .header-call { display: none; }
  .nav-toggle { display: inline-flex; }
  .mobile-nav.open { display: block; }

  .hero { padding: 44px 0 50px; }
  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero-right { order: -1; }
  .hero-photo-lg, .hero-blurb { margin-left: 0; }
  .hero-photo-lg { margin: 0 auto; }
  .hero-lower { grid-template-columns: 200px 1fr; }
  .hero-photo { width: 200px; height: 200px; }

  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-media { max-width: 540px; margin: 0 auto; }

  .approach-grid { grid-template-columns: 1fr; }
  .approach-media { min-height: 460px; }
  .approach-body { padding: 46px 26px; }

  .process-grid { grid-template-columns: 1fr; gap: 36px; max-width: 460px; margin: 0 auto; }
  .stats-grid { grid-template-columns: repeat(2,1fr); gap: 30px; }

  .services-grid { grid-template-columns: repeat(2,1fr); }
  .contact-layout { grid-template-columns: 1fr; gap: 34px; }

  .whoweare .container-x { justify-content: center; text-align: center; }
  .whoweare-left { flex-direction: column; text-align: center; }
}

/* ---------- Large phones ---------- */
@media (max-width: 768px) {
  .topbar .container-x { justify-content: center; }
  .topbar-info { justify-content: center; row-gap: 4px; }

  .projects-head { grid-template-columns: 1fr; gap: 14px; }
  .spec-grid { grid-template-columns: 1fr; }
  .about-check { grid-template-columns: 1fr; }

  .reviews-inner { padding: 34px 20px; }
}

/* ---------- Phones ---------- */
@media (max-width: 576px) {
  body { font-size: 15px; }

  .feature-grid { grid-template-columns: 1fr; }
  .projects-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .stats-grid { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .contact-info-grid { grid-template-columns: 1fr; }
  .quote-form .row-2 { grid-template-columns: 1fr; }
  .t-slide { flex: 0 0 100%; }

  .hero-lower { grid-template-columns: 1fr; gap: 22px; }
  .hero-photo { margin: 0 auto; }
  .hero-stats { max-width: 260px; margin: 0 auto; }

  .whoweare-badges { gap: 14px; }
  .whoweare-badges img { height: 58px; }

  .about-media .arch img { height: 380px; }
  .exp-badge { left: 10px; bottom: 14px; padding: 12px 16px; }

  .cta-actions { flex-direction: column; }
  .page-banner { padding: 60px 0; }
  .site-header .container-x { min-height: 70px; }
  .brand img { height: 50px; }
}