/* Codex r80: size the fields by their actual container, including CRM iframes.
   Independent of Claude's catalog-plus layer; no data/search behavior changes. */
#catalogFilters {
  container-type: inline-size;
  container-name: catalog-filters;
  grid-template-columns: minmax(0, 1fr);
}

#catalogFilters .vehicle-catalog__filter-primary {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}

#catalogFilters .vehicle-catalog__filter-primary > label {
  grid-column: auto;
  min-width: 0;
}

#catalogFilters .vehicle-catalog__filter-primary input,
#catalogFilters .vehicle-catalog__filter-primary select {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
}

#catalogFilters .vehicle-catalog__filter-primary > label > span {
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

#catalogFilters .vehicle-catalog__filter-details-content {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

#catalogFilters .vehicle-catalog__filter-details-content > label {
  grid-column: auto;
  min-width: 0;
}

#catalogFilters .vehicle-catalog__filter-details-content input,
#catalogFilters .vehicle-catalog__filter-details-content select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

#catalogFilters .vehicle-catalog__filter-details-content > label > span {
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

@container catalog-filters (min-width: 600px) {
  #catalogFilters .vehicle-catalog__filter-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #catalogFilters .vehicle-catalog__filter-details-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container catalog-filters (min-width: 1200px) {
  #catalogFilters .vehicle-catalog__filter-primary {
    grid-template-columns: minmax(0, 1.55fr) repeat(3, minmax(0, 1fr));
  }
}

@container catalog-filters (min-width: 1280px) {
  #catalogFilters .vehicle-catalog__filter-details-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}