@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700;800&display=swap");

/* =========================================================
   LUXURY AUTOMOTIVE DEALER — COMPLETE VISUAL REDESIGN
   Keeps the original HTML/JS class structure intact.
   ========================================================= */

:root{
  --ink:#171715;
  --muted:#756f66;
  --soft:#eeeae3;
  --line:#d8d1c6;

  --dark:#10100f;
  --dark2:#070707;

  /* Legacy variable names kept so existing markup/JS remains compatible */
  --orange:#b99a61;
  --orange-dark:#8e7346;

  --cream:#f6f3ed;
  --chrome:#b9b7b1;
  --gold:#b99a61;

  --paper:#fbfaf7;
  --ivory:#f3efe7;
  --charcoal:#191918;
  --champagne:#d7c29a;
  --champagne-deep:#9b7e4c;

  --shadow:0 24px 70px rgba(25,20,13,.10);
  --shadow-dark:0 30px 90px rgba(0,0,0,.30);
  --radius:2px;
  --container:1500px;

  --serif:"Baskerville","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--paper);
  line-height:1.62;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.modal-open,
body.filters-open-body{overflow:hidden}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}

::selection{
  background:var(--champagne);
  color:#111;
}

.container{
  width:min(var(--container),calc(100% - 72px));
  margin-inline:auto;
}

.narrow{
  width:min(1160px,calc(100% - 72px));
  margin-inline:auto;
}

.center{text-align:center}
.muted{color:var(--muted)}

.eyebrow{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.30em;
  color:var(--champagne-deep);
}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 15px;
  border:1px solid rgba(185,154,97,.55);
  background:rgba(185,154,97,.08);
  color:#6f5834;
  border-radius:999px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:700;
}

.arrow{
  font-size:20px;
  line-height:1;
  font-weight:300;
}

.skip-link{
  position:absolute;
  left:-999px;
  top:auto;
}

.skip-link:focus{
  left:14px;
  top:14px;
  z-index:9999;
  background:#fff;
  color:#111;
  padding:10px 14px;
  border:1px solid var(--gold);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:52px;
  padding:14px 26px;
  border:1px solid #171715;
  border-radius:1px;
  background:#171715;
  color:#fff!important;
  cursor:pointer;
  white-space:nowrap;

  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.17em;

  box-shadow:none;
  transition:
    background .28s ease,
    color .28s ease,
    border-color .28s ease,
    transform .28s ease;
}

.btn:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:#111!important;
  transform:translateY(-1px);
}

.btn.light{
  background:#f9f7f2;
  color:#171715!important;
  border-color:#f9f7f2;
}

.btn.light:hover{
  background:var(--gold);
  border-color:var(--gold);
}

.btn.ghost{
  background:rgba(10,10,10,.16);
  border-color:rgba(255,255,255,.50);
  color:#fff!important;
  backdrop-filter:blur(10px);
}

.btn.ghost:hover{
  background:#f7f3eb;
  border-color:#f7f3eb;
  color:#111!important;
}

.btn.outline{
  background:transparent;
  color:#171715!important;
  border-color:#6e685e;
}

.btn.outline:hover{
  background:#171715;
  border-color:#171715;
  color:#fff!important;
}

.btn.dark{
  background:#171715;
  color:#fff!important;
}

.icon-btn{
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.20);
  background:transparent;
  color:#fff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:18px;
  transition:.25s ease;
}

.icon-btn:hover{
  background:#fff;
  border-color:#fff;
  color:#111;
}

.icon-btn svg{
  width:19px;
  height:19px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.65;
}


/* =========================================================
   HEADER
   ========================================================= */

.site-header{
  position:sticky;
  top:0;
  z-index:200;
  background:rgba(10,10,9,.94);
  color:#fff;
  border-bottom:1px solid rgba(215,194,154,.22);
  box-shadow:0 10px 35px rgba(0,0,0,.14);
  backdrop-filter:blur(14px);
}

.top-strip{
  background:#070707;
  color:#aaa59d;
  font-size:11px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.top-strip .container{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.top-strip a{
  color:#fff;
  text-decoration:none;
}

.header-inner{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}

.brand{
  display:flex;
  align-items:center;
  min-width:220px;
}

.brand img{
  width:218px;
  max-height:60px;
  object-fit:contain;
  object-position:left center;
  background:transparent;
  padding:0;
  border-radius:0;
}

.nav{
  display:flex;
  align-items:center;
  gap:34px;
  color:#f6f2eb;
  font-size:11px;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:.16em;
}

.nav a{
  position:relative;
  color:#eeeae3;
  transition:color .25s ease;
}

.nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-13px;
  height:1px;
  background:var(--champagne);
  transition:left .25s ease,right .25s ease;
}

.nav a:hover,
.nav a.active{
  color:#fff;
}

.nav a.active:after,
.nav a:hover:after{
  left:0;
  right:0;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.menu-toggle{display:none}

.tsc-header{
  box-shadow:0 10px 35px rgba(0,0,0,.14);
}

.tsc-header .header-inner{
  height:82px;
  gap:28px;
}

.tsc-header .brand{min-width:220px}
.tsc-header .brand img{width:225px}

.tsc-header .nav{
  margin-left:auto;
  font-size:11px;
  gap:28px;
}

.tsc-header .menu-toggle{display:inline-flex}
.tsc-header .header-actions{display:none}
.site-header.compact{position:sticky}
.top-strip{display:none}


/* =========================================================
   HEADER SEARCH
   ========================================================= */

.header-search{
  height:46px;
  min-width:360px;
  max-width:520px;
  flex:1;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:0;
  background:rgba(255,255,255,.055);
  overflow:hidden;
  box-shadow:none;
}

.header-search .search-mark{
  width:52px;
  text-align:center;
  font-size:19px;
  color:var(--champagne);
}

.header-search input{
  min-width:0;
  flex:1;
  height:100%;
  padding:0 10px;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
}

.header-search input::placeholder{color:#99958e}

.header-search button{
  height:100%;
  padding:0 19px;
  border:0;
  border-left:1px solid rgba(255,255,255,.15);
  background:transparent;
  color:#f5f0e8;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.16em;
  transition:.25s ease;
}

.header-search button:hover{
  background:var(--champagne);
  color:#111;
}


/* =========================================================
   GENERIC SECTIONS
   ========================================================= */

.section{padding:112px 0}
.section.tight{padding:70px 0}

.dark-section{
  background:#111110;
  color:#fff;
  border:0;
}

.light-section{
  background:var(--ivory);
}


/* =========================================================
   HERO
   ========================================================= */

.hero{
  position:relative;
  min-height:790px;
  display:flex;
  align-items:end;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(4,4,4,.80) 0%,rgba(4,4,4,.53) 38%,rgba(4,4,4,.10) 76%),
    url('/wp-content/uploads/sites/117/2026/05/The-Speed-Collection.webp') center/cover no-repeat;
  border-bottom:0;
}

.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.58) 100%);
}

.hero:after{
  content:"";
  position:absolute;
  left:max(36px,calc((100vw - var(--container))/2));
  bottom:0;
  width:96px;
  height:1px;
  background:var(--champagne);
  opacity:.95;
}

.hero-content{
  position:relative;
  z-index:2;
  width:min(var(--container),calc(100% - 100px));
  margin-inline:auto;
  padding:132px 0 98px;
  max-width:none;
}

.hero-content>*{max-width:860px}

.hero h1{
  max-width:900px;
  margin:15px 0 23px;
  font-family:var(--serif);
  font-size:clamp(64px,7.4vw,122px);
  font-weight:400;
  line-height:.89;
  letter-spacing:-.045em;
  text-transform:none;
  text-shadow:0 8px 30px rgba(0,0,0,.25);
}

.hero p{
  max-width:720px;
  margin:0 0 35px;
  color:rgba(255,255,255,.82);
  font-size:clamp(17px,1.3vw,21px);
  font-weight:400;
  line-height:1.65;
  text-shadow:0 3px 15px rgba(0,0,0,.35);
}

.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.home-hero{
  min-height:700px;
  align-items:center;
  text-align:left;
  background-position:center 44%;
}

.home-hero .hero-content{
  width:min(var(--container),calc(100% - 100px));
  margin-inline:auto;
  padding:110px 0 142px;
  max-width:none;
}

.home-hero .hero-content>*{
  margin-left:0;
  margin-right:0;
}

.home-hero h1{
  max-width:820px;
  margin:10px 0 26px;
  font-size:clamp(60px,7vw,116px);
  line-height:.88;
  letter-spacing:-.045em;
}

.home-hero p{
  max-width:690px;
  margin-left:0;
  margin-right:0;
  font-weight:400;
}

.home-hero .hero-actions{justify-content:flex-start}

.home-hero .btn.ghost{
  min-width:210px;
  background:rgba(0,0,0,.18);
  border-color:rgba(255,255,255,.45);
}

.hero-slider-arrows{
  position:absolute;
  right:max(42px,calc((100vw - var(--container))/2));
  bottom:82px;
  z-index:4;
  display:flex;
  gap:9px;
}

.hero-slider-arrows button{
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(15,15,15,.36);
  color:#fff;
  font-size:21px;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:.25s ease;
}

.hero-slider-arrows button:hover{
  background:#f7f3eb;
  border-color:#f7f3eb;
  color:#111;
}


/* =========================================================
   FEATURED OVERLAP
   ========================================================= */

.home-featured-overlap{
  position:relative;
  z-index:10;
  margin-top:-88px;
  padding:0 0 58px;
  background:
    linear-gradient(to bottom,transparent 0,transparent 54px,var(--paper) 55px,var(--paper) 100%);
}

.home-featured-overlap .featured-row{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:0 6px 20px;
  scrollbar-width:none;
}

.home-featured-overlap .featured-row::-webkit-scrollbar{display:none}

.home-featured-overlap .vehicle-card{
  min-width:360px;
  max-width:360px;
  scroll-snap-align:start;
  box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.home-featured-overlap .vehicle-media{aspect-ratio:1.53}
.home-featured-overlap .spec-grid{grid-template-columns:repeat(3,1fr)}
.home-featured-overlap .spec-grid div:nth-child(4){display:none}
.home-featured-overlap + .home-intro{padding-top:88px}


/* =========================================================
   INTRO
   ========================================================= */

.home-intro{
  position:relative;
  background:var(--paper);
}

.home-intro:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:72px;
  height:1px;
  background:var(--gold);
}

