/* ==========================================================================
   JURA CARS – Optimized CSS (same visuals, lighter rules)
   ========================================================================== */
:root{
  --bg:#1e2124;--panel:#2a2f36;--muted:#bbc3cf;--text:#f2f5f9;--line:#353b44;
  --accent:#e11f26;--accent-600:#c30f20;--accent-700:#9b0c1a;--green:#20c997;
  --header-offset:80px
}

/* Base */
*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:var(--header-offset)}
body{
  margin:0;min-height:100vh;display:flex;flex-direction:column;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(42% 28% at 12% 8%, rgba(225,31,38,.09), transparent 70%),
    radial-gradient(34% 24% at 88% 26%, rgba(255,255,255,.04), transparent 72%),
    linear-gradient(180deg, #1e2124 0%, #181b1f 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
main{flex:1} footer{margin-top:auto}

.container{width:min(1200px,92vw);margin-inline:auto}

/* Focus ring */
:where(a,button,input,textarea){outline:none}
:where(a,button,input,textarea):focus-visible{
  box-shadow:0 0 0 3px rgba(225,31,38,.35);border-radius:10px
}

/* =========================
   Header / Navigation
   ========================= */
header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(1.2) blur(6px);
  background:linear-gradient(180deg,rgba(25,27,31,.85),rgba(25,27,31,.55));
  border-bottom:1px solid var(--line)
}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 0;position:relative
}
.brand .logo{height:55px;width:auto;display:block}

/* Desktop menu */
.menu{display:flex;gap:16px;align-items:center}
.menu a{padding:8px 10px;border-radius:10px;color:var(--muted)}
.menu a:hover{color:var(--text);background:#1f2329}

/* Toggle (hamburger) */
.menu-toggle{
  display:none;width:44px;height:44px;padding:0;font-size:0;cursor:pointer;
  border-radius:12px;border:1px solid var(--line);background:#1f2329;color:var(--text);
  display:none;align-items:center;justify-content:center;
  transition:background .2s,border-color .2s,transform .15s
}
.menu-toggle:hover{background:#22262d;border-color:#404854}
.menu-toggle:active{transform:translateY(1px)}
.bars{position:relative;display:inline-block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,background .2s}
.bars::before,.bars::after{
  content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,top .25s,bottom .25s,opacity .2s
}
.bars::before{top:-7px}.bars::after{bottom:-7px}
.menu-toggle.is-active .bars{background:transparent}
.menu-toggle.is-active .bars::before{top:0;transform:rotate(45deg)}
.menu-toggle.is-active .bars::after{bottom:0;transform:rotate(-45deg)}

/* Social / icon buttons */
.menu-social{display:flex;align-items:center;gap:10px}
.icon-btn{
  width:40px;height:40px;display:inline-flex;place-content:center;
  border:1px solid var(--line);border-radius:10px;background:#1f2329;
  transition:transform .15s,background .2s,border-color .2s
}
.icon-btn:hover{background:#22262d;border-color:#404854}
.icon-btn img{display:block;filter:invert(90%) brightness(95%)}

/* =========================
   Buttons
   ========================= */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 16px;border-radius:10px;font-weight:700;
  border:1px solid transparent;transition:transform .15s,background .2s
}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-600);transform:translateY(1px)}
/* Secondary button (neutral filled) */
.btn-secondary{background:#2a3038;border:1px solid #3a4350;color:var(--text);}
.btn-secondary:hover{background:#323a44;border-color:#4a5566;transform:translateY(1px);}

.btn-outline{border-color:var(--line);color:var(--text);background:transparent}
.btn-outline:hover{border-color:#404854;background:#1d2229}
.btn.tel{white-space:nowrap}

/* =========================
   Hero
   ========================= */
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(88vh,860px)}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image: image-set(
    url('/images/hero.webp') type('image/webp'),
    url('/images/hero.jpg') type('image/jpeg')
  ), url('/images/hero.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter:grayscale(.12) brightness(.42) contrast(1.08)
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg, rgba(14,16,18,.78) 0%, rgba(14,16,18,.54) 42%, rgba(14,16,18,.3) 100%),
    radial-gradient(70% 60% at 50% 55%,rgba(225,31,38,.2),transparent 60%)
}
.hero .wrap{padding:104px 0 88px;width:100%;max-width:min(1200px,92vw);margin-inline:auto}
.hero-copy{max-width:700px}
.kicker{color:#d9e0ea;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.85rem}
h1{font-size:clamp(28px,3.8vw,52px);margin:10px 0 12px;line-height:1.15}
.lead{max-width:640px;color:#dfe6f1;font-size:clamp(1rem,1.3vw,1.14rem)}
.cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}


/* =========================
   Sections
   ========================= */
section{padding:52px 0}
.section-title{font-size:clamp(28px,3.2vw,44px);margin:0 0 20px;font-weight:800;letter-spacing:.3px}
.section-title-stack{
  display:grid;
  gap:6px;
  max-width:720px;
}
.section-kicker{
  color:#f07c81;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  font-weight:800;
}
.section-copy{
  margin:0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.55;
}
.section-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 20px;
  flex-wrap:wrap;
}
.section-title-row .section-title{
  margin:0;
}
.listing-scroll-timer{
  width:20px;
  height:20px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  transition:opacity .2s ease;
}
.listing-scroll-ring{
  --progress:0;
  --ring-active:rgba(255,255,255,.72);
  --ring-track:#8a8a8a;
  --ring-width:4px;
  position:relative;
  width:20px;
  height:20px;
  border-radius:999px;
  background:conic-gradient(var(--ring-active) calc(var(--progress) * 1turn), var(--ring-track) 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width)));
  mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width)));
  transition:filter .2s ease,opacity .2s ease;
}
.listing-scroll-timer.is-paused{
  opacity:.78;
}
.listing-scroll-timer.is-paused .listing-scroll-ring{
  filter:grayscale(.55);
}
.listing-scroll-timer.is-hidden{
  display:none;
}

