/* ==========================================================================
   CJS CAR HIRE — RESPONSIVE RULES
   Breakpoints: 1200 (desktop-lg), 992 (tablet-landscape), 768 (tablet), 576 (mobile)
   ========================================================================== */

@media (max-width: 1200px){
  .footer-grid{ grid-template-columns: 1fr 1fr; }
  .grid-4{ grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 992px){
  .nav-links{ display:none; }
  .nav-toggle{ display:flex; }
  .grid-3{ grid-template-columns: repeat(2,1fr); }
  .grid-4{ grid-template-columns: repeat(2,1fr); }
  .trip-meter{ grid-template-columns: repeat(3,1fr); }
  .trip-cell:nth-child(3){ border-right:none; }
  .trip-cell{ border-bottom: 1px solid var(--line); }
  .booking-layout{ grid-template-columns: 1fr !important; }
  .summary-box{ position: static; }
  .about-split, .contact-split{ grid-template-columns: 1fr !important; }
}

@media (max-width: 768px){
  .section{ padding: 64px 0; }
  .page-header{ padding: 150px 0 50px; }
  .grid-2, .grid-3, .grid-4{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; gap: 34px; }
  .field-row{ grid-template-columns: 1fr; }
  .trip-meter{ grid-template-columns: repeat(2,1fr); margin-bottom:-70px; }
  .trip-cell:nth-child(3){ border-right:1px solid var(--line); }
  .trip-cell:nth-child(2n){ border-right:none; }
  .hero{ padding-top: 120px; text-align:left; }
  .hero-actions{ flex-direction:column; align-items:stretch; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
  .filters-bar{ flex-direction:column; align-items:stretch; }
  .filters-bar .field{ min-width: 100%; }
}

@media (max-width: 576px){
  :root{ --gutter: 18px; }
  .trip-meter{ grid-template-columns: 1fr 1fr; }
  .trip-cell{ padding: 20px 14px; }
  .vehicle-actions{ flex-direction:column; }
  .wa-float{ width:50px; height:50px; bottom:18px; right:18px; }
  .brand{ font-size:1.15rem; }
  .h-display{ font-size: 2.1rem; }
}