/* ============================================================
   LOTUS TOWING — RESPONSIVE STYLESHEET
   responsive.css
   ============================================================ */

/* ── TABLET (max 1024px) ── */
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .hero-content { gap: 40px; }
  .hero-h1 { font-size: clamp(3rem,7vw,5rem); }
  .qr-grid { grid-template-columns: repeat(3,1fr); gap: 20px; }
}

/* ── MOBILE (max 768px) ── */
@media (max-width: 768px) {
  .section { padding: 56px 0; }
  .nav-links { display: none !important; }
  .hamburger { display: flex !important; }
  .nav-phone { font-size: 0.85rem; padding: 9px 14px; }

  /* Hero */
  .hero-content { grid-template-columns: 1fr; gap: 36px; text-align: center; }
  .hero-img-wrap { order: -1; }
  .hero-img-wrap img { height: 300px; }
  .hero-desc { margin: 0 auto 30px; }
  .hero-stats { justify-content: center; }
  .hero-badge { margin-left: auto; margin-right: auto; }

  /* Quick Actions */
  .qa-grid { grid-template-columns: 1fr; }

  /* Junk Car */
  .junk-grid { grid-template-columns: 1fr; }
  .junk-img-col { display: none; }

  /* Gallery */
  .gallery-grid { grid-template-columns: 1fr 1fr; }
  .gallery-item.span2 { grid-column: span 2; }

  /* Video */
  .video-grid { grid-template-columns: 1fr; }
  .video-stack { flex-direction: row; }
  .video-thumb { flex: 1; }

  /* Areas */
  .areas-grid { grid-template-columns: 1fr; }
  .areas-list { grid-template-columns: 1fr 1fr; }

  /* QR */
  .qr-grid { grid-template-columns: 1fr 1fr; max-width: 500px; }

  /* Blog */
  .blog-grid { grid-template-columns: 1fr; }

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

  /* Float buttons */
  .float-call-btn span.call-text { display: none; }
  .float-call-btn { border-radius: 50%; width: 56px; height: 56px; padding: 0; justify-content: center; font-size: 1.5rem; }

  /* CTA */
  .cta-btns { flex-direction: column; align-items: center; }
  .btn-white { padding: 18px 36px; font-size: 1.1rem; }
}

/* ── SMALL MOBILE (max 480px) ── */
@media (max-width: 480px) {
  .section { padding: 48px 0; }
  .container { padding: 0 16px; }

  .hero-img-wrap img { height: 240px; }
  .hero-stats { gap: 16px; }

  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-item.span2 { grid-column: span 1; aspect-ratio: 4/3; }

  .junk-features { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr; }

  .qr-grid { grid-template-columns: repeat(3,1fr); gap: 12px; }
  .qr-card img, .qr-card svg { width: 100%; }

  .video-stack { flex-direction: column; }

  .emergency-bar { font-size: 0.85rem; }
  #emergency-bar a { font-size: 1.05rem; }

  .areas-list { grid-template-columns: 1fr; }

  .float-wa { bottom: 16px; right: 16px; }
  .float-call { bottom: 16px; left: 16px; }
}

/* ── PRINT ── */
@media print {
  #emergency-bar, #main-nav, .float-wa, .float-call,
  #videos, .video-section { display: none !important; }
  body { background: white; color: black; }
  .section-title { color: black; }
}