.mobile-copy-only{
  display:none;
}

/* =========================
   Cards
   ========================= */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{
  position:relative;background:var(--panel);border:1px solid rgba(0,0,0,.25);
  border-radius:28px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.22);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease
}
.card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 18%, transparent 100%);
  pointer-events:none;
  z-index:0;
}
.card > *{
  position:relative;
  z-index:1;
}
.card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 46px rgba(0,0,0,.28);
  border-color:#444d59;
}
.card img{width:100%;height:220px;object-fit:cover;aspect-ratio:16/9}
.card-pill{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  background:var(--accent);
  color:#fff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.card-pill--custom{
  left:auto;
  right:14px;
  background:rgba(17,21,27,.82);
  color:#fff;
  border-color:rgba(255,255,255,.18);
  max-width:calc(100% - 88px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.card-body{padding:18px 20px 20px}
.car-title{font-weight:800;margin:4px 0 12px;font-size:1.1rem}
.specs{
  display:grid;grid-template-columns:1fr 1fr;row-gap:12px;column-gap:16px;
  color:var(--muted);font-size:.95rem;margin-bottom:14px
}
.spec{display:inline-flex;align-items:center;gap:8px}
.spec .icon{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:6px;fill:#fff}

/* Listing status (sold/reserved) */
.card.is-dimmed img{filter:grayscale(1) brightness(.7) contrast(.9)}
.status-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;place-content:center;place-items:center;
  text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#fff;
  font-size:clamp(18px,3.2vw,36px);z-index:2;pointer-events:none
}
/* Card bottom row: button left, price right */
/* === Keep price row aligned across cards === */
.cards .card{
  display:flex;
  flex-direction:column;
}

.cards .card-body{
  display:flex;
  flex-direction:column;
  flex:1;                 /* body fills remaining space under image */
}

.cards .card-actions{
  margin-top:auto;        /* push actions to the bottom of the body */
  padding-top:16px;       /* small breathing room above */
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* Homepage offer carousel */
.cards.js-offer-carousel{
  display:block;
}
.cards.js-offer-carousel .offer-viewport{
  overflow:hidden;
  /* keep card shadows visible while still clipping sliding track */
  padding:16px 12px 24px;
  margin:-16px -12px -24px;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
}
.cards.js-offer-carousel .offer-viewport.is-dragging{
  cursor:grabbing;
}
.cards.js-offer-carousel .offer-track{
  display:flex;
  gap:24px;
  transform:translateX(0);
  will-change:transform;
}
.cards.js-offer-carousel .offer-track.is-animating{
  transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
.cards.js-offer-carousel .offer-item{
  flex:0 0 calc((100% - 48px)/3);
  min-width:0;
  box-shadow:none;
}
@media (max-width:900px){
  .cards.js-offer-carousel .offer-item{
    flex-basis:100%;
  }
}

/* Homepage sell process */
.sell-steps-home{padding-top:10px}
.sell-steps-home-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    var(--panel);
  border:1px solid #3b424d;
  border-radius:32px;
  padding:32px;
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  align-items:stretch;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.sell-steps-home-main .section-title-stack{margin-bottom:18px}
.sell-steps-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sell-step-home{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)), #222831;
  border:1px solid #3a414b;
  border-radius:18px;
  padding:18px;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.sell-step-home:hover{
  transform:translateY(-3px);
  border-color:#4b5563;
}
.sell-step-home-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.sell-step-home-icon{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.sell-step-home-icon svg{
  width:26px;
  height:26px;
  stroke:currentColor;
}
.sell-step-home-content{
  min-width:0;
}
.sell-step-home-num{
  display:inline-block;
  font-weight:900;
  color:var(--accent);
  letter-spacing:.03em;
  margin-right:8px;
}
.sell-step-home h3{
  margin:0;
  font-size:1rem;
  line-height:1.3;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
}
.sell-step-home p{
  margin:6px 0 0;
  color:var(--muted);
  line-height:1.55;
}
.sell-steps-home-cta{
  display:flex;
  justify-content:center;
  margin-top:2px;
}
.sell-steps-home-cta .btn{
  width:min(560px,100%);
  justify-content:center;
  min-height:54px;
}

/* =========================
   Reviews
   ========================= */
.client-reviews{
  padding-top:10px;
  padding-bottom:34px
}
.review-carousel{
  max-width:100%;
  margin:0 auto
}
.review-carousel.js-review-carousel{
  overflow:hidden;
  touch-action:pan-y
}
.review-track{
  display:flex;
  gap:18px;
  will-change:transform
}
.review-track.is-animating{
  transition:transform 520ms cubic-bezier(.22,.61,.36,1)
}
.review-card{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)), var(--panel);
  border:1px solid #3a424d;
  border-radius:18px;
  padding:28px 32px;
  box-shadow:0 16px 32px rgba(0,0,0,.14);
  display:flex;
  flex-direction:column
}
.review-carousel.js-review-carousel .review-card{
  flex:0 0 calc((100% - 18px) / 2);
  min-width:0
}
.review-stars{
  font-size:1.65rem;
  letter-spacing:.14em;
  line-height:1;
  margin-bottom:18px
}
.review-stars .stars-filled{
  color:#fff;
}
.review-stars .stars-empty{
  color:#4b5563;
}
.review-text{
  margin:0;
  color:#f2f5f9;
  font-size:clamp(1rem,1.35vw,1.2rem);
  line-height:1.65;
  max-width:880px
}
.review-author{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:18px 0 0;
  color:var(--muted)
}
.review-author strong{
  color:#fff
}
.review-author span::before{
  content:"\00b7";
  margin-right:8px;
  color:#68717f
}


.price{
  margin-left:auto;
  display:flex;
  flex-direction:column;     /* stack old over new */
  align-items:flex-end;      /* right-align numbers */
  gap:2px;
  line-height:1.15;
}

/* old price (top) */
.price .old{
  color:var(--muted);
  text-decoration:line-through;
  font-weight:600;
  font-size:clamp(.85rem, 1.2vw, 1rem);
}

/* new price (bottom) - bigger & bolder */
.price .new{
  color:#fff;
  font-weight:900;
  font-size:clamp(1.1rem, 2.2vw, 1.4rem);
}



/* =========================
   About
   ========================= */
.about-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)), var(--panel);
  border:1px solid #3a424d;border-radius:32px;
  padding:32px;display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:stretch;
  box-shadow:0 18px 42px rgba(0,0,0,.16)
}
.about-text{display:flex;flex-direction:column;justify-content:center}
.about-text p{margin:0 0 14px;color:#d8dee8}

/* Equal-height 2×2 stats */
.stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,1fr);gap:14px;height:100%;align-items:stretch
}
.stat{
  display:flex;flex-direction:column;justify-content:center;
  background:#222831;border:1px solid var(--line);border-radius:14px;
  padding:18px 20px;height:100%;min-height:0
}
.stat small{font-size:clamp(14px,1.1vw,16px);font-weight:600;color:var(--muted);line-height:1.35}
.stat .value{font-weight:800;font-size:clamp(22px,1.9vw,30px);margin-top:8px;line-height:1.15;min-height:1.2em}

