body.single-car {
  background: var(--ss-bg);
  color: var(--ss-text);
}

body.single-car h1,
.dag-car-single h1,
.car-single h1,
body.single-car .dag-title {
  color: #ffffff !important;
  font-family: var(--ss-font-display);
  letter-spacing: .04em;
  text-shadow: 0 2px 6px #000, 0 0 26px rgba(255, 0, 0, .42);
  text-transform: uppercase;
}

.dag-car-single, .car-single, .single-car-wrap {
  color: var(--ss-text-soft);
}

.dag-pricebox,
.dag-car-single__hero,
.car-single-hero,
.vehicle-hero {
  background: linear-gradient(135deg, rgba(18, 18, 18, .98), rgba(5, 5, 5, .98)),
              radial-gradient(circle at 20% 20%, rgba(255, 0, 0, .14), transparent 38%);
  border: 1px solid rgba(255, 0, 0, .22);
  border-radius: 18px;
  box-shadow: var(--ss-shadow-red-soft);
}

/* narrowed price (no [class*="price"]) */
.dag-price,
.dag-car-single__price,
.car-single-price,
.vehicle-price,
body.single-car .price {
  color: var(--ss-red);
  font-weight: 900;
  text-shadow: 0 0 16px rgba(255, 0, 0, .36);
}

