
/* AutoPilot V23.0 — Catalog */
body{overflow-x:hidden}
#catalog.section{padding-top:34px}
.catalog-head-v23{align-items:flex-end;margin-bottom:20px}
.catalog-head-v23 h2{margin-bottom:7px}
.catalog-lead-v23{max-width:720px;margin:0;color:#929aa1;font-size:14px;line-height:1.55}
.catalog-count-v23{min-width:132px;padding:12px 15px;border:1px solid #252c31;border-radius:14px;background:#101519;text-align:right}
.catalog-count-v23 strong{display:block;color:#e7ff45;font:800 24px/1 Manrope,Inter,sans-serif}
.catalog-count-v23 span{display:block;margin-top:5px;color:#858e95;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}

.catalog-toolbar-v23{padding:14px;border:1px solid #242b30;border-radius:16px;background:#0e1317;margin-bottom:12px}
.catalog-toolbar-v23 .category-row{margin:0 0 12px;display:flex;gap:7px;flex-wrap:wrap}
.catalog-toolbar-v23 .category{min-height:34px;padding:0 13px}
.catalog-searchline-v23{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.catalog-searchline-v23 .search-box{margin:0;min-height:42px}
.catalog-searchline-v23 .search-box span{display:none}
.catalog-searchline-v23 .search-box input{height:42px;font-size:14px}
.filters-toggle-v23{display:none;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #30383e;border-radius:10px;background:#151b20;color:#eef1f3;font:700 12px Inter,sans-serif}
.filters-toggle-v23 b{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e7ff45;color:#0b0f12;font:800 10px/18px Inter,sans-serif}
.filters-toggle-v23 b.on{display:inline-block}

.advanced-filters{margin:0 0 12px;padding:13px;border:1px solid #242b30;border-radius:16px;background:#0e1317;gap:9px}
.advanced-filters label>span{font-size:10px;letter-spacing:.055em;color:#7f8990}
.advanced-filters select{min-height:38px}
.filter-reset{min-height:38px;align-self:end}

.catalog-explorer{margin:0 0 12px;border-radius:16px}
.explorer-label{font-size:10px;letter-spacing:.06em}
.brand-row,.model-row,.generation-row{gap:6px}

.active-filters-v23{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.active-filters-v23[hidden]{display:none}
.filter-chip-v23{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 10px;border:1px solid #30383e;border-radius:999px;background:#141a1f;color:#c9d0d4;font-size:11px;font-weight:650}
.filter-chip-v23 button{border:0;background:none;color:#e7ff45;font-size:15px;line-height:1;cursor:pointer;padding:0}

.catalog-resultbar-v23{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:15px 0 10px}
.catalog-resultbar-v23 .catalog-summary{margin:0;font-size:12px}
.catalog-result-hint-v23{color:#69737a;font-size:11px;text-align:right}
.cars-grid{margin-top:0}
.cars-grid .car-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cars-grid .car-card:hover{transform:translateY(-3px);border-color:#3b454b;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.catalog-more{margin-top:18px}

@media(max-width:900px){
 #catalog.section{padding-top:24px}
 .catalog-head-v23{align-items:flex-start}
 .catalog-count-v23{min-width:112px}
 .advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filter-reset{width:100%}
}
@media(max-width:650px){
 #catalog.section{padding-top:18px}
 .catalog-head-v23{display:block}
 .catalog-head-v23 h2{font-size:27px}
 .catalog-lead-v23{font-size:13px}
 .catalog-count-v23{display:flex;align-items:baseline;gap:7px;width:max-content;min-width:0;margin-top:14px;padding:9px 11px;text-align:left}
 .catalog-count-v23 strong{font-size:19px}
 .catalog-count-v23 span{margin:0;font-size:9px}
 .catalog-toolbar-v23{padding:10px;border-radius:13px}
 .catalog-toolbar-v23 .category-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
 .catalog-toolbar-v23 .category-row::-webkit-scrollbar{display:none}
 .catalog-toolbar-v23 .category{flex:0 0 auto}
 .filters-toggle-v23{display:flex}
 .advanced-filters{display:none;grid-template-columns:1fr;padding:10px;border-radius:13px}
 .advanced-filters.open-v23{display:grid}
 .catalog-explorer{padding:10px}
 .catalog-resultbar-v23{display:block;margin-top:12px}
 .catalog-result-hint-v23{display:none}
 .active-filters-v23{gap:5px}
}


/* AutoPilot V23.1 — filter alignment */
.advanced-filters{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto!important;
  align-items:end!important;
}
.advanced-filters label{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
}
.advanced-filters label>span{
  display:flex!important;
  align-items:center!important;
  min-height:14px!important;
  margin:0!important;
}
.advanced-filters select,
.advanced-filters .filter-reset{
  height:38px!important;
  min-height:38px!important;
  box-sizing:border-box!important;
}
.advanced-filters .filter-reset{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:end!important;
  margin:0!important;
  padding:0 16px!important;
  white-space:nowrap!important;
}
@media(max-width:1100px){
 .advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .advanced-filters .filter-reset{width:100%!important}
}
@media(max-width:650px){
 .advanced-filters{display:none!important;grid-template-columns:1fr!important}
 .advanced-filters.open-v23{display:grid!important}
}

.catalog-quick-v231{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.catalog-quick-v231 button{min-height:31px;padding:0 11px;border:1px solid #293137;border-radius:9px;background:#11171b;color:#aeb6bb;font:700 11px Inter,sans-serif;cursor:pointer}
.catalog-quick-v231 button:hover{border-color:#4a555c;color:#eef1f3}
.catalog-quick-v231 button:last-child{margin-left:auto;color:#e7ff45}
@media(max-width:650px){.catalog-quick-v231{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.catalog-quick-v231::-webkit-scrollbar{display:none}.catalog-quick-v231 button{flex:0 0 auto}.catalog-quick-v231 button:last-child{margin-left:0}}


/* AutoPilot V23.6 — final catalog UX */
.advanced-filters .filter-reset{
  min-width:112px!important;
  height:38px!important;
  align-self:end!important;
  transform:none!important;
}
.catalog-loadmore-v236{
  display:flex;
  justify-content:center;
  margin:18px 0 4px;
}
.catalog-loadmore-v236 button{
  min-width:180px;
  min-height:40px;
  padding:0 20px;
  border:1px solid #3a444a;
  border-radius:10px;
  background:#151b20;
  color:#e7ff45;
  font:750 12px Inter,sans-serif;
  cursor:pointer;
}
.catalog-loadmore-v236 button:hover{border-color:#e7ff45;color:#fff}
.catalog-loadmore-v236 button[hidden]{display:none}
.cars-grid .empty{
  grid-column:1/-1;
  padding:34px 18px;
  border:1px dashed #30383e;
  border-radius:14px;
  background:#0e1317;
  color:#929aa1;
  text-align:center;
  font-size:13px;
  line-height:1.5;
}
@media(max-width:1100px){
  .advanced-filters .filter-reset{min-width:0!important}
}

/* V25.67 dropdown explorer */
.catalog-explorer{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brand-row,.model-row,.generation-row{display:block;overflow:visible;padding:0}
.catalog-explorer-select{width:100%;height:42px;padding:0 38px 0 13px;border:1px solid #2a3138;border-radius:9px;background:#0a0d10;color:#f4f6f8;font:700 12px Inter,Arial,sans-serif;outline:none;cursor:pointer}
.catalog-explorer-select:hover{border-color:#46505a}.catalog-explorer-select:focus{border-color:#e7ff45;box-shadow:0 0 0 2px rgba(231,255,69,.08)}
.catalog-explorer-select option{background:#0d1115;color:#f4f6f8}
@media(max-width:760px){.catalog-explorer{grid-template-columns:1fr}.catalog-explorer-select{height:44px;font-size:13px}}

/* V25.68 — AutoPilot styled dropdown explorer */
.catalog-explorer{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding:12px!important;
  border:1px solid #242b30!important;
  border-radius:16px!important;
  background:#0e1317!important;
}
.catalog-explorer .explorer-column{
  min-width:0;
  padding:11px 12px 12px!important;
  border:1px solid #293137!important;
  border-radius:12px!important;
  background:#101519!important;
}
.catalog-explorer .explorer-label{
  display:block!important;
  margin:0 0 8px!important;
  color:#83909a!important;
  font:800 10px/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}
.catalog-explorer-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  height:42px!important;
  padding:0 42px 0 13px!important;
  border:1px solid #303a42!important;
  border-radius:10px!important;
  background-color:#0b1014!important;
  background-image:linear-gradient(45deg,transparent 50%,#aeb8bf 50%),linear-gradient(135deg,#aeb8bf 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  color:#f2f5f7!important;
  font:700 12px Inter,Arial,sans-serif!important;
  outline:none!important;
  cursor:pointer!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
  color-scheme:dark;
}
.catalog-explorer-select:hover{border-color:#4a565f!important;background-color:#0d1318!important}
.catalog-explorer-select:focus{border-color:#dfff36!important;box-shadow:0 0 0 2px rgba(223,255,54,.10)!important}
.catalog-explorer-select option{background:#10161b!important;color:#eef2f4!important}
.catalog-explorer .explorer-column:focus-within{border-color:#3d474e!important}
.catalog-explorer .explorer-column:focus-within .explorer-label{color:#dfff36!important}
@media(max-width:760px){
 .catalog-explorer{grid-template-columns:1fr!important;padding:10px!important;gap:8px!important}
 .catalog-explorer .explorer-column{padding:10px!important}
 .catalog-explorer-select{height:44px!important;font-size:13px!important}
}