/* =========================
   Contact
   ========================= */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)), var(--panel);
  border:1px solid #3a424d;
  border-radius:32px;
  padding:32px;
  box-shadow:0 18px 42px rgba(0,0,0,.14)
}
.list{list-style:none;padding:0;margin:6px 0 0}
.list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;color:#e4e9f2}
.list li svg{
  flex:0 0 18px;
  width:18px;
  height:18px;
  margin-top:2px;        /* zarovnání s prvním řádkem textu */
  fill: var(--accent);
}
.muted{color:var(--muted)}
.form{display:grid;margin:0;gap:10px}
.field{display:grid;gap:8px}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{font-weight:600}
input,textarea,select{
  width:100%;background:#222831;color:var(--text);
  border:1px solid var(--line);border-radius:12px;padding:12px
}
input::placeholder,textarea::placeholder{color:#96a0b0}
textarea{height:140px;resize:none}
.textarea-wrap{position:relative}
.char-count{position:absolute;right:10px;bottom:8px;font-size:.85rem;color:var(--muted)}

/* =========================
   Sell form page
   ========================= */
.sell-form-card{max-width:980px;margin:0 auto}
.sell-form-card .contact-notice{margin:0 0 12px}
.sell-form{gap:12px}
.sell-form label{display:flex;align-items:center;gap:6px}
.sell-form .req{color:var(--accent);font-weight:800}
.sell-form input:focus,.sell-form textarea:focus,.sell-form select:focus{
  outline:none;
  border-color:rgba(225,31,38,.72);
  box-shadow:0 0 0 3px rgba(225,31,38,.16);
}
.sell-form #vin{text-transform:uppercase;letter-spacing:.04em}
.sell-submit-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap
}
.sell-submit-row .btn{min-width:220px}
.sell-submit-row .btn[disabled]{opacity:.78;cursor:wait}

.about-media {
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #222831;

  /* make sure it has some height */
  width: 100%;
  aspect-ratio: 4 / 3;  /* or 16 / 9 */
}

.about-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition:transform .35s ease;
}
.about-media:hover img{transform:scale(1.03)}


/* =========================
   Footer
   ========================= */
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted)}
.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.footer-social{display:flex;gap:12px}
.footer-social a img{
  width:22px;height:22px;display:block;filter:invert(80%) brightness(90%);transition:filter .2s
}
.footer-social a:hover img{filter:invert(100%) brightness(120%)}

/* =========================
   Language pills
   ========================= */
