/* JEM AUTO Mobile Hotfix — drop-in responsive overrides */
:root { --navHeight: 60px; }
@media (max-width: 900px){
  header, .site-header { position: sticky; top: 0; z-index: 50; background:#fff; border-bottom:1px solid #eee; }
  .header-bar, header .container, .site-header .container { display:flex; align-items:center; justify-content:space-between; height:var(--navHeight); padding:0 12px; }
  .logo, .logo a { font-weight:800; font-size:20px; color:#111; text-decoration:none; }
  #navToggle { appearance:none; border:1px solid #e5e7eb; background:#fff; border-radius:10px; padding:8px 10px; font-size:18px; line-height:1; }
  #navToggle:active { transform: scale(0.98); }
  header nav, .site-header nav { position: fixed; left: 0; right: 0; top: var(--navHeight); background:#fff; transform: translateY(-100%); transition: transform .28s ease; border-bottom:1px solid #eee; }
  header nav.open, .site-header nav.open { transform: translateY(0); }
  header nav a, .site-header nav a { display:block; padding:14px 16px; border-top:1px solid #f1f5f9; color:#111; }

  .grid, .cars-grid, .featured-grid, #featuredGrid, #carGrid, .listings-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px; }
  @media (max-width: 540px){
    .grid, .cars-grid, .featured-grid, #featuredGrid, #carGrid, .listings-grid { grid-template-columns: 1fr; }
  }

  .car-card, .card { border-radius:12px; overflow:hidden; border:1px solid #eee; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.04); }
  .car-thumb img, .thumb { width:100%; height:auto; display:block; object-fit:cover; }
  .car-info, .pad { padding:12px; }
  .car-title { font-size:16px; margin:0 0 6px; }
  .car-price, .price { font-size:18px; font-weight:800; }

  .btn, a.btn, button.btn { display:inline-block; padding:10px 14px; border:1px solid #e5e7eb; border-radius:10px; text-decoration:none; }
  .filters button, .filters .btn, .filter-bar button { min-height:40px; }

  form input, form select, form textarea { width:100%; padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; }
  form .row { display:grid; grid-template-columns:1fr; gap:10px; }

  footer .container, .site-footer .container { padding:14px 12px; }
}