/* IPEKERP_STOREFRONT_VEHICLE_SELECTOR_VISUAL_POLISH_V2_1 */

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 {
  border: 1px solid #d9e4f1 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(17,45,86,.075), 0 2px 6px rgba(17,45,86,.035) !important;
  padding: 18px 16px 14px !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-head {
  grid-template-columns: 52px minmax(0,1fr) !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-head__icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  border: 1px solid #d8e8fb !important;
  background: linear-gradient(180deg,#f7fbff 0%,#eef5ff 100%) !important;
  color: #0d6be7 !important;
  box-shadow: 0 6px 16px rgba(13,107,231,.08) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-head__icon svg {
  width: 24px !important;
  height: 24px !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-head h2 {
  margin: 1px 0 5px !important;
  color: #0b2852 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 820 !important;
  letter-spacing: -.025em !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-head p {
  margin: 0 !important;
  color: #617690 !important;
  font-size: 11px !important;
  line-height: 1.42 !important;
  font-weight: 560 !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-steps {
  margin: 0 0 14px !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-steps li:not(:last-child)::after {
  top: 13px !important;
  left: 32px !important;
  right: 7px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: #dfe8f3 !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-steps li b {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border: 1px solid #cfe0f3 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #70849e !important;
  font-size: 10px !important;
  font-weight: 820 !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-steps li[data-state='active'] b {
  border-color: transparent !important;
  background: linear-gradient(180deg,#1575ec 0%,#0d61d4 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(13,104,223,.20), 0 0 0 3px rgba(13,104,223,.06) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-steps li[data-state='active'] {
  color: #0d68df !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-steps li[data-state='done'] b {
  border-color: #c6ddf6 !important;
  background: #edf5ff !important;
  color: #0d68df !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-fields {
  gap: 10px 10px !important;
  margin-bottom: 8px !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-field > span {
  margin-bottom: 5px !important;
  color: #36506f !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-field select {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 34px 0 12px !important;
  border: 1px solid #d6e2ef !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  color: #183555 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  box-shadow: 0 1px 2px rgba(20,47,82,.025) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-field select:focus {
  border-color: #76acf0 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(13,104,223,.085) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-field select:disabled {
  border-color: #e1e8f0 !important;
  background-color: #f6f8fb !important;
  color: #8b9bae !important;
  opacity: 1 !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-status {
  min-height: 16px !important;
  margin: 1px 0 9px !important;
  color: #71849c !important;
  font-size: 9.5px !important;
  line-height: 1.3 !important;
  font-weight: 570 !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-submit {
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 0 10px !important;
  padding: 0 15px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg,#126fe8 0%,#0d5fd2 100%) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  box-shadow: 0 8px 18px rgba(13,104,223,.17) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-submit:disabled {
  background: #c5d2df !important;
  box-shadow: none !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-summary {
  min-height: 56px !important;
  grid-template-columns: 34px minmax(0,1fr) auto !important;
  gap: 9px !important;
  padding: 9px 10px !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-summary[data-ready='true'] {
  border-color: #cbe0f7 !important;
  background: linear-gradient(180deg,#f8fbff 0%,#f1f7ff 100%) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-summary__icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border: 1px solid #d6e4f2 !important;
  background: #fff !important;
  color: #7f9dbd !important;
}

body.sf-home-concept[data-c5-live-home] .c5-vehicle-panel--hybrid-v1 .c5-vsel-summary[data-ready='true'] .c5-vsel-summary__icon {
  border-color: #c6def8 !important;
  background: #eaf4ff !important;
  color: #0d68df !important;
}

/* IPEKERP_421_12_2_STEPPER_STATE_SCALE_V1_START */

/*
 * Step-size hierarchy:
 * upcoming/idle = base
 * completed     = slightly larger
 * current       = largest
 *
 * Scale only the numbered badge, not the <li>, so connector geometry stays
 * fixed and does not jump when the active step changes.
 */
body.sf-home-concept[data-c5-live-home]
.c5-vehicle-panel--hybrid-v1
.c5-vsel-steps li > b {
  position: relative !important;
  z-index: 2 !important;
  transform-origin: center center !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease,
    border-color .18s ease !important;
  will-change: transform !important;
}

body.sf-home-concept[data-c5-live-home]
.c5-vehicle-panel--hybrid-v1
.c5-vsel-steps li[data-state="idle"] > b {
  transform: scale(1) !important;
}

body.sf-home-concept[data-c5-live-home]
.c5-vehicle-panel--hybrid-v1
.c5-vsel-steps li[data-state="done"] > b {
  transform: scale(1.06) !important;
}

body.sf-home-concept[data-c5-live-home]
.c5-vehicle-panel--hybrid-v1
.c5-vsel-steps li[data-state="active"] > b {
  transform: scale(1.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.sf-home-concept[data-c5-live-home]
  .c5-vehicle-panel--hybrid-v1
  .c5-vsel-steps li > b {
    transition: none !important;
  }
}

/* IPEKERP_421_12_2_STEPPER_STATE_SCALE_V1_END */