/* Onyx Moto unit page — layout by screen width (Vehica / Elementor single-car template).
   900 px and wider: two columns. The right column holds the title, label, price card, buttons and the videos
   (stacked, full column width). From 900 to 1199 px that column stays 340 px wide, so the card never gets
   narrower than 320 px and its total line never wraps.
   900–1024 px (small laptops, half-width windows, tablets held sideways): keep the two-column layout instead
   of the theme's tablet stack, so the price sits beside the photos on the first screen.
   768–899 px (tablets held upright): one column. The thumbnail grid is hidden, the price card and the buttons
   sit side by side right under the photo, both starting at the same line, and the two videos sit side by
   side under them.
   Under 768 px (phones): everything stacks; 12 px between the price card and the buttons.
   1025–1259 px: Related Units gets 30 px side margins (the theme runs it edge to edge there).
   Element IDs are the single-car template's; om-videos is the class added to the videos container. */
@media (min-width: 900px) and (max-width: 1199px) {
  .elementor .elementor-element.elementor-element-7bc14bae { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; }
  .elementor .elementor-element.elementor-element-afd5c0 { flex: 0 0 340px !important; width: 340px !important; max-width: 340px !important; }
}
@media (min-width: 1025px) and (max-width: 1259px) {   /* Related Units: keep side margins instead of running edge to edge */
  .elementor-element-1b3e0cca > .elementor-container { padding-left: 30px !important; padding-right: 30px !important; }
}
@media (min-width: 900px) and (max-width: 1024px) {
  .elementor-element-22c10772 > .e-con-inner { flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; }
  .elementor .elementor-element.elementor-element-7bc14bae { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; order: 0 !important; }
  .elementor .elementor-element.elementor-element-afd5c0 { order: 0 !important; flex: 0 0 340px !important; width: 340px !important; max-width: 340px !important; }
  .elementor .elementor-element.elementor-element-52410f88 { display: block !important; }  /* desktop photo gallery */
  .elementor .elementor-element.elementor-element-11649f56 { display: none !important; }   /* tablet/phone gallery */
  .elementor-element-49537f8c { padding-top: 0 !important; padding-bottom: 0 !important; }   /* the theme adds 20 px above and below on tablets;
     keep the same 16 px card-to-buttons and buttons-to-videos gaps as wider screens (bottom added Nov 5, 8:25 PM PT) */
  .elementor-element-3e96ad32 > .e-con-inner { flex-direction: column !important; }
  .elementor-element-3e96ad32 > .e-con-inner > .e-con,
  .elementor-element-49537f8c > .e-con,
  .elementor-element-49537f8c > .e-con > .e-con-inner { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
}
@media (min-width: 768px) and (max-width: 899px) {
  .elementor-element-11649f56 .vehica-gallery-thumbs__wrapper { display: none !important; }
  /* price card on the left, action buttons on the right, both starting right under the photo */
  .elementor .elementor-element.elementor-element-afd5c0 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 28px; align-items: start; }
  .elementor-element-afd5c0 > * { grid-column: 1 / -1; }
  .elementor-element-afd5c0 > .elementor-element-bffa410 { grid-column: 1; }
  .elementor-element-afd5c0 > .elementor-element-3e96ad32 { grid-column: 2; margin-top: 0 !important; padding-top: 0 !important; }
  /* Listings without a price breakdown keep today's price block (added Nov 5, 8:15 PM PT): hide its trailing divider here so
     Destination Charges and the buttons share one row, like the card and buttons do. With a breakdown this divider is already removed. */
  .elementor-element-afd5c0 > .elementor-element-2a4d6fc { display: none !important; }
  .elementor-element-afd5c0 .om-price,
  .elementor-element-afd5c0 .om-cta { margin-top: 0 !important; }
  .elementor-element-3e96ad32 > .e-con-inner { flex-direction: column !important; padding-top: 0 !important; }
  .elementor-element-3e96ad32 > .e-con-inner > .e-con,
  .elementor-element-49537f8c,
  .elementor-element-49537f8c > .e-con,
  .elementor-element-49537f8c > .e-con > .e-con-inner { width: 100% !important; max-width: 100% !important; margin-top: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
  /* the two videos side by side under the card and buttons */
  .om-videos { margin-top: 24px !important; margin-bottom: 28px !important; }
  .om-videos > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px !important; row-gap: 12px !important; }
}
@media (max-width: 767px) {
  .elementor-element-3e96ad32 { margin-top: 0 !important; }   /* the theme adds 20 px here; .om-cta adds 12 px */
}