.menu-lang{display:flex;gap:8px;align-items:center}
.menu .lang-btn{
  padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:9999px;
  background:transparent;color:var(--text);
  font:600 12px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;opacity:.9;
  transition:opacity .15s,transform .1s,box-shadow .2s;line-height:1
}
.menu .lang-btn:hover{opacity:1;box-shadow:0 0 0 1.5px rgba(255,255,255,.6) inset}
.menu .lang-btn.is-active{box-shadow:0 0 0 2px #fff inset}

/* ======================================================================
   Responsive
   ====================================================================== */
@media (max-width:1080px){
  .cards{grid-template-columns:1fr}
  .card img{height: 350px;}
  .brand .logo{height:50px}
  .about-panel{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .sell-steps-home-grid{grid-template-columns:1fr}
}

/* Mobile: full-screen overlay menu + scroll lock */
@media (max-width:760px){
  header{border-bottom:0}
  .container{width:min(1000px,94vw)}
  section{padding:40px 0}
  .hero{min-height:auto}
  .hero .wrap{padding:86px 10px 58px}
  .hero-copy{max-width:none}
  .kicker{text-align:left}
  .cta{display:flex;justify-content:flex-start}
  .hero h1{display:block;font-size:clamp(2rem,9vw,2.7rem)}
  .lead{max-width:none}
  .card img{height:190px}
  .status-overlay{
    font-size:clamp(24px,8vw,34px);
    letter-spacing:.1em;
    text-shadow:0 2px 10px rgba(0,0,0,.55);
  }
  .stats{grid-template-columns:1fr;grid-auto-rows:auto}
  .two-cols{grid-template-columns:1fr}
  .brand .logo{height:44px}
  .sell-steps-home-panel{padding:22px}
  .client-reviews{padding-bottom:24px}
  .review-card{padding:22px;border-radius:16px}
  .review-carousel.js-review-carousel .review-card{flex-basis:100%}
  .sell-form-section .contact-card{padding:22px}
  .sell-submit-row .btn{width:100%}
  .section-copy{font-size:.95rem}

  .menu-toggle{display:inline-flex;z-index:10001}
  .menu{
    position:fixed;inset:0;width:100vw;height:100dvh;background:#0d0f12;z-index:10000;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;
    padding:96px 24px 24px;transform:translateY(-100%);opacity:0;pointer-events:none;
    transition:transform .35s ease,opacity .3s ease;overflow:hidden;overscroll-behavior:none
  }
  .menu.is-open{transform:translateY(0);opacity:1;pointer-events:auto}
  body.menu-open{overflow:hidden;height:100dvh}
  html:has(.menu.is-open),body:has(.menu.is-open){overflow:hidden;height:100dvh}

  .menu-logo{display:block;margin-bottom:28px;max-width:160px}
  .menu-logo img{width:100%;height:auto}

  .menu a{
    display:block;width:100%;max-width:520px;text-align:center;color:#e9eef7;
    background:transparent;border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:16px 14px;font-size:1.2rem
  }
  .menu a:hover{background:rgba(255,255,255,.06)}
  .menu-sep{display:block;width:100%;max-width:520px;height:1px;background:rgba(255,255,255,.15);margin:14px 0}

  .menu-social{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:6px}
  .menu .icon-btn{
    display:inline-grid;place-items:center;width:48px;height:48px;max-width:none;padding:0;margin:0;
    border:1px solid rgba(255,255,255,.10);background:transparent;line-height:0;font-size:0
  }
  .icon-btn:hover{background:rgba(255,255,255,.06)}
  .icon-btn img{width:20px;height:20px}

  .menu .menu-lang{
    position:absolute;top:14px;left:16px;justify-content:flex-start;gap:10px;width:auto;margin:0
  }
  .menu .lang-btn{
    width:48px;height:48px;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset;
    display:inline-flex;align-items:center;justify-content:center;
    line-height:1;font-size:12px;font-weight:700
  }
}
@media (max-width:480px){.card img{height:170px}}
/* =========================
   Homepage redesign
   ========================= */
.home-page{
  --bg:#0f1115;
  --panel:#161a20;
  --muted:#aeb6c2;
  --text:#f6f7f9;
  --line:#2d343d;
  --accent:#e11f26;
  --accent-600:#c30f20;
  background:#0f1115;
}
.home-page::before{
  background:linear-gradient(180deg,#0f1115 0%,#15191f 48%,#0f1115 100%);
}
.home-page header{
  background:rgba(12,14,18,.78);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(1.15);
}
.home-page .nav{
  padding:12px 0;
}
.home-page .brand .logo{
  height:48px;
}
.home-page .menu{
  gap:8px;
}
.home-page .menu a{
  color:#d6dbe3;
  border-radius:4px;
  padding:9px 12px;
  font-weight:600;
}
.home-page .menu a:hover{
  color:#fff;
  background:rgba(255,255,255,.07);
}
.home-page .menu .lang-btn{
  letter-spacing:0;
  border-radius:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.home-page .icon-btn{
  border-radius:4px;
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.12);
}
.home-page .btn{
  min-height:46px;
  border-radius:4px;
  padding:11px 18px;
  font-weight:800;
}
.home-page .btn-primary{
  background:var(--accent);
  box-shadow:0 12px 28px rgba(225,31,38,.2);
}
.home-page .btn-primary:hover{
  background:var(--accent-600);
  transform:translateY(-1px);
}
.home-page .btn-secondary{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);
}
.home-page .btn-secondary:hover{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.25);
  transform:translateY(-1px);
}

.home-page .hero{
  min-height:760px;
  height:100svh;
  max-height:940px;
  align-items:flex-end;
  overflow:hidden;
}
.home-page .hero::before{
  background-image:url('/images/hero.jpg');
  background-position:center center;
  background-size:cover;
  filter:saturate(.82) brightness(.72) contrast(1.08);
  transform:scale(1.02);
}
.home-page .hero::after{
  background:
    linear-gradient(90deg,rgba(7,9,12,.94) 0%,rgba(7,9,12,.7) 38%,rgba(7,9,12,.22) 72%,rgba(7,9,12,.36) 100%),
    linear-gradient(0deg,#0f1115 0%,rgba(15,17,21,.58) 18%,rgba(15,17,21,0) 42%);
}
.home-page .hero .wrap{
  padding:128px 0 96px;
}
.home-page .hero-copy{
  max-width:760px;
}
.home-page .kicker,
.home-page .section-kicker{
  color:#f05c62;
  font-size:.88rem;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
}
.home-page .hero h1{
  margin:8px 0 16px;
  color:#fff;
  font-size:5.9rem;
  line-height:.95;
  font-weight:900;
  letter-spacing:0;
}
.home-page .lead{
  max-width:620px;
  margin:0;
  color:#d8dee8;
  font-size:1.15rem;
  line-height:1.7;
}
.home-page .cta{
  margin-top:30px;
  gap:10px;
}

.home-page .home-section{
  padding-top:88px;
  padding-bottom:88px;
}
.home-page .home-offer{
  padding-top:76px;
}
.home-page .section-title-row{
  align-items:flex-end;
  margin-bottom:34px;
}
.home-page .section-title-stack{
  max-width:760px;
  gap:8px;
}
.home-page .section-title{
  margin:0;
  color:#fff;
  font-size:2.75rem;
  line-height:1.08;
  font-weight:900;
  letter-spacing:0;
}
.home-page .section-copy{
  max-width:660px;
  color:#aeb6c2;
  font-size:1rem;
  line-height:1.7;
}
.home-page .listing-scroll-timer{
  width:26px;
  height:26px;
}
.home-page .listing-scroll-ring{
  width:26px;
  height:26px;
  --ring-active:var(--accent);
  --ring-track:rgba(255,255,255,.18);
  --ring-width:3px;
}

.home-page .cards{
  gap:20px;
}
.home-page .card{
  background:#151a20;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  box-shadow:none;
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}
.home-page .card::before{
  content:none;
}
.home-page .card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.2);
  background:#181e25;
  box-shadow:none;
}
.home-page .card img{
  height:300px;
  object-fit:cover;
  filter:saturate(.92) contrast(1.04);
  transition:transform .4s ease,filter .4s ease;
}
.home-page .card:hover img{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.08);
}
.home-page .card-body{
  padding:20px;
}
.home-page .car-title{
  margin:0 0 14px;
  font-size:1.12rem;
  line-height:1.35;
  font-weight:900;
}
.home-page .home-offer .offer-item .specs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 16px;
  margin-bottom:0;
  color:#b6beca;
  font-size:.92rem;
}
.home-page .spec{
  min-width:0;
}
.home-page .spec .icon{
  width:16px;
  height:16px;
  margin-right:2px;
  opacity:.76;
}
.home-page .cards .card-actions{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.home-page .price .old{
  color:#8d96a3;
}
.home-page .price .new{
  color:#fff;
  font-size:1.28rem;
}
.home-page .status-overlay{
  letter-spacing:0;
  background:rgba(0,0,0,.64);
}

.home-page .cards.js-offer-carousel .offer-viewport{
  padding:18px 2px 30px;
  margin:-18px -2px -30px;
}
.home-page .cards.js-offer-carousel .offer-track{
  gap:20px;
}
.home-page .cards.js-offer-carousel .offer-item{
  flex-basis:calc((100% - 40px)/3);
  box-shadow:none;
}

.home-page .sell-steps-home{
  padding-top:84px;
}
.home-page .sell-steps-home-panel{
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.home-page .sell-steps-home-main .section-title-stack{
  margin-bottom:34px;
}
.home-page .sell-steps-home-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.1);
}
.home-page .sell-step-home{
  min-height:230px;
  padding:24px;
  border:0;
  border-radius:0;
  background:#151a20;
}
.home-page .sell-step-home:hover{
  transform:none;
  background:#181e25;
}
.home-page .sell-step-home-row{
  display:grid;
  gap:18px;
}
.home-page .sell-step-home-icon{
  width:42px;
  height:42px;
  color:#fff;
  border-radius:4px;
  background:var(--accent);
}
.home-page .sell-step-home-icon svg{
  width:22px;
  height:22px;
}
.home-page .sell-step-home-num{
  color:#f05c62;
  letter-spacing:0;
}
.home-page .sell-step-home h3{
  display:block;
  font-size:1.02rem;
  line-height:1.35;
}
.home-page .sell-step-home p{
  margin-top:10px;
  color:#aeb6c2;
  font-size:.94rem;
}
.home-page .sell-steps-home-cta{
  justify-content:center;
  margin-top:24px;
}
.home-page .sell-steps-home-cta .btn{
  width:min(560px,100%);
  min-width:220px;
}

