/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 19 2026 | 22:06:59 */
/* === BASE (fuera del modal) === */
.cbs-hero-car-media,
.cbs-hero-car-thumb {
  width: 220px !important;
  min-height: 160px !important;
  height: 160px !important;
}

.cbs-hero-car-thumb {
  object-fit: contain !important;
  background: #f4f7f9 !important;
  border-radius: 0 !important;
}

.cbs-available-card,
.cbs-hero-car-row {
  grid-template-columns: 220px minmax(0,1fr) auto !important;
  min-height: 160px !important;
  padding: 0 !important;
}

.cbs-hero-car-media {
  width: 140px !important;
  min-height: 140px !important;
  height: 140px !important;
  background: #f4f7f9 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 12px !important;
  flex-shrink: 0 !important;
}

.cbs-hero-car-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #f4f7f9 !important;
  border-radius: 12px !important;
}

.cbs-available-card,
.cbs-hero-car-row {
  grid-template-columns: 164px minmax(0,1fr) auto !important;
  min-height: unset !important;
  padding: 0 !important;
  align-items: center !important;
}

/* === MODAL === */
#cbs-results-modal .cbs-available-card,
#cbs-results-modal .cbs-hero-car-row {
  grid-template-columns: 160px 1fr 140px !important;
  align-items: center !important;
  min-height: 120px !important;
  padding: 0 !important;
}

#cbs-results-modal .cbs-hero-car-media {
  width: 160px !important;
  height: 120px !important;
  min-height: 120px !important;
  align-self: center !important; /* ← CAMBIO CLAVE */
  overflow: hidden !important;
}

#cbs-results-modal .cbs-hero-car-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#cbs-results-modal .cbs-hero-car-main {
  padding: 14px 8px !important;
  min-width: 0 !important;
}

#cbs-results-modal .cbs-hero-car-side {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  padding: 14px 16px !important;
  border-left: 1px solid #dde6ed !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

#cbs-results-modal .cbs-hero-car-btn {
  min-width: unset !important;
  width: 100% !important;
  padding: 10px 12px !important;
  font-size: .82rem !important;
}

/* === MÓVIL === */
@media (max-width: 480px) {
  #cbs-results-modal .cbs-available-card,
  #cbs-results-modal .cbs-hero-car-row {
    grid-template-columns: 110px minmax(0, 1fr) !important;
    min-height: unset !important;
  }

  #cbs-results-modal .cbs-hero-car-media {
    width: 110px !important;
    min-height: 90px !important;
    height: 90px !important;
  }

  #cbs-results-modal .cbs-hero-car-side {
    grid-column: 1 / -1 !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-left: 0 !important;
    border-top: 1px solid #dde6ed !important;
    padding: 10px 14px !important;
  }

  #cbs-results-modal .cbs-hero-car-price {
    align-items: flex-start !important;
  }

  #cbs-results-modal .cbs-hero-car-btn {
    min-width: 100px !important;
    padding: 10px 14px !important;
  }

  #cbs-results-modal .cbs-modal-panel {
    border-radius: 20px 20px 0 0 !important;
  }
}