/* V8876 — custom 16:9 images for vehicle-group brands/collections */
.vehicle-groups-v8874__brand-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  grid-template-areas:"image image" "copy arrow"!important;
  align-items:center!important;
  gap:7px 8px!important;
  min-height:0!important;
  padding:5px!important;
  overflow:hidden!important;
}
.vehicle-groups-v8874__brand-logo{
  grid-area:image!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#f4f7fb!important;
  border:1px solid #e3eaf3!important;
}
.vehicle-groups-v8874__brand-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
.vehicle-groups-v8874__brand-logo.is-custom img{object-fit:cover!important}
.vehicle-groups-v8874__brand-logo.is-fallback img{object-fit:contain!important;padding:12%!important;box-sizing:border-box!important}
.vehicle-groups-v8874__brand-copy{grid-area:copy!important;padding:2px 4px 4px!important}
.vehicle-groups-v8874__brand-arrow{grid-area:arrow!important;margin-inline-end:3px!important}
.vehicle-groups-v8874__hero-brand{
  width:92px!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
}
.vehicle-groups-v8874__hero-brand img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
.vehicle-groups-v8874__hero-brand.is-custom img{object-fit:cover!important}
.vehicle-groups-v8874__hero-brand.is-fallback img{object-fit:contain!important;padding:10%!important;box-sizing:border-box!important}

/* Brand image controls inside the in-site management modal. */
.admin-vehicle-groups-v8876__brand-image-picker .admin-vehicle-groups-v8860__image-preview{aspect-ratio:16/9!important}
.admin-vehicle-groups-v8876__collection-image{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px!important;
  border:1px solid #dce6f2!important;
  border-radius:13px!important;
  background:#f8fbff!important;
}
.admin-vehicle-groups-v8876__collection-image>img{
  display:block!important;
  width:128px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border:1px solid #d6e1ee!important;
  border-radius:10px!important;
  background:#eef3f8!important;
}
.admin-vehicle-groups-v8876__collection-image>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important}
.admin-vehicle-groups-v8876__collection-image strong{color:#203957!important;font-size:13px!important}
.admin-vehicle-groups-v8876__collection-image small{color:#74849b!important;font-size:10px!important}

@media(max-width:700px){
  .vehicle-groups-v8874__brand-grid{gap:6px!important}
  .vehicle-groups-v8874__brand-card{grid-template-columns:minmax(0,1fr) 22px!important;gap:5px 6px!important;padding:4px!important;border-radius:12px!important}
  .vehicle-groups-v8874__brand-logo{border-radius:9px!important}
  .vehicle-groups-v8874__brand-logo.is-fallback img{padding:14%!important}
  .vehicle-groups-v8874__brand-copy{padding:1px 3px 3px!important}
  .vehicle-groups-v8874__hero-brand{width:72px!important;border-radius:9px!important}
  .admin-vehicle-groups-v8876__collection-image{grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important;padding:7px!important}
  .admin-vehicle-groups-v8876__collection-image>img{width:96px!important}
}