/* ==========================================================================
   Drive Smart Autos — pages.css
   Page-specific layout that doesn't belong in the shared component library.
   Populated as each page is built (home, fleet, class, services, service,
   about, contact, request). Kept deliberately thin — most visual work
   should live in components.css so pages stay assembled from shared parts.
   ========================================================================== */

/* ---- Home: trust strip ---- */
.trust-strip__item{grid-column:span 6;}
@media (min-width:640px){
  .trust-strip__item{grid-column:span 3;}
}

/* ---- Home: use cases ---- */
.usecase-grid__item{grid-column:1/-1;}
@media (min-width:900px){
  .usecase-grid__item{grid-column:span 6;}
}

/* ---- Home: standards sticky panel ---- */
.standards-grid__media,
.standards-grid__list{grid-column:1/-1;}
@media (min-width:900px){
  .standards-grid__media{grid-column:span 5;}
  .standards-grid__list{grid-column:span 7;}
}

/* ---- Class detail: vehicle grid + enquiry aside ----
   Written here rather than inline in fleet.js so the media query can win —
   an inline style outranks every stylesheet rule, including media queries. */
.class-detail__vehicles,
.class-detail__enquiry{grid-column:1 / -1;}
@media (min-width:900px){
  .class-detail__vehicles{grid-column:1 / span 8;}
  .class-detail__enquiry{grid-column:9 / span 4;}
}