/* The RX page's own fixes over the theme.
   Our vehicle picker (partials/ymm.html) stands in for the theme's car selector form, so the RX badge sits just above it, outside the form, in the 768px column the form gave them;
   the picker itself drops ymm.css's black bar for RaceChip's RX look: three white-edged boxes, 65px on desktop, 48px stacked on phones. */
body.cms-the-range-extender-html .wrapper .page .stage .rx-stage-intro { max-width: 768px; margin: 50px auto 0; padding-top: 3px; }
body.cms-the-range-extender-html .wrapper .page .stage .rx-stage-intro img.xlr-badge { margin: -3px auto 0; }
body.cms-the-range-extender-html .wrapper .page .stage .embedded-functional-car-selector form.rc-ymm { max-width: 768px; margin: 0 auto; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.cms-the-range-extender-html .wrapper .page .stage form.rc-ymm .by-car,
body.cms-the-range-extender-html .wrapper .page .stage form.rc-ymm .by-car .selectors { height: 66px; }
body.cms-the-range-extender-html .wrapper .page .stage form.rc-ymm .by-car .selectors .picker-container { height: 66px; padding: 0 3px; }
body.cms-the-range-extender-html .wrapper .page .stage form.rc-ymm .by-car .selectors .picker-container + .picker-container { margin-left: 3px; }
body.cms-the-range-extender-html .wrapper .page .stage form.rc-ymm .picker-container .picker-selected { height: 65px; line-height: 65px; }
/* on phones the theme stacks the pickers absolutely, 51px apart, inset 3px in an 8px-inset row; the rules carry the theme's weight to win */
@media (max-width: 768px) {
  body.cms-the-range-extender-html .wrapper .page .stage .embedded-functional-car-selector .car-selector form.rc-ymm.car-selector-form .by-car { width: auto; height: 65px; margin: 0 8px; padding: 0; }
  body.cms-the-range-extender-html .wrapper .page .stage .embedded-functional-car-selector .car-selector form.rc-ymm.car-selector-form .by-car .selectors { height: auto; }
  body.cms-the-range-extender-html .wrapper .page .stage .embedded-functional-car-selector .car-selector form.rc-ymm.car-selector-form .by-car .selectors .picker-container { left: 3px; right: 3px; width: auto; height: 48px; margin: 0; padding: 0; }
  body.cms-the-range-extender-html .wrapper .page .stage .embedded-functional-car-selector .car-selector form.rc-ymm.car-selector-form .by-car .selectors .picker-container.car_model_picker-container { top: 51px; }
  body.cms-the-range-extender-html .wrapper .page .stage .embedded-functional-car-selector .car-selector form.rc-ymm.car-selector-form .by-car .selectors .picker-container.car_engine_picker-container { top: 102px; }
  body.cms-the-range-extender-html .wrapper .page .stage .embedded-functional-car-selector .car-selector form.rc-ymm.car-selector-form .picker-container .picker-selected { height: 48px; line-height: 46px; }
}
