.car-editorial-hero {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #e8efec;
}
.car-editorial-hero > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand-model-tools {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 14px;
  align-items: end;
  margin: 0 0 22px;
  padding: 20px;
  border: 1px solid #dce7e3;
  border-radius: 18px;
  background: linear-gradient(135deg, #f7faf9, #edf5f2);
}
.brand-model-tools label { display: grid; gap: 8px; }
.brand-model-tools label span { color: #48675f; font-size: 13px; font-weight: 800; }
.brand-model-tools input {
  width: 100%; padding: 14px 16px; border: 1px solid #c9dad4; border-radius: 12px;
  background: #fff; color: #163c36; font: inherit; outline: none;
}
.brand-model-tools input:focus { border-color: #237764; box-shadow: 0 0 0 3px rgba(35,119,100,.12); }
.brand-model-tools > div { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
.brand-model-tools button {
  padding: 10px 13px; border: 1px solid #c9dad4; border-radius: 999px; background: #fff;
  color: #48675f; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer;
}
.brand-model-tools button:hover,
.brand-model-tools button.active { border-color: #1d6d5b; color: #fff; background: #1d6d5b; }
.brand-model-tools > p { grid-column: 1 / -1; margin: 0; color: #607b74; font-size: 12px; font-weight: 800; }
.brand-model-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.brand-model-grid > [data-model-card][hidden] { display: none; }
.brand-model-grid > .planned { cursor: default; border-style: dashed; opacity: .72; background: #f3f7f5; }
.brand-model-grid > .planned:hover { transform: none; box-shadow: none; }
.brand-model-empty { padding: 36px; text-align: center; border: 1px dashed #bdcec8; border-radius: 14px; color: #607b74; background: #f7faf9; }
@media (max-width: 900px) {
  .brand-model-tools { grid-template-columns: 1fr; }
  .brand-model-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .brand-model-tools { padding: 16px; }
  .brand-model-tools > div { overflow: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  .brand-model-tools button { white-space: nowrap; }
  .brand-model-grid { grid-template-columns: 1fr; }
}