.home-page .about-panel{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:0;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#151a20;
  box-shadow:none;
}
.home-page .about-text{
  padding:44px;
}
.home-page .about-text .section-title-stack{
  margin-bottom:18px;
}
.home-page .about-text p{
  max-width:620px;
  color:#c5ccd6;
  line-height:1.8;
}
.home-page .about-media{
  min-height:440px;
  height:100%;
  border:0;
  border-radius:0;
  aspect-ratio:auto;
  background:#0f1115;
}
.home-page .about-media img{
  filter:saturate(.9) contrast(1.05);
}

.home-page .client-reviews{
  padding-top:84px;
}
.home-page .review-track{
  gap:20px;
}
.home-page .review-card{
  min-height:200px;
  padding:30px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#151a20;
  box-shadow:none;
}
.home-page .review-carousel.js-review-carousel .review-card{
  flex-basis:calc((100% - 20px)/2);
}
.home-page .review-stars{
  font-size:1.3rem;
  letter-spacing:0;
}
.home-page .review-text{
  color:#e7ebf1;
  font-size:1.06rem;
}
.home-page .review-author{
  margin-top:auto;
  padding-top:22px;
}
.home-page .review-author > span{
  color:#f07c81;
}
.home-page .review-author > span::before{
  color:#a34e54;
}

