/*
 * Responsive instant-delivery hero based on the supplied mobile and desktop
 * references. Vehicle names, prices and images remain sourced from the DB.
 */
:root {
  --rq-brand-blue: #0084ff;
  --rq-brand-navy: #01539f;
}

@media (min-width: 769px) {
  body.special-page #preorderListCards .preorder-row-side em,
  body.special-page #preorderListCards .preorder-row-side.is-estimate-request em {
    color: var(--rq-brand-blue) !important;
  }
}

html body.special-page .special-hero.special-reference-today {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 54px !important;
  overflow: hidden !important;
  background: #fff !important;
  color: #101828 !important;
  box-sizing: border-box !important;
}

/* v49 final: this block intentionally stays last to outrank legacy hover rules. */
@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-tabs {
    border: 1px solid #d7e0eb !important;
    border-radius: 10px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus-visible,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab::before,
  html body.special-page #preorderBrandBar .preorder-brand-tab::after,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover::before,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover::after,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus::before,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus::after,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active::before,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active::after {
    display: none !important;
    content: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-logo:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-logo img:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon:hover,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon b,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon:hover b,
  html body.special-page #preorderBrandBar .preorder-brand-fallback,
  html body.special-page #preorderBrandBar .preorder-brand-fallback:hover {
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-logo *,
  html body.special-page #preorderBrandBar .preorder-brand-tab strong {
    pointer-events: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active strong {
    color: #17243a !important;
    transform: translateY(-20px) !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab.active strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus-visible strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active strong {
    color: var(--rq-brand-blue) !important;
    transform: translateY(-20px) !important;
  }
}

html body.special-page .special-reference-today-banner {
  position: relative !important;
  padding: 34px 32px 30px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html body.special-page .special-reference-today-banner::after {
  display: none !important;
  content: none !important;
}

html body.special-page .special-reference-today-head {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body.special-page .special-reference-today-head > p {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  margin: 0 0 8px !important;
  padding: 4px 18px !important;
  border: 1px solid #bcd7ff !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .74) !important;
  color: var(--rq-brand-blue) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

html body.special-page .special-reference-today-head > h1 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: 46px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -2px !important;
}

html body.special-page .special-reference-today-head > h1 strong {
  color: var(--rq-brand-blue) !important;
  font: inherit !important;
}

html body.special-page .special-reference-today-head > h1 i {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: var(--rq-brand-blue) !important;
  color: #fff !important;
  font-size: 26px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(18, 103, 232, .2) !important;
  transform: rotate(8deg) !important;
}

html body.special-page .special-reference-today-head > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: 16px !important;
  padding: 6px 18px !important;
  border-radius: 999px !important;
  background: var(--rq-brand-blue) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: 0 6px 14px rgba(18, 103, 232, .18) !important;
  box-sizing: border-box !important;
}

html body.special-page .special-reference-contract-tabs {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: min(100%, 1040px) !important;
  min-height: 60px !important;
  margin: 34px auto -42px !important;
  padding: 5px !important;
  border: 1px solid rgba(16, 39, 74, .1) !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(34, 66, 108, .16) !important;
  box-sizing: border-box !important;
}

html body.special-page .special-reference-contract-tabs > span {
  display: grid !important;
  place-items: center !important;
  min-height: 48px !important;
  border-radius: 9px !important;
  color: #777 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

html body.special-page .special-reference-contract-tabs > span.active {
  background: var(--rq-brand-blue) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 10px rgba(18, 103, 232, .2) !important;
}

html body.special-page .special-reference-today-content {
  width: min(100%, 1200px) !important;
  margin: 0 auto !important;
  padding: 30px 20px 0 !important;
  box-sizing: border-box !important;
}

html body.special-page .special-reference-today-label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 0 18px !important;
}

html body.special-page .special-reference-today-label h2 {
  margin: 0 !important;
  color: #171717 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

html body.special-page .special-reference-today-label p {
  margin: 5px 0 0 !important;
  color: #8b8b8b !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

html body.special-page .special-reference-today-label > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 9px 16px !important;
  border: 1px solid #e1e5eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #697386 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

html body.special-page .special-reference-carousel {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 1px !important;
}

html body.special-page .special-reference-today-grid {
  display: flex !important;
  gap: 30px !important;
  width: 100% !important;
  transition: transform .55s cubic-bezier(.22, .61, .36, 1) !important;
  will-change: transform !important;
}

html body.special-page .special-reference-today-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 346px !important;
  padding: 20px 20px 16px !important;
  overflow: hidden !important;
  border: 1px solid #e1e5eb !important;
  border-radius: 12px !important;
  background: linear-gradient(160deg, #fff 58%, #fbfdff) !important;
  box-shadow: 0 2px 6px rgba(16, 39, 74, .025) !important;
  box-sizing: border-box !important;
  flex: 0 0 calc((100% - 60px) / 3) !important;
}

html body.special-page .special-reference-card-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.special-page .special-reference-card-hot {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 4px 7px !important;
  border-radius: 5px !important;
  background: #edf5ff !important;
  color: var(--rq-brand-blue) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html body.special-page .special-reference-today-copy {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

html body.special-page .special-reference-today-copy h3 {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #171717 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -.3px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.special-page .special-reference-today-copy > p {
  max-width: 94% !important;
  margin: 5px 0 0 !important;
  overflow: hidden !important;
  color: #777 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.special-page .special-reference-today-copy > small {
  display: inline-flex !important;
  margin: 11px 0 0 !important;
  padding: 3px 5px !important;
  border-radius: 4px !important;
  background: #edf5ff !important;
  color: var(--rq-brand-blue) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

html body.special-page .special-reference-price-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid #e5e9ef !important;
}

html body.special-page .special-reference-price-row > span {
  flex: 0 0 auto !important;
  color: #a3acb8 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

html body.special-page .special-reference-price-row > strong {
  min-width: 0 !important;
  margin: 0 0 0 auto !important;
  color: var(--rq-brand-blue) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: right !important;
}

html body.special-page .special-reference-detail-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 14px 0 0 !important;
  padding: 10px 14px !important;
  border: 1px solid var(--rq-brand-navy) !important;
  border-radius: 8px !important;
  background: var(--rq-brand-navy) !important;
  color: #fff !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  cursor: pointer !important;
}

html body.special-page .special-reference-detail-button:hover,
html body.special-page .special-reference-detail-button:focus,
html body.special-page .special-reference-detail-button:active {
  border-color: var(--rq-brand-navy) !important;
  background: var(--rq-brand-navy) !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html body.special-page .special-reference-detail-button span {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

html body.special-page .special-reference-today-card > img {
  position: static !important;
  order: 0 !important;
  z-index: auto !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 160px !important;
  margin: 0 0 12px !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  flex: 0 0 160px !important;
}

html body.special-page .special-reference-today-card > .special-reference-today-copy {
  order: 1 !important;
  flex: 1 1 auto !important;
}

html body.special-page .special-reference-arrow {
  position: absolute !important;
  z-index: 4 !important;
  top: 50% !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid #e0e5ec !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #667085 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: 0 2px 5px rgba(16, 39, 74, .05) !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  transition: none !important;
}

html body.special-page .special-reference-arrow:hover,
html body.special-page .special-reference-arrow:focus,
html body.special-page .special-reference-arrow:active {
  background: #fff !important;
  color: #667085 !important;
  box-shadow: 0 2px 5px rgba(16, 39, 74, .05) !important;
  filter: none !important;
  transform: translateY(-50%) !important;
}

html body.special-page .special-reference-arrow-prev {
  left: 8px !important;
}

html body.special-page .special-reference-arrow-next {
  right: 8px !important;
}

html body.special-page .special-reference-page-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 22px auto 0 !important;
}

html body.special-page .special-reference-page-dots > span,
html body.special-page .special-reference-page-dots > button {
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #d6dde8 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: none !important;
}

html body.special-page .special-reference-page-dots > span.active,
html body.special-page .special-reference-page-dots > button.active {
  background: var(--rq-brand-blue) !important;
}

html body.special-page .special-reference-page-dots > button:hover,
html body.special-page .special-reference-page-dots > button:focus,
html body.special-page .special-reference-page-dots > button:active {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 760px) {
  html body.special-page .special-hero.special-reference-today {
    padding-bottom: 42px !important;
    background: #fff !important;
  }

  html body.special-page .special-reference-today-banner {
    padding: 24px 22px 18px !important;
    overflow: visible !important;
    background: transparent !important;
  }

  html body.special-page .special-reference-today-banner::after {
    display: none !important;
  }

  html body.special-page .special-reference-today-head {
    text-align: left !important;
  }

  html body.special-page .special-reference-today-head > p {
    min-height: 26px !important;
    margin: 0 0 13px 4px !important;
    padding: 4px 16px !important;
    font-size: 13px !important;
  }

  html body.special-page .special-reference-today-head > h1 {
    justify-content: flex-start !important;
    gap: 7px !important;
    font-size: 34px !important;
    line-height: 1.12 !important;
    letter-spacing: -1.7px !important;
    white-space: nowrap !important;
  }

  html body.special-page .special-reference-today-head > h1 i {
    width: 29px !important;
    height: 29px !important;
    font-size: 20px !important;
  }

  html body.special-page .special-reference-today-head > span {
    min-height: 30px !important;
    margin-top: 14px !important;
    padding: 5px 14px !important;
    font-size: 13px !important;
  }

  html body.special-page .special-reference-contract-tabs {
    width: 100% !important;
    min-height: 48px !important;
    margin: 32px 0 0 !important;
    padding: 3px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f0f0f2 !important;
    box-shadow: none !important;
  }

  html body.special-page .special-reference-contract-tabs > span {
    min-height: 42px !important;
    border-radius: 999px !important;
    color: #777 !important;
    font-size: 13px !important;
  }

  html body.special-page .special-reference-contract-tabs > span.active {
    border: 1.5px solid var(--rq-brand-blue) !important;
    background: #fff !important;
    color: var(--rq-brand-blue) !important;
    box-shadow: none !important;
  }

  html body.special-page .special-reference-today-content {
    width: 100% !important;
    padding: 18px 22px 0 !important;
  }

  html body.special-page .special-reference-today-label {
    margin-bottom: 13px !important;
  }

  html body.special-page .special-reference-today-label h2 {
    font-size: 20px !important;
  }

  html body.special-page .special-reference-today-label p {
    font-size: 16px !important;
  }

  html body.special-page .special-reference-today-label > a,
  html body.special-page .special-reference-arrow {
    display: none !important;
  }

  html body.special-page .special-reference-today-grid {
    display: flex !important;
    gap: 14px !important;
  }

  html body.special-page .special-reference-today-card {
    min-height: 310px !important;
    padding: 16px 15px 14px !important;
    border-radius: 12px !important;
    flex: 0 0 100% !important;
  }

  html body.special-page .special-reference-card-hot {
    min-height: 22px !important;
    padding: 3px 6px !important;
    font-size: 10px !important;
  }

  html body.special-page .special-reference-today-copy h3 {
    max-width: 100% !important;
    font-size: 18px !important;
  }

  html body.special-page .special-reference-today-copy > p {
    max-width: 100% !important;
    font-size: 13px !important;
  }

  html body.special-page .special-reference-today-copy > small {
    margin-top: 9px !important;
    font-size: 11px !important;
  }

  html body.special-page .special-reference-price-row > strong {
    font-size: 23px !important;
  }

  html body.special-page .special-reference-price-row > span {
    font-size: 12px !important;
  }

  html body.special-page .special-reference-detail-button {
    min-height: 44px !important;
    margin-top: 12px !important;
  }

  html body.special-page .special-reference-today-card > img {
    width: 100% !important;
    height: 130px !important;
    margin: 0 0 10px !important;
    flex-basis: 130px !important;
  }

  html body.special-page .special-reference-page-dots {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  html body.special-page .special-reference-page-dots > span,
  html body.special-page .special-reference-page-dots > button {
    width: 6px !important;
    height: 6px !important;
  }
}

@media (max-width: 365px) {
  html body.special-page .special-reference-today-head > h1 {
    font-size: 31px !important;
  }
}

/*
 * Selected vehicle summary is a flat section: only the horizontal separators
 * remain. This applies consistently on desktop and mobile.
 */
html body.special-page #preorderListView .preorder-list-head {
  border: 0 !important;
  border-top: 1px solid #dbe3ed !important;
  border-bottom: 1px solid #dbe3ed !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.special-page #preorderListView #listGroupImage {
  background: transparent !important;
}

/* Use the mobile segmented condition picker on every viewport. */
html body.special-page #preorderListView .preorder-list-head-specs {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
}

html body.special-page #preorderListView .preorder-list-condition-dropdown {
  position: static !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.special-page #preorderListView .preorder-list-condition-dropdown:nth-child(2) {
  order: -1 !important;
}

html body.special-page #preorderListView .preorder-list-condition-dropdown::before {
  display: block !important;
  margin: 0 0 7px !important;
  color: #172b49 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

html body.special-page #preorderListView .preorder-list-condition-dropdown:nth-child(1)::before {
  content: "초기비용" !important;
}

html body.special-page #preorderListView .preorder-list-condition-dropdown:nth-child(2)::before {
  content: "이용기간" !important;
}

html body.special-page #preorderListView .preorder-list-condition-trigger {
  display: none !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu,
html body.special-page #preorderListView .preorder-list-condition-dropdown[open] > .preorder-list-condition-menu {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu > button,
html body.special-page #preorderListView .preorder-list-condition-menu > button:hover,
html body.special-page #preorderListView .preorder-list-condition-menu > button:focus,
html body.special-page #preorderListView .preorder-list-condition-menu > button:active {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  border: 1px solid #d5deeb !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #53637a !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu > button em {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu > button small {
  display: none !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu > button.active,
html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"],
html body.special-page #preorderListView .preorder-list-condition-menu > button.active:hover,
html body.special-page #preorderListView .preorder-list-condition-menu > button.active:focus,
html body.special-page #preorderListView .preorder-list-condition-menu > button.active:active {
  border: 2px solid var(--rq-brand-blue) !important;
  background: #fff !important;
  color: #111 !important;
}

/* Match the powertrain tabs: joined segments with vertically centered labels. */
html body.special-page #preorderListView .preorder-list-condition-menu,
html body.special-page #preorderListView .preorder-list-condition-dropdown[open] > .preorder-list-condition-menu {
  gap: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  overflow: hidden !important;
  border: 1px solid #d7dee8 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu > button,
html body.special-page #preorderListView .preorder-list-condition-menu > button:hover,
html body.special-page #preorderListView .preorder-list-condition-menu > button:focus,
html body.special-page #preorderListView .preorder-list-condition-menu > button:active {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 0 !important;
  border-right: 1px solid #d7dee8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #53637a !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu > button:last-child,
html body.special-page #preorderListView .preorder-list-condition-menu > button:last-child:hover,
html body.special-page #preorderListView .preorder-list-condition-menu > button:last-child:focus,
html body.special-page #preorderListView .preorder-list-condition-menu > button:last-child:active {
  border-right: 0 !important;
}

html body.special-page #preorderListView .preorder-list-condition-menu > button.active,
html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"],
html body.special-page #preorderListView .preorder-list-condition-menu > button.active:hover,
html body.special-page #preorderListView .preorder-list-condition-menu > button.active:focus,
html body.special-page #preorderListView .preorder-list-condition-menu > button.active:active {
  height: 56px !important;
  min-height: 56px !important;
  margin: -1px 0 -1px -1px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--rq-brand-navy) !important;
  color: #fff !important;
}