/* ===== SS V4 single-car parity skin (additive; preserves dag- layout/JS/forms) ===== */
.ss-car{ background:var(--ss-bg,#050505); color:var(--ss-text,#fff); padding:32px 0 72px; }
.ss-car__hero{ max-width:1240px; margin:0 auto 18px; padding:0 20px; }
.ss-car__back{ display:inline-block; color:var(--ss-text-muted,#bbb); text-decoration:none; font-weight:600;
  letter-spacing:.02em; margin-bottom:10px; transition:color .2s ease; }
.ss-car__back:hover{ color:var(--ss-red,#ff0000); }
.ss-car__title{ font-family:var(--ss-font-display,"Bebas Neue",sans-serif); font-weight:800; text-transform:uppercase;
  letter-spacing:.03em; font-size:clamp(2rem,5.5vw,4rem); color:#fff; margin:0; text-shadow:0 0 30px rgba(255,0,0,.35); }
.ss-car__gallery{ border-radius:var(--ss-radius-md,16px); overflow:hidden; }
.ss-car__thumbs{ gap:10px; }
.ss-car__lead{ background:linear-gradient(180deg,var(--ss-panel,#101010),var(--ss-bg-2,#070707));
  border:1px solid var(--ss-border-red,rgba(255,0,0,.26)); border-radius:var(--ss-radius-md,16px);
  box-shadow:var(--ss-shadow-red-soft,0 0 18px rgba(255,0,0,.16)); padding:22px; }
.ss-car__lead .dag-lead__title{ color:#fff; font-family:var(--ss-font-display,"Bebas Neue",sans-serif);
  letter-spacing:.03em; text-transform:uppercase; }
.ss-car__specs, .ss-car__description{ margin-top:34px; background:var(--ss-bg-3,#0d0d0d);
  border:1px solid var(--ss-border-red,rgba(255,0,0,.26)); border-radius:var(--ss-radius-md,16px); padding:28px; }
.ss-car__specs .dag-h2, .ss-car__description .dag-h2{ color:#fff; font-family:var(--ss-font-display,"Bebas Neue",sans-serif);
  letter-spacing:.03em; text-transform:uppercase; margin-top:0; }
.ss-car__specs .dag-specs dt{ color:var(--ss-text-muted,#999); }
.ss-car__specs .dag-specs dd{ color:#fff; font-weight:700; }
.ss-car__description .dag-prose{ color:var(--ss-text-soft,#ddd); }

/* ============================================================
   SS V6: single-car visual upgrade (additive; preserves dag JS/form)
   ============================================================ */
.ss-car{ padding:24px 0 84px; }
.ss-car__back{ display:inline-block; margin:0 0 14px; color:#bbb; text-decoration:none; font-weight:600; }
.ss-car__back:hover{ color:var(--ss-red,#ff3b3b); }

/* ----- photo hero card ----- */
.ss-car__hero{
  position:relative; max-width:none; padding:0; margin:0 0 30px;
  border-radius:20px; overflow:hidden; min-height:430px;
  display:flex; align-items:flex-end;
  background-size:cover; background-position:center; background-color:#0c0c0c;
  border:1px solid rgba(255,0,0,.28); box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.ss-car__hero-overlay{ position:absolute; inset:0;
  background:
    radial-gradient(circle at 22% 28%, rgba(255,0,0,.20), transparent 46%),
    linear-gradient(180deg, rgba(5,5,5,.20) 0%, rgba(5,5,5,.55) 55%, rgba(5,5,5,.93) 100%); }
.ss-car__hero-content{ position:relative; z-index:2; padding:44px 48px; width:100%; }
.ss-car__eyebrow{ display:inline-block; color:var(--ss-red,#ff3b3b); font-weight:900;
  letter-spacing:5px; font-size:14px; text-transform:uppercase; margin-bottom:8px; text-shadow:0 2px 8px #000; }
.ss-car .ss-car__title{ font-family:var(--ss-font-display,"Bebas Neue",sans-serif);
  font-size:clamp(2.4rem,6vw,5rem); line-height:.98; letter-spacing:.03em; color:#fff; margin:0;
  text-shadow:0 2px 10px #000, 0 0 36px rgba(255,0,0,.5); text-transform:uppercase; }
.ss-car__tagline{ color:#e6e6e6; font-size:clamp(14px,1.3vw,18px); margin:12px 0 0; text-shadow:0 1px 6px #000; }
.ss-car__pill{ display:inline-block; margin-top:22px; padding:13px 40px; border-radius:50px;
  background:var(--ss-red,#ff0000); color:#fff; font-weight:900; letter-spacing:.02em;
  font-size:clamp(1.5rem,2.6vw,2.1rem); font-family:var(--ss-font-display,"Bebas Neue",sans-serif);
  box-shadow:0 0 35px rgba(255,0,0,.55); }
.ss-car__pill--sold{ background:#3a3a3a; color:#fff; box-shadow:none; }

/* ----- layout grid ----- */
.ss-car__layout{ display:grid; grid-template-columns:1.75fr 1fr; gap:34px; align-items:start; }

/* ----- bigger main image ----- */
.ss-car .dag-gallery{ padding:14px; }
.ss-car .dag-stage{ position:relative; }
.ss-car .dag-stage #dag-main-img{ width:100%; height:clamp(360px,46vw,600px); object-fit:cover; display:block; border-radius:14px; }
.ss-car .dag-thumb{ width:108px; height:78px; }

/* ----- sidebar action buttons ----- */
.ss-car__actions{ display:grid; gap:12px; margin:16px 0; }
.ss-car__qbtn{ display:block; text-align:center; padding:15px 18px; border-radius:50px; font-weight:900;
  text-decoration:none; letter-spacing:.02em; font-size:15px; transition:transform .2s ease, background .2s ease, border-color .2s ease; }
.ss-car__qbtn--red{ background:var(--ss-red,#ff0000); color:#fff; box-shadow:0 0 22px rgba(255,0,0,.4); }
.ss-car__qbtn--red:hover{ background:#cc0000; transform:translateY(-2px); }
.ss-car__qbtn--ghost{ background:#141414; color:#fff; border:1px solid rgba(255,255,255,.16); }
.ss-car__qbtn--ghost:hover{ border-color:var(--ss-red,#ff0000); transform:translateY(-2px); }

/* ----- dark form fields (consistency) ----- */
.ss-car__lead input:not([type="checkbox"]):not([type="radio"]),
.ss-car__lead select, .ss-car__lead textarea{
  background:#0e0e0e !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important; border-radius:12px !important; }
.ss-car__lead input::placeholder, .ss-car__lead textarea::placeholder{ color:#8f8f8f !important; }
.ss-car__lead select option{ color:#111 !important; background:#fff !important; }
.ss-car__lead input:focus, .ss-car__lead select:focus, .ss-car__lead textarea:focus{
  border-color:var(--ss-red,#ff0000) !important; box-shadow:0 0 16px rgba(255,0,0,.32) !important; }
.ss-car__lead label{ color:#dcdcdc; font-weight:700; }
.ss-car__lead .dag-phone-prefix{ color:#bbb !important; }

/* ----- specs as clean rows ----- */
.ss-car__specs .dag-specs{ background:transparent; border:0; box-shadow:none;
  display:grid; grid-template-columns:1fr 1fr; gap:0 44px; padding:4px 0 0; }
.ss-car__specs .dag-specs > div{ display:flex; justify-content:space-between; gap:18px; align-items:baseline;
  padding:15px 2px; border-bottom:1px solid #262626; }
.ss-car__specs .dag-specs dt{ color:#9a9a9a !important; font-weight:700; letter-spacing:.02em; text-transform:none; margin:0; }
.ss-car__specs .dag-specs dd{ color:#fff !important; font-weight:700; margin:0; text-align:right; }

/* ----- trust / value cards ----- */
.ss-car__trust{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:34px; }
.ss-car__trustcard{ background:linear-gradient(145deg,#161616,#0c0c0c); border:1px solid rgba(255,0,0,.2);
  border-radius:18px; padding:30px 26px; text-align:center; transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.ss-car__trustcard:hover{ transform:translateY(-8px); border-color:var(--ss-red,#ff0000); box-shadow:0 20px 50px rgba(255,0,0,.15); }
.ss-car__trusticon{ width:64px; height:64px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center;
  color:var(--ss-red,#ff3b3b); border-radius:50%; border:1px solid rgba(255,0,0,.35);
  background:radial-gradient(circle, rgba(255,0,0,.14), transparent 70%); }
.ss-car__trusticon svg{ width:32px; height:32px; }
.ss-car__trustcard h3{ font-family:var(--ss-font-display,"Bebas Neue",sans-serif); color:#fff; font-size:24px;
  letter-spacing:1px; margin:0 0 8px; text-transform:uppercase; }
.ss-car__trustcard p{ color:#bdbdbd; font-size:15px; line-height:1.65; margin:0; }

@media (max-width:1000px){
  .ss-car__layout{ grid-template-columns:1fr; }
  .ss-car__specs .dag-specs{ grid-template-columns:1fr; }
  .ss-car__trust{ grid-template-columns:1fr; }
  .ss-car__hero{ min-height:320px; }
  .ss-car__hero-content{ padding:28px 24px; }
}

/* ============================================================
   SS V7 (2026-06-08): compact gallery + polished lightbox + tidy phone field
   ============================================================ */

/* ----- gallery card + stage ----- */
.ss-car .dag-gallery{ padding:12px; background:#0a0a0a; border:1px solid rgba(255,0,0,.18);
  border-radius:18px; box-shadow:var(--ss-shadow-red-soft,0 0 18px rgba(255,0,0,.16)); }
.ss-car .dag-stage{ position:relative; border-radius:14px; overflow:hidden; }
.ss-car .dag-stage #dag-main-img{ width:100%; height:clamp(320px,42vw,540px); object-fit:cover;
  display:block; border-radius:14px; cursor:zoom-in; }
.ss-car .dag-stage__open{ position:absolute; inset:0; z-index:3; background:transparent; border:0; cursor:zoom-in; }

/* stage nav buttons (were unstyled) */
.ss-car .dag-stage .dag-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:4;
  width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.5); color:#fff; font-size:26px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; backdrop-filter:blur(4px);
  transition:background .2s ease, border-color .2s ease; }
.ss-car .dag-stage .dag-nav:hover{ background:var(--ss-red,#ff0000) !important; border-color:var(--ss-red,#ff0000) !important; }
.ss-car .dag-stage .dag-nav--prev{ left:12px; }
.ss-car .dag-stage .dag-nav--next{ right:12px; }
.ss-car .dag-counter{ position:absolute; bottom:12px; right:12px; z-index:4; background:rgba(0,0,0,.6);
  border:1px solid rgba(255,255,255,.18); color:#fff; font-size:13px; font-weight:600;
  padding:5px 12px; border-radius:99px; backdrop-filter:blur(4px); }

/* ----- compact single-row thumbnail strip (scrolls, shows all) ----- */
.ss-car .dag-thumbs{ display:flex; flex-wrap:nowrap; overflow-x:auto; gap:10px; margin-top:12px;
  padding-bottom:8px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:rgba(255,0,0,.5) rgba(255,255,255,.06); }
.ss-car .dag-thumbs::-webkit-scrollbar{ height:8px; }
.ss-car .dag-thumbs::-webkit-scrollbar-thumb{ background:rgba(255,0,0,.45); border-radius:99px; }
.ss-car .dag-thumbs::-webkit-scrollbar-track{ background:rgba(255,255,255,.06); border-radius:99px; }
.ss-car .dag-thumb{ flex:0 0 auto; width:96px; height:64px; scroll-snap-align:start; border-radius:10px;
  overflow:hidden; border:2px solid transparent; opacity:.58; cursor:pointer;
  transition:opacity .2s ease, border-color .2s ease, box-shadow .2s ease; }
.ss-car .dag-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.ss-car .dag-thumb:hover{ opacity:1; }
.ss-car .dag-thumb.is-active{ opacity:1; border-color:var(--ss-red,#ff0000); box-shadow:0 0 14px rgba(255,0,0,.4); }

/* ----- lightbox polish: red hover on controls ----- */
#dag-lightbox .dag-lightbox__nav:hover,
#dag-lightbox .dag-lightbox__close:hover{ background:var(--ss-red,#ff0000) !important; border-color:var(--ss-red,#ff0000) !important; }
.dag-lightbox__counter{ font-weight:600; }

/* ----- compact phone field: dark +1 prefix matching the input ----- */
.ss-car__lead .dag-phone-wrap .dag-phone-prefix{ background:#0e0e0e !important; color:#cfcfcf !important;
  border:1px solid rgba(255,255,255,.16) !important; border-right:0 !important;
  border-radius:12px 0 0 12px !important; font-weight:700; }
.ss-car__lead .dag-phone-wrap input{ border-left:0 !important; border-radius:0 12px 12px 0 !important; }
.ss-car__lead .dag-phone-wrap:focus-within .dag-phone-prefix,
.ss-car__lead .dag-phone-wrap:focus-within input{ border-color:var(--ss-red,#ff0000) !important; box-shadow:none !important; }
.ss-car__lead .dag-field-hint{ display:none !important; }

/* ============================================================
   SS V8 (2026-06-08): full (uncropped) photo + thumbnail slider + button text fix
   ============================================================ */

/* show the WHOLE photo (no crop), letterboxed on black */
.ss-car .dag-stage{ background:#000; }
.ss-car .dag-stage #dag-main-img{ object-fit:contain !important; background:#000; cursor:zoom-in; }

/* thumbnail slider: arrows + scrollable strip */
.ss-car .ss-thumbslider{ display:flex; align-items:stretch; gap:8px; margin-top:12px; }
.ss-car .ss-thumbslider .dag-thumbs{ margin-top:0; flex:1 1 auto; min-width:0; }
.ss-car .ss-thumbslider__arrow{ flex:0 0 auto; width:40px; align-self:stretch; border-radius:10px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,0,0,.12); color:#fff; font-size:26px; line-height:1;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .2s ease, border-color .2s ease; }
.ss-car .ss-thumbslider__arrow:hover{ background:var(--ss-red,#ff0000); border-color:var(--ss-red,#ff0000); }

/* fix red-on-red / red-on-dark CTA links: a:link beat the .ss-car__qbtn color */
a.ss-car__qbtn,
a.ss-car__qbtn:link,
a.ss-car__qbtn:visited,
a.ss-car__qbtn:hover,
a.ss-car__qbtn:focus{ color:#ffffff !important; }

/* phone field: when +1 prefix is hidden (11 digits), restore full input border */
.ss-car__lead .dag-phone-wrap.no-prefix input{ border-left:1px solid rgba(255,255,255,.16) !important; border-radius:12px !important; }

/* gallery main-photo arrows: no jump/scale animation on hover */
.ss-car .dag-stage .dag-nav,
.ss-car .dag-stage .dag-nav:hover,
.ss-car .dag-stage .dag-nav:focus,
.ss-car .dag-stage .dag-nav:active{
  transform:translateY(-50%) !important;
  transition:background .2s ease, border-color .2s ease !important;
  box-shadow:none !important;
}