.home-page .contact-grid{
  gap:20px;
}
.home-page .contact-card{
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#151a20;
  box-shadow:none;
}
.home-page .contact-card .section-title-stack{
  margin-bottom:16px;
}
.home-page .list li{
  color:#d9dee7;
}
.home-page input,
.home-page textarea,
.home-page select{
  background:#0f1318;
  border-color:rgba(255,255,255,.12);
  border-radius:4px;
}
.home-page input:focus,
.home-page textarea:focus,
.home-page select:focus{
  border-color:rgba(225,31,38,.8);
  box-shadow:0 0 0 3px rgba(225,31,38,.16);
}
.home-page footer{
  border-top-color:rgba(255,255,255,.08);
  background:#0d0f13;
}

@media (max-width:1080px){
  .home-page .hero{
    min-height:680px;
    height:auto;
  }
  .home-page .hero h1{
    font-size:4.3rem;
  }
  .home-page .card img{
    height:360px;
  }
  .home-page .cards.js-offer-carousel .offer-item{
    flex-basis:100%;
  }
  .home-page .sell-steps-home-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-page .about-panel{
    grid-template-columns:1fr;
  }
  .home-page .about-media{
    min-height:520px;
  }
}
@media (max-width:760px){
  .mobile-copy-desktop{
    display:none;
  }
  .mobile-copy-only{
    display:inline;
  }
  .home-page .hero{
    min-height:620px;
  }
  .home-page .hero::before{
    background-position:61% center;
  }
  .home-page .hero::after{
    background:
      linear-gradient(90deg,rgba(7,9,12,.9) 0%,rgba(7,9,12,.72) 58%,rgba(7,9,12,.34) 100%),
      linear-gradient(0deg,#0f1115 0%,rgba(15,17,21,.58) 22%,rgba(15,17,21,0) 48%);
  }
  .home-page .hero .wrap{
    padding:146px 0 56px;
  }
  .home-page .hero h1{
    font-size:3.1rem;
  }
  .home-page .cta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    align-items:stretch;
  }
  .home-page .cta .btn{
    width:100%;
    min-width:0;
    justify-content:center;
  }
  .home-page .lead{
    font-size:1rem;
    line-height:1.6;
  }
  .home-page .home-section{
    padding-top:58px;
    padding-bottom:58px;
  }
  .home-page .section-title{
    font-size:2rem;
  }
  .home-page .section-title-row{
    align-items:flex-start;
    margin-bottom:24px;
  }
  .home-page .card img{
    height:230px;
  }
  .home-page .sell-steps-home-grid{
    grid-template-columns:1fr;
  }
  .home-page .sell-step-home{
    min-height:auto;
    padding:20px 18px;
  }
  .home-page .sell-step-home-row{
    display:flex;
    align-items:start;
    gap:14px;
  }
  .home-page .sell-step-home-content{
    display:block;
    min-width:0;
    flex:1 1 auto;
  }
  .home-page .sell-step-home h3{
    margin:0;
    font-size:1.18rem;
    line-height:1.3;
  }
  .home-page .sell-step-home p{
    margin:8px 0 0;
    font-size:1rem;
    line-height:1.65;
  }
  .home-page .sell-step-home-icon{
    width:56px;
    height:56px;
    border-radius:4px;
    background:var(--accent);
    align-self:start;
    flex:0 0 56px;
  }
  .home-page .sell-step-home-icon svg{
    width:24px;
    height:24px;
  }
  .home-page .about-text,
  .home-page .contact-card,
  .home-page .review-card{
    padding:24px;
  }
  .home-page .about-media{
    min-height:360px;
  }
  .home-page .review-carousel.js-review-carousel .review-card{
    flex-basis:100%;
  }
}
@media (max-width:480px){
  .home-page .hero h1{
    font-size:2.65rem;
  }
  .home-page .card img{
    height:210px;
  }
}

/* =========================
   Inner pages redesign
   ========================= */
.site-page{
  --bg:#0f1115;
  --panel:#151a20;
  --muted:#aeb6c2;
  --text:#f6f7f9;
  --line:#2d343d;
  --accent:#e11f26;
  --accent-600:#c30f20;
  background:#0f1115;
}
.site-page::before{
  background:linear-gradient(180deg,#0f1115 0%,#15191f 48%,#0f1115 100%);
}
.site-page header{
  background:rgba(12,14,18,.78);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(1.15);
}
.site-page .nav{
  padding:12px 0;
}
.site-page .brand .logo{
  height:48px;
}
.site-page .menu{
  gap:8px;
}
.site-page .menu a{
  color:#d6dbe3;
  border-radius:4px;
  padding:9px 12px;
  font-weight:600;
}
.site-page .menu a:hover{
  color:#fff;
  background:rgba(255,255,255,.07);
}
.site-page .menu .lang-btn{
  letter-spacing:0;
  border-radius:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.site-page .icon-btn{
  border-radius:4px;
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.12);
}
.site-page .btn{
  min-height:46px;
  border-radius:4px;
  padding:11px 18px;
  font-weight:800;
}
.site-page .btn-primary{
  background:var(--accent);
  box-shadow:0 12px 28px rgba(225,31,38,.18);
}
.site-page .btn-primary:hover{
  background:var(--accent-600);
  transform:translateY(-1px);
}
.site-page .btn-outline,
.site-page .btn-secondary{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  color:#f6f7f9;
}
.site-page .btn-outline:hover,
.site-page .btn-secondary:hover{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.24);
  transform:translateY(-1px);
}

