:root{
  --search-brand:#0c7a43;
}

html,body{
  max-width:100%;
  overflow-x:hidden;
}

/* a11y */
.sr-only{
  position:absolute;
  width:1px;height:1px;
  margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;border:0;
}

/* Хлебные крошки */
.breadcrumbs{
  max-width:1200px;
  margin:12px auto 8px;
  padding:0 16px;
  font-size:13px;
  color:var(--muted);
}
.breadcrumbs ol{
  display:flex;gap:6px;list-style:none;
  margin:0;padding:0;
}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--text);text-decoration:underline}

/* HERO */
.search-hero{
  background:transparent;
  border:none;
}
.search-hero__content{
  max-width:1200px;
  margin:0 auto;
  padding:18px 16px 10px;
}
.search-hero__title{
  margin:0 0 6px;
  font-size:clamp(24px,4vw,34px);
  letter-spacing:.02em;
}
.search-hero__tagline{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

/* Фильтры поиска */
.search-filters{
  background:transparent;
  border:none;
}
.search-filters form{
  max-width:1200px;
  margin:0 auto;
  padding:14px 16px 16px;
  border-radius:18px;
  border:1px solid color-mix(in oklab, var(--line) 80%, transparent);
  background:color-mix(in oklab, var(--surface, #fff) 96%, transparent);
  box-shadow:var(--sh-card, 0 14px 40px rgba(15,23,42,.12));
}
[data-theme="dark"] .search-filters form{
  background:color-mix(in oklab, var(--surface, #020617) 82%, transparent);
  border-color:color-mix(in oklab, #ffffff 12%, transparent);
}
.filters__row{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:end;
}
.field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.field__label{
  font-size:12px;
  color:var(--muted);
}
.field input,
.field select{
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--text);
  width:100%;
}
.field input::placeholder{
  color:color-mix(in oklab, var(--muted) 80%, transparent);
}
.field__inline{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;
}
.filters__help{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
}

@media (min-width:960px){
  .filters__row{
    grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr)) minmax(0,1.1fr) auto;
    gap:10px;
  }
}

/* Результаты */
.results{
  max-width:1200px;
  margin:18px auto 32px;
  padding:0 16px 24px;
}
.results__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 12px;
  font-size:14px;
  color:var(--muted);
}
.results__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:18px;
}

/* Карточки авто в выдаче */
.card{
  background:var(--surface);
  border-radius:16px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(0,0,0,.14);
  border-color:rgba(0,0,0,.12);
}
.card__media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  background:#05080b;
  overflow:hidden;
}
.card__media img{
  width:100%; height:100%;
  object-fit:cover;
  filter:saturate(1.12) contrast(1.06);
  transition:transform .25s ease, filter .25s ease;
}
.card:hover .card__media img{
  transform:translateY(-2px) scale(1.01);
  filter:saturate(1.18) contrast(1.08);
}
.card__body{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:190px;
}
.card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.card__title{
  margin:0;
  font-size:16px;
  font-weight:700;
}
.badge{
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  background:color-mix(in oklab, var(--search-brand) 14%, #ffffff);
  border:1px solid color-mix(in oklab, var(--search-brand) 26%, transparent);
  color:#0b1020;
}
.card__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:13px;
}
.card__price{
  font-weight:700;
  font-size:16px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.card__actions{
  display:flex;
  gap:8px;
  margin-top:auto;
}
.card__actions .btn{
  flex:1 1 0;
  min-height:38px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:var(--surface);
  cursor:pointer;
}
.card__fav[aria-pressed=\"true\"]{
  background:var(--search-brand);
  color:#fff;
}

/* Фокус */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible{
  outline:2px solid color-mix(in oklab, var(--accent, #0c7a43) 70%, transparent);
  outline-offset:2px;
}