.intro-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:90px;
  align-items:end;
}

.intro-title{
  margin:12px 0;
  font-family:var(--serif);
  font-size:clamp(48px,6vw,88px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
  text-transform:none;
}

.intro-text{
  max-width:760px;
  color:#5e584f;
  font-size:19px;
  line-height:1.8;
}


/* =========================================================
   PROCESS
   ========================================================= */

.split-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.13);
  border-left:1px solid rgba(255,255,255,.13);
}

.process-card{
  min-height:430px;
  padding:68px 54px 60px;
  border-right:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  transition:background .28s ease;
}

.process-card:hover{
  background:rgba(215,194,154,.055);
}

.circle-icon{
  width:64px;
  height:64px;
  margin-bottom:42px;
  border:1px solid rgba(215,194,154,.55);
  border-radius:50%;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
}

.circle-icon svg{
  width:25px;
  height:25px;
  stroke:var(--champagne);
  fill:none;
  stroke-width:1.4;
}

.process-card h3{
  margin:24px 0 18px;
  font-family:var(--serif);
  font-size:33px;
  font-weight:400;
  line-height:1.05;
  text-transform:none;
}

.process-card p{
  color:rgba(255,255,255,.68);
  font-size:16px;
  line-height:1.75;
}

.mini-line{
  width:40px;
  height:1px;
  margin:0 0 24px;
  background:var(--champagne);
}

.text-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:28px;
  color:var(--champagne);
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.22em;
}

.text-link:hover{color:#fff}


/* =========================================================
   SELL BAND
   ========================================================= */

.sell-band{
  background:#0d0d0c;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
}

.sell-card{
  position:relative;
  min-height:450px;
  overflow:hidden;
  display:flex;
  align-items:end;
  border:1px solid rgba(255,255,255,.13);
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.16)),
    url('/wp-content/uploads/sites/117/2026/06/DSC05414-24-2.webp') center/cover no-repeat;
  box-shadow:0 30px 90px rgba(0,0,0,.25);
}

.sell-card:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:120px;
  height:1px;
  background:var(--champagne);
}

.sell-card-content{
  position:relative;
  z-index:2;
  max-width:760px;
  padding:62px;
}

.sell-card h2{
  margin:16px 0 20px;
  font-family:var(--serif);
  font-size:clamp(42px,5vw,76px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
  text-transform:none;
}


/* =========================================================
   MISSION
   ========================================================= */

.mission-grid{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:78px;
  align-items:center;
}

.mission-img{
  position:relative;
  overflow:hidden;
  border-radius:0;
  box-shadow:none;
}

.mission-img:after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.38);
  pointer-events:none;
}

.mission h2,
.page-title{
  margin:14px 0 24px;
  font-family:var(--serif);
  font-size:clamp(48px,6vw,88px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.04em;
  text-transform:none;
}

.mission p{
  color:#5e584f;
  font-size:18px;
  line-height:1.8;
}


/* =========================================================
   FEATURED
   ========================================================= */

.featured-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:38px;
}

.featured-head h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(44px,5vw,74px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
  text-transform:none;
}

.featured-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}


/* =========================================================
   VEHICLE CARDS
   ========================================================= */

.vehicle-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #ded8ce;
  border-radius:0;
  box-shadow:0 8px 26px rgba(25,20,13,.055);
  transition:
    transform .32s ease,
    box-shadow .32s ease,
    border-color .32s ease;
}

.vehicle-card:hover{
  border-color:#c8baa0;
  box-shadow:0 24px 60px rgba(25,20,13,.12);
  transform:translateY(-4px);
}

.vehicle-media{
  position:relative;
  aspect-ratio:1.42;
  overflow:hidden;
  background:#f3f1ed;
}

.vehicle-media a{
  display:block;
  width:100%;
  height:100%;
}

.vehicle-media img,
.vehicle-media a img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#f8f7f4;
  transition:transform .55s cubic-bezier(.2,.65,.25,1);
}

.vehicle-card:hover .vehicle-media img,
.vehicle-card:hover .vehicle-media a img{
  transform:scale(1.025);
}

.vehicle-media:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:18%;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(40,35,28,.05));
}

.vehicle-media .heart,
.saved-counter{display:none!important}

.paint-dot{
  position:absolute;
  right:18px;
  top:18px;
  width:28px;
  height:28px;
  border-radius:50%;
  border:2px solid #fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.12);
}

.vehicle-body{
  padding:29px 30px 31px;
}

.vehicle-title{
  margin:0 0 7px;
  color:#171715;
  font-family:var(--serif);
  font-size:25px;
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.02em;
  text-transform:none;
}

.vehicle-sub{
  margin-bottom:21px;
  color:#80786d;
  font-size:13px;
}

.vehicle-sub span{margin:0 7px}

.price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:23px;
  padding-top:18px;
  border-top:1px solid #ebe6de;
}

.price-row .price{margin-bottom:0}

.price{
  margin-bottom:22px;
  color:#171715;
  font-family:var(--serif);
  font-size:29px;
  font-weight:500;
  letter-spacing:-.02em;
}

.vehicle-body .paint-dot{
  position:static;
  width:28px;
  height:28px;
  flex:0 0 28px;
}

.spec-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:26px;
}

.spec-label{
  display:block;
  margin-bottom:2px;
  color:#9b9388;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.spec-value{
  color:#292722;
  font-size:13px;
  font-weight:600;
}

.card-btn{
  width:100%;
  min-height:54px;
  border:1px solid #1b1b19;
  border-radius:0;
  background:#1b1b19;
  color:#fff!important;
  box-shadow:none;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.18em;
  transition:.25s ease;
}

.card-btn:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:#111!important;
}

.empty-state{
  grid-column:1/-1;
  padding:58px;
  border:1px solid var(--line);
  border-radius:0;
  background:#fff;
  text-align:center;
}


/* =========================================================
   REVIEWS
   ========================================================= */

.reviews{
  padding-bottom:140px;
  background:#f1eee7;
}

.reviews .container{position:relative}

.reviews h2{
  margin:20px 0;
  color:#191815;
  font-family:var(--serif);
  font-size:clamp(46px,5vw,76px);
  font-weight:400;
  line-height:.98;
  text-transform:none;
  letter-spacing:-.035em;
}

.review-score{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin:18px 0 62px;
}

.google-word{
  font-size:20px;
  font-weight:700;
}