/* PC-only inventory card rearrangement. Mobile keeps its existing layout. */
html body.special-page #preorderListCards#preorderListCards .preorder-stock-inline {
  display: none !important;
}

.preorder-list-sort {
  display: none !important;
}

@media (min-width: 761px) {
  html body.special-page #preorderListView .preorder-list-sort {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    padding: 18px 0 14px !important;
  }

  html body.special-page #preorderListView .preorder-list-sort > span {
    display: block !important;
    margin-right: auto !important;
    color: var(--rq-brand-navy) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }

  html body.special-page #preorderListView .preorder-list-sort > button {
    min-width: 112px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d6dfeb !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #4d5c70 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  html body.special-page #preorderListView .preorder-list-sort > button:first-of-type {
    border-radius: 8px 0 0 8px !important;
  }

  html body.special-page #preorderListView .preorder-list-sort > button:last-of-type {
    margin-left: -1px !important;
    border-radius: 0 8px 8px 0 !important;
  }

  html body.special-page #preorderListView .preorder-list-sort > button.active {
    position: relative !important;
    z-index: 1 !important;
    border-color: var(--rq-brand-navy) !important;
    background: var(--rq-brand-navy) !important;
    color: #fff !important;
    box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }

  html body.special-page #preorderListCards#preorderListCards {
    gap: 0 !important;
    border-top: 1px solid #d9e1ec !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-card {
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) minmax(210px, 250px) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    align-items: center !important;
    padding: 24px 26px 24px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-card.active,
  html body.special-page #preorderListCards#preorderListCards .preorder-row-card:hover,
  html body.special-page #preorderListCards#preorderListCards .preorder-row-card:focus,
  html body.special-page #preorderListCards#preorderListCards .preorder-row-card:focus-visible,
  html body.special-page #preorderListCards#preorderListCards .preorder-row-card:active {
    border: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-head,
  html body.special-page #preorderListCards#preorderListCards .preorder-card-content {
    display: contents !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-image-wrap {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    width: 180px !important;
    height: 112px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: 5px !important;
    min-width: 0 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-title > strong {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-trim-row {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    height: 20px !important;
    line-height: 20px !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-trim-row > span:first-child {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 20px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-options {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    justify-content: start !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding-right: 84px !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option > span,
  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option > em {
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-option-wide > em {
    line-height: 1.65 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option:nth-child(1),
  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option:nth-child(2) {
    grid-row: 1 !important;
    width: auto !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option:nth-child(3) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    top: -5px !important;
    width: auto !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option:nth-child(3) > span,
  html body.special-page #preorderListCards#preorderListCards .preorder-card-options > .preorder-card-option:nth-child(3) > em {
    align-self: center !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-stock-inline {
    display: inline-flex !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-stock-mobile {
    display: none !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-detail-row {
    display: none !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-side {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-side > .preorder-rent-label {
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-side > em {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-detail-cta,
  html body.special-page #preorderListCards#preorderListCards .preorder-row-card:hover .preorder-row-detail-cta,
  html body.special-page #preorderListCards#preorderListCards .preorder-row-card:focus .preorder-row-detail-cta,
  html body.special-page #preorderListCards#preorderListCards .preorder-row-card:active .preorder-row-detail-cta {
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-detail-cta::after {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 6px !important;
    color: #111827 !important;
    font: inherit !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-row-detail-cta > b {
    display: none !important;
  }

  html body.special-page #preorderListCards#preorderListCards .preorder-card-footer {
    display: none !important;
  }
}

/* v43: desktop brand row and connected condition segments. */
.preorder-list-term-note {
  display: none !important;
}

@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-tab,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo img {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu,
  html body.special-page #preorderListView .preorder-list-condition-dropdown[open] > .preorder-list-condition-menu {
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d7dee8 !important;
    border-radius: 14px !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button,
  html body.special-page #preorderListView .preorder-list-condition-menu > button:hover,
  html body.special-page #preorderListView .preorder-list-condition-menu > button:focus,
  html body.special-page #preorderListView .preorder-list-condition-menu > button:active {
    border: 0 !important;
    border-right: 1px solid #d7dee8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button:first-child {
    border-radius: 13px 0 0 13px !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button:last-child {
    border-right: 0 !important;
    border-radius: 0 13px 13px 0 !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button.active,
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"],
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:hover,
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:focus,
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:active {
    border: 0 !important;
    border-right: 1px solid #d7dee8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: inset 0 0 0 2px var(--rq-brand-blue) !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:first-child,
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"]:first-child {
    border-radius: 13px 0 0 13px !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:last-child,
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"]:last-child {
    border-right: 0 !important;
    border-radius: 0 13px 13px 0 !important;
  }

  html body.special-page #preorderListView .preorder-list-term-note {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 8px 0 0 !important;
    color: #8a94a3 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }

  html body.special-page #preorderListView .preorder-list-term-note > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: #9aa3af !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }
}

/* Unified rounded-rectangle brand cards. */
html body.special-page #preorderBrandBar .preorder-brand-tabs {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  overflow-x: auto !important;
}

html body.special-page #preorderBrandBar .preorder-brand-tab,
html body.special-page #preorderBrandBar .preorder-brand-tab.active,
html body.special-page #preorderBrandBar .preorder-brand-tab:hover,
html body.special-page #preorderBrandBar .preorder-brand-tab:focus,
html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible,
html body.special-page #preorderBrandBar .preorder-brand-tab:active,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
  display: flex !important;
  flex: 0 0 96px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 116px !important;
  min-height: 116px !important;
  max-height: 116px !important;
  margin: 0 !important;
  padding: 10px 8px 8px !important;
  gap: 8px !important;
  border: 1px solid #d5dde8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  filter: none !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  animation: none !important;
  transition: none !important;
}

html body.special-page #preorderBrandBar .preorder-brand-tab::before,
html body.special-page #preorderBrandBar .preorder-brand-tab::after {
  display: none !important;
  content: none !important;
}

html body.special-page #preorderBrandBar .preorder-brand-logo,
html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo,
html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo,
html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo,
html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover .preorder-brand-logo,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus .preorder-brand-logo,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:active .preorder-brand-logo {
  display: flex !important;
  flex: 0 0 64px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  pointer-events: none !important;
}

html body.special-page #preorderBrandBar .preorder-brand-logo img,
html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo img,
html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo img,
html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo img,
html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo img,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover .preorder-brand-logo img,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus .preorder-brand-logo img,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:active .preorder-brand-logo img {
  display: block !important;
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  transform: none !important;
  filter: grayscale(1) saturate(0) contrast(1.15) brightness(.58) !important;
  opacity: .9 !important;
  animation: none !important;
  transition: none !important;
  pointer-events: none !important;
}

html body.special-page #preorderBrandBar .preorder-brand-all-icon,
html body.special-page #preorderBrandBar .preorder-brand-fallback,
html body.special-page #preorderBrandBar .preorder-brand-all-icon b {
  transform: none !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  pointer-events: none !important;
}

html body.special-page #preorderBrandBar .preorder-brand-tab strong,
html body.special-page #preorderBrandBar .preorder-brand-tab:hover strong,
html body.special-page #preorderBrandBar .preorder-brand-tab:focus strong,
html body.special-page #preorderBrandBar .preorder-brand-tab:active strong {
  margin: 0 !important;
  color: #17243a !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: none !important;
}

html body.special-page #preorderBrandBar .preorder-brand-tab.active,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
  border: 2px solid var(--rq-brand-blue) !important;
  border-radius: 14px !important;
  background: #eef6ff !important;
}

html body.special-page #preorderBrandBar .preorder-brand-tab.active strong {
  color: var(--rq-brand-blue) !important;
}

html body.special-page #preorderBrandBar .preorder-brand-count {
  display: none !important;
}

@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-tabs {
    gap: 12px !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
    flex-basis: 113px !important;
    width: 113px !important;
    min-width: 113px !important;
    max-width: 113px !important;
    height: 144px !important;
    min-height: 144px !important;
    max-height: 144px !important;
    padding: 14px 10px 12px !important;
    gap: 10px !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active .preorder-brand-logo {
    flex-basis: 84px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active .preorder-brand-logo img {
    width: 72px !important;
    height: 72px !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab strong {
    font-size: 17px !important;
  }
}

/* Shift the complete desktop vehicle-summary layout 24px toward the left. */
@media (min-width: 981px) {
  html body.special-page #preorderListView .preorder-list-head {
    padding: 40px 72px 34px 24px !important;
  }
}

/* v42: PC selection state uses a white surface with black text. */
@media (min-width: 761px) {
  html body.special-page #preorderListView #listPowertrainTabs > button.active,
  html body.special-page #preorderListView #listPowertrainTabs > button[aria-selected="true"],
  html body.special-page #preorderListView #listPowertrainTabs > button.active:hover,
  html body.special-page #preorderListView #listPowertrainTabs > button.active:focus,
  html body.special-page #preorderListView #listPowertrainTabs > button.active:active,
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active,
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"],
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:hover,
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:focus,
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:active {
    border: 2px solid var(--rq-brand-blue) !important;
    background: #fff !important;
    background-image: none !important;
    color: #111 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }
}

/* v43-final: PC brand row without cards and joined condition controls. */
@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-tab,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo img {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button.active,
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"],
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:hover,
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:focus,
  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:active {
    border: 0 !important;
    border-right: 1px solid #d7dee8 !important;
    background: #fff !important;
    background-image: none !important;
    color: #111 !important;
    box-shadow: inset 0 0 0 2px var(--rq-brand-blue) !important;
    filter: none !important;
    transform: none !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:first-child,
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"]:first-child {
    border-radius: 13px 0 0 13px !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:not(:first-child):not(:last-child),
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"]:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
  }

  html body.special-page #preorderListView .preorder-list-condition-menu > button.active:last-child,
  html body.special-page #preorderListView .preorder-list-condition-menu > button[aria-selected="true"]:last-child {
    border-right: 0 !important;
    border-radius: 0 13px 13px 0 !important;
  }
}

/* v44: PC joined-control edge cleanup and term-note sizing. */
@media (min-width: 761px) {
  html body.special-page #preorderListView
    .preorder-list-condition-menu:has(> button.active:last-child),
  html body.special-page #preorderListView
    .preorder-list-condition-menu:has(> button[aria-selected="true"]:last-child) {
    border-right-color: transparent !important;
  }

  html body.special-page #preorderListView
    .preorder-list-condition-menu > button.active:last-child,
  html body.special-page #preorderListView
    .preorder-list-condition-menu > button[aria-selected="true"]:last-child {
    position: relative !important;
    z-index: 2 !important;
    margin-right: -2px !important;
  }

  html body.special-page #preorderListView
    #listPowertrainTabs > button.active:last-child:not(:first-child),
  html body.special-page #preorderListView
    #listPowertrainTabs > button[aria-selected="true"]:last-child:not(:first-child) {
    position: relative !important;
    z-index: 2 !important;
    margin-left: -5px !important;
    border-radius: 0 14px 14px 0 !important;
  }

  html body.special-page #preorderListView .preorder-list-term-note {
    gap: 7px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body.special-page #preorderListView .preorder-list-term-note > span {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
  }
}

/* v45: PC selected-control borders use the shared navy color. */
@media (min-width: 761px) {
  html body.special-page #preorderListView #listPowertrainTabs > button.active,
  html body.special-page #preorderListView #listPowertrainTabs > button[aria-selected="true"],
  html body.special-page #preorderListView #listPowertrainTabs > button.active:hover,
  html body.special-page #preorderListView #listPowertrainTabs > button.active:focus,
  html body.special-page #preorderListView #listPowertrainTabs > button.active:active {
    border-color: var(--rq-brand-navy) !important;
    outline: 0 !important;
  }

  html body.special-page #preorderListView
    .preorder-list-condition-menu > button.active,
  html body.special-page #preorderListView
    .preorder-list-condition-menu > button[aria-selected="true"],
  html body.special-page #preorderListView
    .preorder-list-condition-menu > button.active:hover,
  html body.special-page #preorderListView
    .preorder-list-condition-menu > button.active:focus,
  html body.special-page #preorderListView
    .preorder-list-condition-menu > button.active:active {
    box-shadow: inset 0 0 0 2px var(--rq-brand-navy) !important;
    outline: 0 !important;
  }
}

/* v46: Lift only the desktop brand names while keeping the logos fixed. */
@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-tab strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active strong {
    transform: translateY(-15px) !important;
  }
}

/* v47: Give the desktop brand strip a very light blue-gray surface. */
@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-tabs {
    background: #f4f7fb !important;
    background-image: none !important;
  }
}

/* v48: Stable PC brand selector and rental-company inventory heading. */
@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    text-align: center !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-label > strong {
    color: var(--rq-brand-navy) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-label > span {
    color: #7d8898 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tabs {
    border: 1px solid #d7e0eb !important;
    border-radius: 10px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus-visible,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active .preorder-brand-logo {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active .preorder-brand-logo img {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active strong {
    transform: translateY(-20px) !important;
    transition: none !important;
    animation: none !important;
  }
}

/* v49 EOF lock: PC brand hover must not alter geometry or paint. */
@media (min-width: 761px) {
  html body.special-page #preorderBrandBar .preorder-brand-tabs {
    border: 1px solid #d7e0eb !important;
    border-radius: 10px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus-visible,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab::before,
  html body.special-page #preorderBrandBar .preorder-brand-tab::after,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover::before,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover::after {
    display: none !important;
    content: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-logo:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-logo img:hover,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover .preorder-brand-logo img,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon:hover,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon b,
  html body.special-page #preorderBrandBar .preorder-brand-all-icon:hover b,
  html body.special-page #preorderBrandBar .preorder-brand-fallback,
  html body.special-page #preorderBrandBar .preorder-brand-fallback:hover {
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-logo,
  html body.special-page #preorderBrandBar .preorder-brand-logo *,
  html body.special-page #preorderBrandBar .preorder-brand-tab strong {
    pointer-events: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:focus-visible strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab:active strong {
    color: #17243a !important;
    transform: translateY(-20px) !important;
    transition: none !important;
    animation: none !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-tab.active strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:hover strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:focus-visible strong,
  html body.special-page #preorderBrandBar .preorder-brand-tab.active:active strong {
    color: var(--rq-brand-blue) !important;
    transform: translateY(-20px) !important;
  }
}

.preorder-list-payment-note {
  display: none !important;
}

/* v50-final: keep PC guidance above all earlier page overrides. */
@media (min-width: 761px) {
  html body.special-page #preorderListView .preorder-list-head {
    border-bottom: 0 !important;
  }

  html body.special-page #preorderBrandBar .preorder-brand-label > strong {
    font-size: 26px !important;
  }

  html body.special-page #preorderListView .preorder-list-payment-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;
    margin: 8px 0 0 !important;
    color: #8a94a3 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  html body.special-page #preorderListView .preorder-list-payment-note > span {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #9aa3af !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
  }
}