.site-page .hero,
.site-page .hero-small{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
  min-height:430px;
  overflow:hidden;
}
.site-page .hero::before,
.site-page .hero-small::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url('/images/car_hero.jpg');
  background-position:center;
  background-size:cover;
  filter:saturate(.75) brightness(.55) contrast(1.1);
}
.site-page .hero::after,
.site-page .hero-small::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(7,9,12,.92) 0%,rgba(7,9,12,.66) 48%,rgba(7,9,12,.34) 100%),
    linear-gradient(0deg,#0f1115 0%,rgba(15,17,21,.58) 22%,rgba(15,17,21,0) 52%);
}
.site-page .hero .wrap,
.site-page .hero-small .wrap{
  padding:104px 0 58px;
}
.site-page .hero h1,
.site-page .hero-small h1{
  max-width:880px;
  margin:8px 0 14px;
  color:#fff;
  font-size:3.9rem;
  line-height:1;
  font-weight:900;
  letter-spacing:0;
}
.site-page .hero .lead,
.site-page .hero-small p{
  max-width:720px;
  margin:0;
  color:#d8dee8;
  font-size:1.08rem;
  line-height:1.7;
}
.site-page .kicker{
  color:#f05c62;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
}
.site-page .breadcrumbs{
  border:0;
  background:transparent;
  color:#aeb6c2;
  font-size:.95rem;
}
.site-page .breadcrumbs a:hover{
  color:#fff;
}
.site-page .hero-small .meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  color:#d8dee8;
}
.site-page .hero-small .meta span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:4px;
  background:rgba(255,255,255,.06);
}
.site-page .section-title{
  color:#fff;
  font-size:2.5rem;
  line-height:1.08;
  letter-spacing:0;
}

.site-page input,
.site-page textarea,
.site-page select,
.site-page .form-control{
  min-height:46px;
  border-radius:4px;
  background:#0f1318;
  border-color:rgba(255,255,255,.12);
  color:#f6f7f9;
}
.site-page input:focus,
.site-page textarea:focus,
.site-page select:focus,
.site-page .form-control:focus{
  border-color:rgba(225,31,38,.8);
  box-shadow:0 0 0 3px rgba(225,31,38,.16);
}
.site-page label,
.site-page .lbl{
  color:#cbd2dc;
}
.site-page .muted{
  color:#aeb6c2;
}
.site-page footer{
  border-top-color:rgba(255,255,255,.08);
  background:#0d0f13;
}

.listing-page .hero{
  min-height:320px;
}
.listing-page .hero .wrap{
  padding:92px 0 28px;
}
.listing-page .content-stack{
  padding:24px 0 84px;
}
.listing-page .searchbar{
  margin-bottom:20px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#151a20;
  padding:16px;
}
.listing-page .content-grid.mode-inside{
  gap:20px;
}
.listing-page .filter-panel{
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#151a20;
}
.listing-page .panel-head{
  background:#0f1318;
  border-bottom:1px solid rgba(255,255,255,.1);
  color:#fff;
  padding:14px 16px;
}
.listing-page .filter-panel summary{
  background:#151a20;
  color:#fff;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.listing-page .filter-panel .section-body,
.listing-page .submit-wrap{
  padding:14px 16px;
}
.listing-page .results-meta{
  margin:0 0 14px;
  color:#aeb6c2;
}
.listing-page .cards{
  gap:20px;
}
.listing-page .content-grid.mode-inside .cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.listing-page .card{
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:#151a20;
  box-shadow:none;
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}
.listing-page .card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.2);
  background:#181e25;
  box-shadow:none;
}
.listing-page .card img{
  height:300px;
  object-fit:cover;
  filter:saturate(.92) contrast(1.04);
  transition:transform .4s ease,filter .4s ease;
}
.listing-page .card:hover img{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.08);
}
.listing-page .card-body{
  padding:20px;
}
.listing-page .car-title{
  margin:0 0 14px;
  font-size:1.12rem;
  line-height:1.35;
  font-weight:900;
}
.listing-page .specs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 16px;
  margin-bottom:0;
  color:#b6beca;
  font-size:.92rem;
}
.listing-page .spec{
  min-width:0;
}
.listing-page .spec .icon{
  width:16px;
  height:16px;
  margin-right:2px;
  opacity:.76;
}
.listing-page .card-actions{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.listing-page .price .old{
  color:#8d96a3;
}
.listing-page .price .new{
  color:#fff;
  font-size:1.28rem;
}
.listing-page .status-overlay{
  letter-spacing:0;
  background:rgba(0,0,0,.64);
}
.listing-page .pg-btn{
  border-radius:4px;
  border-color:rgba(255,255,255,.12);
  background:#151a20;
}
.listing-page .pg-btn:hover{
  background:#181e25;
  border-color:rgba(255,255,255,.22);
}
.listing-page .pg-btn.is-active{
  background:var(--accent);
  border-color:var(--accent);
}

.detail-page .section--compact{
  padding:34px 0 !important;
}
.detail-page .hero-small .wrap--tight{
  padding:104px 0 58px !important;
}
.detail-page .detail-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:20px !important;
}
.detail-page .gallery,
.detail-page .side,
.detail-page .card{
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#151a20;
  box-shadow:none;
}
.detail-page .gallery{
  padding:10px;
}
.detail-page .gallery-main,
.detail-page .gq-item{
  border-radius:4px;
}
.detail-page .gallery-main img{
  filter:saturate(.95) contrast(1.04);
}
.detail-page .g-side,
.detail-page .g-full,
.detail-page .g-loading{
  border-radius:4px;
}
.detail-page .side{
  padding:24px;
}
.detail-page .side .price{
  align-items:flex-start;
  margin:0 0 20px;
}
.detail-page .side .price .new,
.detail-page .price .new{
  color:#fff;
  font-size:2rem;
  line-height:1.1;
}
.detail-page .price .old{
  color:#8d96a3;
}
.detail-page .badge,
.detail-page .tag{
  border-radius:4px;
  border-color:rgba(255,255,255,.12);
  background:#0f1318;
}
.detail-page .pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0;
}
.detail-page .cta-col{
  display:grid;
  gap:10px;
}
.detail-page .note{
  margin-top:16px;
  color:#aeb6c2;
}
.detail-page .card--tight{
  padding:24px !important;
}
.detail-page .card h3{
  margin-top:0;
  color:#fff;
}
.detail-page .specs-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px 24px;
}
.detail-page .specs-grid .row{
  border-bottom:1px solid rgba(255,255,255,.08);
}
.detail-page .equipment-category{
  padding:12px 0;
}
.detail-page .equipment-category-title{
  margin:0 0 10px;
  color:#fff;
}
.detail-page .g-lightbox{
  background:#050608;
}

