/* ===========================================================================
   S8 REDESIGN — 88 LAYOUT REBUILD V3 (final structural layer before overrides)
   Aggressive page recomposition scoped to .s8-*-v3 roots. Palette unchanged.
   =========================================================================== */

/* ============ GLOBAL V3 GEOMETRY: hard square (beats inline custom-css via specificity) ============ */
html body .btn, html body .btn-primary, html body .btn-outline,
html body .dag-btn, html body .cyp-btn, html body .hw-btn, html body .hw-card__cta,
html body .dag-about__btn, html body .ty-btn, html body .ty__btn, html body .contact-btn,
html body .privacy-contact-btn, html body .thankyou-btn--primary, html body .thankyou-btn--outline,
html body input[type=text], html body input[type=email], html body input[type=tel],
html body input[type=search], html body input[type=number], html body input[type=submit],
html body select, html body textarea, html body button,
html body .cyp-input, html body .cyp-select, html body .hw-input, html body .hw-select, html body .hw-textarea,
html body .dag-phone-prefix, html body .dag-phone-wrap input,
html body .cyp-card, html body .cyp-inv__card, html body .hw-card, html body .inventory-card,
html body .dag-specs-card, html body .dag-pricebox, html body .dag-lead, html body .dag-section,
html body .s8-panel, html body .cyp-inv__sidebar-card, html body .cyp-inv__sidebar-note,
html body .dag-about__card, html body .dag-about__teamCard, html body .dag-about__stat,
html body .c-contact-card, html body .c-contact__formCard, html body .c-contact-panel,
html body .fin-card, html body .fin-step, html body .fin-faq__item, html body .fin-hero__media,
html body .dag-ship__card, html body .dag-ship__step, html body .dag-ship__aside-card, html body .dag-ship__form,
html body .page-numbers, html body .cyp-pager .page-numbers,
html body .hw-hero__panel, html body .hw-news__card, html body .hw-info, html body .hw-hours,
html body .ty-card, html body .ty__card, html body .legal-note, html body .legal-toc__link,
html body .dag-gallery__stage, html body .dag-gallery__figure, html body .dag-thumb, html body .dag-thumb img,
html body .cyp-inv__media, html body .hw-card__media, html body .dag-nav, html body .dag-monthly {
  border-radius: 0 !important;
}
/* badges/chips: rectangular labels with gold spine (no pills) */
html body .cyp-badge, html body .hw-chip, html body .hw-pill, html body .s8-chip,
html body .dag-sold-badge, html body .cyp-inv__sold, html body .cyp-inv__price-badge,
html body .dag-discount-badge, html body .hw-badge, html body .hw-chip__count {
  border-radius: 0 !important;
  border-left: 3px solid var(--s8-accent) !important;
}
html body .dag-sold-badge, html body .cyp-inv__sold { border-left-color: #e03131 !important; }

/* ============ HOME V3: asymmetric hero + band + editorial grid + rail ============ */
.s8-home-v3 .hw-hero__grid.s8-hero-split {
  display: grid; grid-template-columns: 1.45fr .95fr; gap: 34px; align-items: stretch;
}
.s8-home-v3 .hw-hero__title {
  font-size: clamp(42px, 5.6vw, 76px);
  line-height: .98; letter-spacing: -.01em; text-transform: uppercase;
}
.s8-home-v3 .hw-kicker { color: var(--s8-accent); letter-spacing: .18em; }
.s8-home-v3 .hw-hero__panel {
  border: 1px solid var(--s8-border-strong) !important;
  border-top: 4px solid var(--s8-accent) !important;
  background: rgba(6, 7, 8, .92) !important;
  box-shadow: var(--s8-shadow-hero);
}
.s8-home-v3 .hw-pill { background: rgba(0, 0, 0, .5); border: 1px solid var(--s8-border-strong); }

/* trust band: black/gold horizontal strip */
.s8-home-v3 .s8-trust { background: #060708; border-top: 1px solid rgba(var(--s8-accent-rgb), .4); border-bottom: 1px solid rgba(var(--s8-accent-rgb), .4); }
.s8-home-v3 .s8-stat__k { font-size: 17px; }

/* editorial featured grid: first card LARGE */
.s8-home-v3 .hw-cards.s8-editorial {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
}
.s8-home-v3 .s8-editorial > article:first-child { grid-column: span 2; grid-row: span 2; }
.s8-home-v3 .s8-editorial > article:first-child .hw-card__media img { aspect-ratio: 16/10; }
.s8-home-v3 .s8-editorial > article:first-child .hw-card__title { font-size: 26px; }
.s8-home-v3 .hw-card__media img { width: 100%; height: auto; object-fit: cover; }

/* makes rail: sharp horizontal scroller */
.s8-home-v3 .hw-chips.s8-rail {
  display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0;
  border: 1px solid var(--s8-border); background: var(--s8-surface);
  scrollbar-width: thin;
}
.s8-home-v3 .s8-rail .hw-chips__item { flex: 0 0 auto; }
.s8-home-v3 .s8-rail .hw-chip {
  border: 0 !important; border-left: 1px solid var(--s8-border) !important; border-radius: 0 !important;
  padding: 14px 18px; background: transparent;
}
.s8-home-v3 .s8-rail .hw-chips__item:first-child .hw-chip { border-left: 0 !important; }
.s8-home-v3 .s8-rail .hw-chip:hover { background: rgba(var(--s8-accent-rgb), .1); }

/* why-us: angular cut panels */
.s8-home-v3 .s8-why .s8-feature {
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
  border-top: 2px solid var(--s8-accent) !important;
}

/* final conversion: contact form slab */
.s8-home-v3 .hw-contact__formCard {
  border: 1px solid var(--s8-border-strong); border-top: 4px solid var(--s8-accent);
  background: #0e1116; padding: 22px;
}

/* ============ INVENTORY V3: command center + horizontal marketplace cards ============ */
.s8-inventory-v3 .cyp-inv__hero-inner {
  background: #060708 !important;
  border: 1px solid var(--s8-border) !important; border-left: 4px solid var(--s8-accent) !important;
}
.s8-inventory-v3 .cyp-h1 { text-transform: uppercase; letter-spacing: .02em; font-size: clamp(30px, 4vw, 46px); }
.s8-inventory-v3 .cyp-label { color: var(--s8-accent) !important; letter-spacing: .1em; text-transform: uppercase; font-size: 11.5px; }
.s8-inventory-v3 .cyp-inv__sidebar-card { border-top: 3px solid var(--s8-accent) !important; }

/* cards -> horizontal spec-heavy rows on desktop */
.s8-inventory-v3 .cyp-inv__grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.s8-inventory-v3 .cyp-inv__card { display: grid; grid-template-columns: minmax(250px, 36%) 1fr; }
.s8-inventory-v3 .cyp-inv__media { height: 100%; min-height: 210px; }
.s8-inventory-v3 .cyp-inv__media img { width: 100%; height: 100%; object-fit: cover; }
.s8-inventory-v3 .cyp-inv__body { display: flex; flex-direction: column; padding: 16px 18px; }
.s8-inventory-v3 .cyp-inv__title { font-size: 22px; text-transform: uppercase; letter-spacing: .01em; }
.s8-inventory-v3 .cyp-inv__specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 14px; }
.s8-inventory-v3 .cyp-inv__specs div { border-left: 2px solid rgba(var(--s8-accent-rgb), .45); padding-left: 8px; }
.s8-inventory-v3 .cyp-inv__price {
  border-top: 1px solid var(--s8-border); margin-top: auto; padding-top: 10px;
  display: flex; align-items: baseline; gap: 10px;
}
.s8-inventory-v3 .cyp-inv__price-val, .s8-inventory-v3 .cyp-inv__price-now { font-size: 24px; color: var(--s8-accent) !important; }

/* ============ SINGLE V3: split detail + sticky gold price slab ============ */
.s8-single-v3 .dag-car__title { text-transform: uppercase; font-size: clamp(28px, 3.6vw, 46px); letter-spacing: -.005em; }
.s8-single-v3 .dag-pricebox {
  position: sticky; top: 14px;
  background: #060708 !important;
  border: 1px solid rgba(var(--s8-accent-rgb), .5) !important;
  border-left: 5px solid var(--s8-accent) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .5);
}
.s8-single-v3 .dag-price { font-size: 34px; color: var(--s8-accent) !important; }
.s8-single-v3 .dag-specs-card { border-top: 3px solid var(--s8-accent) !important; }
.s8-single-v3 .dag-lead { border: 1px solid var(--s8-border-strong) !important; border-top: 4px solid var(--s8-accent) !important; background: #0e1116 !important; }
.s8-single-v3 .s8-chip { background: #060708; }

/* ============ ABOUT V3: editorial typography + black bands ============ */
.s8-about-v3 .dag-about__title { font-size: clamp(38px, 5vw, 64px); text-transform: uppercase; line-height: 1.0; }
.s8-about-v3 .dag-about__kicker { letter-spacing: .2em; }
.s8-about-v3 .dag-about__section--alt { background: #060708 !important; }
.s8-about-v3 .dag-about__sectionHead h2, .s8-about-v3 .dag-about__h2 { text-transform: uppercase; letter-spacing: .01em; }
.s8-about-v3 .dag-about__stat { border-left: 3px solid var(--s8-accent) !important; }
.s8-about-v3 .s8-trust { background: #060708; }

/* ============ CONTACT V3: command page ============ */
.s8-contact-v3 .c-contact__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; align-items: start; }
.s8-contact-v3 .c-contact__formCard {
  border: 1px solid var(--s8-border-strong) !important;
  border-top: 4px solid var(--s8-accent) !important;
  border-left: 4px solid var(--s8-accent) !important;
  background: #0e1116 !important;
}
.s8-contact-v3 .c-contact-card { border-left: 3px solid var(--s8-accent) !important; }
.s8-contact-v3 .c-contact-map iframe { filter: grayscale(.2) contrast(1.05); }

/* ============ generic V3 section headers ============ */
.s8-max .hw-h2, .s8-max .cyp-h1 { font-family: var(--font-head, "Antonio", sans-serif); }

@media (max-width: 1024px) {
  .s8-home-v3 .hw-hero__grid.s8-hero-split { grid-template-columns: 1fr; }
  .s8-home-v3 .s8-editorial { grid-template-columns: 1fr 1fr; }
  .s8-home-v3 .s8-editorial > article:first-child { grid-column: span 2; grid-row: auto; }
  .s8-contact-v3 .c-contact__grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .s8-inventory-v3 .cyp-inv__card { grid-template-columns: 1fr; }
  .s8-inventory-v3 .cyp-inv__media { min-height: 0; }
  .s8-inventory-v3 .cyp-inv__specs { grid-template-columns: 1fr 1fr; }
  .s8-single-v3 .dag-pricebox { position: static; }
}
@media (max-width: 640px) {
  .s8-home-v3 .s8-editorial { grid-template-columns: 1fr; }
  .s8-home-v3 .s8-editorial > article:first-child { grid-column: auto; }
}
/* === S8 V3.1 INTERACTIVE PICKS (home hero-car / cmdbar / stats / rail / tiles) === */

/* hero featured-car panel */
.s8-home-v3 .s8-herocar-v3 { display: flex; flex-direction: column; gap: 10px; padding: 16px; }
.s8-herocar-v3__k {
  color: var(--s8-accent);
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
}
.s8-herocar-v3__media { display: block; border: 1px solid var(--s8-border); }
.s8-herocar-v3__media img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; }
.s8-herocar-v3__t {
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: 21px; letter-spacing: .01em; text-transform: uppercase; color: var(--s8-text);
}
.s8-herocar-v3__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.s8-herocar-v3__price { font-family: var(--font-price, "Manrope", sans-serif); font-weight: 800; font-size: 24px; color: var(--s8-accent); }

/* search command bar under hero */
.s8-cmdbar-v3 { background: #060708; border-top: 1px solid rgba(var(--s8-accent-rgb), .45); border-bottom: 1px solid var(--s8-border); }
.s8-cmdbar-v3__row { display: flex; align-items: center; gap: 18px; padding: 12px 16px; flex-wrap: wrap; }
.s8-cmdbar-v3__k {
  color: var(--s8-accent);
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
}
.s8-cmdbar-v3 .hw-search { display: flex; flex: 1; min-width: 260px; gap: 0; }
.s8-cmdbar-v3 .hw-search input[type=search] {
  flex: 1; background: rgba(255, 255, 255, .05) !important;
  border: 1px solid var(--s8-border-strong) !important; border-right: 0 !important;
  color: var(--s8-text) !important; min-height: 44px; padding: 0 14px;
}
.s8-cmdbar-v3 .hw-search .hw-btn { min-height: 44px; }
.s8-cmdbar-v3__hint { color: var(--s8-muted); font-size: 12px; white-space: nowrap; }

/* stats band (numbers) */
.s8-stats-v3 .s8-stat--num { align-items: flex-start; gap: 2px; }
.s8-stat__n {
  color: var(--s8-accent);
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: clamp(26px, 3vw, 38px); line-height: 1; letter-spacing: .01em;
}
.s8-stats-v3 .s8-stat__v { color: var(--s8-muted); letter-spacing: .08em; text-transform: uppercase; font-size: 11.5px; }

/* featured scroll-rail */
.s8-home-v3 .hw-cards.s8-railcards-v3 {
  display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 14px;
  scroll-snap-type: x mandatory; padding-bottom: 10px;
  scrollbar-width: thin; scrollbar-color: var(--s8-accent) var(--s8-surface);
}
.s8-home-v3 .s8-railcards-v3 > article { flex: 0 0 320px; scroll-snap-align: start; }
.s8-home-v3 .s8-railcards-v3 .hw-card__media img { aspect-ratio: 16/10; width: 100%; object-fit: cover; }

/* brand tiles */
.s8-home-v3 .hw-chips.s8-brandtiles-v3 {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;
}
.s8-home-v3 .s8-brandtiles-v3 .hw-chip {
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
  border: 1px solid var(--s8-border) !important; border-top: 2px solid var(--s8-accent) !important;
  background: var(--s8-surface); padding: 14px; border-radius: 0 !important;
}
.s8-home-v3 .s8-brandtiles-v3 .hw-chip:hover { background: rgba(var(--s8-accent-rgb), .1); }
.s8-home-v3 .s8-brandtiles-v3 .hw-chip__label {
  font-family: var(--font-head, "Antonio", sans-serif);
  text-transform: uppercase; letter-spacing: .05em; font-size: 15px;
}
.s8-home-v3 .s8-brandtiles-v3 .hw-chip__count { background: transparent; border: 0 !important; color: var(--s8-muted); padding: 0; }

@media (max-width: 700px) {
  .s8-cmdbar-v3__hint { display: none; }
  .s8-home-v3 .s8-railcards-v3 > article { flex-basis: 270px; }
}
/* === /S8 V3.1 INTERACTIVE PICKS === */
/* === S8 V3.2 POLISH (rhythm / section bands / brands emphasis / header inv btn / panels) === */

/* tighter vertical rhythm on home: no dead voids */
.s8-home-v3 .s8-section { padding: clamp(32px, 4.2vw, 54px) 0; }
.s8-home-v3 .hw-scroll { display: none; }
.s8-home-v3 .hw-section__head { margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid rgba(var(--s8-accent-rgb), .45); }

/* alternating section bands: clear separation instead of text mush */
.s8-home-v3 .s8-split { background: #0b0d10; border-top: 1px solid var(--s8-border); }
.s8-home-v3 .s8-featured { background: #0e1116; border-top: 1px solid rgba(var(--s8-accent-rgb), .35); border-bottom: 1px solid var(--s8-border); }
.s8-home-v3 .s8-why { background: #0b0d10; }
.s8-home-v3 .s8-contact { background: #0e1116; border-top: 1px solid rgba(var(--s8-accent-rgb), .3); }

/* BRANDS: own dark band, gold rails, contrasting tiles */
.s8-home-v3 .s8-makes {
  background: #060708;
  border-top: 2px solid rgba(var(--s8-accent-rgb), .5);
  border-bottom: 2px solid rgba(var(--s8-accent-rgb), .5);
  padding: clamp(30px, 4vw, 48px) 0;
}
.s8-home-v3 .s8-makes .hw-section__head { border-bottom: 0; padding-bottom: 0; }
.s8-home-v3 .s8-brandtiles-v3 .hw-chip { background: #11151b; border-color: rgba(244, 241, 232, .18) !important; }
.s8-home-v3 .s8-brandtiles-v3 .hw-chip:hover { background: rgba(var(--s8-accent-rgb), .14); }

/* contact aside: info/hours become bordered panels (no floating text) */
.s8-home-v3 .hw-info, .s8-home-v3 .hw-hours {
  border: 1px solid var(--s8-border);
  border-left: 3px solid var(--s8-accent);
  background: #0b0d11;
  padding: 16px 18px;
}
.s8-home-v3 .hw-hours { margin-top: 14px; }
.s8-home-v3 .hw-info__k, .s8-home-v3 .hw-hours__title { color: var(--s8-accent); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-family: var(--font-head, "Antonio", sans-serif); }

/* newsletter band: tighter, slab card */
.s8-home-v3 .s8-news { padding: clamp(34px, 4.5vw, 56px) 0; }
.s8-home-v3 .hw-news__card { background: rgba(6, 7, 8, .92) !important; }

/* container safety: every v3 block gets side padding + max width */
.s8-max .container { max-width: var(--s8-container); margin-left: auto; margin-right: auto; padding-left: 18px; padding-right: 18px; }
.s8-cmdbar-v3__row, .s8-trust__row { max-width: var(--s8-container); margin-left: auto; margin-right: auto; padding-left: 18px; padding-right: 18px; }
.s8-footer-v3__inner { padding-left: 18px; padding-right: 18px; }

/* HEADER: hide search loupe + legacy action button; highlighted VIEW INVENTORY */
.s8-header-v3 .search-menu-buttons,
.s8-header-v3 .wpdevart-search-button-icon-mobile,
.s8-header-v3 #wpdevartwidesearchbutton,
.s8-header-v3 #wpdevartsmallsearchbutton,
.s8-header-v3 .header-action-button-area-layoutthree { display: none !important; }
.s8-cta-btn--inv {
  min-height: 42px !important; padding: 0 24px !important; font-size: 13px !important;
  box-shadow: 0 0 0 1px rgba(var(--s8-accent-rgb), .6), 0 8px 20px rgba(var(--s8-accent-rgb), .25) !important;
}
.s8-cta-btn--inv:hover { transform: translateY(-1px); }
.s8-hcmd-v3 { gap: 10px; }
.s8-hcmd-v3 .s8-cta-btn--ghost { border: 1px solid var(--s8-border-strong); }
@media (max-width: 1024px) { .s8-hcmd-v3 { display: inline-flex; } .s8-hcmd-v3 .s8-cta-btn--ghost { display: none; } }
/* === /S8 V3.2 POLISH === */
/* === S8 V3.3 LAYOUT FIXES (kill diagonal voids / header balance / topbar split / footer container) === */

/* ---------- TOPBAR: centered status group, separated items, CTA pinned right ---------- */
.s8-topbar-v3--status .s8-topbar-v3__inner {
  max-width: 1280px;
  justify-content: center;
  position: relative;
  padding: 0 190px;
}
.s8-topbar-v3__spacer { display: none; }
.s8-topbar-v3__live { padding: 0 20px; border-right: 1px solid var(--s8-border); }
.s8-topbar-v3__flag { padding: 0 20px; border-left: 0; border-right: 1px solid var(--s8-border); }
.s8-topbar-v3__flag:last-of-type { border-right: 0; }
.s8-topbar-v3 .s8-header-cta-v3 { position: absolute; right: 12px; top: 0; bottom: 0; }
.s8-topbar-v3 .s8-cta-btn--gold { background: var(--s8-accent) !important; color: #0b0d10 !important; }

/* ---------- HEADER: flex balance  [brand | nav centered | command right]  ---------- */
@media (min-width: 1025px) {
  .s8-header-v3 {
    display: flex !important;
    align-items: center;
    gap: 26px;
    max-width: 1280px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px 20px !important;
  }
  .s8-header-v3 > .s8-header-brand-v3 {
    order: 1; flex: 0 0 auto;
    float: none !important; width: auto !important; margin: 0 !important;
  }
  .s8-header-v3 > .s8-header-nav-v3 {
    order: 2; flex: 1 1 auto;
    display: flex !important; justify-content: center;
    float: none !important; width: auto !important;
  }
  .s8-header-v3 > .s8-header-nav-v3 nav { float: none !important; }
  .s8-header-v3 > .s8-header-nav-v3 ul { display: flex; flex-wrap: nowrap; gap: 4px; align-items: center; }
  .s8-header-v3 > .wpdevart-search-and-button-container-layoutthree {
    order: 3; flex: 0 0 auto;
    display: flex !important; align-items: center; gap: 12px;
    float: none !important; width: auto !important;
  }
}

/* ---------- HERO: single column (no left/right voids) ---------- */
.s8-home-v3 .hw-hero__grid.s8-hero-split {
  display: flex !important;
  flex-direction: column;
  gap: 30px;
  align-items: stretch;
}
.s8-home-v3 .hw-hero__content { max-width: 880px; }

/* JUST ARRIVED -> full-width horizontal slab (media left / info right) */
.s8-home-v3 .s8-herocar-v3 {
  display: grid !important;
  grid-template-columns: minmax(300px, 420px) 1fr;
  grid-template-areas: "media k" "media t" "media row";
  gap: 0;
  padding: 0 !important;
  width: 100%;
  align-items: start;
}
.s8-home-v3 .s8-herocar-v3 .s8-herocar-v3__media { grid-area: media; border: 0; border-right: 1px solid var(--s8-border); height: 100%; }
.s8-home-v3 .s8-herocar-v3 .s8-herocar-v3__media img { width: 100%; height: 100%; min-height: 250px; aspect-ratio: auto; object-fit: cover; }
.s8-home-v3 .s8-herocar-v3 .s8-herocar-v3__k { grid-area: k; padding: 20px 22px 0; }
.s8-home-v3 .s8-herocar-v3 .s8-herocar-v3__t { grid-area: t; padding: 8px 22px 0; font-size: 26px; }
.s8-home-v3 .s8-herocar-v3 .s8-herocar-v3__row { grid-area: row; padding: 14px 22px 20px; align-self: end; }

/* ---------- ABOUT SPLIT: stacked full-width (no staggered voids) ---------- */
.s8-home-v3 .hw-split__grid {
  display: flex !important;
  flex-direction: column;
  gap: 26px;
}
.s8-home-v3 .hw-split__copy { max-width: 880px; }
.s8-home-v3 .hw-split__media { max-width: 100%; margin: 0; }
.s8-home-v3 .hw-split__media img { width: 100%; max-height: 440px; object-fit: cover; display: block; }

/* ---------- FEATURED RAIL: hide scrollbar (auto-carousel keeps running) ---------- */
.s8-home-v3 .hw-cards.s8-railcards-v3 { scrollbar-width: none !important; -ms-overflow-style: none; padding-bottom: 0; }
.s8-home-v3 .hw-cards.s8-railcards-v3::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* ---------- FOOTER: hard container + breathing room ---------- */
html body .s8-footer-v3__inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.s8-footer-v3--control .s8-footer-v3__brandrow { padding: 36px 0 22px; }
.s8-footer-v3--control .s8-footer-grid-v3 { gap: 16px; padding-top: 24px; padding-bottom: 36px; }
.s8-fpanel { padding: 20px 22px; }

@media (max-width: 900px) {
  .s8-topbar-v3--status .s8-topbar-v3__inner { padding: 0 12px; justify-content: flex-start; }
  .s8-topbar-v3 .s8-header-cta-v3 { position: static; margin-left: auto; }
  .s8-home-v3 .s8-herocar-v3 { grid-template-columns: 1fr; grid-template-areas: "media" "k" "t" "row"; }
  .s8-home-v3 .s8-herocar-v3 .s8-herocar-v3__media { border-right: 0; border-bottom: 1px solid var(--s8-border); }
}
/* === /S8 V3.3 LAYOUT FIXES === */
/* === S8 V3.3b: header inner order (logo is INSIDE nav container) + herocar centering === */
@media (min-width: 1025px) {
  .s8-header-v3 > .s8-header-nav-v3 {
    display: flex !important; align-items: center; gap: 36px;
    justify-content: flex-start;
  }
  .s8-header-v3 .s8-header-nav-v3 .s8-header-brand-v3 { order: 1; flex: 0 0 auto; margin: 0 !important; }
  .s8-header-v3 .s8-header-nav-v3 nav.s8-mobile-nav-v3 { order: 2; flex: 1 1 auto; display: flex !important; justify-content: center; float: none !important; }
  .s8-header-v3 .s8-header-nav-v3 nav.s8-mobile-nav-v3 ul { display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; }
  .s8-header-v3 .s8-header-nav-v3 nav.s8-mobile-nav-v3 li > a { white-space: nowrap; }
  .s8-header-v3 .s8-header-nav-v3 .header-woo-account-icon-mobile,
  .s8-header-v3 .s8-header-nav-v3 .wpdevart-search-button-icon-mobile,
  .s8-header-v3 .s8-header-nav-v3 .header-action-button-mobile-area-layoutthree { display: none !important; }
}
.s8-home-v3 .s8-herocar-v3 { align-content: center; }
.s8-home-v3 .s8-herocar-v3 .s8-herocar-v3__row { align-self: auto; }
/* === /V3.3b === */
/* === V3.3c: pin header CTA to right edge; tighten herocar rows === */
@media (min-width: 1025px) {
  .s8-header-v3 > .wpdevart-search-and-button-container-layoutthree { margin-left: auto !important; }
}
.s8-home-v3 .s8-herocar-v3 { grid-auto-rows: min-content; align-content: center; }
/* === S8 V3.4: DUO media block (showroom + live car) === */
.s8-duo-v3 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.s8-duo-v3__item { position: relative; margin: 0; border: 1px solid var(--s8-border); background: #0b0d11; overflow: hidden; }
.s8-duo-v3__item img { width: 100%; height: 330px; object-fit: cover; display: block; transition: transform .35s var(--ease-out, ease); }
.s8-duo-v3__item:hover img { transform: scale(1.03); }
.s8-duo-v3__cap {
  position: absolute; left: 0; bottom: 14px;
  background: rgba(6, 7, 8, .92);
  border-left: 3px solid var(--s8-accent);
  padding: 10px 16px;
  color: var(--s8-text);
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: 13px; letter-spacing: .08em; text-transform: uppercase;
  max-width: calc(100% - 24px);
}
.s8-duo-v3__cap a { color: var(--s8-text); text-decoration: none; }
.s8-duo-v3__cap a:hover { color: var(--s8-accent); }
.s8-duo-v3__price { color: var(--s8-accent); }
.s8-duo-v3__item--live { border-color: rgba(var(--s8-accent-rgb), .45); }
@media (max-width: 820px) {
  .s8-duo-v3 { grid-template-columns: 1fr; }
  .s8-duo-v3__item img { height: 240px; }
}
/* === /S8 V3.4 === */
/* === S8 V3.5: header adapts to IMAGE logo — true-center brand, side breathing room === */
@media (min-width: 1025px) {
  /* dissolve inner container so nav/brand become direct flex items of the header */
  .s8-header-v3 > .s8-header-nav-v3 { display: contents !important; }
  .s8-header-v3 nav.s8-mobile-nav-v3 {
    order: 1 !important; flex: 1 1 0 !important;
    display: flex !important; justify-content: flex-start !important; margin: 0 !important;
  }
  .s8-header-v3 .s8-header-brand-v3 {
    order: 2 !important; flex: 0 0 auto !important;
    margin: 0 clamp(28px, 4vw, 64px) !important;
    text-align: center;
  }
  .s8-header-v3 > .wpdevart-search-and-button-container-layoutthree {
    order: 3 !important; flex: 1 1 0 !important;
    justify-content: flex-end !important; margin-left: 0 !important;
  }
}
/* image logo: centered with side air; SIZE IS CUSTOMIZER-DRIVEN.
   :where() = zero specificity -> theme inline css (logo max height mod) always wins;
   these only act as defaults when no Customizer value applies. */
:where(.s8-header-brand-v3) img, :where(.s8-header-brand-v3) .custom-logo {
  max-height: 90px;
}
.s8-header-brand-v3 img, .s8-header-brand-v3 .custom-logo {
  width: auto; height: auto;
  max-width: 100%;
  object-fit: contain;
  display: block; margin: 0 auto;
}
.s8-header-brand-v3 { max-width: clamp(220px, 34vw, 600px); } /* width guard keeps side air */
.s8-header-brand-v3 h1, .s8-header-brand-v3 h2 { margin: 0 !important; display: flex; justify-content: center; }
.s8-header-brand-v3 a { display: inline-flex; }
.s8-header-brand-v3::after { text-align: center; }
@media (max-width: 1024px) {
  :where(.s8-header-brand-v3) img, :where(.s8-header-brand-v3) .custom-logo { max-height: 54px; }
  .s8-header-brand-v3 { max-width: 70vw; }
}
/* === /V3.5 === */
/* === S8 V3.6: cmdbar removed; stats band = solid centered 4-col; gallery controls contrast === */
.s8-home-v3 .s8-stats-v3 { border-top: 2px solid rgba(212, 175, 55, .5); }
.s8-home-v3 .s8-stats-v3__row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch;
  text-align: center;
}
.s8-home-v3 .s8-stats-v3 .s8-stat {
  align-items: center !important;
  justify-content: center;
  border-left: 1px solid var(--s8-border);
  border-top: 0 !important;
  padding: 24px 12px;
  gap: 6px;
}
.s8-home-v3 .s8-stats-v3 .s8-stat:first-child { border-left: 0; }
@media (max-width: 760px) {
  .s8-home-v3 .s8-stats-v3__row { grid-template-columns: 1fr 1fr !important; }
  .s8-home-v3 .s8-stats-v3 .s8-stat:nth-child(odd) { border-left: 0; }
  .s8-home-v3 .s8-stats-v3 .s8-stat:nth-child(n+3) { border-top: 1px solid var(--s8-border) !important; }
}

/* gallery controls: arrows/open/close visible on any photo */
.s8-single-v3 .dag-nav {
  background: rgba(10, 12, 15, .85) !important;
  color: #f4f1e8 !important;
  border: 1px solid rgba(212, 175, 55, .55) !important;
}
.s8-single-v3 .dag-nav:hover { background: #d4af37 !important; color: #0b0d10 !important; }
.s8-single-v3 .dag-thumb.is-active { border: 2px solid #d4af37 !important; }
.s8-single-v3 .dag-gallery__open {
  background: rgba(6, 7, 8, .85) !important;
  color: #f4f1e8 !important;
  border: 1px solid rgba(212, 175, 55, .5) !important;
}
.dag-lightbox__nav, .dag-lightbox__close {
  background: rgba(10, 12, 15, .7) !important;
  color: #fff !important;
  border: 1px solid rgba(212, 175, 55, .5) !important;
}
.dag-lightbox__nav:hover, .dag-lightbox__close:hover { background: #d4af37 !important; color: #0b0d10 !important; }
/* === /V3.6 === */
/* === V3.6b: clearfix ::before/::after become anonymous grid items inside .container grids — kill them === */
.s8-home-v3 .s8-stats-v3__row::before, .s8-home-v3 .s8-stats-v3__row::after,
.s8-home-v3 .s8-trust__row::before, .s8-home-v3 .s8-trust__row::after,
.s8-max .container.s8-trust__row::before, .s8-max .container.s8-trust__row::after {
  content: none !important;
  display: none !important;
}
/* === /V3.6b === */
/* === S8 V3.7 MOBILE HEADER: single row [logo | view-inventory | burger], no dupes === */
.wpdevart-search-button-icon-mobile { display: none !important; }
.s8-header-v3 .header-action-button-mobile-area-layoutthree,
.s8-header-v3 > .header-action-button-mobile-area-layoutthree { display: none !important; }

@media (max-width: 1024px) {
  .s8-header-v3 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
    padding: 8px 12px !important;
    position: relative;
  }
  .s8-header-v3 > .s8-header-nav-v3 {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    float: none !important; width: auto !important;
  }
  .s8-header-nav-v3 .s8-header-brand-v3 { order: 1; flex: 0 1 auto; min-width: 0; margin: 0 !important; }
  .s8-header-nav-v3 nav.s8-mobile-nav-v3 {
    order: 3; margin-left: auto; flex: 0 0 auto;
    width: auto !important; min-width: 0 !important;
    background: transparent !important; border: 0 !important;
    position: static !important;
  }
  .s8-mobile-nav-v3 #head-mobile { width: auto !important; background: transparent !important; padding: 0 !important; }
  /* dropdown panel: full-width under the header */
  #wpdevartmobilemenu > ul {
    position: absolute !important;
    left: 0 !important; right: 0 !important; top: 100% !important;
    width: 100% !important;
    z-index: 999;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .55);
  }
  /* single CTA: keep our VIEW INVENTORY compact in-row */
  .s8-header-v3 > .wpdevart-search-and-button-container-layoutthree {
    display: flex !important; order: 2; flex: 0 0 auto;
    width: auto !important; float: none !important; margin: 0 !important;
  }
  .s8-hcmd-v3 { display: inline-flex !important; }
  .s8-hcmd-v3 .s8-cta-btn--inv { min-height: 34px !important; padding: 0 12px !important; font-size: 11px !important; box-shadow: none !important; }
  .s8-hcmd-v3 .s8-cta-btn--ghost { display: none !important; }
}
@media (max-width: 760px) {
  .s8-topbar-v3__flag { display: none !important; }
  .s8-topbar-v3--status .s8-topbar-v3__inner { padding: 0 10px; }
}
@media (max-width: 420px) {
  .s8-hcmd-v3 .s8-cta-btn--inv { padding: 0 9px !important; font-size: 10px !important; }
}
/* === /V3.7 === */
/* === V3.7b: mobile header = strict grid [logo 1fr | CTA | burger] === */
@media (max-width: 1024px) {
  .s8-header-v3 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    column-gap: 10px;
  }
  .s8-header-v3 > .s8-header-nav-v3 { display: contents !important; }
  .s8-header-v3 .s8-header-brand-v3 {
    grid-column: 1; grid-row: 1;
    justify-self: start;
    float: none !important; width: auto !important; max-width: 100%;
  }
  .s8-header-v3 .s8-header-brand-v3 img { max-width: min(56vw, 240px) !important; }
  .s8-header-v3 > .wpdevart-search-and-button-container-layoutthree { grid-column: 2; grid-row: 1; }
  .s8-header-v3 .s8-header-nav-v3 nav.s8-mobile-nav-v3,
  .s8-header-v3 nav.s8-mobile-nav-v3 {
    grid-column: 3; grid-row: 1;
    margin: 0 !important;
    display: block !important;
    float: none !important;
  }
}
/* === /V3.7b === */
/* === V3.7c: dropdown panel solid bg (was killed by my nav transparent); centered logo/CTA stack === */
@media (max-width: 1024px) {
  #wpdevartmobilemenu > ul {
    background: #0e1116 !important;
    border-top: 2px solid #d4af37 !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .6) !important;
  }
  #wpdevartmobilemenu > ul li { background: #0e1116 !important; }
  #wpdevartmobilemenu > ul li > a { display: block; padding: 13px 18px !important; }
  .s8-header-v3 .s8-header-brand-v3 { justify-self: center; margin: 0 auto !important; }
  .s8-header-v3 > .wpdevart-search-and-button-container-layoutthree { justify-content: center !important; margin: 2px auto 0 !important; }
}
/* === /V3.7c === */
/* === S8 V3.8 MOBILE GALLERY + LIGHTBOX === */
@media (max-width: 760px) {
  /* --- main gallery: arrows inside, controls become a bar UNDER the photo --- */
  .s8-single-v3 .dag-gallery__stage { position: relative; overflow: hidden; }
  .s8-single-v3 .dag-nav {
    width: 38px !important; height: 38px !important;
    top: 50% !important; transform: translateY(-50%) !important;
    position: absolute !important; z-index: 5;
  }
  .s8-single-v3 .dag-nav--prev { left: 8px !important; right: auto !important; }
  .s8-single-v3 .dag-nav--next { right: 8px !important; left: auto !important; }
  .s8-single-v3 .dag-gallery__caption {
    position: static !important; inset: auto !important; transform: none !important;
    display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
    background: #0e1116 !important;
    border: 1px solid var(--s8-border); border-top: 0;
    padding: 9px 12px !important; margin: 0 !important;
    width: auto !important;
  }
  .s8-single-v3 .dag-gallery__open {
    position: static !important; background: transparent !important; border: 0 !important;
    color: #d4af37 !important; padding: 0 !important;
    font-family: var(--font-head, "Antonio", sans-serif);
    font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase;
  }
  .s8-single-v3 .dag-gallery__counter {
    position: static !important; background: transparent !important; border: 0 !important;
    color: var(--s8-muted) !important; font-size: 12.5px; padding: 0 !important;
  }
  /* thumbs: snap-scroll row, uniform tiles */
  .s8-single-v3 .dag-thumbs {
    display: flex !important; flex-wrap: nowrap !important; overflow-x: auto;
    gap: 8px; padding: 10px 2px; scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .s8-single-v3 .dag-thumbs::-webkit-scrollbar { display: none; }
  .s8-single-v3 .dag-thumb { flex: 0 0 76px; width: 76px !important; height: 56px !important; scroll-snap-align: start; }
  .s8-single-v3 .dag-thumb img { width: 100%; height: 100%; object-fit: cover; }

  /* --- lightbox: true fullscreen, opaque, big touch controls --- */
  .dag-lightbox__backdrop { background: rgba(4, 5, 7, .97) !important; }
  .dag-lightbox__dialog {
    width: 100vw !important; max-width: 100vw !important;
    height: 100dvh !important; max-height: 100dvh !important;
    margin: 0 !important; padding: 0 !important;
    display: flex !important; align-items: center; justify-content: center;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  .dag-lightbox__img {
    max-width: 100vw !important; max-height: 80dvh !important;
    width: auto !important; height: auto !important; object-fit: contain;
    border: 0 !important;
  }
  .dag-lightbox__nav {
    position: fixed !important; top: 50% !important; transform: translateY(-50%) !important;
    width: 44px !important; height: 56px !important; z-index: 10;
    font-size: 22px;
  }
  .dag-lightbox__nav--prev { left: 6px !important; right: auto !important; }
  .dag-lightbox__nav--next { right: 6px !important; left: auto !important; }
  .dag-lightbox__close {
    position: fixed !important; top: 10px !important; right: 10px !important;
    width: 44px !important; height: 44px !important; z-index: 11;
  }
  .dag-lightbox__counter {
    position: fixed !important; top: auto !important; bottom: 14px !important;
    left: 50% !important; right: auto !important; transform: translateX(-50%) !important;
    background: #0e1116 !important; border: 1px solid rgba(212, 175, 55, .5) !important;
    color: #f4f1e8 !important; padding: 6px 16px !important; z-index: 10;
  }
  .dag-sold-badge--lb { position: fixed !important; top: 10px !important; left: 10px !important; z-index: 11; }
}
/* === /V3.8 === */
/* === V3.8b: dialog transform created a containing block for fixed nav -> reset;
   figure was flex-row squeezing the caption into a vertical strip -> column === */
@media (max-width: 760px) {
  .s8-single-v3 .dag-gallery__figure {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
  }
  .s8-single-v3 .dag-gallery__figure img { order: 1; }
  .s8-single-v3 .dag-gallery__caption { order: 2; width: 100% !important; }

  .dag-lightbox[aria-hidden="false"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .dag-lightbox__dialog {
    position: static !important;
    top: auto !important; left: auto !important;
    transform: none !important;
  }
}
/* === /V3.8b === */
/* === V3.8c: parent uses #dag-lightbox ID-specificity -> out-rank it === */
@media (max-width: 760px) {
  html body #dag-lightbox .dag-lightbox__dialog {
    width: 100vw !important; max-width: 100vw !important;
    height: 100dvh !important; max-height: 100dvh !important;
    position: static !important; transform: none !important;
    margin: 0 !important; padding: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  html body #dag-lightbox .dag-lightbox__img {
    max-width: 100vw !important; max-height: 80dvh !important;
    width: auto !important; height: auto !important;
  }
  html body #dag-lightbox .dag-lightbox__nav {
    position: fixed !important; top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 44px !important; height: 58px !important; z-index: 12 !important;
  }
  html body #dag-lightbox .dag-lightbox__nav--prev { left: 6px !important; right: auto !important; }
  html body #dag-lightbox .dag-lightbox__nav--next { right: 6px !important; left: auto !important; }
  html body #dag-lightbox .dag-lightbox__close {
    position: fixed !important; top: 10px !important; right: 10px !important; left: auto !important;
    transform: none !important; margin: 0 !important;
    width: 44px !important; height: 44px !important; z-index: 13 !important;
  }
  html body #dag-lightbox .dag-lightbox__counter {
    position: fixed !important; top: auto !important; bottom: 14px !important;
    left: 50% !important; right: auto !important; transform: translateX(-50%) !important;
    background: #0e1116 !important; border: 1px solid rgba(212, 175, 55, .5) !important;
    color: #f4f1e8 !important; padding: 6px 16px !important; z-index: 12 !important;
  }
  html body #dag-lightbox .dag-sold-badge--lb { position: fixed !important; top: 10px !important; left: 10px !important; z-index: 13 !important; }
  html body #dag-lightbox .dag-lightbox__backdrop { background: rgba(4, 5, 7, .97) !important; }
}
/* === /V3.8c === */
/* === V3.8e: "View full screen" must read as a BUTTON (was dim gold text) === */
@media (max-width: 760px) {
  html body .s8-single-v3 .dag-gallery__open {
    background: #d4af37 !important;
    color: #0b0d10 !important;
    border: 0 !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    letter-spacing: .08em;
    line-height: 1 !important;
  }
  html body .s8-single-v3 .dag-gallery__open:active { background: #e2c55c !important; }
  html body .s8-single-v3 .dag-gallery__counter {
    color: #f4f1e8 !important;
    font-size: 13px !important;
    font-family: var(--font-head, "Antonio", sans-serif);
    letter-spacing: .06em;
  }
}
/* === /V3.8e === */
