/* Korna Otomotiv — V6 Final
   Private showroom direction: graphite, warm ivory, royal blue, champagne metal. */

:root {
  --color-bg: #07080a;
  --color-surface: #0c0e11;
  --color-card: #101318;
  --color-light: #ece8de;
  --color-primary: #294ee8;
  --color-primary-light: #9aafff;
  --color-accent: #c9ac7a;
  --color-text: #f2efe8;
  --color-muted: #969aa2;
  --color-line: rgba(242, 239, 232, .14);
  --v6-paper: #ece8de;
  --v6-ink: #0a0b0d;
  --v6-blue: #294ee8;
  --v6-metal: #c9ac7a;
  --v6-line: rgba(242, 239, 232, .14);
  --shadow: 0 34px 90px rgba(0, 0, 0, .42);
}

html { background: var(--color-bg); }

body {
  background: #07080a;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

body::before {
  opacity: .16;
  background-image:
    linear-gradient(90deg, transparent calc(100% - 1px), rgba(255,255,255,.035) 1px),
    linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 8.333vw 100%, 100% 80px;
}

::selection { background: var(--v6-metal); color: var(--v6-ink); }

.container { width: min(calc(100% - 72px), 1460px); }
.section { padding: clamp(110px, 9vw, 158px) 0; }
.section--compact { padding: clamp(58px, 6vw, 90px) 0; }

.section--surface {
  background: #0c0e11;
  border-color: rgba(242,239,232,.11);
}

.section--light {
  color: #111216;
  background: var(--v6-paper);
}

.eyebrow {
  color: var(--v6-metal);
  font-size: .66rem;
  letter-spacing: .24em;
}

.eyebrow::before { width: 42px; background: currentColor; }
.section--light .eyebrow { color: #294ee8; }

.section-title {
  font-size: clamp(3rem, 5.35vw, 6.3rem);
  font-weight: 560;
  letter-spacing: -.07em;
  line-height: .86;
}

.lead { color: #a2a6ae; font-size: clamp(.98rem, 1.25vw, 1.16rem); }

.section-head {
  margin-bottom: clamp(48px, 5.5vw, 80px);
  padding-bottom: 30px;
}

.section-head::before { color: var(--v6-metal); }
.section-head::after { width: 36%; background: var(--v6-blue); }

.page-home main > .section::after {
  content: "0" counter(korna-section) " / 05";
  top: 46px;
  color: rgba(201,172,122,.62);
}

/* Header — quiet luxury, functional hierarchy */
.topbar {
  height: 32px;
  color: #777c84;
  background: #07080a;
  border-color: rgba(242,239,232,.1);
}

.topbar__inner { height: 32px; }
.site-header { top: 32px; }
.header__inner { height: 88px; }

.site-header::after { background: rgba(242,239,232,.12); }

.site-header.is-scrolled {
  background: rgba(7,8,10,.94);
  border-color: transparent;
  box-shadow: 0 18px 60px rgba(0,0,0,.26);
  backdrop-filter: blur(20px) saturate(1.1);
}

.site-header.is-scrolled::before { background: linear-gradient(90deg, var(--v6-metal), var(--v6-blue)); }

.brand__mark {
  width: 49px;
  height: 49px;
  color: #fff;
  background: var(--v6-blue);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

.brand__mark::after {
  right: -7px;
  bottom: -7px;
  border-color: var(--v6-metal);
}

.brand__text { font-size: .91rem; letter-spacing: .055em; }
.brand__text small { color: #757a83; }

.nav a { color: #9297a0; }
.nav a:hover,
.nav a[aria-current="page"] { color: #f2efe8; }
.nav a::after { background: var(--v6-metal); }

.stock-counter { color: #777c84; }
.stock-counter i { background: var(--v6-metal); box-shadow: 0 0 0 3px rgba(201,172,122,.1); }
.stock-counter b { color: var(--v6-paper); }

.btn {
  min-height: 51px;
  padding-inline: 24px;
  letter-spacing: .065em;
}

.btn::after { color: currentColor; opacity: .35; }

.btn--primary {
  border-color: var(--v6-blue);
  background: var(--v6-blue);
}

.btn--primary:hover { background: #1f42d2; }

.btn--light { background: var(--v6-paper); color: #0b0c0f; }
.btn--outline { border-color: rgba(242,239,232,.24); }
.btn--outline:hover { border-color: var(--v6-paper); background: var(--v6-paper); color: #0b0c0f; }

.icon-btn { border-color: rgba(242,239,232,.2); }

/* Final hero */
.page-home .hero {
  min-height: 100svh;
  padding: 220px 0 86px;
}

.page-home .hero__media { left: 39%; }

.page-home .hero__media img {
  object-position: 59% center;
  transform: translate3d(var(--hero-x, 0), calc(var(--hero-scroll, 0px) + var(--hero-y, 0px)), 0) scale(1.055);
  filter: saturate(.68) contrast(1.13) brightness(.78);
  will-change: transform;
  transition: filter .5s ease;
}

.page-home .hero:hover .hero__media img { filter: saturate(.78) contrast(1.1) brightness(.81); }

.page-home .hero__media::before {
  background:
    linear-gradient(90deg, rgba(7,8,10,.95), transparent 25%),
    linear-gradient(0deg, rgba(7,8,10,.78), transparent 38%),
    linear-gradient(120deg, transparent 59.8%, rgba(201,172,122,.18) 60%, transparent 60.2%),
    repeating-linear-gradient(90deg, transparent 0 179px, rgba(255,255,255,.028) 180px);
}

.page-home .hero__media::after {
  background:
    linear-gradient(90deg, #07080a 0%, rgba(7,8,10,.64) 14%, transparent 44%),
    linear-gradient(0deg, #07080a 0%, transparent 34%);
}

.page-home .hero .container {
  grid-template-columns: minmax(0, 1.28fr) minmax(280px, .72fr);
  gap: clamp(48px, 7vw, 110px);
}

.page-home .hero__content .display {
  font-size: clamp(4.8rem, 8.2vw, 9.4rem);
  font-weight: 560;
}

.page-home .hero__content .display span:nth-child(2) {
  -webkit-text-stroke-color: rgba(236,232,222,.7);
}

.page-home .hero__content .display em {
  color: var(--v6-paper);
  font-size: .58em;
  font-weight: 400;
}

.page-home .hero__content .lead { color: #a8abb1; max-width: 590px; }

.hero-proof { border-color: rgba(236,232,222,.34); }
.hero-proof span { color: #c5c6c8; border-color: rgba(236,232,222,.16); }
.hero-proof b { color: var(--v6-metal); }
.hero-proof span::after { background: var(--v6-metal); }

.page-home .hero::before { background: rgba(201,172,122,.42); }
.page-home .hero::after { color: rgba(236,232,222,.5); }

/* Search concierge bar */
.hero-search {
  background: var(--v6-paper);
  border-bottom: 1px solid rgba(10,11,13,.14);
}

.hero-search::before {
  color: var(--v6-paper);
  background: var(--v6-ink);
}

.search-panel { background: var(--v6-paper); }

.search-panel select,
.search-panel input {
  color: #111216;
  border-right-color: rgba(10,11,13,.16);
  background: transparent;
}

.search-panel input::placeholder { color: #525761; }
.search-panel select:focus,
.search-panel input:focus {
  color: #111216;
  background: rgba(41,78,232,.055);
  border-color: rgba(10,11,13,.22);
  box-shadow: inset 0 -3px var(--v6-blue);
}

.search-panel .btn {
  color: #fff;
  background: var(--v6-blue);
}

/* Assurance ledger */
.trust-strip { border-color: rgba(242,239,232,.16); }
.trust-item { border-color: rgba(242,239,232,.14); }
.trust-item b { color: var(--v6-metal); }
.trust-item:hover b { color: #0a0b0d; background: var(--v6-metal); }

/* Editorial manifesto */
.v6-manifesto {
  position: relative;
  overflow: hidden;
  padding: clamp(100px, 10vw, 170px) 0;
  color: #111216;
  background: var(--v6-paper);
}

.v6-manifesto::before {
  content: "K";
  position: absolute;
  right: -3vw;
  bottom: -9vw;
  color: transparent;
  -webkit-text-stroke: 1px rgba(17,18,22,.11);
  font-family: var(--font-heading);
  font-size: clamp(20rem, 42vw, 42rem);
  font-weight: 650;
  line-height: .7;
}

.v6-manifesto__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .55fr 1.55fr .7fr;
  gap: clamp(34px, 6vw, 100px);
  align-items: start;
}

.v6-manifesto .eyebrow { color: var(--v6-blue); }

.v6-manifesto__index {
  display: block;
  margin-top: 22px;
  color: #777b82;
  font-family: var(--font-heading);
  font-size: .62rem;
  letter-spacing: .16em;
}

.v6-manifesto blockquote {
  max-width: 860px;
  font-family: var(--font-heading);
  font-size: clamp(3.2rem, 6.4vw, 7.8rem);
  font-weight: 560;
  line-height: .86;
  letter-spacing: -.075em;
  text-transform: uppercase;
}

.v6-manifesto blockquote em {
  display: block;
  margin-top: .14em;
  color: var(--v6-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-size: .62em;
  font-weight: 400;
  letter-spacing: -.055em;
  text-transform: none;
}

.v6-manifesto__aside {
  padding-top: 8px;
  border-top: 1px solid rgba(17,18,22,.24);
}

.v6-manifesto__aside p { color: #555a62; font-size: .92rem; line-height: 1.75; }

.v6-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  padding-bottom: 7px;
  border-bottom: 1px solid #111216;
  font-family: var(--font-heading);
  font-size: .67rem;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.v6-text-link .lucide { transition: transform .2s; }
.v6-text-link:hover .lucide { transform: translate(3px,-3px); }

/* Final vehicle collection */
.vehicle-grid { background: rgba(242,239,232,.12); }
.vehicle-card { background: #0e1115; }

.vehicle-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 80px rgba(0,0,0,.38);
}

.vehicle-card__image img { filter: saturate(.7) contrast(1.08); }
.vehicle-card:hover .vehicle-card__image img { transform: scale(1.03); filter: saturate(.9) contrast(1.06); }

.vehicle-card__image::before { color: var(--v6-paper); }
.vehicle-card__year { color: var(--v6-metal); }
.vehicle-card__meta .lucide { color: var(--v6-metal); }

[data-featured-vehicles] > .vehicle-card:first-child .vehicle-card__body {
  color: #111216;
  background: var(--v6-paper);
}

[data-featured-vehicles] > .vehicle-card:first-child .vehicle-card__year { color: var(--v6-blue); }
[data-featured-vehicles] > .vehicle-card:first-child .vehicle-card__meta { border-color: rgba(17,18,22,.24); }
[data-featured-vehicles] > .vehicle-card:first-child .vehicle-card__meta span { color: #4e535b; border-color: rgba(17,18,22,.2); }
[data-featured-vehicles] > .vehicle-card:first-child .vehicle-card__meta .lucide { color: var(--v6-blue); }
[data-featured-vehicles] > .vehicle-card:first-child .btn--primary { color: #fff; background: var(--v6-blue); border-color: var(--v6-blue); }
[data-featured-vehicles] > .vehicle-card:first-child .btn--outline { color: #111216; border-color: rgba(17,18,22,.25); }
[data-featured-vehicles] > .vehicle-card:first-child .btn--outline .brand-icon { filter: none; }

.favorite-btn.is-active,
.detail-actions [data-favorite].is-active { background: var(--v6-metal); border-color: var(--v6-metal); color: #0b0c0e; }

.inventory-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  color: #717781;
  font-size: .72rem;
}

.inventory-note .lucide { color: var(--v6-metal); }

/* Services */
.service-card::before { background: var(--v6-metal); }
.service-card__number { color: #737983; }
.service-card__icon { color: #6e737b; }
.service-card:hover .service-card__icon { color: var(--v6-metal); }

.service-card h3 { font-weight: 560; }
.service-card p { color: #8f949d; }

/* Sell, finance and closing statement */
.split-feature__media { min-height: 740px; }
.split-feature__media::after { background: var(--v6-blue); }
.step__num { color: var(--v6-metal); }
.step:hover { color: #fff; }

.section--light .form-card { border-color: rgba(17,18,22,.22); }

.calculator__result { background: var(--v6-blue); }

.final-cta {
  min-height: 480px;
  color: #111216;
  background: var(--v6-paper);
}

.final-cta::before {
  background:
    linear-gradient(135deg, transparent 49.8%, rgba(17,18,22,.13) 50%, transparent 50.2%),
    linear-gradient(45deg, transparent 49.8%, rgba(17,18,22,.07) 50%, transparent 50.2%);
}

.final-cta .btn--light { color: #fff; background: #111216; }
.final-cta .btn--primary { color: #fff; }
.final-cta .btn--outline { color: #111216; border-color: rgba(17,18,22,.3); }
.final-cta .btn--outline:hover { color: #fff; background: #111216; }

/* Inner pages */
.page-hero {
  min-height: 540px;
  background:
    linear-gradient(90deg, rgba(41,78,232,.08), transparent 36%),
    #0c0e11;
}

.page-hero::before {
  color: rgba(255,255,255,.012);
  -webkit-text-stroke-color: rgba(201,172,122,.13);
}

.page-hero::after {
  background: linear-gradient(135deg, transparent 49.8%, rgba(201,172,122,.45) 50%, transparent 50.2%);
}

.page-hero .display,
.page-hero .section-title,
.page-hero h1 { font-weight: 560; }

.page:not(.page-home) .page-hero .container::after { content: "KORNA / EST. 2009"; color: #777d86; }

.breadcrumbs a { color: #b8bbc0; }
.breadcrumbs span:last-child { color: var(--v6-metal); }

.filters { background: #0e1115; }
.filters__head h2 { font-weight: 560; }

.filter-chip:hover { border-color: var(--v6-metal); background: rgba(201,172,122,.1); }
.toolbar__controls .icon-btn:hover,
.toolbar__controls .icon-btn.is-active { border-color: var(--v6-blue); background: var(--v6-blue); }

.pagination button.is-active { background: var(--v6-blue); border-color: var(--v6-blue); }

.gallery-main::after { background: var(--v6-blue); }
.gallery-thumb.is-active { border-color: var(--v6-metal); }
.gallery-nav button:hover { background: var(--v6-blue); border-color: var(--v6-blue); }

.detail-price { color: var(--v6-paper); }
.detail-panel { border-top: 2px solid var(--v6-metal); }
.spec::after { background: var(--v6-metal); }
.equipment-card li .lucide { color: var(--v6-metal); }

.info-card:hover,
.contact-item:hover,
.equipment-card:hover { background: var(--v6-blue); }

.stat::after { border-color: var(--v6-metal); }

.faq details[open] summary { color: var(--v6-metal); }
.steps-form__bar { background: linear-gradient(90deg, var(--v6-blue), var(--v6-metal)); }

/* Logo reel and footer */
.brand-marquee { background: var(--v6-paper); }
.brand-logo { opacity: .48; }

.site-footer {
  padding-top: 120px;
  background: #050608;
}

.site-footer::before {
  width: min(calc(100% - 72px), 1460px);
  color: var(--v6-paper);
  border-color: rgba(242,239,232,.14);
}

.footer__col h3 { color: var(--v6-metal); }
.footer__bottom a { color: var(--v6-metal); }

.floating-whatsapp {
  right: 18px;
  bottom: 18px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  box-shadow: 0 16px 45px rgba(0,0,0,.3);
}

.floating-whatsapp:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(37,211,102,.25); }

/* Reveal polish */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.75,.2,1);
}

.reveal.is-visible { opacity: 1; transform: none; }

:focus-visible { outline-color: var(--v6-metal); }

@media (max-width: 1180px) {
  .container { width: min(calc(100% - 48px), 1460px); }
  .page-home .hero .container { grid-template-columns: 1fr 290px; gap: 46px; }
  .page-home .hero__content .display { font-size: clamp(4.4rem, 9.2vw, 7.5rem); }
  .v6-manifesto__grid { grid-template-columns: .48fr 1.35fr .7fr; gap: 45px; }
}

@media (max-width: 900px) {
  .container { width: min(calc(100% - 36px), 1460px); }
  .page-home .hero { min-height: 900px; padding: 140px 0 70px; }
  .page-home .hero__media { left: 0; }
  .page-home .hero__media img {
    object-position: 60% center;
    transform: translate3d(0, var(--hero-scroll, 0px), 0) scale(1.055);
  }
  .page-home .hero__media::after { background: linear-gradient(0deg,#07080a 0%,rgba(7,8,10,.78) 60%,rgba(7,8,10,.34)); }
  .page-home .hero .container { grid-template-columns: 1fr; }
  .v6-manifesto__grid { grid-template-columns: 1fr 2fr; }
  .v6-manifesto__aside { grid-column: 2; }
  .split-feature__media { min-height: 560px; }
  .final-cta { min-height: 440px; }
}

@media (max-width: 640px) {
  .container { width: min(calc(100% - 24px), 1460px); }
  .section { padding: 82px 0; }
  .section-title { font-size: clamp(2.75rem, 13.5vw, 4.4rem); }
  .page-home main > .section::after { display: none; }
  .page-home .hero { min-height: 820px; padding: 118px 0 48px; }
  .page-home .hero__content .display { font-size: clamp(3.55rem, 17.5vw, 5.5rem); }
  .page-home .hero__content .display em { font-size: .56em; }
  .page-home .hero__content .lead { font-size: .94rem; }
  .v6-manifesto { padding: 92px 0; }
  .v6-manifesto__grid { grid-template-columns: 1fr; gap: 38px; }
  .v6-manifesto blockquote { font-size: clamp(3rem,14vw,4.6rem); }
  .v6-manifesto__aside { grid-column: auto; max-width: 420px; }
  .inventory-note { align-items: flex-start; line-height: 1.5; }
  .split-feature__media { min-height: 430px; }
  .final-cta { min-height: 500px; }
  .final-cta h2 { font-size: 3.1rem; }
  .page-hero { min-height: 400px; }
  .site-footer { padding-top: 90px; }
  .floating-whatsapp { right: 12px; bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .hero__media img { transform: scale(1.055); transition: none; }
  .reveal { opacity: 1; transform: none; transition: none; }
}