/* ============ Cars page (catalog + search) ============ */

/* Filter panel */
.filter-card { padding: 28px; }
.filter-card__title { font-size: 1.25rem; margin-bottom: 20px; }

#car-search-form .form-grid { grid-template-columns: repeat(4, 1fr); gap: 16px 18px; }
@media (max-width: 1080px) { #car-search-form .form-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px)  { #car-search-form .form-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px)  { #car-search-form .form-grid { grid-template-columns: 1fr; } }

.filter-actions { display: flex; justify-content: flex-end; margin-top: 24px; }
@media (max-width: 620px) {
  .filter-actions .btn { width: 100%; justify-content: center; }
}

/* Car cards */
.car-card { display: block; color: inherit; }
.car-card figure { margin: 0; }
.car-card__meta {
  display: flex; flex-wrap: wrap; gap: 4px 14px;
  font-size: 0.88rem; color: var(--c-muted); margin: 0 0 12px;
}
.car-card__price { margin: 0; font-weight: 800; color: var(--c-ink); }
.car-card__price b { color: var(--c-primary); font-size: 1.15rem; }
.car-card__price span { color: var(--c-muted); font-weight: 600; font-size: 0.9rem; }

/* Pagination */
.pager { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 44px; }
.pager__link {
  min-width: 40px; height: 40px; padding: 0 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--glass-2);
  backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border); border-radius: 999px;
  box-shadow: var(--glass-edge);
  font-weight: 700; font-size: 0.9rem; color: var(--c-ink);
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.pager__link:hover { border-color: var(--c-primary); color: var(--c-primary-deep); box-shadow: var(--glass-edge), 0 6px 20px rgba(255, 128, 57, 0.18); }
.pager__link--active { background: var(--grad-primary); border-color: transparent; color: var(--c-dark); box-shadow: var(--glow-primary); }