/* ============================================================
   НИЛИНА АВТО — стили страницы «Автомобили на разбор»
   (подключается ПОСЛЕ styles.css)
   ============================================================ */

/* активный пункт навигации */
.nav-menu > li > a.is-active{ background:var(--dark-2); color:#fff; }
.nav-menu > li > a.is-active::after{ transform:scaleX(1); }

/* ---------- шапка раздела + поиск ---------- */
.rz-head{ background:var(--bg-soft); border-bottom:1px solid var(--line); padding:0 0 38px; }
.rz-head .breadcrumbs{ padding-top:18px; }
.rz-head .breadcrumbs ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:7px; font-size:13px; color:var(--muted); }
.rz-head .breadcrumbs a{ color:var(--muted); }
.rz-head .breadcrumbs a:hover{ color:var(--red); }
.rz-head .breadcrumbs .sep{ color:var(--faint); }
.rz-head .breadcrumbs .cur{ color:var(--faint); }
.rz-head .eyebrow{ margin-top:22px; }
.rz-title{ font-size:38px; font-weight:800; letter-spacing:-.015em; margin:8px 0 12px; }
.rz-lead{ font-size:15.5px; color:var(--muted); max-width:660px; margin:0 0 26px; }

/* поле поиска на всю ширину */
.rz-search{ position:relative; width:100%; }
.rz-search input{
  width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-lg);
  background:#fff; color:var(--ink); font-size:16px; padding:18px 100px 18px 22px;
  box-shadow:var(--shadow-sm); outline:0; transition:border-color .15s, box-shadow .15s;
}
.rz-search input::placeholder{ color:var(--faint); }
.rz-search input:focus{ border-color:var(--red); box-shadow:0 0 0 3px var(--red-soft); }
.rz-search-ico{
  position:absolute; right:0; top:0; bottom:0; width:60px; display:grid; place-items:center;
  color:var(--red); pointer-events:none;
}
.rz-clear{
  position:absolute; right:58px; top:50%; transform:translateY(-50%);
  width:30px; height:30px; border-radius:50%; border:0; background:var(--bg-soft);
  color:var(--muted); display:grid; place-items:center; cursor:pointer; transition:background .15s, color .15s;
}
.rz-clear:hover{ background:var(--red-soft); color:var(--red); }
.rz-clear[hidden]{ display:none; }
.rz-meta{ margin-top:14px; font-size:13px; color:var(--faint); font-family:var(--font-head); font-weight:600; letter-spacing:.02em; }
.rz-meta b{ color:var(--ink); }

/* ---------- алфавитная сетка ---------- */
.rz-main{ padding:42px 0 72px; }
.rz-grid{ columns:6; column-gap:34px; }

.rz-group{ break-inside:avoid; -webkit-column-break-inside:avoid; page-break-inside:avoid; margin:0 0 30px; }
.rz-brand{
  font-family:var(--font-head); font-weight:800; font-size:17px; letter-spacing:.04em;
  text-transform:uppercase; color:var(--ink); padding-bottom:9px; margin-bottom:11px;
  border-bottom:1px solid var(--line);
}
.rz-models{ display:flex; flex-direction:column; gap:1px; }
.rz-model a{
  display:block; padding:6px 8px; margin:0 -8px; border-radius:6px;
  font-size:14px; color:var(--ink); transition:background .12s, color .12s;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.rz-model a:hover{ background:var(--red-soft); color:var(--red); }
.rz-model mark{ background:transparent; color:var(--red); font-weight:700; }

/* пусто */
.rz-empty{ text-align:center; padding:64px 20px; color:var(--muted); }
.rz-empty h3{ font-size:19px; margin-bottom:8px; }
.rz-empty p{ font-size:14.5px; margin:0; }
.rz-empty span{ color:var(--ink); font-weight:600; }

/* ---------- адаптив ---------- */
@media (max-width:1199px){
  .rz-grid{ columns:4; }
  .rz-title{ font-size:32px; }
}
@media (max-width:900px){
  .rz-grid{ columns:3; }
}
@media (max-width:767px){
  .rz-head{ padding-bottom:30px; }
  .rz-title{ font-size:26px; }
  .rz-lead{ font-size:14.5px; }
  .rz-search input{ font-size:16px; padding:15px 90px 15px 18px; }
  .rz-grid{ columns:2; column-gap:22px; }
  .rz-main{ padding:32px 0 56px; }
}
@media (max-width:440px){
  .rz-grid{ columns:1; }
}