.elementor-792 .elementor-element.elementor-element-6d0a721{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-b8d32b4 *//* ====== Single Vehicle (Dark Premium - Refined) ====== */

/* Design tokens (Dark) */
:root{
  --mr-max: 1160px;

  /* Base */
  --mr-text: rgba(255,255,255,.92);
  --mr-muted: rgba(255,255,255,.72);
  --mr-subtle: rgba(255,255,255,.56);

  /* Surfaces */
  --mr-surface: rgba(255,255,255,.06);    /* cards/buttons */
  --mr-surface-2: rgba(255,255,255,.04);  /* media/spec areas */
  --mr-surface-3: rgba(255,255,255,.08);  /* hover */

  /* Borders */
  --mr-border: rgba(255,255,255,.10);
  --mr-border-2: rgba(255,255,255,.16);

  /* Shadows (dark glow) */
  --mr-shadow-sm: 0 10px 24px rgba(0,0,0,.35);
  --mr-shadow-md: 0 18px 48px rgba(0,0,0,.45);
  --mr-shadow-lg: 0 26px 80px rgba(0,0,0,.55);

  /* Radius */
  --mr-radius-xl: 22px;
  --mr-radius-lg: 18px;
  --mr-radius-md: 14px;

  /* Spacing */
  --mr-gap: 18px;
  --mr-gap-lg: 28px;

  /* Brand */
  --mr-primary: #ffffff;
  --mr-primary-2: rgba(255,255,255,.86);

  /* Status colors */
  --mr-green: 34 197 94;
  --mr-red: 239 68 68;
  --mr-blue: 59 130 246;

  /* Focus ring */
  --mr-focus: 59 130 246;
}

.mr-single{
  max-width: var(--mr-max);
  margin: 0 auto;
  padding: 28px 16px 56px;
  color: var(--mr-text);
}

/* Hero */
.mr-hero{
  display:grid;
  grid-template-columns: 1fr 1.1fr;
  gap: var(--mr-gap-lg);
  align-items:start;
  margin-bottom: 22px;
}

.mr-kicker{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: var(--mr-subtle);
  margin:0 0 10px;
}

.mr-h1{
  margin:0 0 10px;
  font-size:44px;
  line-height:1.03;
  letter-spacing:-.03em;
  font-weight: 850;
  color: var(--mr-text);
}

.mr-subtitle{
  margin:0 0 14px;
  color: var(--mr-muted);
}

/* Badges */
.mr-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 10px 0 16px;
}

.mr-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 12px;
  border-radius:999px;
  font-size:12px;
  border: 1px solid var(--mr-border);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
  backdrop-filter: blur(8px);
}

.mr-badge-cat{ font-weight:800; }
.mr-badge-muted{ color: rgba(255,255,255,.72); }

/* Status badges (dark tuned) */
.mr-badge-status.is-available{
  background: rgb(var(--mr-green) / .12);
  border-color: rgb(var(--mr-green) / .30);
  color: rgb(134 239 172);
}

.mr-badge-status.is-unavailable{
  background: rgb(var(--mr-red) / .12);
  border-color: rgb(var(--mr-red) / .30);
  color: rgb(254 202 202);
}

.mr-badge-status.is-neutral{
  background: rgb(var(--mr-blue) / .12);
  border-color: rgb(var(--mr-blue) / .30);
  color: rgb(191 219 254);
}

/* Price */
.mr-price{
  margin: 14px 0 18px;
}

.mr-price__value{
  font-size:28px;
  font-weight:900;
  letter-spacing:-.02em;
  color: var(--mr-text);
}

.mr-price__note{
  margin-top:6px;
  font-size:13px;
  color: var(--mr-muted);
}

/* CTA Row */
.mr-ctaRow{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 12px;
}

/* Buttons */
.mr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 13px 18px;
  border-radius: 14px;
  font-weight: 800;
  text-decoration:none !important;
  border: 1px solid var(--mr-border);
  background: var(--mr-surface);
  color: var(--mr-text) !important;
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    background .14s ease,
    border-color .14s ease,
    filter .14s ease;
  will-change: transform;
}

