:root {
  --red: #dc111a;
  --red-dark: #bc0710;
  --ink: #17181b;
  --muted: #686b72;
  --line: #e6e7ea;
  --surface: #f5f6f7;
  --white: #fff;
  --shadow: 0 22px 60px rgba(20, 23, 29, .12);
  --radius: 18px;
  --container: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Montserrat, Inter, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.is-locked { overflow: hidden; }
main { overflow: hidden; }
section[id] { scroll-margin-top: 92px; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(220, 17, 26, .3); outline-offset: 3px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.1; }
h1 { font-size: clamp(2.7rem, 5vw, 5.2rem); letter-spacing: -.055em; }
h2 { font-size: clamp(2rem, 3vw, 3.15rem); letter-spacing: -.04em; }
h3 { font-size: 1.15rem; }
em { color: var(--red); font-style: normal; }
.container { width: var(--container); margin-inline: auto; }
.narrow { max-width: 820px; }
.section { padding: 86px 0; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: 16px; z-index: 10000; transform: translateY(-160%); padding: 12px 18px; border-radius: 8px; color: #fff; background: var(--ink); }
.skip-link:focus { transform: none; }
.icon { width: 24px; height: 24px; flex: 0 0 auto; }
.kicker { margin-bottom: 12px; color: var(--red); font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }

.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; padding: 11px 22px; border: 1px solid transparent; border-radius: 999px; font-size: .86rem; font-weight: 800; line-height: 1; transition: .22s ease; }
.button .icon { width: 18px; transition: transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button:hover .icon { transform: translateX(3px); }
.button-primary { color: #fff; background: var(--red); box-shadow: 0 10px 28px rgba(220, 17, 26, .25); }
.button-primary:hover { background: var(--red-dark); }
.button-outline { color: var(--red); border-color: var(--red); background: transparent; }
.button-outline:hover { color: #fff; background: var(--red); }
.button-light { color: var(--red); background: #fff; }
.button-outline-light { color: #fff; border-color: rgba(255,255,255,.65); }
.button-outline-light:hover { color: var(--red); background: #fff; }
.button-block { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--red); font-weight: 900; }
.text-link .icon { width: 18px; }

.site-header { position: relative; z-index: 50; height: 92px; overflow: hidden; background: #fff; box-shadow: 0 1px 0 rgba(20, 20, 20, .07); }
.header-inner { position: relative; z-index: 2; display: flex; height: 100%; align-items: center; gap: 38px; }
.site-logo { display: block; flex: 0 0 208px; }
.site-logo img { width: 208px; max-height: 62px; object-fit: contain; object-position: left center; }
.primary-navigation { margin-left: auto; }
.primary-navigation ul { display: flex; align-items: center; gap: 29px; padding: 0; margin: 0; list-style: none; }
.primary-navigation a { position: relative; display: block; padding: 35px 0 31px; font-size: .8rem; font-weight: 600; }
.primary-navigation a::after { position: absolute; right: 0; bottom: 25px; left: 0; height: 3px; border-radius: 4px; background: var(--red); content: ""; transform: scaleX(0); transition: .2s ease; }
.primary-navigation a:hover::after, .primary-navigation .current-menu-item a::after { transform: scaleX(1); }
.header-cta { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; padding: 9px 17px; border-radius: 999px; color: #fff; background: var(--red); font-size: .78rem; font-weight: 800; box-shadow: 0 9px 25px rgba(220, 17, 26, .25); }
.header-cta .icon { width: 19px; }
.nav-toggle { display: none; padding: 7px; border: 0; color: var(--ink); background: none; appearance: none; -webkit-appearance: none; }
.nav-backdrop, .mobile-nav-head, .filter-backdrop { display: none; }
.primary-navigation .mobile-nav-contact { display: none; }

.hero { position: relative; min-height: 710px; overflow: hidden; background: #edf0f2; isolation: isolate; }
.hero::after { position: absolute; z-index: 6; right: -1%; bottom: -1px; left: -1%; height: 48px; background: #fff; clip-path: polygon(0 64%,61% 22%,100% 48%,100% 100%,0 100%); content: ""; }
.hero-media { position: absolute; z-index: 0; inset: 0; }
.hero-media picture { display: block; width: 100%; height: 100%; }
.hero-media::after { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(10,12,16,.92) 0%,rgba(10,12,16,.78) 29%,rgba(10,12,16,.34) 49%,transparent 72%), linear-gradient(0deg,rgba(8,10,14,.14),transparent 42%); content: ""; }
.hero-media img { width: 100%; height: calc(100% + 40px); object-fit: cover; object-position: center 76%; transform: translateY(-40px); }
.hero-ribbons { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.hero-ribbon-floor { position: absolute; right: -12%; bottom: 29px; width: 76%; height: 92px; border: 8px solid rgba(255,255,255,.96); border-radius: 999px 0 0 999px; background: linear-gradient(95deg,#bd0009 0%,#f21822 50%,#b60008 100%); box-shadow: 0 16px 30px rgba(134,0,6,.16); transform: rotate(-4deg) skewX(-18deg); transform-origin: right center; }
.hero-inner { position: relative; z-index: 4; display: flex; min-height: 710px; align-items: center; }
.hero-copy { max-width: 535px; padding: 42px 0 58px; }
.hero-copy h1 { max-width: 500px; margin-bottom: 20px; color: #fff; font-size: clamp(2.95rem, 4.45vw, 4.35rem); line-height: .98; text-shadow: 0 3px 22px rgba(0,0,0,.18); text-wrap: balance; }
.hero-copy h1 em { display: block; }
.hero-copy > p:not(.kicker) { max-width: 465px; margin-bottom: 27px; color: rgba(255,255,255,.76); font-size: .96rem; line-height: 1.65; text-wrap: balance; }
.hero-actions { display: flex; align-items: center; gap: 22px; }
.hero-model-tag { position: absolute; z-index: 5; right: 3.5vw; bottom: 45px; display: flex; min-width: 190px; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.4); border-radius: 12px; color: #fff; background: rgba(15,17,20,.68); box-shadow: 0 14px 38px rgba(0,0,0,.2); backdrop-filter: blur(12px); }
.hero-model-tag > .icon { width: 31px; height: 31px; }
.hero-model-tag span { display: grid; line-height: 1.2; }
.hero-model-tag strong { font-size: .69rem; letter-spacing: .08em; text-transform: uppercase; }
.hero-model-tag small { color: rgba(255,255,255,.68); font-size: .59rem; }

.quick-search-section { position: relative; z-index: 8; padding-top: 86px; background: #fff; }
.quick-search-card { position: relative; display: grid; grid-template-columns: minmax(260px,.68fr) minmax(480px,1.32fr); align-items: center; gap: 38px; padding: 30px 34px; overflow: hidden; border-radius: 20px; color: #fff; background: linear-gradient(115deg,#9f050c 0%,#dc111a 56%,#aa030a 100%); box-shadow: 0 18px 45px rgba(181,0,8,.22); isolation: isolate; }
.quick-search-card::after { position: absolute; z-index: -1; top: -170px; right: -90px; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; content: ""; }
.quick-search-heading { position: relative; z-index: 1; }
.quick-search-heading .kicker { margin-bottom: 6px; color: rgba(255,255,255,.72); }
.quick-search-heading h2 { margin: 0; color: #fff; font-size: clamp(1.35rem,2vw,1.8rem); letter-spacing: -.035em; }
.quick-search-form { position: relative; z-index: 1; display: flex; min-width: 0; align-items: center; gap: 10px; padding: 7px 7px 7px 18px; border: 1px solid rgba(255,255,255,.6); border-radius: 999px; background: #fff; box-shadow: 0 9px 26px rgba(73,0,3,.15); }
.quick-search-form > .icon { width: 24px; color: var(--red); }
.quick-search-form input { position: relative; z-index: 1; min-width: 0; flex: 1; padding: 10px 2px; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: .9rem; font-weight: 550; }
.quick-search-prompt { position: absolute; z-index: 0; left: 54px; color: #676a72; font-size: .9rem; pointer-events: none; transition: opacity .18s ease; }
.quick-search-prompt strong { color: var(--red); font-weight: 650; opacity: 1; transition: opacity .22s ease; }
.quick-search-prompt strong.is-changing { opacity: 0; }
.quick-search-form:focus-within .quick-search-prompt, .quick-search-form.has-value .quick-search-prompt { opacity: 0; }
.quick-search-form button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 9px 18px; border: 0; border-radius: 999px; color: #fff; background: var(--red); font-size: .76rem; font-weight: 650; transition: background .2s ease, transform .2s ease; }
.quick-search-form button:hover { background: var(--red-dark); transform: translateX(2px); }
.quick-search-form button .icon { width: 16px; }
.home .button { font-weight: 650; }
.home main .button-outline { color: #fff; border-color: var(--red); background: var(--red); box-shadow: 0 10px 28px rgba(220,17,26,.18); }
.home main .button-outline:hover { background: var(--red-dark); }

.section-heading { max-width: 660px; margin-bottom: 36px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading h2 { margin-bottom: 11px; }
.section-heading p:last-child { max-width: 590px; margin-inline: auto; color: var(--muted); }
.home .section-heading p:last-child strong,
.home .about-copy > p:not(.kicker) strong,
.home .store-grid > div > p:not(.kicker) strong { color: var(--ink); font-weight: 700; }
.section-action { margin-top: 34px; text-align: center; }

.promotions { background: #fff; }
.vehicle-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.vehicle-card { position: relative; overflow: hidden; border: 1px solid #e2e3e6; border-radius: 17px; background: #fff; box-shadow: 0 8px 28px rgba(20,23,29,.055); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.vehicle-card:hover { border-color: #d2d4d8; transform: translateY(-6px); box-shadow: var(--shadow); }
.vehicle-card-image { position: relative; display: block; aspect-ratio: 1.5; overflow: hidden; background: transparent; }
.vehicle-card-image img { position: relative; z-index: 1; width: 100%; height: 100%; padding: 0; object-fit: cover; object-position: center; filter: drop-shadow(0 6px 3px rgba(12,14,18,.2)); transform: translateY(var(--vehicle-ground-shift,0)); transition: transform .35s ease; }
.vehicle-card:hover .vehicle-card-image img { transform: translateY(var(--vehicle-ground-shift,0)) scale(1.035); }
.offer-label { position: absolute; z-index: 2; top: 14px; left: 0; padding: 7px 12px; border-radius: 0 7px 7px 0; color: #fff; background: var(--red); font-size: .63rem; font-weight: 900; text-transform: uppercase; }
.vehicle-card-body { padding: 10px 19px 18px; }
.vehicle-card-body::before { display: block; height: 1px; margin-bottom: 14px; background: var(--line); content: ""; }
.vehicle-brand-row { display: flex; min-height: 24px; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.vehicle-brand-row img { width: auto; max-width: 78px; height: 21px; object-fit: contain; object-position: left center; }
.vehicle-brand-row > span { color: var(--ink); font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.vehicle-eyebrow { margin: 0; overflow: hidden; color: var(--muted); font-size: .61rem; font-weight: 750; letter-spacing: .06em; text-align: right; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.vehicle-card h3 { display: flex; min-height: 2.3em; align-items: center; margin: 5px 0; font-size: 1.08rem; letter-spacing: -.02em; text-transform: uppercase; }
.vehicle-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 0; margin: 0 0 12px; color: var(--muted); font-size: .7rem; list-style: none; }
.vehicle-summary li { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.vehicle-summary .icon { width: 16px; height: 16px; color: var(--red); stroke-width: 1.7; }
.vehicle-price { display: flex; min-height: 50px; flex-direction: column; justify-content: flex-end; padding-top: 9px; margin-bottom: 12px; border-top: 1px solid var(--line); line-height: 1.15; }
.vehicle-price.has-old-price { min-height: 61px; }
.vehicle-price span { color: var(--muted); font-size: .64rem; }
.vehicle-price .old-price { margin-bottom: 3px; color: #868990; }
.vehicle-price .old-price del { text-decoration-thickness: 1px; }
.vehicle-price strong { color: var(--red); font-size: 1.5rem; letter-spacing: -.045em; }
.vehicle-card .button { width: 100%; min-height: 42px; padding: 8px 15px; }

.brand-marquee { overflow: hidden; background: #f7f8fa; }
.brand-marquee-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 36px; }
.brand-marquee-heading .section-heading { margin-bottom: 30px; }
.brand-marquee-heading .section-heading p:last-child { margin-inline: 0; }
.brand-marquee-heading > .button { flex: 0 0 auto; margin-top: 30px; }
.brand-marquee-viewport { position: relative; padding: 12px 0 28px; margin: -12px 0 -28px; overflow: hidden; }
.brand-marquee-viewport::before, .brand-marquee-viewport::after { position: absolute; z-index: 2; top: 0; bottom: 0; width: max(28px, calc((100vw - 1240px) / 2)); min-width: 28px; content: ""; pointer-events: none; }
.brand-marquee-viewport::before { left: 0; background: linear-gradient(90deg,#f7f8fa,rgba(247,248,250,0)); }
.brand-marquee-viewport::after { right: 0; background: linear-gradient(270deg,#f7f8fa,rgba(247,248,250,0)); }
.brand-marquee-track { display: flex; width: max-content; animation: brand-marquee-scroll 34s linear infinite; }
.brand-marquee-viewport:hover .brand-marquee-track, .brand-marquee-viewport:focus-within .brand-marquee-track { animation-play-state: paused; }
.brand-marquee-group { display: flex; flex: 0 0 auto; gap: 16px; padding-right: 16px; }
.brand-marquee-card { display: grid; width: 180px; min-height: 104px; place-items: center; align-content: center; padding: 21px 25px; border: 1px solid #e1e2e5; border-radius: 15px; color: var(--ink); background: #fff; box-shadow: 0 7px 24px rgba(20,23,29,.04); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.brand-marquee-card:hover { border-color: #cfd1d5; box-shadow: 0 12px 32px rgba(20,23,29,.1); transform: translateY(-3px); }
.brand-marquee-card img { width: auto; max-width: 122px; height: 50px; object-fit: contain; opacity: 1; transition: opacity .2s ease, transform .2s ease; }
.brand-marquee-card:hover img { opacity: .82; transform: scale(1.035); }
@keyframes brand-marquee-scroll { to { transform: translateX(-50%); } }

.vehicle-types { overflow: hidden; background: #f7f8fa; }
.vehicle-types-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 42px; margin-bottom: 38px; }
.vehicle-types-heading h2 { margin-bottom: 11px; }
.vehicle-types-heading p:last-child { max-width: 650px; margin-bottom: 0; color: var(--muted); font-size: .92rem; }
.vehicle-types-heading p strong { color: var(--ink); font-weight: 600; }
.vehicle-types-heading > .button { flex: 0 0 auto; margin-top: 30px; }
.vehicle-type-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; gap: 22px; }
.vehicle-type-card { position: relative; display: block; min-height: 310px; overflow: hidden; border: 1px solid #dfe1e5; border-radius: 18px; color: #fff; background: #25282d; box-shadow: 0 12px 30px rgba(17,20,26,.09); isolation: isolate; }
.vehicle-type-card:nth-child(1) { z-index: 5; }
.vehicle-type-card:nth-child(2) { z-index: 4; }
.vehicle-type-card:nth-child(3) { z-index: 3; }
.vehicle-type-card:nth-child(4) { z-index: 2; }
.vehicle-type-card:nth-child(5) { z-index: 1; }
.vehicle-type-card::after { position: absolute; z-index: 2; inset: 30% 0 0; background: linear-gradient(180deg,rgba(11,13,17,0) 0%,rgba(11,13,17,.28) 28%,rgba(11,13,17,.9) 100%); content: ""; }
.vehicle-type-media { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.vehicle-type-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .45s ease; }
.vehicle-type-copy { position: absolute; z-index: 3; right: 17px; bottom: 18px; left: 17px; display: grid; }
.vehicle-type-copy small { margin-bottom: 2px; color: #ff4d54; font-size: .54rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.vehicle-type-copy strong { padding-right: 34px; font-size: 1.14rem; font-weight: 650; letter-spacing: -.035em; }
.vehicle-type-copy em { color: rgba(255,255,255,.68); font-size: .63rem; font-style: normal; }
.vehicle-type-arrow { position: absolute; z-index: 4; right: 15px; bottom: 21px; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; color: #fff; background: rgba(17,20,26,.3); transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.vehicle-type-arrow .icon { width: 16px; }
.vehicle-type-card:hover { z-index: 10; }
.vehicle-type-card:hover .vehicle-type-media img { transform: scale(1.045); }
.vehicle-type-card:hover .vehicle-type-arrow { border-color: var(--red); color: #fff; background: var(--red); transform: translateX(3px); }


.advantages { background: #fff; }
.advantage-grid { display: grid; grid-template-columns: repeat(6, 1fr); }
.advantage-grid article { padding: 10px 20px; text-align: center; }
.advantage-grid article:not(:last-child) { border-right: 1px solid var(--line); }
.advantage-grid .icon { width: 46px; height: 46px; margin: 0 auto 18px; color: var(--red); }
.advantage-grid h3 { min-height: 2.2em; margin-bottom: 16px; font-size: .92rem; text-transform: uppercase; }
.advantage-grid p { margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.advantage-grid p strong { color: var(--ink); font-weight: 700; }

.about-split { position: relative; min-height: 580px; overflow: hidden; color: #fff; background-color: #17191d; background-image: var(--about-background); background-position: center; background-size: cover; isolation: isolate; }
.about-split::before { position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg,rgba(7,9,12,.08) 0%,rgba(7,9,12,.18) 38%,rgba(7,9,12,.74) 63%,rgba(7,9,12,.94) 100%),linear-gradient(0deg,rgba(7,9,12,.28),transparent 54%); content: ""; }
.about-split-inner { position: relative; z-index: 1; display: flex; min-height: 580px; align-items: center; justify-content: flex-end; }
.about-copy { display: flex; width: min(50%,560px); flex-direction: column; justify-content: center; padding: 80px 0 80px 58px; }
.about-copy .kicker { color: #ff3941; }
.about-copy h2 { margin-bottom: 17px; color: #fff; }
.about-copy p:not(.kicker) { max-width: 510px; margin-bottom: 12px; color: rgba(255,255,255,.78); font-size: .96rem; line-height: 1.7; }
.home .about-split .about-copy > p:not(.kicker) strong { color: #fff; }
.about-copy .about-cta { align-self: flex-start; margin-top: 20px; }

.store-section { overflow: hidden; }
.store-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.store-grid h2 { margin-bottom: 18px; }
.contact-list { display: grid; gap: 17px; padding: 0; margin: 28px 0; list-style: none; }
.contact-list li { display: flex; align-items: flex-start; gap: 13px; }
.contact-list .icon { color: var(--red); }
.contact-list small { display: block; color: var(--muted); font-size: .7rem; text-transform: uppercase; }
.store-image { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); }
.store-image img { width: 100%; aspect-ratio: 1.55; object-fit: cover; object-position: center; }

.site-footer { color: #fff; background: #15161a; }
.footer-cta { position: relative; overflow: hidden; background: linear-gradient(110deg,#bd0710,#ef1822 62%,#b3050d); }
.footer-cta::after { position: absolute; right: 12%; top: -95px; width: 2px; height: 310px; background: rgba(255,255,255,.25); content: ""; transform: rotate(35deg); }
.footer-cta-inner { position: relative; z-index: 1; display: flex; min-height: 175px; align-items: center; justify-content: space-between; gap: 40px; }
.footer-cta .kicker { margin-bottom: 7px; color: rgba(255,255,255,.68); }
.footer-cta-copy { min-width: 0; }
.site-footer .footer-cta h2 { max-width: none; margin: 0; font-size: clamp(1.7rem,2.35vw,2.35rem); letter-spacing: -.04em; text-transform: none; white-space: nowrap; }
.footer-cta-actions { display: flex; flex: 0 0 auto; gap: 10px; }
.footer-grid { display: grid; grid-template-columns: 1.15fr .75fr .85fr 1.25fr; gap: 54px; padding-top: 62px; padding-bottom: 52px; }
.footer-nav { transform: translateX(20px); }
.footer-brand img { width: 210px; margin-bottom: 20px; }
.footer-brand p { max-width: 305px; margin: 0; color: rgba(255,255,255,.64); font-size: .79rem; line-height: 1.7; }
.footer-brand-signature { display: block; max-width: 300px; margin-top: 12px; color: #fff; font-size: .67rem; font-weight: 750; letter-spacing: .035em; }
.site-footer h2 { margin-bottom: 17px; font-size: .77rem; letter-spacing: .1em; text-transform: uppercase; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer .menu, .footer-service ul { display: grid; gap: 7px; }
.site-footer .menu a, .footer-service a { color: rgba(255,255,255,.68); font-size: .76rem; }
.site-footer a { transition: color .2s ease, opacity .2s ease; }
.site-footer .menu a:hover, .footer-service a:hover, .footer-bottom a:hover { color: #fff; }
.footer-contact { display: grid; gap: 13px; }
.footer-contact li { display: flex; align-items: flex-start; gap: 11px; color: rgba(255,255,255,.72); font-size: .73rem; }
.footer-contact li > .icon { width: 18px; margin-top: 2px; color: var(--red); }
.footer-contact span { display: grid; line-height: 1.45; }
.footer-contact small { color: rgba(255,255,255,.68); font-size: .57rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.social-links { display: flex; gap: 10px; margin-top: 18px; }
.social-links a { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.social-links a:hover { border-color: var(--red); background: var(--red); }
.social-links .icon { width: 18px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.2); }
.footer-bottom .container { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; padding-top: 18px; padding-bottom: 18px; color: rgba(255,255,255,.46); font-size: .65rem; }
.footer-bottom a { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.76); font-weight: 800; }
.footer-bottom a .icon { width: 14px; transform: rotate(-90deg); }

.page-hero { position: relative; display: flex; min-height: 440px; align-items: center; overflow: hidden; isolation: isolate; color: #fff; background-color: #17181b; background-image: var(--page-hero-image); background-position: center; background-size: cover; }
.page-hero::before { position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, rgba(8,10,14,.94) 0%, rgba(8,10,14,.82) 35%, rgba(8,10,14,.42) 64%, rgba(8,10,14,.18) 100%), linear-gradient(0deg, rgba(8,10,14,.32), transparent 62%); content: ""; }
.page-hero::after { position: absolute; z-index: 1; bottom: 0; left: 0; width: min(31vw, 430px); height: 5px; background: var(--red); content: ""; }
.page-hero .container { position: relative; z-index: 2; }
.page-hero h1 { max-width: 680px; margin-bottom: 16px; font-size: clamp(2.7rem, 4.25vw, 4.15rem); font-weight: 650; }
.page-hero h1 em { position: relative; z-index: 1; }
.page-hero p:last-child { max-width: 580px; margin-bottom: 0; color: rgba(255,255,255,.75); }
.page-hero.compact { min-height: 360px; }
.page-hero-catalog { background-position: center 56%; }
.page-hero-contact { background-position: center 47%; }
.page-hero-contact p:last-child { max-width: 720px; white-space: nowrap; }

.archive-section { background: #f6f7f8; }
.archive-layout { display: grid; grid-template-columns: 270px 1fr; align-items: start; gap: 34px; }
.catalog-results, .detail-main { min-width: 0; }
.filters { position: sticky; top: 20px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.filter-head { display: flex; align-items: center; justify-content: space-between; }
.filter-head .kicker { margin-bottom: 5px; }
.filter-head h2 { margin: 0; font-size: 1.25rem; }
.filter-close { display: none; width: 42px; height: 42px; place-items: center; padding: 8px; border: 0; border-radius: 50%; background: #f1f2f3; }
.filter-close .icon { width: 20px; }
.filters form { display: grid; gap: 17px; margin-top: 23px; }
.filters label { display: grid; gap: 7px; }
.filters label > span { font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.filter-group { min-width: 0; padding: 0 0 16px; border: 0; border-bottom: 1px solid var(--line); }
.filter-group legend { margin-bottom: 10px; font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.filter-options { display: grid; gap: 3px; }
.filters .filter-checkbox { position: relative; display: grid; min-height: 34px; grid-template-columns: 18px 1fr auto; align-items: center; gap: 9px; cursor: pointer; }
.filters .filter-checkbox input { width: 17px; height: 17px; min-height: 0; padding: 0; border: 1px solid #ccd0d5; border-radius: 4px; accent-color: var(--red); }
.filters .filter-checkbox span { font-size: .73rem; font-weight: 600; text-transform: none; }
.filters .filter-checkbox small { min-width: 24px; padding: 3px 6px; border-radius: 999px; color: var(--muted); background: #f2f3f4; font-size: .57rem; text-align: center; }
.filters > form > label > span { font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.filters select, .filters input:not([type="checkbox"]), .catalog-toolbar select { min-height: 46px; width: 100%; padding: 9px 12px; border: 1px solid #dfe0e3; border-radius: 9px; color: var(--ink); background: #fff; }
.clear-filters { color: var(--red); font-size: .78rem; font-weight: 800; text-align: center; }
.catalog-toolbar { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.catalog-toolbar p { margin: 0; color: var(--muted); font-size: .83rem; }
.catalog-toolbar select { width: 165px; }
.filter-open { display: none; min-height: 42px; }
.archive-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pagination { margin-top: 45px; }
.nav-links { display: flex; justify-content: center; gap: 8px; }
.page-numbers { display: grid; min-width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; font-size: .75rem; font-weight: 800; }
.page-numbers.current { color: #fff; border-color: var(--red); background: var(--red); }
.empty-state { padding: 70px 30px; border: 1px solid var(--line); border-radius: 18px; background: #fff; text-align: center; }
.empty-state > .icon { width: 48px; height: 48px; margin: 0 auto 18px; color: var(--red); }
.empty-state h2 { margin-bottom: 10px; }
.empty-state p { margin-bottom: 24px; color: var(--muted); }

.vehicle-detail-bar { padding: 11px 0; color: #fff; background: #1c1e22; font-size: .75rem; }
.vehicle-detail-bar .container { display: flex; justify-content: space-between; }
.vehicle-detail-bar a { display: inline-flex; align-items: center; gap: 7px; }
.vehicle-detail-bar a .icon { width: 16px; }
.vehicle-status { display: inline-flex; align-items: center; gap: 7px; }
.vehicle-status::before { width: 7px; height: 7px; border-radius: 50%; background: #53c878; content: ""; }
.vehicle-detail { background: #f7f7f8; }
.detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: start; gap: 35px; }
.vehicle-title { position: relative; margin-bottom: 27px; }
.vehicle-title h1 { max-width: 100%; margin: 0; font-size: clamp(1.8rem, 2.55vw, 2.55rem); line-height: 1.08; text-wrap: balance; text-transform: uppercase; }
.vehicle-gallery { margin-bottom: 25px; }
.gallery-main { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.gallery-slide { position: relative; display: none; width: 100%; padding: 0; border: 0; background: transparent; }
.gallery-slide.is-active { display: block; aspect-ratio: 1.5; overflow: hidden; }
.gallery-slide::after { display: none; }
.gallery-slide img { position: relative; z-index: 1; width: 100%; height: 100%; padding: 0; object-fit: cover; object-position: center; filter: none; }
.gallery-thumbs { display: flex; gap: 10px; margin-top: 12px; overflow-x: auto; }
.gallery-thumb { flex: 0 0 100px; padding: 3px; border: 2px solid transparent; border-radius: 10px; background: #fff; }
.gallery-thumb.is-active { border-color: var(--red); }
.gallery-thumb img { width: 100%; height: 66px; border-radius: 6px; object-fit: cover; }
.spec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 25px; }
.spec-grid > div { display: grid; min-height: 115px; align-content: center; justify-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fff; text-align: center; }
.spec-grid .icon { margin-bottom: 8px; color: var(--red); }
.spec-grid span { color: var(--muted); font-size: .65rem; text-transform: uppercase; }
.spec-grid strong { font-size: .82rem; }
.detail-section { padding: 34px; margin-top: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.detail-section h2 { margin-bottom: 18px; font-size: 1.65rem; }
.entry-content { color: #45484f; }
.entry-content > *:last-child { margin-bottom: 0; }
.entry-content a { color: var(--red); text-decoration: underline; }
.feature-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 11px 22px; padding: 0; margin: 0; list-style: none; }
.feature-list li { display: flex; align-items: center; gap: 9px; font-size: .84rem; }
.feature-list .icon { width: 18px; color: var(--red); }
.benefits-panel { color: #fff; border-color: transparent; background: linear-gradient(125deg, #1a1b1f, #303238); }
.benefit-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.benefit-list > div { display: flex; align-items: center; gap: 11px; padding: 13px; border-radius: 10px; background: rgba(255,255,255,.07); }
.benefit-list .icon { color: var(--red); }

.sales-card { position: sticky; top: 20px; overflow: hidden; padding: 28px; border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.sales-head { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.sales-head h2 { margin-bottom: 8px; font-size: 1.8rem; }
.sales-head p:last-child { margin: 0; color: var(--muted); font-size: .78rem; }
.selected-vehicle { display: flex; align-items: center; gap: 12px; padding: 15px; margin: 18px 0; border-radius: 12px; background: #f4f5f6; }
.selected-vehicle img { width: 72px; height: 52px; border-radius: 7px; object-fit: cover; }
.selected-vehicle div { display: grid; }
.selected-vehicle span { color: var(--muted); font-size: .62rem; text-transform: uppercase; }
.selected-vehicle strong { font-size: .8rem; text-transform: uppercase; }
.sales-price { display: grid; gap: 3px; padding: 20px; margin: 18px 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #1c1e22, #2b2d32); }
.sales-price > span:not(.sales-old-price) { font-size: .66rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.sales-price strong { color: #fff; font-size: 1.9rem; line-height: 1.1; }
.sales-price small { margin-top: 5px; color: rgba(255,255,255,.68); font-size: .64rem; line-height: 1.45; }
.sales-old-price { color: rgba(255,255,255,.62); font-size: .7rem; }
.sales-highlights { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-bottom: 18px; }
.sales-highlights > div { display: grid; grid-template-columns: 19px 1fr; column-gap: 7px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; }
.sales-highlights .icon { grid-row: 1 / 3; width: 17px; height: 17px; color: var(--red); }
.sales-highlights span { color: var(--muted); font-size: .58rem; text-transform: uppercase; }
.sales-highlights strong { font-size: .7rem; }
.sales-notes { display: grid; gap: 7px; padding: 0; margin: 0 0 20px; color: var(--muted); font-size: .69rem; list-style: none; }
.sales-notes li { display: flex; align-items: flex-start; gap: 7px; }
.sales-notes .icon { width: 15px; height: 15px; color: var(--red); }
.related-section { background: #f7f7f8; }
.related-section .vehicle-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.proposal-drawer { position: fixed; z-index: 200; inset: 0; visibility: hidden; }
.proposal-drawer.is-open { visibility: visible; }
.drawer-backdrop { position: absolute; inset: 0; border: 0; background: rgba(11,12,15,.68); opacity: 0; transition: .25s ease; }
.proposal-drawer.is-open .drawer-backdrop { opacity: 1; }
.drawer-panel { position: absolute; top: 0; right: 0; width: min(520px, 100%); height: 100%; padding: 45px; overflow-y: auto; background: #fff; transform: translateX(105%); transition: .3s ease; }
.proposal-drawer.is-open .drawer-panel { transform: none; }
.drawer-close { position: absolute; top: 18px; right: 18px; display: grid; width: 40px; height: 40px; place-items: center; border: 0; border-radius: 50%; background: #f0f1f2; }
.drawer-summary { display: grid; gap: 3px; padding: 17px; margin: 24px 0; border-left: 4px solid var(--red); background: #f4f5f6; }
.drawer-summary strong { text-transform: uppercase; }
.drawer-summary span { color: var(--muted); font-size: .78rem; }
.drawer-summary .drawer-price { color: var(--red); font-size: 1.15rem; font-weight: 700; }
.drawer-summary span:last-child { color: var(--red); font-size: 1rem; font-weight: 900; }

.wpcf7-form, .proposal-form form { display: grid; gap: 14px; }
.wpcf7-form p { margin: 0; }
.wpcf7-form label { display: grid; gap: 6px; color: #34363b; font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .wpcf7-form select, .wpcf7-form textarea { width: 100%; padding: 12px 13px; border: 1px solid #dfe0e3; border-radius: 9px; outline: none; background: #fff; font-size: .88rem; font-weight: 400; text-transform: none; }
.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"] { width: 18px; height: 18px; flex: 0 0 auto; margin: 2px 0 0; accent-color: var(--red); }
.wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 9px; color: var(--muted); font-size: .72rem; font-weight: 500; line-height: 1.45; text-transform: none; }
.wpcf7-form input:focus, .wpcf7-form textarea:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(220,17,26,.12); }
.wpcf7-submit { min-height: 48px; padding: 11px 22px; border: 0; border-radius: 999px; color: #fff; background: var(--red); font-weight: 850; cursor: pointer; }
.wpcf7-spinner { display: none; }
.wpcf7-submit:disabled { cursor: wait; opacity: .65; }
.wpcf7-not-valid-tip { margin-top: 5px; color: #a70d15; font-size: .72rem; font-weight: 600; }
.wpcf7 form .wpcf7-response-output { margin: 8px 0 0; padding: 12px 14px; border: 1px solid #d5d7dc; border-radius: 10px; background: #f7f8fa; color: #34363b; font-size: .78rem; line-height: 1.5; }
.wpcf7 form.sent .wpcf7-response-output { border-color: #6cb991; background: #effaf4; color: #0e6436; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #e5a2a6; background: #fff4f4; color: #8f1118; }
.spohr-confirmation { position: fixed !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-setup-note { padding: 13px; border: 1px dashed var(--red); border-radius: 8px; color: var(--red); background: #fff5f5; font-size: .78rem; }

.content-split { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.content-split .button { margin-top: 26px; }
.content-image-frame { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); }
.content-image-frame::after { position: absolute; right: -55px; top: -120px; width: 130px; height: 340px; background: var(--red); content: ""; transform: rotate(35deg); }
.content-image-frame img { width: 100%; min-height: 420px; object-fit: cover; }
.process-section { background: #fff; }
.process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.process-grid article { position: relative; min-height: 290px; padding: 34px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.process-grid article > .icon { width: 42px; height: 42px; margin-bottom: 24px; color: var(--red); }
.process-grid h3 { max-width: 220px; margin-bottom: 12px; }
.process-grid p { margin: 0; color: var(--muted); font-size: .84rem; }
.process-grid p strong,
.values-section p strong,
.about-intro-section p strong,
.about-store-section p strong { color: var(--ink); font-weight: 600; }
.about-store-section { background: #f5f6f7; }
.process-number { position: absolute; top: 14px; right: 22px; color: #ececef; font-size: 4rem; font-weight: 900; line-height: 1; }
.values-section { background: #f5f6f7; }
.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.value-grid article { padding: 34px; border: 1px solid var(--line); border-radius: 16px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.value-grid article:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,23,29,.08); }
.value-grid .icon { width: 42px; height: 42px; margin-bottom: 18px; color: var(--red); }
.value-grid p { margin: 0; color: var(--muted); font-size: .85rem; }
.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 80px; }
.contact-copy { position: sticky; top: 30px; padding-top: 25px; }
.contact-copy > p:not(.kicker) { color: var(--muted); }
.contact-highlight-list { display: grid; gap: 13px; margin-top: 32px; }
.contact-highlight-list > div { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.contact-highlight-list .icon { width: 23px; color: var(--red); }
.contact-highlight-list span { display: grid; }
.contact-highlight-list strong { font-size: .82rem; }
.contact-highlight-list small { color: var(--muted); font-size: .73rem; }
.contact-form-card { padding: 27px 34px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.contact-form-card h2 { margin-bottom: 10px; font-size: 1.7rem; }
.form-intro { margin-bottom: 15px; color: var(--muted); font-size: .84rem; }
.form-privacy { display: flex; align-items: center; gap: 8px; padding-top: 11px; margin: 11px 0 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .69rem; }
.form-privacy .icon { width: 17px; color: var(--red); }
.contact-form-card .kicker { margin-bottom: 8px; }
.contact-form-card .wpcf7-form { gap: 10px; }
.contact-form-card .wpcf7-form > p { display: grid; gap: 8px; }
.contact-form-card .wpcf7-form > p > br { display: none; }
.contact-form-card .wpcf7-form label { gap: 4px; font-weight: 650; text-transform: none; }
.contact-form-card .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.contact-form-card .wpcf7-form select,
.contact-form-card .wpcf7-form textarea { padding-top: 10px; padding-bottom: 10px; }
.contact-form-card .wpcf7-form textarea { height: 86px; min-height: 86px; resize: vertical; }
.contact-form-card .wpcf7-submit { min-height: 44px; }
.cta-section { padding-top: 0; background: #f5f6f7; }
.cta-panel { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 48px 54px; overflow: hidden; border-radius: var(--radius); color: #fff; background: linear-gradient(115deg, #a9060c, #dc111a 62%, #a50007); box-shadow: var(--shadow); }
.cta-panel .kicker { color: rgba(255,255,255,.72); }
.cta-panel h2 { margin-bottom: 10px; font-size: clamp(1.8rem, 3vw, 2.6rem); }
.cta-panel p:last-child { max-width: 650px; margin: 0; color: rgba(255,255,255,.78); }
.cta-actions { display: flex; flex: 0 0 auto; gap: 10px; }
.generic-content-section { background: #f5f6f7; }
.content-surface { padding: 42px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 12px 34px rgba(20,23,29,.06); }
.post-list { display: grid; gap: 20px; }
.post-list article h2 { font-size: 1.75rem; }
.error-icon { display: grid; width: 66px; height: 66px; place-items: center; margin: 0 auto 24px; border-radius: 50%; color: var(--red); background: #fff1f2; }
.error-icon .icon { width: 30px; }
.error-page { display: flex; min-height: 65vh; align-items: center; text-align: center; }
.error-page p { max-width: 660px; margin-right: auto; margin-left: auto; color: var(--muted); }
.error-actions { display: flex; justify-content: center; gap: 12px; margin-top: 30px; }

@media (max-width: 1080px) {
  .header-inner { gap: 22px; }
  .site-logo { flex-basis: 170px; }
  .site-logo img { width: 170px; }
  .primary-navigation ul { gap: 20px; }
  .primary-navigation a { font-size: .72rem; }
  .header-cta span { display: none; }
  .vehicle-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .advantage-grid { grid-template-columns: repeat(3, 1fr); gap: 35px 0; }
  .advantage-grid article:nth-child(3) { border-right: 0; }
  .vehicle-type-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; row-gap: 34px; }
  .vehicle-type-card { min-height: 320px; }
  .footer-grid { grid-template-columns: 1.1fr .7fr .8fr 1.2fr; gap: 34px; }
  .footer-nav { transform: none; }
  .archive-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .detail-grid { grid-template-columns: minmax(0,1fr) 330px; gap: 25px; }
}

@media (max-width: 820px) {
  :root { --container: min(100% - 30px, 680px); }
  .section { padding: 72px 0; }
  .site-header { height: 76px; overflow: visible; }
  .header-inner { z-index: auto; justify-content: space-between; }
  .site-logo { flex-basis: 170px; }
  .site-logo img { width: 170px; }
  .nav-toggle { position: relative; z-index: 3; display: grid; width: 44px; height: 44px; place-items: center; padding: 8px; margin-left: auto; }
  .nav-toggle .icon { width: 27px; height: 27px; }
  .nav-backdrop { position: fixed; z-index: 60; inset: 0; display: block; visibility: hidden; padding: 0; border: 0; background: rgba(11,12,15,.58); opacity: 0; backdrop-filter: blur(2px); transition: visibility .28s ease, opacity .28s ease; }
  .nav-open .nav-backdrop { visibility: visible; opacity: 1; }
  .primary-navigation { position: fixed; z-index: 61; top: 0; bottom: 0; left: 0; display: flex; width: min(350px,88vw); visibility: hidden; flex-direction: column; padding: max(18px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom)); margin: 0; overflow-y: auto; overscroll-behavior: contain; background: #fff; box-shadow: 18px 0 45px rgba(0,0,0,.2); opacity: 0; transform: translateX(-105%); transition: visibility .28s ease, opacity .28s ease, transform .28s ease; }
  .primary-navigation.is-open { visibility: visible; opacity: 1; transform: none; }
  .mobile-nav-head { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; }
  .mobile-nav-head > a { padding: 0; border: 0; }
  .mobile-nav-head img { width: 165px; max-height: 46px; object-fit: contain; object-position: left center; }
  .nav-close { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; padding: 9px; border: 0; border-radius: 50%; color: var(--ink); background: #f1f2f3; }
  .nav-close .icon { width: 21px; }
  .primary-navigation ul { display: grid; align-items: stretch; gap: 0; padding-top: 16px; }
  .primary-navigation li { width: 100%; }
  .primary-navigation a { display: flex; min-height: 54px; align-items: center; padding: 14px 4px; border-bottom: 1px solid var(--line); font-size: .94rem; font-weight: 600; }
  .primary-navigation .mobile-nav-head > a { min-height: 0; padding: 0; border-bottom: 0; }
  .primary-navigation .current-menu-item > a { color: var(--red); }
  .primary-navigation a::after { display: none; }
  .primary-navigation .mobile-nav-contact { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 12px 18px; margin-top: auto; border: 0; border-radius: 999px; color: #fff; background: var(--red); box-shadow: 0 10px 26px rgba(220,17,26,.22); font-size: .83rem; font-weight: 650; }
  .mobile-nav-contact .icon { width: 20px; }
  .header-cta { min-width: 42px; padding: 8px 11px; }
  .hero, .hero-inner { min-height: 700px; }
  .hero-media::after { background: linear-gradient(90deg,rgba(10,12,16,.94),rgba(10,12,16,.78) 46%,rgba(10,12,16,.14) 78%); }
  .hero-media img { object-position: 60% 74%; }
  .hero-ribbon-floor { right: -25%; width: 88%; }
  .hero-copy { max-width: 455px; padding-top: 56px; padding-bottom: 56px; }
  .hero-copy h1 { font-size: clamp(2.85rem, 9vw, 3.9rem); }
  .hero-model-tag { right: 20px; bottom: 38px; }
  .quick-search-section { padding-top: 72px; }
  .quick-search-card { grid-template-columns: 1fr; gap: 18px; padding: 25px; }
  .vehicle-types-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .vehicle-types-heading > .button { margin-top: 0; }
  .vehicle-type-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .brand-marquee-heading { align-items: flex-start; flex-direction: column; gap: 0; }
  .brand-marquee-heading > .button { margin-top: -8px; margin-bottom: 32px; }
  .about-split { min-height: 760px; background-position: 26% center; }
  .about-split::before { background: linear-gradient(180deg,rgba(7,9,12,.08) 0%,rgba(7,9,12,.22) 36%,rgba(7,9,12,.78) 62%,rgba(7,9,12,.96) 100%); }
  .about-split-inner { min-height: 760px; align-items: center; }
  .about-copy { width: min(100%,560px); padding: 64px 0; }
  .store-grid, .content-split, .contact-grid { grid-template-columns: 1fr; gap: 42px; }
  .store-image { order: -1; }
  .footer-cta-inner { align-items: flex-start; flex-direction: column; justify-content: center; padding-top: 36px; padding-bottom: 36px; }
  .site-footer .footer-cta h2 { white-space: normal; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 45px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom .container { grid-template-columns: 1fr auto; }
  .archive-layout { grid-template-columns: 1fr; }
  .filters { position: fixed; z-index: 110; inset: 0 auto 0 0; width: min(360px, 90vw); visibility: hidden; padding-top: max(25px,env(safe-area-inset-top)); padding-bottom: max(25px,env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; border-radius: 0; opacity: 0; transform: translateX(-100%); transition: .25s ease; }
  .filters.is-open { visibility: visible; opacity: 1; transform: none; box-shadow: 15px 0 40px rgba(0,0,0,.2); }
  .filter-backdrop { position: fixed; z-index: 109; inset: 0; display: block; visibility: hidden; padding: 0; border: 0; background: rgba(11,12,15,.58); opacity: 0; backdrop-filter: blur(2px); transition: visibility .25s ease, opacity .25s ease; }
  .filters.is-open + .filter-backdrop { visibility: visible; opacity: 1; }
  .filter-close { display: grid; }
  .filter-open { display: inline-flex; }
  .filters .filter-checkbox { min-height: 42px; }
  .detail-grid { grid-template-columns: 1fr; }
  .sales-card { position: static; }
  .related-section .vehicle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .process-grid { grid-template-columns: 1fr; }
  .process-grid article { min-height: 0; }
  .cta-panel { align-items: flex-start; flex-direction: column; padding: 40px; }
}

@media (max-width: 560px) {
  h1 { font-size: 2.65rem; }
  h2 { font-size: 2rem; }
  .section { padding: 60px 0; }
  .hero, .hero-inner { min-height: 560px; }
  .hero::after { display: none; }
  .hero-media::after { background: linear-gradient(180deg,rgba(10,12,16,.96) 0%,rgba(10,12,16,.9) 48%,rgba(10,12,16,.62) 78%,rgba(10,12,16,.35) 100%); }
  .hero-media img { height: 100%; object-position: 59% bottom; transform: none; }
  .hero-ribbon-floor { display: none; }
  .hero-inner { align-items: center; }
  .hero-copy { padding: 52px 0; }
  .hero-copy h1 { max-width: 320px; margin-bottom: 15px; font-size: 2.7rem; }
  .hero-copy > p:not(.kicker) { max-width: 340px; font-size: .86rem; line-height: 1.55; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 8px; }
  .hero-model-tag { display: none; }
  .quick-search-card { padding: 22px 18px; border-radius: 16px; }
  .quick-search-card::after { display: none; }
  .quick-search-section { padding-top: 60px; }
  .quick-search-heading h2 { font-size: 1.35rem; }
  .quick-search-form { padding-left: 15px; }
  .quick-search-form input { font-size: .82rem; }
  .quick-search-prompt { left: 51px; font-size: .82rem; }
  .quick-search-form button { width: 44px; padding: 0; }
  .quick-search-form button span { display: none; }
  .section-heading { margin-bottom: 30px; }
  .section-action .button { width: min(100%,340px); }
  .vehicle-grid, .archive-grid, .related-section .vehicle-grid { grid-template-columns: 1fr; }
  .vehicle-card h3, .vehicle-summary { min-height: auto; }
  .vehicle-type-grid { display: flex; gap: 14px; margin-right: -15px; padding: 2px 15px 12px 0; overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-left: 0; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .vehicle-type-grid::-webkit-scrollbar { display: none; }
  .vehicle-type-card { width: min(78vw, 290px); min-height: 330px; flex: 0 0 auto; scroll-snap-align: start; }
  .vehicle-types-heading, .brand-marquee-heading { align-items: center; text-align: center; }
  .vehicle-types-heading > div, .brand-marquee-heading .section-heading { width: 100%; }
  .vehicle-types-heading > .button, .brand-marquee-heading > .button { width: min(100%,340px); align-self: center; }
  .brand-marquee-heading .section-heading p:last-child { margin-inline: auto; }
  .brand-marquee-heading .section-heading p br { display: none; }
  .advantage-grid { display: flex; gap: 14px; margin-right: -15px; padding: 3px 15px 15px 0; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .advantage-grid::-webkit-scrollbar { display: none; }
  .advantage-grid article, .advantage-grid article:nth-child(3), .advantage-grid article:nth-child(even) { width: min(78vw,290px); min-height: 250px; flex: 0 0 auto; padding: 28px 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; scroll-snap-align: start; }
  .advantage-grid h3 { min-height: auto; margin-bottom: 12px; }
  .about-split, .about-split-inner { min-height: 580px; }
  .about-split { background-image: var(--about-mobile-background); background-position: center; }
  .about-split::before { background: linear-gradient(180deg,rgba(7,9,12,.58) 0%,rgba(7,9,12,.82) 34%,rgba(7,9,12,.94) 72%,rgba(7,9,12,.98) 100%); }
  .about-copy { padding: 32px 0; }
  .store-grid > div:first-child { text-align: center; }
  .store-grid .contact-list { width: 100%; max-width: 340px; margin-right: auto; margin-left: auto; }
  .store-grid .contact-list li { justify-content: flex-start; text-align: left; }
  .store-grid > div:first-child > .button { width: min(100%,340px); }
  .brand-marquee-card { width: 158px; min-height: 96px; padding: 18px 20px; }
  .footer-cta-inner { align-items: center; text-align: center; }
  .footer-cta-copy { width: 100%; }
  .footer-cta .kicker { text-align: center; }
  .footer-cta-actions { width: 100%; max-width: 340px; flex-direction: column; }
  .footer-cta-actions .button { width: 100%; }
  .footer-grid { grid-template-columns: 1fr; gap: 0; padding-top: 48px; padding-bottom: 42px; text-align: center; }
  .footer-brand { grid-column: auto; }
  .footer-grid > div:not(:first-child) { padding-top: 28px; margin-top: 28px; border-top: 1px solid rgba(255,255,255,.12); }
  .footer-brand > a { display: inline-block; }
  .footer-brand img { margin-right: auto; margin-left: auto; }
  .footer-brand p, .footer-brand-signature { margin-right: auto; margin-left: auto; }
  .social-links { justify-content: center; }
  .footer-nav { transform: none; }
  .footer-contact li { align-items: center; flex-direction: column; justify-content: center; gap: 6px; }
  .footer-contact li > .icon { margin-top: 0; }
  .footer-contact span { justify-items: center; }
  .footer-bottom .container { display: flex; align-items: center; flex-direction: column; gap: 6px; text-align: center; }
  .page-hero, .page-hero.compact { min-height: 390px; }
  .page-hero { background-position: 62% center; }
  .page-hero::before { background: linear-gradient(90deg, rgba(8,10,14,.94), rgba(8,10,14,.72) 58%, rgba(8,10,14,.28)); }
  .page-hero h1 { max-width: 300px; font-size: 2.35rem; letter-spacing: -.04em; }
  .page-hero h1 em { display: block; }
  .page-hero p:last-child { font-size: .9rem; }
  .page-hero-contact p:last-child { white-space: normal; }
  .catalog-toolbar { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.35fr); gap: 12px; }
  .catalog-toolbar .filter-open, .catalog-toolbar form, .catalog-toolbar select { width: 100%; }
  .catalog-toolbar p { order: 3; width: 100%; }
  .catalog-toolbar p { grid-column: 1 / -1; }
  .vehicle-detail { padding-top: 46px; }
  .vehicle-title h1 { max-width: 100%; font-size: clamp(1.55rem,7vw,1.85rem); overflow-wrap: anywhere; }
  .gallery-slide.is-active { aspect-ratio: 1.25; }
  .gallery-slide img { padding: 0; }
  .gallery-thumb { flex-basis: 88px; }
  .gallery-thumb img { height: 58px; }
  .spec-grid { grid-template-columns: repeat(2,1fr); }
  .feature-list, .benefit-list { grid-template-columns: 1fr; }
  .detail-section { padding: 24px; }
  .drawer-panel { padding: 42px 22px; }
  .value-grid { grid-template-columns: 1fr; }
  .contact-form-card { padding: 25px 20px; }
  .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .wpcf7-form select, .wpcf7-form textarea, .filters input:not([type="checkbox"]), .filters select, .catalog-toolbar select, .quick-search-form input { font-size: 16px; }
  .contact-copy { position: static; padding-top: 0; }
  .content-image-frame img { min-height: 270px; }
  .cta-panel { padding: 34px 25px; }
  .cta-actions { width: 100%; flex-direction: column; }
  .cta-actions .button { width: 100%; }
  .content-surface { padding: 28px 24px; }
  .error-actions { flex-direction: column; }
  .site-footer .menu a { display: block; min-height: 38px; padding: 8px 0; }
  .footer-bottom a { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 8px 0; }
  .footer-bottom a .icon { display: block; flex: 0 0 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .brand-marquee-track { animation: none; }
}