/* ============================================================
   PRS READYMIX CONCRETE — RESPONSIVE CSS
   Developed by AdTrendo — Digital Growth Partner
   ============================================================ */

/* ── TABLET 1024px ── */
@media (max-width: 1024px) {
  :root { --section-pad: 72px; }

  .services-grid  { grid-template-columns: repeat(3, 1fr); }
  .footer-grid    { grid-template-columns: 1fr 1fr; gap: 36px; }
  .footer-brand   { grid-column: 1 / -1; }
  .contact-cards-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── TABLET 820px ── */
@media (max-width: 820px) {
  :root { --header-h: 62px; }

  .services-grid  { grid-template-columns: repeat(2, 1fr); }
  .why-grid       { grid-template-columns: repeat(2, 1fr); }
  .apps-grid      { grid-template-columns: repeat(2, 1fr); }
  .areas-grid     { grid-template-columns: repeat(2, 1fr); }
  .about-split    { grid-template-columns: 1fr; gap: 40px; }
  .about-image-wrap { margin-bottom: 32px; } /* space for badge below */
  .about-badge    { bottom: -16px; right: 12px; }
  .quote-inner    { grid-template-columns: 1fr; gap: 40px; }
  .cta-strip-inner { flex-direction: column; text-align: center; }
  .cta-strip-actions { justify-content: center; }
  .highlight-grid { grid-template-columns: repeat(2, 1fr); }
  .highlight-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.12); }
  .highlight-item:nth-child(odd)  { border-right: 1px solid rgba(255,255,255,0.12); }
  .highlight-item:nth-child(3),
  .highlight-item:nth-child(4)    { border-bottom: none; }
  .gallery-grid   { grid-template-columns: repeat(2, 1fr); }
  .contact-cards-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-trust     { gap: 20px; }
  .footer-grid    { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-brand   { grid-column: 1 / -1; }
}


/* ── MOBILE 768px ── */
@media (max-width: 768px) {
  .site-nav .nav-links,
  .site-nav .header-cta { display: none; }
  .hamburger { display: flex; }
  .mobile-action-bar { display: block; }
  .float-whatsapp { bottom: 76px; }

  .hero { min-height: 100svh; padding-bottom: 80px; }
  .hero-actions { gap: 10px; }
  .hero-trust { gap: 16px; }

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

/* ── MOBILE 480px ── */
@media (max-width: 480px) {
  :root { --section-pad: 48px; --section-pad-sm: 40px; }

  .form-row { grid-template-columns: 1fr; }
  .form-actions { flex-direction: column; }
  .apps-grid { grid-template-columns: 1fr; }
  .why-grid  { grid-template-columns: 1fr; }
  .areas-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: 1fr; }
  .contact-cards-grid { grid-template-columns: 1fr 1fr; }

  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-trust { flex-direction: column; gap: 12px; }
  .quote-form { padding: 24px 20px; }

  .apps-grid .app-card:nth-child(4),
  .apps-grid .app-card:nth-child(5) { grid-column: auto; }
}

/* ── MOBILE 360px ── */
@media (max-width: 380px) {
  .container { padding: 0 16px; }
  .hero-badge { font-size: 0.70rem; }
  .services-grid { grid-template-columns: 1fr; }
  .contact-cards-grid { grid-template-columns: 1fr; }
  .areas-grid { grid-template-columns: 1fr 1fr; }
  .mobile-action-btn span.label { font-size: 0.62rem; }
}

/* ── DESKTOP 1440px+ ── */
@media (min-width: 1440px) {
  :root { --section-pad: 108px; }
}

/* ── PRINT ── */
@media print {
  .site-header, .float-whatsapp, .mobile-action-bar, .mobile-nav { display: none !important; }
  body { padding-top: 0; }
}