/* Mobile / responsive fixes for DNJ Strawberry Hill Auto */

/* Make all images responsive (even if they’re missing img-fluid) */
img { max-width: 100%; height: auto; }

/* Stop horizontal scrolling caused by wide elements */
html, body { overflow-x: hidden; }

/* Better spacing on small screens */
@media (max-width: 991.98px) {
  .page-header .display-3,
  .page-header h1,
  .page-header h5 {
    font-size: 2rem !important;
    line-height: 1.2;
  }

  .navbar .navbar-brand h4 {
    font-size: 1.1rem;
  }

  /* Stack sections that were built as 2 columns */
  .image-column,
  .content-column {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Reduce big padding blocks on mobile */
  .card-body.p-5 {
    padding: 1.25rem !important;
  }

  /* Make the service icon grids stack nicely */
  .container.text-center .row.align-items-start .col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1rem;
  }
}

/* On very small screens: 1 column */
@media (max-width: 575.98px) {
  .container.text-center .row.align-items-start .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}