/*
 * onyx-search-cards.css - Round 4, option "3B - Deep fade" (Kenny, Nov 6, 2026). Load on the search page and unit pages.
 * Black card (#0f1116) on the white page: one-line name on top, the full 3:2 photo edge to edge with a deep fade in
 * the card colour over its top, then the price row (price, struck price, label - miles).
 * Two scopes only; every rule starts with one of these, so brand pages, the sold archive and any other carousel or grid
 * are untouched (the home page has its own file, onyx-home-cards.css):
 *   - search results: .vehica-inventory-v1__results__card .vehica-car-card-v2 (grid rules: .vehica-inventory-v1
 *     .vehica-inventory-v1__results). Radius 14, 100 px fade (Kenny's exact stops), one 22 px price row.
 *   - unit page "Related Units": .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1
 *     (Vehica's Related Car Carousel widget class; it survives an Elementor re-save, unlike .elementor-element-<id>).
 *     Radius 12, fade scaled to the photo (100/244 of its height), small form under 220 px card width (container query).
 * Works on today's Vehica card markup with no template change. Server-side hooks it styles (part of the approved
 * design, implemented on the server): span.om-card-label inside .vehica-car-card__info (New / Pre-owned),
 * span.om-card-year inside the name, and "mi" instead of "miles" in the text (CSS does not fake it).
 * Companion: om-card-name-scroll.js (one-line name ticker, 45 px/s; this file holds its styles).
 * Tested headless only (Playwright Chromium, Nov 6, 2026, round4/work/prove.py, round4/work/part2/related.py);
 * not tested in Safari or on real phones.
 */

/* Grid edges and gaps. Today's theme grid is kept (columns, 22 px between columns, 18 px between rows) except where
   white cards hid two gaps that black cards show:
   - 1024-1199 px: results padding is 4 px while the heading, filters and sort box sit 30 px in, so the cards stuck
     out 15 px on each side. 19 px (the theme's own >= 1200 px value) lines the card edges up with the column above.
   - 600-768 px: the theme forces cell padding 5px 15px !important (30 px between columns, 10 px between rows, cards
     4 px inside the column). The theme's own >= 600 px padding (0 11px 18px) gives the same 22 / 18 as every other
     multi-column width and lines the edges up. That padding has no top, so 13 px above the grid keeps the first row
     18 px under the sort box (today 10 px; 5 px without it). One column (< 600 px) is unchanged. */
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .vehica-inventory-v1 .vehica-inventory-v1__results {
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .vehica-inventory-v1 .vehica-inventory-v1__results {
    padding-top: 13px;
  }
  .vehica-inventory-v1 .vehica-inventory-v1__results .vehica-inventory-v1__results__card {
    padding: 0 11px 18px !important; /* theme: 5px 15px !important at <= 768 px */
  }
}

/* Card: flex column; the content wrapper dissolves so name, photo and price row can be ordered. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__inner {
  display: flex;
  flex-direction: column;
  background: #0f1116 !important; /* theme sets #fff !important on .vehica-car-card-v2 .vehica-car-card__inner */
  border: 0;
  border-radius: 14px;
  padding: 10px 0 8px;
  overflow: hidden;
  box-shadow: none;
}
/* The whole-card link overlay stays on top and covers the new card exactly. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card-link {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__content {
  display: contents;
}

/* 1. Name: one line, 16/20, 700, white. Overflow is handled by om-card-name-scroll.js; ellipsis is the no-JS fallback. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__name,
.vehica-inventory-v1__results__card .vehica-car-card-v2:hover .vehica-car-card__name {
  order: 1;
  display: block;
  flex: none;
  height: 20px;
  margin: 0 0 2px !important; /* Elementor sets name margins 0 !important at <= 768 px */
  padding: 0 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-transform: none; /* the site uppercases card names today; the locked 3B design is mixed case */
}
/* Lighter year: only when the server wraps it (span.om-card-year); CSS cannot split today's single title string. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-card-year {
  color: #a7adb8;
  font-weight: 600;
}

/* 2. Photo: full width, today's 66.8657% box (reserved before the image loads), no crop. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__image-bg {
  order: 2;
  flex: none;
  position: relative;
  margin: 0 0 6px;
  background: #1b1e25;
}
/* Kenny's fade, exact stops in px from the photo top. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__image-bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100px;
  pointer-events: none;
  background: linear-gradient(180deg, #0f1116ff 0px, #0f1116e0 8px, #0f1116a3 22px, #0f111657 44px, #0f11161c 70px, #0f111600 100px);
}
/* The Sold Bikes sash comes down to the photo's own level (it sets z-index 2 inline), so the fade paints over it and a separate SOLD
   sign fades exactly like one stamped into the photo (Kenny, Nov 6, 2026). */
