/* MedCars.ma -- responsive breakpoints, reduced-motion, reveal animation.
   Extracted verbatim (lines 325-368) from prototype-2026-10-02.html. */
/* ============ RESPONSIVE ============ */
@media(max-width:1080px){
  .search-shell{grid-template-columns:230px 1fr}
  .map-pane{display:none}
  .veh-grid,.ag-grid{grid-template-columns:repeat(2,1fr)}
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .art-hero{grid-template-columns:1fr}
}
@media(max-width:820px){
  .mainnav{display:none}
  #mobileNav{display:flex}
  body{padding-bottom:64px}
  section{padding:56px 0}
  .bookbox-fields{grid-template-columns:1fr 1fr}
  .bookbox-fields .bfield:first-child{grid-column:1/-1}
  .bookbox-fields .btn{grid-column:1/-1}
  .search-shell{grid-template-columns:1fr}
  .filters{display:block}
  #filterFab{display:inline-flex;position:fixed;bottom:82px;inset-inline-start:16px;z-index:98;
    background:var(--ink);color:#F0EDE6;border-radius:99px;padding:12px 20px;font-weight:600;font-size:13.5px;box-shadow:var(--shadow-2)}
  .vd-hero{grid-template-columns:1fr}
  .book-panel{position:fixed;bottom:0;inset-inline:0;top:auto;border-radius:0;z-index:97;display:none}
  #mobileCTA{display:flex}
  .spec-grid,.passport-metrics{grid-template-columns:repeat(2,1fr)}
  .passport-checks{grid-template-columns:1fr}
  .journey-grid{grid-template-columns:1fr 1fr}
  .veh-grid{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
  footer .fgrid{grid-template-columns:1fr 1fr}
  .ag-hero{align-items:flex-start}
  .steps{flex-wrap:wrap}
}
@media(max-width:520px){
  .journey-grid{grid-template-columns:1fr}
  .hero-title{font-size:40px}
  .header-right .btn{display:none}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}