.sell-page .sell-form-section{
  padding-top:72px;
  padding-bottom:90px;
}
.sell-page .sell-form-section > .section-title{
  margin-bottom:24px;
}
.sell-page .sell-form-card{
  max-width:980px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#151a20;
  box-shadow:none;
}
.sell-page .sell-form{
  gap:16px;
}
.sell-page .field{
  gap:7px;
}
.sell-page .sell-submit-row{
  padding-top:8px;
}
.sell-page .req{
  color:#f05c62;
}

.error-page .error-main{
  max-width:760px;
  padding:96px 0 112px;
}
.error-page .error-main h1{
  margin:0 0 14px;
  font-size:3.4rem;
  line-height:1;
  color:#fff;
}
.error-page .error-main p{
  color:#c5ccd6;
}

@media (max-width:1080px){
  .site-page .hero,
  .site-page .hero-small{
    min-height:380px;
  }
  .site-page .hero h1,
  .site-page .hero-small h1{
    font-size:3.1rem;
  }
  .listing-page .cards,
  .listing-page .content-grid.mode-inside .cards{
    grid-template-columns:1fr !important;
  }
  .listing-page .card img{
    height:360px;
  }
  .detail-page .detail-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .site-page .hero,
  .site-page .hero-small{
    min-height:340px;
  }
  .site-page .hero::before,
  .site-page .hero-small::before{
    background-position:58% center;
  }
  .site-page .hero .wrap,
  .site-page .hero-small .wrap{
    padding:92px 0 42px;
  }
  .site-page .hero h1,
  .site-page .hero-small h1{
    font-size:2.35rem;
  }
  .site-page .section-title{
    font-size:2rem;
  }
  .listing-page .content-stack{
    padding:18px 0 56px;
  }
  .listing-page .searchbar .row{
    display:grid;
  }
  .listing-page .card img{
    height:230px;
  }
  .detail-page .hero-small .meta{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
  }
  .detail-page .hero-small .meta span{
    min-height:24px;
    padding:0 6px;
    font-size:.72rem;
    line-height:1.1;
    justify-content:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .detail-page .hero-small .meta .btn{
    grid-column:1 / -1;
    margin-left:0 !important;
    justify-content:center;
  }
  .detail-page .specs-grid{
    grid-template-columns:1fr;
  }
  .detail-page .side,
  .detail-page .card--tight,
  .sell-page .sell-form-card{
    padding:22px !important;
  }
  .detail-page .hero-small .wrap--tight{
    padding:92px 0 42px !important;
  }
  .sell-page .sell-form-section{
    padding-top:52px;
    padding-bottom:68px;
  }
  .error-page .error-main{
    padding:72px 0 88px;
  }
  .error-page .error-main h1{
    font-size:2.45rem;
  }
}
@media (max-width:480px){
  .listing-page .card img{
    height:210px;
  }
  .site-page .btn{
    width:100%;
    justify-content:center;
  }
  .site-page .menu .btn,
  .site-page .card-actions .btn,
  .site-page .pagination .pg-btn{
    width:auto;
  }
}

/* Keep vehicle offer/detail surfaces static on hover. */
.home-page .home-offer .card:hover,
.listing-page .card:hover{
  transform:none;
  border-color:rgba(255,255,255,.09);
  background:#151a20;
  box-shadow:none;
}
.home-page .home-offer .card:hover img,
.listing-page .card:hover img{
  transform:none;
  filter:saturate(.92) contrast(1.04);
}
.detail-page .card:hover,
.detail-page .card--tight:hover,
.detail-page .gallery:hover,
.detail-page .side:hover{
  transform:none;
  border-color:rgba(255,255,255,.1);
  background:#151a20;
  box-shadow:none;
}
.detail-page .card:hover img,
.detail-page .card--tight:hover img{
  transform:none;
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}