.google-word .g1{color:#4285f4}
.google-word .g2{color:#ea4335}
.google-word .g3{color:#fbbc05}
.google-word .g4{color:#4285f4}
.google-word .g5{color:#34a853}
.google-word .g6{color:#ea4335}

.stars{
  color:var(--gold);
  font-size:18px;
  letter-spacing:.14em;
  white-space:nowrap;
}

.review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:34px;
}

.review-card{
  min-height:385px;
  padding:40px;
  border:1px solid #ddd7cd;
  border-radius:0;
  background:#fbfaf7;
  box-shadow:0 10px 30px rgba(25,20,13,.05);
  transition:.3s ease;
}

.review-card:hover{
  transform:translateY(-3px);
  border-color:#cbbb9e;
  box-shadow:0 22px 50px rgba(25,20,13,.09);
}

.review-card p{
  color:#47433d;
  font-family:var(--serif);
  font-size:20px;
  line-height:1.72;
}

.reviewer{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:32px;
  padding-top:22px;
  border-top:1px solid #dfd9cf;
}

.avatar{
  width:50px;
  height:50px;
  border:1px solid #bba473;
  border-radius:50%;
  background:#191918;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--serif);
  font-size:20px;
  font-weight:400;
}

.slider-arrows{
  display:flex;
  gap:12px;
  justify-content:space-between;
  pointer-events:none;
}

.reviews .slider-arrows{
  position:absolute;
  left:-18px;
  right:-18px;
  top:58%;
  z-index:4;
  margin:0!important;
}

.slide-arrow{
  width:54px;
  height:54px;
  border:1px solid #d4cec4;
  border-radius:50%;
  background:#fbfaf7;
  color:#1b1a18;
  box-shadow:0 10px 28px rgba(0,0,0,.09);
  font-size:24px;
  pointer-events:auto;
  cursor:pointer;
  transition:.25s ease;
}

.slide-arrow:hover{
  transform:translateY(-1px);
  background:#171715;
  border-color:#171715;
  color:#fff;
}

.dots{
  margin-top:38px;
  display:flex;
  gap:10px;
  justify-content:center;
}

.dot{
  width:22px;
  height:2px;
  border-radius:0;
  background:#c9c2b7;
}

.dot.active{background:var(--gold)}


/* =========================================================
   CTA
   ========================================================= */

.cta-dark{
  position:relative;
  overflow:hidden;
  background:#0b0b0b;
  color:#fff;
  text-align:center;
  border:0;
}

.cta-dark:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:70px;
  height:1px;
  transform:translateX(-50%);
  background:var(--champagne);
}

.cta-dark h2{
  margin:0 0 20px;
  font-family:var(--serif);
  font-size:clamp(42px,5vw,76px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
  text-transform:none;
}


/* =========================================================
   PAGE HERO
   ========================================================= */

.page-hero{
  position:relative;
  overflow:hidden;
  padding:125px 0 100px;
  background:#0c0c0b;
  color:#fff;
  border-bottom:0;
}

.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.24)),
    url('/wp-content/uploads/sites/117/2026/05/The-Speed-Collection.webp') center/cover no-repeat;
  opacity:.88;
}

.page-hero:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:80px;
  height:1px;
  transform:translateX(-50%);
  background:var(--champagne);
}

.page-hero.light:before{display:none}

.page-hero.light{
  background:#f0ece4;
  color:#181714;
  border-bottom:1px solid #d7d0c5;
}

.page-hero .container,
.page-hero .narrow{position:relative}

.page-hero h1{
  margin:12px 0;
  font-family:var(--serif);
  font-size:clamp(58px,8vw,112px);
  font-weight:400;
  line-height:.90;
  letter-spacing:-.045em;
  text-transform:none;
}

.page-hero p{
  max-width:820px;
  color:rgba(255,255,255,.78);
  font-size:19px;
  line-height:1.72;
}

.page-hero.light p{color:#625c53}


/* =========================================================
   INVENTORY TOOLBAR / NATIVE INVENTORY
   ========================================================= */

.inventory-page{background:#f2efe9}

.inventory-toolbar{
  position:sticky;
  top:114px;
  z-index:60;
  background:rgba(251,250,247,.97);
  border-bottom:1px solid #ddd7ce;
  box-shadow:0 8px 22px rgba(25,20,13,.04);
  backdrop-filter:blur(12px);
}

.toolbar-inner{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 190px 190px 220px auto;
  gap:12px;
  align-items:center;
  padding:18px 0;
}

.input,
.select{
  width:100%;
  height:52px;
  padding:0 16px;
  border:1px solid #cbc4b9;
  border-radius:0;
  background:#fff;
  color:#181714;
  font-size:14px;
}

.result-count{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  white-space:nowrap;
}

.inventory-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  padding:40px 0 90px;
}

.native-inventory{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  align-items:start;
  background:#f2efe9;
}

.filter-sidebar{
  position:sticky;
  top:82px;
  height:calc(100vh - 82px);
  overflow:auto;
  padding-bottom:36px;
  border-right:1px solid #d7d0c6;
  background:#f8f6f1;
}

.filter-title{
  height:72px;
  padding:0 22px;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:#151514;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:13px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.18em;
}

.filter-close{
  display:none;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.filter-close:hover{
  background:#fff;
  color:#111;
}

.filter-group{border-bottom:1px solid #ddd6cd}

.filter-toggle{
  width:100%;
  height:64px;
  padding:0 22px;
  border:0;
  background:#f8f6f1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#292620;
  font-size:11px;
  font-weight:700;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.13em;
  cursor:pointer;
}

.filter-toggle:hover{background:#eeeae2}

.filter-content{padding:0 22px 22px}

.price-line{
  position:relative;
  height:1px;
  margin:10px 10px 25px;
  background:#c5bdb1;
}

.price-line span{
  position:absolute;
  top:50%;
  width:17px;
  height:17px;
  transform:translate(-50%,-50%);
  border:1px solid #9f814c;
  border-radius:50%;
  background:#f8f6f1;
  box-shadow:0 0 0 3px #f8f6f1;
}

.price-line span:first-child{left:0}
.price-line span:last-child{left:100%}

.price-inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.price-inputs label{
  color:#7d756b;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.13em;
}

.price-inputs input{
  width:100%;
  height:42px;
  margin-top:4px;
  padding:0 10px;
  border:1px solid #ccc5ba;
  border-radius:0;
  background:#fff;
  font-size:14px;
}

.check-list{
  display:grid;
  gap:10px;
}

.check-list label{
  display:flex;
  align-items:center;
  gap:10px;
  color:#4c473f;
  font-size:14px;
}

.check-list input{
  width:16px;
  height:16px;
  accent-color:var(--gold);
}

input[type="checkbox"],
input[type="radio"]{accent-color:var(--gold)}

.clear-filters{
  width:calc(100% - 40px);
  margin:18px 20px 28px;
}

.inventory-results{min-width:0}

.inventory-topbar{
  position:sticky;
  top:82px;
  z-index:50;
  height:72px;
  padding:0 24px;
  background:#151514;
  color:#fff;
  border-bottom:1px solid rgba(215,194,154,.25);
  box-shadow:0 9px 22px rgba(0,0,0,.11);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
}

.inventory-search-field{
  width:330px;
  margin-right:auto;
  border-color:#c9c1b7;
  background:#fff;
  color:#111;
}

.hidden-select{display:none}

.sort-select{
  width:270px;
  border-radius:0;
  background:#fff;
  font-weight:600;
}

.mobile-filter-label{display:none}

.original-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  padding:24px 20px 96px;
  background:#f2efe9;
}


/* =========================================================
   FORMS
   ========================================================= */

.form-wrap{
  padding:42px;
  border:1px solid #d9d2c8;
  border-radius:0;
  background:#fff;
  box-shadow:0 22px 60px rgba(25,20,13,.08);
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.field.full{grid-column:1/-1}

.field label{
  display:block;
  margin-bottom:8px;
  color:#5f594f;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.15em;
}

.field input,
.field select,
.field textarea{
  width:100%;
  padding:14px;
  border:1px solid #cbc4b9;
  border-radius:0;
  background:#fff;
}

.field textarea{
  min-height:120px;
  resize:vertical;
}

.input:focus,
.select:focus,
.price-inputs input:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
.mini-form input:focus{
  outline:none;
  border-color:#a98c58;
  box-shadow:0 0 0 2px rgba(185,154,97,.12);
}

.success-msg{
  display:none;
  margin-top:18px;
  padding:14px 16px;
  border:1px solid #ccd8cb;
  border-radius:0;
  background:#f1f7f1;
  color:#365c39;
  font-weight:650;
}


/* =========================================================
   CONTENT CARDS / LENDER / STEPS
   ========================================================= */

.content-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
  align-items:start;
}

.content-card{
  padding:40px;
  border:1px solid #ddd6cc;
  border-radius:0;
  background:#fff;
  box-shadow:0 12px 34px rgba(25,20,13,.05);
}

.content-card.dark{
  background:#151514;
  color:#fff;
  border-color:#2c2a26;
}

.content-card h2{
  margin:0 0 18px;
  font-family:var(--serif);
  font-size:38px;
  font-weight:400;
  line-height:1.02;
  text-transform:none;
}

.content-card p{
  color:#625c53;
  font-size:17px;
  line-height:1.75;
}

.content-card.dark p{color:rgba(255,255,255,.70)}

.list-clean{
  list-style:none;
  margin:22px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}

.list-clean li{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.list-clean li:before{
  content:"—";
  color:var(--gold);
  font-weight:700;
}

.lender-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.lender-card{
  min-height:300px;
  padding:30px;
  border:1px solid #ddd6cc;
  border-radius:0;
  background:#fff;
  display:flex;
  flex-direction:column;
  transition:.25s ease;
}

.lender-card:hover{
  border-color:#c3b18e;
  transform:translateY(-2px);
}

.lender-card h3{
  margin:0 0 12px;
  font-family:var(--serif);
  font-size:27px;
  font-weight:400;
  text-transform:none;
}

.lender-card p{
  color:#625c53;
  font-size:15px;
}

.lender-card .btn{margin-top:auto}

.steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.step-card{
  padding:36px;
  border:1px solid #ddd6cc;
  border-radius:0;
  background:#fff;
  transition:.25s ease;
}

.step-card:hover{
  border-color:#c3b18e;
  transform:translateY(-2px);
}

.step-num{
  color:var(--champagne-deep);
  font-size:9px;
  font-weight:700;
  letter-spacing:.25em;
}

.step-card h3{
  margin:16px 0 10px;
  font-family:var(--serif);
  font-size:29px;
  font-weight:400;
  text-transform:none;
}


/* =========================================================
   VEHICLE DETAIL PAGE
   ========================================================= */

.vdp-layout{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(360px,.60fr);
  gap:42px;
  padding:48px 0 100px;
}

.vdp-gallery{
  overflow:hidden;
  border:1px solid #d7d0c6;
  border-radius:0;
  background:#ebe8e2;
}

.vdp-gallery img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}

.thumb-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:12px;
}

.thumb-row div{
  overflow:hidden;
  border:1px solid #d5cec4;
  border-radius:0;
  background:#ebe8e2;
}

.thumb-row img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  filter:saturate(.92);
  transition:.25s ease;
}

.thumb-row div:hover img{filter:saturate(1)}

.vdp-side{
  position:sticky;
  top:150px;
  align-self:start;
  padding:34px;
  border:1px solid #d7d0c6;
  border-radius:0;
  background:#fff;
  box-shadow:0 24px 60px rgba(25,20,13,.10);
}

.vdp-side h1{
  margin:9px 0 14px;
  font-family:var(--serif);
  font-size:clamp(38px,4.5vw,66px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
  text-transform:none;
}

.vdp-actions{
  display:grid;
  gap:10px;
  margin:20px 0 28px;
}

.vdp-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding-top:24px;
  border-top:1px solid #e1dbd2;
}

.overview{
  margin-top:30px;
  padding:38px;
  border:1px solid #d7d0c6;
  border-radius:0;
  background:#fff;
}

.overview h2{
  margin:0 0 16px;
  font-family:var(--serif);
  font-size:36px;
  font-weight:400;
  text-transform:none;
}


/* =========================================================
   SEARCH / DEAL MODAL
   ========================================================= */

.search-modal,
.deal-modal{
  position:fixed;
  inset:0;
  z-index:500;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:80px 18px;
  background:rgba(5,5,5,.78);
  backdrop-filter:blur(12px);
}

.search-modal.open,
.deal-modal.open{display:flex}

.search-panel,
.deal-panel{
  width:min(720px,100%);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:0;
  background:#f6f3ed;
  box-shadow:0 35px 100px rgba(0,0,0,.40);
}

.search-top{
  min-height:70px;
  display:grid;
  grid-template-columns:58px 1fr 58px;
  align-items:center;
  border-bottom:1px solid #ddd6cc;
  background:#fff;
}

.search-top input{
  width:100%;
  height:69px;
  border:0;
  outline:0;
  background:#fff;
  font-size:17px;
}

.search-top span{
  display:flex;
  justify-content:center;
  color:var(--champagne-deep);
  font-size:22px;
}

.search-close{
  width:40px;
  height:40px;
  border:1px solid #d1cabf;
  border-radius:50%;
  background:transparent;
  color:#171715;
  font-size:25px;
  cursor:pointer;
}

.search-close:hover{
  background:#171715;
  color:#fff;
}

.search-content{padding:26px}

.chip-row{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin:14px 0 22px;
}

.chip{
  padding:9px 14px;
  border:1px solid #cec7bc;
  border-radius:999px;
  background:#fff;
  color:#48433c;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}

.chip:hover{
  border-color:#a88c5b;
  color:#7b633e;
}

.suggestions{
  display:grid;
  gap:10px;
}

.suggestion{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:14px;
  align-items:center;
  padding:10px;
  border:1px solid #d5cec4;
  border-radius:0;
  background:#fff;
  transition:.2s ease;
}

.suggestion:hover{
  border-color:#baa67f;
  background:#fbfaf7;
}

.suggestion img{
  width:78px;
  height:56px;
  object-fit:cover;
  border-radius:0;
}

.floating-deal{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:420;
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 18px;
  border:1px solid rgba(215,194,154,.65);
  border-radius:999px;
  background:#141413;
  color:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  cursor:pointer;

  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  transition:.25s ease;
}

.floating-deal:hover{
  background:var(--champagne);
  border-color:var(--champagne);
  color:#111;
}

.floating-deal .long{display:inline!important}

.deal-panel{width:min(520px,100%)}

.deal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 24px;
  border-bottom:1px solid #d8d1c7;
  background:#fff;
}

.deal-head h3{
  margin:0;
  font-family:var(--serif);
  font-size:30px;
  font-weight:400;
  text-transform:none;
}

.deal-body{padding:24px}

.deal-options{
  display:grid;
  gap:12px;
}

.deal-option{
  padding:17px;
  border:1px solid #d1cabf;
  border-radius:0;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  transition:.22s ease;
}

.deal-option:hover{
  border-color:#b8a27a;
  box-shadow:0 10px 28px rgba(25,20,13,.07);
}

.deal-option strong{display:block}
.deal-option small{color:#797168}


/* =========================================================
   SCHEDULER
   ========================================================= */

.scheduler-panel{
  width:min(600px,calc(100vw - 28px));
  max-height:calc(100vh - 24px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:0!important;
  background:#f2efe8;
  box-shadow:0 35px 110px rgba(0,0,0,.52);
}

.scheduler-head{
  padding:12px 16px;
  border-bottom:1px solid #d7d0c7;
  background:#fff;
}

.deal-brand{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:17px;
}

.deal-brand img{
  width:150px;
  height:42px;
  object-fit:contain;
  object-position:left center;
}

.deal-progress{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  padding:13px 22px 0;
  background:#fff;
}

.deal-progress span{
  height:2px;
  border-radius:0;
  background:#ded8cf;
}

.deal-progress span.active{background:var(--gold)}

.scheduler-sections{
  padding:26px 22px 9px;
  overflow:auto;
}

.scheduler-section{display:none}
.scheduler-section.active{display:block}

.deal-kicker{
  margin-bottom:8px;
  color:var(--champagne-deep);
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.21em;
}

.scheduler-section h3{
  margin:0 0 3px;
  font-family:var(--serif);
  font-size:30px;
  font-weight:400;
  letter-spacing:-.025em;
  text-transform:none;
}

.scheduler-section p{font-size:15px}

.date-row{
  display:grid;
  grid-template-columns:40px repeat(3,1fr) 40px;
  gap:10px;
  margin:18px 0;
}

.date-chip,
.date-nav{
  min-height:80px;
  border:1px solid #cfc8bd;
  border-radius:0;
  background:#fff;
  font-size:16px;
}

.date-chip{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:0 15px;
}

.date-chip span{color:#746d64}

.date-chip.active{
  border-color:#171715;
  background:#171715;
  color:#fff;
}

.date-chip.active span{color:#d9d2c8}

.time-box{
  max-height:360px;
  overflow:hidden;
  overflow-y:auto;
  border:1px solid #cfc8bd;
  border-radius:0;
  background:#fff;
}

.time-head{
  height:58px;
  padding:0 20px;
  border-bottom:1px solid #ddd6cd;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:650;
}

.time-slot{
  width:calc(100% - 28px);
  min-height:56px;
  margin:12px 14px;
  padding:0 20px;
  border:1px solid #d0c9bf;
  border-radius:0;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:16px;
}

.time-slot.active{
  border-color:#aa8e59;
  background:#f5f0e6;
  color:#6f5934;
}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.mini-form{
  display:grid;
  gap:12px;
  margin-top:20px;
}

.mini-form input{
  height:54px;
  padding:0 14px;
  border:1px solid #cec7bd;
  border-radius:0;
  background:#fff;
}

.scheduler-actions{
  display:grid;
  gap:10px;
  padding:12px 22px 20px;
  border-top:1px solid #ddd7ce;
  background:#fff;
}

.scheduler-actions .btn{
  width:100%;
  min-height:60px;
  border-radius:0;
  font-size:10px;
}

.deal-status{
  min-height:18px;
  color:#396840;
  font-size:12px;
  font-weight:650;
  text-align:center;
}

.deal-bottom-nav{
  height:90px;
  border-top:1px solid rgba(215,194,154,.24);
  background:#151514;
  display:grid;
  grid-template-columns:repeat(5,1fr);
}

.deal-bottom-nav button{
  border:0;
  background:#151514;
  color:#aaa59c;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;

  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.10em;
}

.deal-bottom-nav button span{
  font-family:inherit;
  font-size:22px;
  line-height:1;
}

.deal-bottom-nav button.active{color:var(--champagne)}


/* =========================================================
   FOOTER
   ========================================================= */

.site-footer{
  padding:76px 0 32px;
  border-top:1px solid rgba(215,194,154,.22);
  background:#090909;
  color:#fff;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:42px;
}

.footer-logo{
  width:240px;
  margin-bottom:24px;
  padding:0;
  border-radius:0;
  background:transparent;
}

.footer-grid p,
.footer-grid a{
  color:rgba(255,255,255,.57);
}

.footer-grid a{
  transition:color .2s ease;
}

.footer-grid a:hover{color:#fff}

.footer-grid h4{
  margin-top:0;
  color:var(--champagne);
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.21em;
}

.footer-bottom{
  margin-top:52px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.11);
  color:rgba(255,255,255,.40);
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}


/* =========================================================
   MOBILE ACTIONS / MENU
   ========================================================= */

.mobile-actions{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:250;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(215,194,154,.24);
  background:#10100f;
  box-shadow:0 -12px 30px rgba(0,0,0,.18);
}

.mobile-actions a,
.mobile-actions button{
  padding:10px 3px;
  border:0;
  background:#10100f;
  color:#fff;
  display:grid;
  gap:3px;
  place-items:center;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.mobile-actions a:hover,
.mobile-actions button:hover{color:var(--champagne)}

.mobile-actions svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.6;
}

.mobile-menu{
  display:none;
  position:fixed;
  inset:0;
  z-index:420;
  padding:30px;
  background:#0a0a09;
  color:#fff;
}

.mobile-menu:before{
  content:"";
  position:absolute;
  top:0;
  left:30px;
  width:60px;
  height:1px;
  background:var(--champagne);
}

.mobile-menu.open{display:block}

.mobile-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.mobile-menu a{
  display:block;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
  color:#fff;
  font-family:var(--serif);
  font-size:31px;
  font-weight:400;
  letter-spacing:-.02em;
  text-transform:none;
}

.mobile-menu a:hover{color:var(--champagne)}

.mobile-filter-label{
  height:44px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:0;
  background:transparent;
  color:#fff;
  align-items:center;
  gap:8px;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.native-inventory.filters-open:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:180;
  background:rgba(0,0,0,.68);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1180px){
  .header-search{min-width:260px}
  .tsc-header .nav{gap:18px}

  .toolbar-inner{
    grid-template-columns:1fr 1fr 1fr;
  }

  .result-count{grid-column:1/-1}

  .featured-row,
  .inventory-grid,
  .original-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .native-inventory{
    grid-template-columns:270px minmax(0,1fr);
  }

  .lender-grid{
    grid-template-columns:repeat(2,1fr);
  }
}


@media(max-width:900px){
  .top-strip{display:none}
  .nav,.header-search{display:none}

  .menu-toggle,
  .tsc-header .menu-toggle{
    display:inline-flex;
    margin-left:auto;
  }

  .header-actions .btn{display:none}

  .header-inner,
  .tsc-header .header-inner{
    height:72px;
  }

  .brand img,
  .tsc-header .brand img{
    width:182px;
  }

  .hero{min-height:650px}

  .hero-content,
  .home-hero .hero-content{
    width:calc(100% - 46px);
    margin-inline:auto;
  }

  .home-hero{min-height:620px}

  .home-hero .hero-content{
    padding:78px 0 112px;
  }

  .intro-grid,
  .mission-grid,
  .content-grid,
  .vdp-layout{
    grid-template-columns:1fr;
  }

  .intro-grid,
  .mission-grid{
    gap:45px;
  }

  .split-cards,
  .steps,
  .review-grid{
    grid-template-columns:1fr;
  }

  .process-card{min-height:0}

  .featured-row,
  .inventory-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .native-inventory{display:block}

  .inventory-toolbar{top:72px}

  .inventory-topbar{
    top:72px;
    height:auto;
    min-height:72px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:10px;
    padding:12px 14px;
  }

  .mobile-filter-label{
    display:inline-flex!important;
    margin-right:auto;
    font-size:10px;
  }

  .result-count{
    font-size:10px;
    text-align:center;
  }

  .inventory-search-field{display:none}

  .sort-select{
    width:100%;
    min-width:0;
    max-width:210px;
    height:46px;
    border-radius:0;
    font-size:13px;
  }

  .filter-sidebar{
    position:fixed!important;
    left:0;
    top:0;
    bottom:0;
    z-index:190;
    width:min(88vw,360px);
    height:100vh!important;
    display:block!important;
    padding-bottom:120px;
    border-right:1px solid #333;
    background:#f8f6f1;
    box-shadow:18px 0 48px rgba(0,0,0,.36);
    transform:translateX(-105%);
    transition:transform .25s ease;
  }

  .native-inventory.filters-open .filter-sidebar{
    transform:translateX(0);
  }

  .filter-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .original-card-grid{
    grid-template-columns:1fr;
    padding:18px 14px 112px;
  }

  .home-featured-overlap{margin-top:-72px}

  .home-featured-overlap .vehicle-card{
    min-width:315px;
    max-width:315px;
  }

  .hero-slider-arrows{
    right:26px;
    bottom:92px;
  }

  .vdp-side{position:static}

  .footer-grid{
    grid-template-columns:1fr 1fr;
  }

  .mobile-actions{display:grid}

  .floating-deal{
    right:16px;
    bottom:88px;
  }

  .reviews{padding-bottom:116px}

  .reviews .slider-arrows{
    left:10px;
    right:10px;
    top:60%;
  }

  .review-card{min-height:auto}
  .review-card p{font-size:19px}

  .site-footer{padding-bottom:100px}
  .section{padding:78px 0}
}


@media(max-width:620px){
  .container,
  .narrow{
    width:min(100% - 30px,var(--container));
  }

  .hero h1{font-size:55px}

  .hero-actions,
  .featured-head{
    display:grid;
  }

  .featured-row,
  .inventory-grid,
  .lender-grid,
  .form-grid{
    grid-template-columns:1fr;
  }

  .spec-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .footer-grid{grid-template-columns:1fr}

  .review-card{padding:30px}

  .vehicle-body{padding:24px}

  .page-hero h1{font-size:52px}

  .deal-modal,
  .search-modal{
    padding-top:30px;
  }

  .floating-deal span.long{display:none}
}


@media(max-width:560px){
  .container,
  .narrow{
    width:min(100% - 28px,100%);
  }

  .tsc-header .brand img,
  .brand img{
    width:166px;
  }

  .home-hero{
    min-height:630px;
    align-items:center;
  }

  .hero-content,
  .home-hero .hero-content{
    width:calc(100% - 32px);
    margin-inline:auto;
  }

  .home-hero .hero-content{
    padding:78px 0 96px;
  }

  .home-hero h1{
    font-size:51px;
    line-height:.92;
  }

  .home-hero p{
    font-size:16px;
    line-height:1.65;
  }

  .home-hero .hero-actions{gap:9px}

  .hero-actions .btn{width:100%}

  .hero-slider-arrows{
    right:18px;
    bottom:30px;
  }

  .hero-slider-arrows button{
    width:46px;
    height:46px;
  }

  .home-featured-overlap{
    margin-top:0;
    padding-top:18px;
    background:var(--paper);
  }

  .home-featured-overlap .featured-row{
    gap:14px;
    padding:0 4px 16px;
  }

  .home-featured-overlap .vehicle-card{
    min-width:84vw;
    max-width:84vw;
  }

  .home-featured-overlap .vehicle-title{
    font-size:22px;
  }

  .home-featured-overlap .vehicle-body{
    padding:22px;
  }

  .home-featured-overlap .card-btn{
    min-height:52px;
    font-size:10px;
  }

  .vehicle-media{aspect-ratio:1.44}

  .vehicle-body{
    padding:24px 21px;
  }

  .original-card-grid{
    padding:14px 10px 118px;
  }

  .original-card-grid .vehicle-card{
    border-radius:0;
  }

  .original-card-grid .vehicle-title{
    font-size:23px;
  }

  .spec-grid{gap:14px}

  .price-row{margin-bottom:18px}

  .price{font-size:27px}

  .reviews h2{font-size:42px}

  .reviews .review-score{
    margin-bottom:36px;
  }

  .review-grid{gap:18px}

  .review-card{
    padding:30px 25px;
  }

  .reviews .slider-arrows{
    top:auto;
    bottom:34px;
  }

  .slide-arrow{
    width:48px;
    height:48px;
  }

  .scheduler-panel{
    width:100vw!important;
    height:100dvh;
    max-height:100dvh!important;
    border-radius:0!important;
  }

  .scheduler-head{
    padding:12px 16px;
  }

  .deal-brand img{width:162px}
  .deal-brand span{display:none}

  .scheduler-sections{
    padding:22px 18px 6px;
  }

  .scheduler-section h3{font-size:29px}

  .date-row{
    grid-template-columns:34px repeat(3,1fr) 34px;
    gap:6px;
  }

  .date-chip{
    min-height:72px;
    padding:0 8px;
    font-size:14px;
  }

  .time-box{max-height:260px}

  .form-row{grid-template-columns:1fr}

  .deal-bottom-nav{height:82px}

  .scheduler-actions .btn{
    min-height:58px;
  }

  .floating-deal{display:none}

  .mobile-actions{z-index:410}

  .filter-sidebar{
    width:min(92vw,355px);
  }

  .mission-img:after{
    inset:10px;
  }
}

/* ========================================================================
   PRIVATE COLLECTION / ULTRA-LUXURY OVERRIDES
   A quieter, more architectural showroom aesthetic.
   ======================================================================== */

:root{
  --ink:#11110f;
  --muted:#817a70;
  --soft:#ebe6dc;
  --line:#d8d0c3;
  --dark:#0c0c0b;
  --dark2:#050505;
  --orange:#c2a36a;
  --orange-dark:#8c7042;
  --cream:#f5f1e9;
  --gold:#c2a36a;
  --paper:#f8f5ef;
  --ivory:#eee8dd;
  --charcoal:#121211;
  --champagne:#d1bb91;
  --champagne-deep:#927543;
  --shadow:0 30px 90px rgba(20,16,10,.08);
  --shadow-dark:0 35px 120px rgba(0,0,0,.42);
  --serif:"Didot","Bodoni 72","Bodoni MT","Times New Roman",serif;
  --sans:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
}

body{
  background:
    radial-gradient(circle at 12% 8%,rgba(194,163,106,.035),transparent 25%),
    var(--paper);
  color:var(--ink);
  font-weight:400;
  letter-spacing:.002em;
}

.container{width:min(var(--container),calc(100% - 96px))}
.narrow{width:min(1160px,calc(100% - 96px))}
.section{padding:132px 0}
.section.tight{padding:82px 0}

.eyebrow{
  color:#9a7b49;
  font-size:9px;
  font-weight:600;
  letter-spacing:.38em;
}

.pill{
  min-height:30px;
  padding:7px 14px;
  border-color:rgba(146,117,67,.38);
  background:rgba(194,163,106,.045);
  color:#755b34;
  font-size:8px;
  letter-spacing:.24em;
}

/* Refined controls */
.btn{
  min-height:56px;
  padding:15px 30px;
  border-color:#141412;
  background:#141412;
  font-size:9px;
  font-weight:600;
  letter-spacing:.24em;
  transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease;
}
.btn:hover{
  background:#f7f3eb;
  border-color:#f7f3eb;
  color:#111!important;
  transform:none;
}
.btn.light{background:#f7f3eb;border-color:#f7f3eb}
.btn.light:hover{background:var(--gold);border-color:var(--gold)}
.btn.outline{border-color:#9d9588}
.btn.outline:hover{background:#151513;border-color:#151513}
.btn.ghost{
  background:rgba(9,9,8,.22);
  border-color:rgba(255,255,255,.38);
  backdrop-filter:blur(15px) saturate(.8);
}
.btn.ghost:hover{background:rgba(255,255,255,.96);border-color:#fff}

/* Header — gallery-like, understated */
.site-header,
.tsc-header{
  background:rgba(7,7,7,.90);
  border-bottom:1px solid rgba(209,187,145,.14);
  box-shadow:none;
  backdrop-filter:blur(22px) saturate(.85);
}
.header-inner{height:96px;gap:42px}
.tsc-header .header-inner{height:92px;gap:36px}
.brand,.tsc-header .brand{min-width:238px}
.brand img,.tsc-header .brand img{
  width:238px;
  max-height:64px;
  filter:contrast(1.02);
}
.nav,.tsc-header .nav{
  gap:38px;
  font-size:9px;
  font-weight:600;
  letter-spacing:.235em;
}
.nav a{color:rgba(255,255,255,.73)}
.nav a:hover,.nav a.active{color:#fff}
.nav a:after{
  bottom:-16px;
  background:#c8ad79;
  opacity:.8;
}
.icon-btn{
  width:48px;
  height:48px;
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.02);
}

.header-search{
  height:48px;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.028);
}
.header-search .search-mark{color:#c9ad76}
.header-search button{font-size:8px;letter-spacing:.22em}

/* Hero — editorial campaign treatment */
.hero{
  min-height:880px;
  background:
    linear-gradient(90deg,rgba(3,3,3,.88) 0%,rgba(3,3,3,.60) 34%,rgba(3,3,3,.18) 68%,rgba(3,3,3,.08) 100%),
    url('/wp-content/uploads/sites/117/2026/05/The-Speed-Collection.webp') center 43%/cover no-repeat;
}
.hero:before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.14),transparent 38%,rgba(0,0,0,.54)),
    radial-gradient(circle at 72% 44%,transparent 0,rgba(0,0,0,.08) 34%,rgba(0,0,0,.28) 100%);
}
.hero:after{
  left:max(48px,calc((100vw - var(--container))/2));
  width:54px;
  background:rgba(209,187,145,.82);
}
.hero-content,
.home-hero .hero-content{
  width:min(var(--container),calc(100% - 132px));
  padding-top:160px;
  padding-bottom:126px;
}
.home-hero{min-height:820px}
.home-hero .hero-content{padding-bottom:164px}
.hero h1,
.home-hero h1{
  max-width:940px;
  font-size:clamp(70px,7.6vw,136px);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.055em;
  text-shadow:0 14px 50px rgba(0,0,0,.28);
}
.hero p,
.home-hero p{
  max-width:650px;
  color:rgba(255,255,255,.72);
  font-size:17px;
  line-height:1.82;
  letter-spacing:.008em;
}
.hero-actions{gap:10px;margin-top:40px}
.hero-slider-arrows{bottom:100px}
.hero-slider-arrows button{
  width:50px;
  height:50px;
  border-color:rgba(255,255,255,.22);
  background:rgba(5,5,5,.32);
}

/* Featured row — private inventory feel */
.home-featured-overlap{
  margin-top:-110px;
  padding-bottom:78px;
  background:linear-gradient(to bottom,transparent 0,transparent 69px,var(--paper) 70px,var(--paper) 100%);
}
.home-featured-overlap .featured-row{gap:22px}
.home-featured-overlap .vehicle-card{
  min-width:390px;
  max-width:390px;
  box-shadow:0 32px 80px rgba(17,14,9,.12);
}
.home-featured-overlap + .home-intro{padding-top:112px}

.home-intro:before{width:42px;background:#a88c59}
.intro-grid{gap:120px}
.intro-title,
.mission h2,
.page-title,
.featured-head h2,
.reviews h2,
.cta-dark h2,
.sell-card h2{
  letter-spacing:-.05em;
}
.intro-title{font-size:clamp(54px,6.3vw,96px)}
.intro-text,.mission p{color:#625b51;font-size:17px;line-height:1.95}

/* Dark editorial sections */
.dark-section,
.sell-band{
  background:
    radial-gradient(circle at 80% 20%,rgba(194,163,106,.055),transparent 34%),
    #0a0a09;
}
.split-cards{border-color:rgba(255,255,255,.085)}
.process-card{
  min-height:470px;
  padding:82px 62px 66px;
  border-color:rgba(255,255,255,.085);
}
.process-card:hover{background:rgba(255,255,255,.018)}
.circle-icon{
  width:58px;
  height:58px;
  border-color:rgba(209,187,145,.38);
}
.process-card h3{font-size:36px}
.process-card p{color:rgba(255,255,255,.56);line-height:1.86}
.text-link{color:#c8ad79}

.sell-card{
  min-height:540px;
  border-color:rgba(255,255,255,.08);
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.42) 45%,rgba(0,0,0,.12)),
    url('/wp-content/uploads/sites/117/2026/06/DSC05414-24-2.webp') center/cover no-repeat;
  box-shadow:0 40px 120px rgba(0,0,0,.30);
}
.sell-card:after{width:72px;background:#c4aa78}
.sell-card-content{padding:78px;max-width:820px}

.mission-grid{gap:108px}
.mission-img:after{inset:22px;border-color:rgba(255,255,255,.26)}

/* Vehicle cards — high-end catalog, less dealership */
.vehicle-card{
  border-color:#ddd5c8;
  background:#fbf9f4;
  box-shadow:none;
}
.vehicle-card:before{
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(153,119,65,.55),transparent);
  z-index:3;
  opacity:0;
  transition:opacity .35s ease;
}
.vehicle-card:hover{
  transform:translateY(-2px);
  border-color:#cfc2ad;
  box-shadow:0 30px 80px rgba(28,22,13,.085);
}
.vehicle-card:hover:before{opacity:1}
.vehicle-media{
  aspect-ratio:1.5;
  background:#eeece7;
}
.vehicle-media img,
.vehicle-media a img{
  background:linear-gradient(145deg,#f7f6f3,#ebe8e2);
  padding:10px;
}
.vehicle-card:hover .vehicle-media img,
.vehicle-card:hover .vehicle-media a img{transform:scale(1.018)}
.vehicle-body{padding:32px 34px 34px}
.vehicle-title{
  font-size:27px;
  line-height:1.03;
}
.vehicle-sub{
  color:#8d857a;
  font-size:11px;
  letter-spacing:.04em;
}
.price-row{
  margin-top:4px;
  padding-top:20px;
  border-color:#e8e2d9;
}
.price{font-size:28px;font-weight:400}
.spec-grid{
  gap:16px;
  padding-top:2px;
}
.spec-label{font-size:8px;letter-spacing:.19em;color:#aaa194}
.spec-value{font-size:12px;font-weight:500;color:#3d3932}
.card-btn{
  min-height:56px;
  background:transparent;
  border-color:#25231f;
  color:#181713!important;
  font-size:8px;
  font-weight:600;
  letter-spacing:.24em;
}
.card-btn:hover{
  background:#181713;
  border-color:#181713;
  color:#fff!important;
}

/* Inventory — showroom configurator */
.inventory-page,
.native-inventory,
.original-card-grid{background:#efebe3}
.inventory-toolbar{
  background:rgba(248,245,239,.96);
  border-bottom-color:#d6cdbf;
  box-shadow:none;
}
.input,.select{
  height:56px;
  border-color:#cfc5b6;
  background:#faf8f3;
  font-size:12px;
}
.result-count{font-size:9px;letter-spacing:.22em}
.filter-sidebar{
  background:#10100f;
  border-right-color:rgba(255,255,255,.08);
  color:#fff;
}
.filter-title{
  height:78px;
  background:#080808;
  border-bottom-color:rgba(209,187,145,.18);
  font-size:9px;
  letter-spacing:.24em;
}
.filter-group{border-bottom-color:rgba(255,255,255,.08)}
.filter-toggle{
  height:68px;
  background:#10100f;
  color:rgba(255,255,255,.78);
  font-size:9px;
  letter-spacing:.20em;
}
.filter-toggle:hover{background:#171715;color:#fff}
.filter-content{background:#10100f}
.price-line{background:#4c4943}
.price-line span{background:#10100f;box-shadow:0 0 0 3px #10100f;border-color:#c2a36a}
.price-inputs label{color:#a49a8b}
.price-inputs input{
  background:#181816;
  border-color:#34312c;
  color:#fff;
}
.check-list label{color:rgba(255,255,255,.68)}
.inventory-topbar{
  height:78px;
  top:92px;
  background:#080808;
  border-bottom-color:rgba(209,187,145,.18);
  box-shadow:none;
}
.inventory-search-field,.sort-select{
  background:#f8f5ef;
  border-color:#cfc5b6;
}
.original-card-grid{gap:28px;padding:32px 28px 110px}

/* Reviews — dark, private-club treatment */
.reviews{
  padding-top:138px;
  padding-bottom:150px;
  background:
    radial-gradient(circle at 20% 10%,rgba(194,163,106,.055),transparent 28%),
    #0d0d0c;
  color:#fff;
}
.reviews h2{color:#f4efe6}
.review-score{color:rgba(255,255,255,.72)}
.review-grid{gap:20px}
.review-card{
  min-height:410px;
  padding:44px;
  border-color:rgba(255,255,255,.09);
  background:#141412;
  box-shadow:none;
}
.review-card:hover{
  transform:none;
  border-color:rgba(209,187,145,.32);
  box-shadow:none;
}
.review-card p{
  color:rgba(255,255,255,.72);
  font-size:21px;
  line-height:1.78;
}
.reviewer{border-top-color:rgba(255,255,255,.10)}
.avatar{
  background:transparent;
  border-color:rgba(209,187,145,.50);
  color:#d5bf94;
}
.slide-arrow{
  border-color:rgba(255,255,255,.13);
  background:#181816;
  color:#fff;
  box-shadow:none;
}
.slide-arrow:hover{background:#f3eee4;color:#111;border-color:#f3eee4}
.dot{background:rgba(255,255,255,.20)}
.dot.active{background:#c4a66f}

/* Calls to action */
.cta-dark{
  background:
    radial-gradient(circle at 50% -10%,rgba(194,163,106,.095),transparent 38%),
    #070707;
}
.cta-dark:before{width:44px;background:#c4a66f}

/* Inner page hero */
.page-hero{
  padding:156px 0 126px;
  background:#080808;
}
.page-hero:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.40) 50%,rgba(0,0,0,.12)),
    url('/wp-content/uploads/sites/117/2026/05/The-Speed-Collection.webp') center/cover no-repeat;
}
.page-hero h1{font-size:clamp(66px,8vw,124px)}
.page-hero p{font-size:17px;line-height:1.85;color:rgba(255,255,255,.66)}
.page-hero.light{background:#ece6da;border-bottom-color:#d2c7b5}

/* VDP — private showroom panel */
.vdp-layout{
  grid-template-columns:minmax(0,1.48fr) minmax(380px,.52fr);
  gap:54px;
  padding:62px 0 120px;
}
.vdp-gallery{
  border-color:#d1c8ba;
  background:#e7e2d9;
}
.vdp-gallery img{aspect-ratio:16/9}
.thumb-row{gap:12px;margin-top:14px}
.thumb-row div{border-color:#d2c9ba;background:#e8e3da}
.vdp-side{
  top:160px;
  padding:42px;
  border-color:#191917;
  background:#10100f;
  color:#fff;
  box-shadow:0 36px 100px rgba(0,0,0,.18);
}
.vdp-side h1{
  color:#f6f1e8;
  font-size:clamp(42px,4.7vw,70px);
}
.vdp-side .muted,
.vdp-side .vehicle-sub,
.vdp-side .spec-label{color:rgba(255,255,255,.48)}
.vdp-side .price,
.vdp-side .spec-value{color:#f5efe5}
.vdp-side .price-row,
.vdp-specs{border-color:rgba(255,255,255,.10)}
.vdp-side .btn.outline{
  color:#fff!important;
  border-color:rgba(255,255,255,.34);
}
.vdp-side .btn.outline:hover{background:#fff;color:#111!important;border-color:#fff}
.overview{
  margin-top:36px;
  padding:46px;
  border-color:#d5cbbd;
  background:#f9f6f0;
}
.overview h2{font-size:40px}

/* Forms + content surfaces */
.form-wrap,
.content-card,
.lender-card,
.step-card{
  border-color:#d4cab9;
  background:#faf8f3;
  box-shadow:none;
}
.form-wrap{border-top:1px solid #d4cab9;padding:46px}
.field label{font-size:9px;letter-spacing:.18em;font-weight:600}
.field input,.field select,.field textarea{
  border-color:#d0c6b7;
  border-radius:0;
  background:#fffefa;
}
.content-card h2,.lender-card h3,.step-card h3{
  font-family:var(--serif);
  font-weight:400;
  text-transform:none;
  letter-spacing:-.025em;
}
.content-card.dark{background:#10100f;border-color:#10100f}
.list-clean li:before{color:#a98a55}

/* Modals / scheduler */
.search-modal,.deal-modal{background:rgba(0,0,0,.82);backdrop-filter:blur(20px)}
.search-panel,.deal-panel,.scheduler-panel{
  border-color:rgba(209,187,145,.20);
  border-top:1px solid rgba(209,187,145,.45);
  box-shadow:0 45px 140px rgba(0,0,0,.46);
}
.scheduler-panel{background:#eee9df}
.scheduler-head,.deal-progress,.scheduler-actions{background:#faf8f3}
.deal-progress span.active{background:#a98955}
.deal-bottom-nav{
  background:#090909;
  border-top:1px solid rgba(209,187,145,.20);
}
.deal-bottom-nav button{background:#090909}
.date-chip.active{background:#171715;border-color:#171715;color:#fff}
.time-slot.active{background:#f2ebdf;border-color:#b69966;color:#765b31}

/* Footer */
.site-footer{
  padding-top:92px;
  background:#050505;
  border-top-color:rgba(209,187,145,.12);
}
.footer-grid{gap:56px}
.footer-grid h4{color:#b99d68;font-size:8px;letter-spacing:.27em}
.footer-grid p,.footer-grid a{color:rgba(255,255,255,.48)}
.footer-bottom{border-top-color:rgba(255,255,255,.08)}

/* Mobile polish */
@media(max-width:1180px){
  .container,.narrow{width:min(var(--container),calc(100% - 64px))}
  .nav,.tsc-header .nav{gap:22px}
  .vdp-layout{gap:34px}
}

@media(max-width:900px){
  .header-inner,.tsc-header .header-inner{height:78px}
  .brand img,.tsc-header .brand img{width:190px}
  .hero,.home-hero{min-height:720px}
  .hero-content,.home-hero .hero-content{width:calc(100% - 54px);padding-top:106px}
  .home-hero .hero-content{padding-bottom:122px}
  .hero h1,.home-hero h1{font-size:clamp(60px,11vw,90px)}
  .section{padding:94px 0}
  .intro-grid,.mission-grid{gap:48px}
  .process-card{padding:58px 42px}
  .filter-sidebar{top:0;background:#10100f}
  .inventory-topbar{top:78px}
  .vdp-side{background:#10100f}
}

@media(max-width:620px){
  .container,.narrow{width:min(100% - 30px,100%)}
  .hero,.home-hero{min-height:660px}
  .hero-content,.home-hero .hero-content{width:calc(100% - 30px)}
  .hero h1,.home-hero h1{font-size:54px;line-height:.88}
  .hero p,.home-hero p{font-size:15px;line-height:1.72}
  .home-featured-overlap{margin-top:0;padding-top:18px}
  .home-featured-overlap .vehicle-card{min-width:86vw;max-width:86vw}
  .vehicle-body{padding:26px 24px 28px}
  .vehicle-title{font-size:24px}
  .review-card{padding:34px 28px}
  .vdp-side{padding:30px 26px}
  .overview{padding:34px 28px}
  .form-wrap{padding:32px 24px}
  .sell-card-content{padding:44px 30px}
  .page-hero{padding:112px 0 88px}
}


/* ========================================================================
   AMERICAN LUXURY REFINEMENT
   Cool graphite / midnight navy / brushed silver.
   Restores the original menu-logo treatment.
   ======================================================================== */

:root{
  --ink:#111820;
  --muted:#66717c;
  --soft:#e8edf1;
  --line:#cfd6dc;

  --dark:#0b1117;
  --dark2:#060a0e;

  /* Existing variable names retained for compatibility */
  --orange:#55758f;
  --orange-dark:#27465f;

  --cream:#f4f6f7;
  --chrome:#aeb8c2;
  --gold:#aeb8c2;

  --paper:#f6f7f8;
  --ivory:#edf0f2;
  --charcoal:#10171e;
  --champagne:#c3cbd3;
  --champagne-deep:#526b80;

  --shadow:0 26px 70px rgba(9,22,34,.10);
  --shadow-dark:0 34px 100px rgba(0,0,0,.42);

  /* Franklin-style typography = stronger American luxury feel */
  --serif:"Libre Franklin","Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;
  --sans:"Libre Franklin","Helvetica Neue",Arial,sans-serif;
}

body{
  font-family:var(--sans);
  background:
    radial-gradient(circle at 12% 8%,rgba(58,86,109,.035),transparent 25%),
    var(--paper);
  color:var(--ink);
  letter-spacing:0;
}

/* Less fashion-house, more premium American automotive */
.hero h1,
.home-hero h1,
.intro-title,
.mission h2,
.page-title,
.featured-head h2,
.reviews h2,
.cta-dark h2,
.sell-card h2,
.vehicle-title,
.price,
.content-card h2,
.lender-card h3,
.step-card h3,
.page-hero h1,
.vdp-side h1,
.overview h2,
.deal-head h3,
.scheduler-section h3{
  font-family:var(--sans);
}

.hero h1,
.home-hero h1,
.intro-title,
.mission h2,
.page-title,
.featured-head h2,
.reviews h2,
.cta-dark h2,
.sell-card h2,
.page-hero h1,
.vdp-side h1{
  font-weight:700;
  letter-spacing:-.045em;
}

.vehicle-title,
.content-card h2,
.lender-card h3,
.step-card h3,
.overview h2,
.deal-head h3,
.scheduler-section h3{
  font-weight:650;
  letter-spacing:-.025em;
}

.eyebrow{
  color:#55758f;
  font-size:10px;
  font-weight:700;
  letter-spacing:.25em;
}

.pill{
  border-color:rgba(85,117,143,.34);
  background:rgba(85,117,143,.07);
  color:#35556e;
}

::selection{
  background:#b9c5cf;
  color:#0a1118;
}


/* ===== Header / navigation ===== */

.site-header,
.tsc-header{
  background:rgba(8,14,20,.95);
  border-bottom:1px solid rgba(174,184,194,.18);
  backdrop-filter:blur(18px) saturate(.9);
}

.header-inner{height:88px}
.tsc-header .header-inner{height:84px}

/* RESTORED ORIGINAL LOGO TREATMENT */
.brand{
  min-width:210px;
}

.brand img{
  width:210px;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
  background:#fff;
  padding:5px 9px;
  border-radius:4px;
  filter:none;
}

.tsc-header .brand{
  min-width:210px;
}

.tsc-header .brand img{
  width:220px;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
  background:#fff;
  padding:5px 9px;
  border-radius:4px;
  filter:none;
}

.nav,
.tsc-header .nav{
  font-size:11px;
  font-weight:700;
  letter-spacing:.105em;
}

.nav a{
  color:rgba(255,255,255,.76);
}

.nav a:hover,
.nav a.active{
  color:#fff;
}

.nav a:after,
.nav a.active:after,
.nav a:hover:after{
  background:#8fa4b5;
  height:2px;
}

.icon-btn{
  border-color:rgba(255,255,255,.18);
}

.icon-btn:hover{
  background:#27465f;
  border-color:#55758f;
}

.header-search{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
}

.header-search input{
  background:transparent;
}

.header-search .search-mark{
  color:#aeb8c2;
}

.header-search button{
  background:#27465f;
  color:#fff;
}

.header-search button:hover{
  background:#355d79;
}


/* ===== Buttons ===== */

.btn{
  min-height:54px;
  padding:14px 28px;
  background:#111b24;
  border-color:#111b24;
  font-size:10px;
  font-weight:700;
  letter-spacing:.135em;
  border-radius:3px;
}

.btn:hover{
  background:#27465f;
  border-color:#27465f;
  color:#fff!important;
}

.btn.light{
  background:#f5f7f8;
  border-color:#f5f7f8;
  color:#111820!important;
}

.btn.light:hover{
  background:#dce3e8;
  border-color:#dce3e8;
  color:#111820!important;
}

.btn.outline{
  border-color:#657684;
  color:#18232d!important;
}

.btn.outline:hover{
  background:#17232d;
  border-color:#17232d;
  color:#fff!important;
}

.btn.ghost{
  background:rgba(7,14,20,.34);
  border-color:rgba(255,255,255,.43);
}

.btn.ghost:hover{
  background:#f5f7f8;
  border-color:#f5f7f8;
  color:#111820!important;
}


/* ===== Hero ===== */

.hero{
  background:
    linear-gradient(90deg,rgba(3,9,14,.90) 0%,rgba(5,13,20,.63) 35%,rgba(5,13,20,.20) 70%,rgba(5,13,20,.08) 100%),
    url('/wp-content/uploads/sites/117/2026/05/The-Speed-Collection.webp') center 43%/cover no-repeat;
}

.hero:before{
  background:
    linear-gradient(180deg,rgba(4,10,15,.16),transparent 38%,rgba(3,8,12,.58)),
    radial-gradient(circle at 72% 44%,transparent 0,rgba(7,18,28,.08) 36%,rgba(2,7,11,.30) 100%);
}

.hero:after{
  background:#8fa4b5;
}

.hero h1,
.home-hero h1{
  text-transform:uppercase;
  line-height:.86;
}

.hero p,
.home-hero p{
  color:rgba(255,255,255,.80);
  font-weight:400;
}

.hero-slider-arrows button:hover{
  background:#27465f;
  border-color:#55758f;
}


/* ===== Light sections ===== */

.home-featured-overlap{
  background:linear-gradient(to bottom,transparent 0,transparent 69px,var(--paper) 70px,var(--paper) 100%);
}

.home-intro{
  background:var(--paper);
}

.home-intro:before{
  background:#55758f;
}

.intro-text,
.mission p{
  color:#586774;
}


/* ===== Dark sections ===== */

.dark-section,
.sell-band{
  background:
    radial-gradient(circle at 82% 16%,rgba(85,117,143,.09),transparent 34%),
    linear-gradient(145deg,#081018,#111c25);
}

.circle-icon{
  border-color:rgba(174,184,194,.36);
  background:rgba(255,255,255,.02);
}

.circle-icon svg{
  stroke:#b7c0c8;
}

.process-card:hover{
  background:rgba(85,117,143,.07);
}

.mini-line,
.sell-card:after,
.cta-dark:before{
  background:#7d96aa;
}

.text-link{
  color:#aebcc7;
}

.sell-card{
  background:
    linear-gradient(90deg,rgba(3,10,16,.91),rgba(5,15,23,.46) 48%,rgba(4,12,18,.13)),
    url('/wp-content/uploads/sites/117/2026/06/DSC05414-24-2.webp') center/cover no-repeat;
}


/* ===== Vehicle catalog ===== */

.vehicle-card{
  background:#fff;
  border-color:#d5dce1;
}

.vehicle-card:before{
  background:linear-gradient(90deg,transparent,rgba(85,117,143,.65),transparent);
}

.vehicle-card:hover{
  border-color:#bac7d0;
  box-shadow:0 28px 74px rgba(25,45,60,.10);
}

.vehicle-media{
  background:#edf1f4;
}

.vehicle-media img,
.vehicle-media a img{
  background:linear-gradient(145deg,#fafbfc,#e9eef1);
}

.vehicle-title{
  color:#121b23;
  text-transform:uppercase;
  font-size:25px;
}

.vehicle-sub{
  color:#788690;
}

.price{
  color:#14202a;
  font-weight:700;
  font-size:27px;
}

.price-row{
  border-color:#e4e9ed;
}

.spec-label{
  color:#87939d;
}

.spec-value{
  color:#273642;
  font-weight:600;
}

.card-btn{
  background:#111b24;
  border-color:#111b24;
  color:#fff!important;
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  border-radius:3px;
}

.card-btn:hover{
  background:#27465f;
  border-color:#27465f;
}


/* ===== Inventory ===== */

.inventory-page,
.native-inventory,
.original-card-grid{
  background:#e9edf0;
}

.inventory-toolbar{
  background:rgba(248,249,250,.97);
  border-bottom-color:#cfd7dd;
}

.input,
.select{
  background:#fff;
  border-color:#c9d1d8;
}

.filter-sidebar{
  background:#0d171f;
  border-right-color:rgba(255,255,255,.08);
}

.filter-title{
  background:#081018;
  border-bottom-color:#55758f;
}

.filter-toggle,
.filter-content{
  background:#0d171f;
}

.filter-toggle:hover{
  background:#142430;
}

.price-line span{
  border-color:#8fa4b5;
}

.inventory-topbar{
  background:#09121a;
  border-bottom-color:#55758f;
}

.inventory-search-field,
.sort-select{
  background:#fff;
  border-color:#c7d0d7;
}


/* ===== Reviews ===== */

.reviews{
  background:
    radial-gradient(circle at 20% 10%,rgba(85,117,143,.10),transparent 30%),
    linear-gradient(145deg,#09131c,#111d26);
}

.reviews h2{
  color:#f4f7f9;
}

.review-card{
  background:#101c25;
  border-color:rgba(255,255,255,.09);
}

.review-card:hover{
  border-color:rgba(143,164,181,.40);
}

.avatar{
  border-color:rgba(174,184,194,.60);
  color:#d4dce2;
}

.stars{
  color:#b7c2ca;
}

.dot.active{
  background:#8fa4b5;
}

.slide-arrow:hover{
  background:#e7ecef;
  color:#111820;
  border-color:#e7ecef;
}


/* ===== CTA / page hero ===== */

.cta-dark{
  background:
    radial-gradient(circle at 50% -10%,rgba(85,117,143,.15),transparent 38%),
    linear-gradient(135deg,#071018,#111d26);
}

.page-hero{
  background:#081018;
}

.page-hero:before{
  background:
    linear-gradient(90deg,rgba(4,11,17,.92),rgba(6,16,24,.44) 52%,rgba(5,15,22,.12)),
    url('/wp-content/uploads/sites/117/2026/05/The-Speed-Collection.webp') center/cover no-repeat;
}

.page-hero.light{
  background:#e8edf0;
  border-bottom-color:#7f98aa;
}


/* ===== VDP ===== */

.vdp-side{
  background:#0e1922;
  border-color:#142531;
}

.vdp-side h1,
.vdp-side .price,
.vdp-side .spec-value{
  color:#f4f7f9;
}

.vdp-side .btn.outline{
  border-color:rgba(255,255,255,.38);
}

.overview{
  background:#f8f9fa;
  border-color:#d1d9df;
}


/* ===== Forms / modals ===== */

.form-wrap,
.content-card,
.lender-card,
.step-card{
  background:#fff;
  border-color:#d1d9df;
}

.field input,
.field select,
.field textarea{
  border-color:#cbd4da;
  background:#fff;
}

.content-card.dark{
  background:#0e1922;
  border-color:#0e1922;
}

.list-clean li:before{
  color:#55758f;
}

.search-panel,
.deal-panel,
.scheduler-panel{
  border-color:rgba(143,164,181,.30);
  border-top-color:#55758f;
}

.deal-progress span.active{
  background:#55758f;
}

.date-chip.active{
  background:#27465f;
  border-color:#27465f;
}

.time-slot.active{
  background:#eaf0f4;
  border-color:#7f98aa;
  color:#27465f;
}

.deal-bottom-nav{
  border-top-color:#55758f;
}

.deal-bottom-nav button.active{
  color:#9fb2c1;
}


/* ===== Footer ===== */

.site-footer{
  background:#060c11;
  border-top-color:#55758f;
}

.footer-grid h4{
  color:#aebbc5;
}

.footer-grid a:hover{
  color:#d5dde3;
}


/* ===== Mobile ===== */

.mobile-actions{
  background:#0b151d;
  border-top-color:#55758f;
}

.mobile-actions a,
.mobile-actions button{
  background:#0b151d;
}

.mobile-actions a:hover,
.mobile-actions button:hover{
  color:#b7c3cc;
}

.mobile-menu{
  background:#09131b;
  border-top-color:#55758f;
}

.mobile-menu a:hover{
  color:#b7c3cc;
}

@media(max-width:900px){
  /* Original responsive logo size */
  .brand img,
  .tsc-header .brand img{
    width:180px;
    max-height:58px;
    background:#fff;
    padding:5px 9px;
    border-radius:4px;
  }
}

@media(max-width:560px){
  /* Original smallest-screen logo size */
  .tsc-header .brand img,
  .brand img{
    width:168px;
  }
}


/* ========================================================================
   REVIEWS FIX — AMERICAN LUXURY / LIGHT SHOWROOM
   Fixes light-background readability and removes remaining warm accents.
   ======================================================================== */

.reviews,
section.reviews{
  position:relative;
  padding-top:100px !important;
  padding-bottom:120px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(65,91,111,.055),transparent 34%),
    #f4f6f7 !important;
  color:#111820 !important;
}

.reviews:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:72px;
  height:2px;
  transform:translateX(-50%);
  background:#738b9d;
}

.reviews .eyebrow{
  color:#45647b !important;
  background:transparent !important;
  border-color:#b9c5ce !important;
}

.reviews h2,
.reviews h2 *,
.reviews .section-title,
.reviews .section-title *{
  color:#101922 !important;
  -webkit-text-fill-color:#101922 !important;
  background:none !important;
  background-image:none !important;
  text-shadow:none !important;
}

.reviews h2{
  max-width:900px;
  margin:20px auto 18px !important;
  font-family:"Libre Franklin","Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(42px,4.8vw,70px) !important;
  font-weight:700 !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  text-transform:none !important;
  text-align:center;
}

.review-score{
  margin:18px 0 54px !important;
  color:#64727e !important;
}

.review-score strong,
.review-score span:not(.google-word):not(.stars){
  color:#64727e;
}

.reviews .stars,
.review-card .stars,
.reviews .review-stars,
.reviews .rating-stars{
  color:#6f8799 !important;
}

.reviews .stars *,
.review-card .stars *,
.reviews .review-stars *,
.reviews .rating-stars *{
  color:#6f8799 !important;
  fill:#6f8799 !important;
}

.review-grid{
  gap:20px !important;
}

.review-card{
  min-height:360px !important;
  padding:34px 34px 30px !important;
  background:#ffffff !important;
  color:#19232c !important;
  border:1px solid #d9e0e5 !important;
  border-top:1px solid #d9e0e5 !important;
  border-radius:5px !important;
  box-shadow:0 14px 42px rgba(20,39,54,.055) !important;
}

.review-card:hover{
  transform:translateY(-3px) !important;
  border-color:#bdcbd5 !important;
  box-shadow:0 22px 55px rgba(20,39,54,.085) !important;
}

.review-card p{
  color:#34414b !important;
  font-family:"Libre Franklin","Helvetica Neue",Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:1.75 !important;
}

.review-card .reviewer{
  border-top-color:#e2e7ea !important;
}

.review-card .reviewer strong{
  color:#14202a !important;
}

.review-card .reviewer small,
.review-card .reviewer span{
  color:#75818b;
}

.review-card .avatar{
  background:#17232d !important;
  border:0 !important;
  color:#f3f6f8 !important;
}

.review-card [class*="google-review"],
.review-card .google-review{
  border-color:#d7dfe4 !important;
  background:#f7f8f9 !important;
  color:#61707a !important;
}

.reviews .slide-arrow{
  background:#fff !important;
  border-color:#d1dbe1 !important;
  color:#17232d !important;
  box-shadow:0 10px 30px rgba(21,42,57,.09) !important;
}

.reviews .slide-arrow:hover{
  background:#17232d !important;
  border-color:#17232d !important;
  color:#fff !important;
}

.reviews .dot{
  background:#cbd4da !important;
}

.reviews .dot.active{
  background:#4f6e84 !important;
}

@media(max-width:900px){
  .reviews,
  section.reviews{
    padding-top:78px !important;
    padding-bottom:105px !important;
  }

  .reviews h2{
    font-size:clamp(38px,8vw,58px) !important;
  }
}

@media(max-width:560px){
  .reviews,
  section.reviews{
    padding-top:66px !important;
  }

  .reviews h2{
    font-size:40px !important;
    letter-spacing:-.045em !important;
  }

  .review-card{
    padding:28px 24px !important;
  }
}


/* ========================================================================
   FOOTER LOGO — MATCH HEADER LOGO TREATMENT
   ======================================================================== */

.site-footer .footer-logo,
.footer-logo{
  width:240px !important;
  max-width:100% !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;

  background:#fff !important;
  padding:8px 12px !important;
  border-radius:4px !important;

  filter:none !important;
  opacity:1 !important;

  margin:0 0 24px 0 !important;
}

.site-footer .footer-logo img,
.footer-logo img{
  width:100% !important;
  height:auto !important;
  max-height:56px !important;
  object-fit:contain !important;
  object-position:left center !important;

  background:transparent !important;
  filter:none !important;
  opacity:1 !important;
}

@media(max-width:560px){
  .site-footer .footer-logo,
  .footer-logo{
    width:220px !important;
  }
}