/* Kill Masonry/Isotope layout under 600px and stack cleanly */
@media (max-width: 600px) {
  /* Container: ignore any inline fixed height */
  .american-vehicles-grid,
  .american-vehicles-grid.masonry,
  .american-vehicles-grid.isotope,
  .american-vehicles-grid[style*="height"] {
    display: block !important;
    height: auto !important;
  }

  /* Items: force normal flow and full width */
  .american-vehicles-grid > *,
  .american-vehicles-grid .row > *,
  .american-vehicles-grid [class*="col"],
  .american-vehicles-grid .masonry-brick,
  .american-vehicles-grid .isotope-item,
  .american-vehicles-grid [style*="position:absolute"],
  .american-vehicles-grid [style*="left:"],
  .american-vehicles-grid [style*="top:"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    float: none !important;
    width: 100% !important;
    clear: both !important;
    margin: 0 0 22px !important; /* vertical spacing */
  }

  /* Images: never overflow */
  .american-vehicles-grid img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/* Always clear legacy floats on the container */
.american-vehicles-grid::after {
  content: "";
  display: block;
  clear: both;
}

/* If a page already uses CSS Grid, add a row gap without touching columns */
@supports (display: grid) {
  .american-vehicles-grid { row-gap: 18px; }
}