.vehica-inventory-v1__results__card .vehica-car-card-v2 img.onyx-sold-sash {
  z-index: auto !important;
}

/* 3. Price row: 22 px, price left, struck price after it, label - miles on the right (ellipsis). */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .ds-vehica-car-card__price {
  order: 3;
  display: flex;
  align-items: center;
  flex: none;
  height: 22px;
  margin: 0;
  padding: 0 12px;
  white-space: nowrap;
  min-width: 0;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__price {
  flex: none;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 800;
  color: #ff4d42; /* lifted brand red: 5.75:1 on #0f1116 (brand #dd221f is 3.9:1) */
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__oldprice {
  flex: none;
  margin: 0 0 0 6px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #9aa0aa;
  text-decoration: line-through;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__oldprice:empty {
  display: none;
}
/* Right side: [label] - [miles]. Numbers are never cut and no word is cut mid-way: the miles sit at the right
   edge and never shrink; when the label and miles do not both fit, the whole label (with its " - ") wraps onto a
   second line that the 22 px box hides, leaving "10,442 miles". Works at any card width with no breakpoints.
   (row-reverse + miles order -1: the miles are placed first, from the right; the label follows to their left.)
   Accepted (decision 9): with server-side "mi", whole labels drop only on the narrowest 3- and 2-column cards
   (measured Nov 6: 26 at 901 px and 26 at 600 px, 0 elsewhere); the miles always stay and nothing is cut. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__info {
  display: flex;
  flex-flow: row-reverse wrap; /* theme sets flex-flow: wrap */
  align-items: center;
  align-content: flex-start;
  height: 22px;
  max-height: 22px;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 0 0 auto;
  padding-left: 6px; /* minimum gap to the prices; 6 px (old price) + 6 px + .25em dots keep 16 more labels at 1024 */
  overflow: hidden !important; /* site CSS sets overflow: inherit !important */
  white-space: nowrap;
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
  color: #a7adb8;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__info__single,
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-card-label {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  white-space: nowrap;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__info__single {
  display: flex; /* flex strips the template's whitespace around the miles text, so the spacing below is exact */
  flex: none;
  order: -1;
}
/* Label: kept whole or dropped whole (see above). Ellipsis only as a last resort for a label with no miles. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-card-label {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Today's "/" before the miles goes; the row has its own spacing. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .vehica-car-card__info::before {
  content: none;
}
/* " - " only when both the label and miles are present; it belongs to the label, so it goes when the label goes. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-card-label:not(:last-child)::after {
  content: "\00B7";
  margin: 0 .25em;
}

/* Sold (Sold Bikes plugin markup): SOLD in white with the brand slash in the price spot; the sash sits under the fade. */
.vehica-inventory-v1__results__card .vehica-car-card-v2.onyx-sold-card .vehica-car-card__price {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: .08em;
  color: #fff;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2.onyx-sold-card .vehica-car-card__price::before {
  content: "";
  flex: none;
  width: 19px;
  height: 6px;
  margin-right: 7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 15.11'%3E%3Cg fill='%23ff4d42'%3E%3Cpolygon points='17 15.11 0 15.11 8.19 0 25.19 0'/%3E%3Cpolygon points='33.61 15.11 22.43 15.11 30.62 0 41.79 0'/%3E%3Cpolygon points='44.65 15.11 39.07 15.11 47.25 0 52.84 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
}

/* Name ticker (om-card-name-scroll.js). Two copies in one track, the second aria-hidden, each followed by 56 px.
   The 56 px below must equal GAP in om-card-name-scroll.js (it sets the duration); change both together. */
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-name-track {
  display: inline-flex;
  vertical-align: top;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-name--scroll {
  text-overflow: clip;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 28px), transparent);
  mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 28px), transparent);
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-name--scroll .om-name-copy {
  padding-right: 56px;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-name--scroll .om-name-track {
  animation: om-name-tick var(--om-dur, 15s) linear infinite paused;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2 .om-name--run .om-name-track {
  animation-play-state: running;
}
.vehica-inventory-v1__results__card .vehica-car-card-v2:hover .om-name--run .om-name-track,
.vehica-inventory-v1__results__card .vehica-car-card-v2:focus-within .om-name--run .om-name-track {
  animation-play-state: paused;
}
@keyframes om-name-tick {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .vehica-inventory-v1__results__card .vehica-car-card-v2 .om-name--scroll .om-name-track { animation: none; }
  .vehica-inventory-v1__results__card .vehica-car-card-v2 .om-name--scroll .om-name-copy + .om-name-copy { display: none; }
}


/* ===================================================================================================================
 * Related Units on unit pages (Kenny's pick, Nov 6: "Yes, one-line everywhere"). Vehica card_v1 inside the Related
 * Car Carousel widget (Swiper, loop off, 4 / 3 / 2 per view). Values from the approved render (related-render/build.py).
 * Card 12 px radius, padding 8px 0. Name 15/20 (small 13/17), photo margin 2px 0 5px, then:
 *   larger cards (>= 220 px): one 22 px row - price 18/800, struck 12/600, label - miles 12.5/600 on the right;
 *   small cards (< 220 px, the phone's 176 px): a 20 px price line (16/800, struck 12/600) and a 16 px line 12/600
 *   "Pre-owned - 30,011 mi". The switch is a container query on the card (container omrel), so it follows the
 *   card's own width at every viewport and carousel setting, with no JS.
 * !important on sizes and margins: the site's own Elementor CSS (post-11943) styles this widget through
 * div#inventory-related-units at <= 768 px (name 14/16, prices and miles 14 px, margins), which outranks classes.
 * That same CSS also makes the carousel a wrapped 2-column grid at <= 768 px (slides 50%), which is kept.
 * =================================================================================================================== */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 {
  container: omrel / inline-size;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__inner {
  --om-in: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  background: #0f1116 !important;
  border: 0;
  border-radius: 12px;
  padding: 8px 0;
  overflow: hidden;
  box-shadow: none;
}
/* The whole-card link overlay stays on top and covers the card exactly. */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card-link .vehica-car-card__image {
  display: none; /* the overlay's own padding box would otherwise set its height */
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__content {
  display: contents;
}
/* Name: one line, white; lighter year when the server wraps it. Ticker in om-card-name-scroll.js; ellipsis without JS. */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__name,
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1:hover .vehica-car-card__name {
  order: 1 !important;
  display: block;
  flex: none;
  height: 20px;
  margin: 0 !important;
  padding: 0 var(--om-in);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-transform: none;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-card-year {
  color: #a7adb8;
  font-weight: 600;
}
/* Photo: full card width, today's 66.8657% box (3:2, reserved before the image loads), no crop. */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__image-bg {
  order: 2 !important;
  flex: none;
  position: relative;
  margin: 2px 0 5px !important;
  padding: 0;
  border-radius: 0;
  background: #1b1e25;
}
/* The deep fade scaled to the photo: height 100/244 of the photo, stops 0 8 22 44 70 100 (of 100) as % of the fade.
   It paints over a Sold Bikes sash, as on search. */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__image-bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40.984%;
  pointer-events: none;
  background: linear-gradient(180deg, #0f1116ff 0%, #0f1116e0 8%, #0f1116a3 22%, #0f111657 44%, #0f11161c 70%, #0f111600 100%);
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 img.onyx-sold-sash {
  z-index: auto !important;
}
/* Price row (larger cards): one 22 px row. */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .ds-vehica-car-card__price {
  order: 3 !important;
  display: flex;
  align-items: baseline;
  flex: none;
  height: 22px;
  margin: 0 !important;
  padding: 0 var(--om-in);
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__price {
  flex: none;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 800;
  color: #ff4d42;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__oldprice {
  flex: none;
  margin: 0 0 0 6px !important;
  font-size: 12px !important;
  line-height: 22px !important;
  font-weight: 600;
  color: #a7adb8;
  text-decoration: line-through;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__oldprice:empty {
  display: none;
}
/* label - miles on the right; the miles never shrink; when both do not fit the whole label drops (as on search). */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__info {
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: center;
  align-content: flex-start;
  align-self: center;
  height: 22px;
  max-height: 22px;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 0 0 auto !important;
  padding: 0 0 0 8px;
  overflow: hidden !important;
  white-space: nowrap;
  font-size: 12.5px !important;
  line-height: 22px !important;
  font-weight: 600;
  color: #a7adb8;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__info::before {
  content: none;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__info__single,
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-card-label {
  display: block;
  margin: 0 !important;
  padding: 0;
  border: 0;
  background: none;
  font: inherit !important;
  color: inherit;
  white-space: nowrap;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__info__single {
  display: flex;
  flex: none;
  order: -1 !important;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-card-label {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-card-label:not(:last-child)::after {
  content: "\00B7";
  margin: 0 .25em !important;
}
/* Small cards (< 220 px wide): inset 10, name 13/17, a 20 px price line and a 16 px label - miles line (left). */
@container omrel (max-width: 219.98px) {
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__inner {
    --om-in: 10px;
  }
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__name,
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1:hover .vehica-car-card__name {
    height: 17px;
    font-size: 13px !important;
    line-height: 17px !important;
  }
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .ds-vehica-car-card__price {
    flex-wrap: wrap;
    align-items: flex-start; /* not baseline: a 16 px price + 12 px struck price would make line 1 taller than 20 px */
    align-content: flex-start;
    height: 36px;
  }
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__price {
    height: 20px;
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__oldprice {
    position: relative;
    top: 1px; /* matches the 16 px price's baseline without changing the line height */
    height: 20px;
    line-height: 20px !important;
  }
  /* Sold: no second line, so SOLD is centred in the 36 px block (card height unchanged). */
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1.onyx-sold-card .ds-vehica-car-card__price {
    align-content: center;
  }
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .vehica-car-card__info {
    flex: 0 0 100%;
    justify-content: flex-end; /* row-reverse: flex-end is the left edge */
    align-self: auto;
    height: 16px;
    max-height: 16px;
    margin: 0 !important;
    padding: 0;
    font-size: 12px !important;
    line-height: 16px !important;
  }
}
/* Sold (Sold Bikes markup, if it marks a Related card): SOLD in white with the brand slash in the price spot. */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1.onyx-sold-card .vehica-car-card__price {
  display: inline-flex;
  align-items: center;
  align-self: center;
  font-size: 16px !important;
  letter-spacing: .08em;
  color: #fff;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1.onyx-sold-card .vehica-car-card__price::before {
  content: "";
  flex: none;
  width: 19px;
  height: 6px;
  margin-right: 7px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 15.11'%3E%3Cg fill='%23ff4d42'%3E%3Cpolygon points='17 15.11 0 15.11 8.19 0 25.19 0'/%3E%3Cpolygon points='33.61 15.11 22.43 15.11 30.62 0 41.79 0'/%3E%3Cpolygon points='44.65 15.11 39.07 15.11 47.25 0 52.84 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
}
/* Ticker (om-card-name-scroll.js): 36 px gap, soft edges from the inset to 20 px before the right edge.
   The 36 px below must equal GAP_REL in om-card-name-scroll.js (it sets the duration); change both together. */
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-name-track {
  display: inline-flex;
  vertical-align: top;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-name--scroll {
  text-overflow: clip;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--om-in), #000 calc(100% - 20px), transparent);
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--om-in), #000 calc(100% - 20px), transparent);
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-name--scroll .om-name-copy {
  padding-right: 36px;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-name--scroll .om-name-track {
  animation: om-name-tick var(--om-dur, 15s) linear infinite paused;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-name--run .om-name-track {
  animation-play-state: running;
}
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1:hover .om-name--run .om-name-track,
.elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1:focus-within .om-name--run .om-name-track {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-name--scroll .om-name-track { animation: none; }
  .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-car-card-v1 .om-name--scroll .om-name-copy + .om-name-copy { display: none; }
}