@media (min-width: 761px) {
  body.special-page.special-redesign-page .special-layout .hero-reference-card {
    padding: 26px 18px 24px !important;
    border: 0 !important;
  }

  body.special-page .hero-reference-vehicle {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 520px) !important;
    gap: clamp(22px, 3vw, 40px) !important;
    padding: 24px 20px 28px !important;
  }

  body.special-page .hero-reference-metrics,
  body.special-page .hero-reference-stock,
  body.special-page .hero-reference-note {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* The brand chooser should scroll with the page instead of pinning below the header. */
body.special-page #preorderBrandBar,
body.special-page .preorder-sticky-brand-bar {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  backdrop-filter: none !important;
}

@media (max-width: 760px) {
  body.special-page.special-redesign-page .special-layout .hero-reference-card {
    width: 100% !important;
    margin-top: 0 !important;
    padding: 22px 8px 24px !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.special-page .hero-reference-vehicle {
    width: 100% !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    box-sizing: border-box !important;
  }

  body.special-page .hero-reference-vehicle-copy {
    padding-left: 8px !important;
    box-sizing: border-box !important;
  }

  body.special-page .hero-reference-metrics,
  body.special-page .hero-reference-stock,
  body.special-page .hero-reference-note {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}