.mr-btn:hover{
  transform: translateY(-1px);
  background: var(--mr-surface-3);
  box-shadow: var(--mr-shadow-md);
  border-color: var(--mr-border-2);
}

.mr-btn:active{
  transform: translateY(0px);
  filter: brightness(.98);
}

.mr-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgb(var(--mr-focus) / .22), var(--mr-shadow-sm);
  border-color: rgb(var(--mr-focus) / .55);
}

/* Primary button (light-on-dark) */
.mr-btn-primary{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86));
  color: #0b1220 !important;
  border-color: rgba(255,255,255,.55);
}

.mr-btn-primary:hover{
  box-shadow:
    0 18px 50px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.10) inset;
  border-color: rgba(255,255,255,.70);
}

/* Ghost */
.mr-btn-ghost{
  background: rgba(255,255,255,.08);
  color: var(--mr-text) !important;
}

/* Small note */
.mr-smallNote{
  margin: 12px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.62);
}

/* Media */
.mr-media{
  margin:0;
  border-radius: var(--mr-radius-xl);
  overflow:hidden;
  border: 1px solid var(--mr-border);
  background: rgba(255,255,255,.04);
  box-shadow: var(--mr-shadow-lg);
  aspect-ratio: 4 / 3;
  position: relative;
}

.mr-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1200px 420px at 20% 0%, rgba(255,255,255,.16), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.22));
}

.mr-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.01);
}

/* Grid + cards */
.mr-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mr-gap);
}

.mr-card{
  background: var(--mr-surface);
  border: 1px solid var(--mr-border);
  border-radius: var(--mr-radius-lg);
  padding: 18px;
  box-shadow: var(--mr-shadow-sm);
}

.mr-card--full{ grid-column: 1 / -1; }

.mr-h2{
  font-size:18px;
  margin:0 0 12px;
  letter-spacing:-.01em;
  font-weight: 850;
  color: var(--mr-text);
}

/* Specs */
.mr-specGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.mr-spec{
  padding: 12px;
  border-radius: var(--mr-radius-md);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.mr-spec__k{
  display:block;
  font-size:12px;
  color: rgba(255,255,255,.62);
  margin-bottom:6px;
}

.mr-spec__v{
  display:block;
  font-weight:800;
  color: rgba(255,255,255,.92);
}

/* Lists */
.mr-list{
  margin:0;
  padding-left: 18px;
  line-height: 1.85;
  color: rgba(255,255,255,.82);
}

.mr-muted{
  margin:0;
  color: var(--mr-muted);
}

/* Steps */
.mr-steps{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.mr-step{
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--mr-border);
  background: rgba(255,255,255,.03);
}

.mr-step__n{
  display:inline-flex;
  width:34px;
  height:34px;
  border-radius: 10px;
  align-items:center;
  justify-content:center;
  font-weight:900;
  background: rgba(255,255,255,.92);
  color:#0b1220;
  margin-bottom: 10px;
  font-size:12px;
}

.mr-step__t{
  font-weight:900;
  margin-bottom: 6px;
  letter-spacing:-.01em;
  color: var(--mr-text);
}

.mr-step__d{
  font-size:13px;
  color: rgba(255,255,255,.72);
  line-height:1.55;
}

/* Bottom CTA */
.mr-ctaBottom{
  grid-column: 1 / -1;
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin-top: 6px;
}

/* Empty */
.mr-emptybox{
  padding:16px;
  border:1px dashed rgba(255,255,255,.22);
  border-radius: var(--mr-radius-md);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.72);
}

/* Responsive */
@media (max-width: 980px){
  .mr-hero{ grid-template-columns: 1fr; }
  .mr-h1{ font-size:36px; }
  .mr-grid{ grid-template-columns: 1fr; }
  .mr-steps{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px){
  .mr-steps{ grid-template-columns: 1fr; }
  .mr-btn{ width:100%; }
}

/* Motion preferences */
@media (prefers-reduced-motion: reduce){
  .mr-btn{ transition: none; }
  .mr-btn:hover{ transform:none; }
}/* End custom CSS */