/* =========================================================================
   ATCCAR'S — site styles (2026 redesign). css/styles.css stays only for the
   standalone expertiz.html embed used by older app versions.
   ========================================================================= */
:root {
  --base: #2A2725; --ivory: #F4EFE6; --body: #EDE8E0; --label: #D9CFC0;
  --bdr: 1px solid rgba(255,255,255,.16);
  --blur: blur(28px) saturate(1.2);
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --metal: linear-gradient(180deg,#F7F2E9 0%,#E6DDCF 50%,#BFB4A3 100%);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
html[dir="rtl"] { --serif: 'Noto Naskh Arabic', 'Cormorant Garamond', Georgia, serif; --sans: 'Noto Naskh Arabic', Inter, system-ui, sans-serif; }
body { margin: 0; background: var(--base); color: #fff; font: 400 16px/1.5 var(--sans); }
img, video, canvas { max-width: 100%; }
picture { display: contents; }
source { display: none; }
img { display: block; }
a { color: #fff; text-decoration: none; }
a:hover { color: #E5E5EA; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
h1, h2, h3, p { margin: 0; }
:focus-visible { outline: 2px solid var(--ivory); outline-offset: 2px; }
[hidden] { display: none !important; }
.sr, .hp { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; clip-path: inset(50%); }
.skip-link { position: fixed; top: -60px; inset-inline-start: 12px; z-index: 100; padding: 10px 16px; border-radius: 999px; background: var(--ivory); color: #1A1A19; }
.skip-link:focus { top: 12px; color: #1A1A19; }
html[dir="rtl"] .arrow, html[dir="rtl"] .arrow-text { display: inline-block; transform: scaleX(-1); }

/* Page background: same as the intro screen, very slightly warmer. */
.page-bg { position: fixed; inset: 0; z-index: -1; overflow: hidden; background: var(--base); }
.page-bg::before { content: ""; position: absolute; inset: 0; background: url("../images/site/bg.webp") center/cover no-repeat; filter: blur(50px) saturate(1.1); transform: scale(1.2); opacity: .55; }
.page-bg::after { content: ""; position: absolute; inset: 0; background: rgba(36,30,25,.55); }

/* Type helpers */
.metal { background: var(--metal); -webkit-background-clip: text; background-clip: text; color: transparent; font-family: var(--serif); font-weight: 300; letter-spacing: -.02em; padding-block-end: .08em; }
.label { color: var(--label); display: block; }
.mono-l { font-family: var(--mono); font-size: 12px; letter-spacing: .32em; }
.mono-m { font-family: var(--mono); font-size: 13px; letter-spacing: .12em; }
.mono-s { font-family: var(--mono); font-size: 12px; letter-spacing: .1em; }
.mono-xs { font-family: var(--mono); font-size: 11px; letter-spacing: .14em; }
.h-page { margin-top: 18px; font-size: clamp(48px, 6.4vw, 112px); line-height: .98; }
.h-xl { margin-top: 18px; font-size: clamp(44px, 6vw, 104px); line-height: 1; }
.h-l { margin-top: 18px; font-size: clamp(40px, 4.6vw, 72px); line-height: 1; }
.h-m { margin-top: 14px; font-size: clamp(38px, 4vw, 52px); line-height: 1; }
.lead { margin-top: 20px; max-width: 640px; font-size: 18px; line-height: 1.55; color: var(--body); }

/* Glass */
.panel, .panel-2, .panel-dark { position: relative; border-radius: 22px; border: var(--bdr); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); }
.panel { background: rgba(255,255,255,.08); }
.panel-2 { background: rgba(255,255,255,.10); }
.panel-dark { background: rgba(0,0,0,.18); }
.pad { padding: 40px; }
.wrap { padding: 12px; display: flex; flex-direction: column; gap: 12px; min-height: 100svh; }
.stack { display: flex; flex-direction: column; gap: 12px; }
main { flex: 1 0 auto; }

/* Buttons */
.btn-row { display: flex; flex-wrap: wrap; gap: 10px; }
.btn-chip { height: 48px; padding-inline: 20px 6px; border-radius: 999px; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.3); display: inline-flex; align-items: center; gap: 14px; }
.chip-ic { width: 36px; height: 36px; border-radius: 999px; background: rgba(255,255,255,.28); display: flex; align-items: center; justify-content: center; }
.btn-out { height: 48px; padding-inline: 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: transparent; display: inline-flex; align-items: center; gap: 8px; color: #fff; font-family: var(--mono); font-size: 13px; letter-spacing: .12em; }
.btn-glass { height: 48px; padding-inline: 22px; border-radius: 999px; background: rgba(244,239,230,.2); border: 1px solid rgba(255,255,255,.3); display: inline-flex; align-items: center; justify-content: center; gap: 12px; color: #fff; font-family: var(--mono); font-size: 13px; letter-spacing: .12em; }
.btn-glass:hover, .btn-chip:hover, .btn-out:hover { background: rgba(244,239,230,.3); color: #fff; }
.btn-glass:disabled { opacity: .6; cursor: progress; }
.btn-glass.full { width: 100%; margin-top: 24px; min-height: 48px; height: auto; padding-block: 10px; text-align: center; }
.round { width: 44px; height: 44px; border-radius: 999px; display: flex; align-items: center; justify-content: center; color: #fff; border: 0; flex: none; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.wa { background: #25D366; color: #fff; }
.ig { background: linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 75%,#515BD4 100%); color: #fff; }
.wa:hover, .ig:hover { color: #fff; filter: brightness(1.08); }
.menu-btn { display: none; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); }

/* Header (inner pages) */
.site-head { padding: 14px 18px; padding-inline-start: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; z-index: 20; }
.head-logo img { height: 44px; width: auto; }
.head-nav { display: flex; flex-wrap: wrap; gap: 2px; }
.head-nav a { height: 40px; padding-inline: 14px; border-radius: 999px; display: flex; align-items: center; font-size: 15px; }
.head-nav a[aria-current="page"] { background: rgba(244,239,230,.2); }
.head-nav a:hover { background: rgba(255,255,255,.08); }
.head-tools { display: flex; align-items: center; gap: 8px; }
.lang { position: relative; }
.lang-btn { height: 44px; padding-inline: 16px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); color: #fff; font-family: var(--mono); font-size: 13px; letter-spacing: .1em; white-space: nowrap; }
.lang-menu { position: absolute; top: calc(100% + 8px); inset-inline-end: 0; min-width: 160px; padding: 6px; border-radius: 16px; background: rgba(42,39,37,.92); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border: 1px solid rgba(255,255,255,.14); display: none; z-index: 40; }
.lang-menu.open { display: block; }
.lang-menu button { display: block; width: 100%; text-align: start; padding: 10px 14px; border: 0; border-radius: 10px; background: none; color: #fff; }
.lang-menu button:hover, .lang-menu button:focus-visible { background: rgba(255,255,255,.12); }

/* Footer */
.site-foot { padding: 40px 32px; display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; align-items: flex-end; margin-top: auto; }
.foot-logo { height: 72px; width: auto; }
.foot-links { display: flex; flex-wrap: wrap; gap: 10px; }
.foot-btn { height: 44px; padding-inline: 18px; border-radius: 8px; display: inline-flex; align-items: center; gap: 10px; }
.round-pill { border-radius: 999px; margin-top: 20px; height: 48px; }

/* Intro */
.atc-intro { display: none; position: fixed; inset: 0; z-index: 90; flex-direction: column; align-items: center; justify-content: center; gap: 30px; overflow: hidden; background: var(--base); padding: 24px; }
.show-intro .atc-intro { display: flex; }
.show-intro body { overflow: hidden; }
.atc-intro.atc-out { animation: atcOut 1s cubic-bezier(.76,0,.24,1) both; }
@keyframes atcOut { to { transform: translateY(-100%); } }
.intro-bg { position: absolute; inset: 0; overflow: hidden; }
.intro-bg::before { content: ""; position: absolute; inset: 0; background: url("../images/site/bg.webp") center/cover no-repeat; filter: blur(50px) saturate(1.1); transform: scale(1.2); opacity: .55; }
.intro-bg::after { content: ""; position: absolute; inset: 0; background: rgba(30,28,26,.55); }
.atc-logo-wrap { position: relative; overflow: hidden; animation: atcLogo 1.6s cubic-bezier(.2,.7,.1,1) .25s both; }
.atc-logo-wrap img { width: min(360px, 72vw); height: auto; }
@keyframes atcLogo { 0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: scale(1.05); filter: blur(8px); } 55% { opacity: 1; filter: blur(0); } 100% { opacity: 1; clip-path: inset(0 0 0 0); transform: scale(1); } }
.atc-logo-wrap::after { content: ""; position: absolute; top: 0; bottom: 0; width: 40%; left: -60%; background: linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%); mix-blend-mode: overlay; animation: atcShine 1.2s ease 1.6s both; }
@keyframes atcShine { from { left: -60%; } to { left: 120%; } }
.atc-line { position: relative; width: 240px; height: 1px; background: rgba(255,255,255,.22); overflow: hidden; }
.atc-line::after { content: ""; position: absolute; inset: 0; background: #fff; transform-origin: left; animation: atcLine 1.5s cubic-bezier(.6,0,.2,1) 1s both; }
@keyframes atcLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.atc-tag { position: relative; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .42em; color: #E6DDCF; animation: atcFade .9s ease 1.5s both; }
@keyframes atcFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.atc-langs { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 18px; animation: atcFade .9s ease 2.1s both; }
.atc-langs button { height: 46px; min-width: 120px; padding-inline: 22px; border-radius: 999px; border: 1px solid rgba(244,239,230,.35); background: rgba(255,255,255,.06); color: var(--ivory); font-size: 15px; font-weight: 500; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.atc-langs button:hover, .atc-langs button:focus-visible { background: rgba(244,239,230,.24); }

/* Hero */
.hero { position: relative; height: 900px; width: 100%; }
.hero-stage { position: absolute; inset: 0; overflow: hidden; background: #2A2A28 url("../images/site/hero-poster.webp") center/cover no-repeat; }
@media (min-width: 768px) { .hero-stage { background-image: url("../images/site/hero-c43-poster.jpg"); } }
.hero-stage video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease; }
.hero-stage video.on { opacity: 1; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 80%,rgba(0,0,0,.25) 100%); }
.hero-logo { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); z-index: 2; }
.hero-logo img { height: 78px; width: auto; filter: drop-shadow(0 4px 18px rgba(0,0,0,.35)); }
.hero-nav { position: absolute; top: 24px; bottom: 24px; inset-inline-end: 24px; width: 320px; border-radius: 22px; background: rgba(42,39,37,.25); display: flex; flex-direction: column; font-size: 17px; -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); border: var(--bdr); z-index: 3; }
.side-row { flex: 1; min-height: 44px; width: 100%; padding-inline: 24px; display: flex; align-items: center; gap: 8px; color: #fff; border: 0; text-align: start; font-size: 17px; }
.hero-nav > :first-child { border-start-start-radius: 21px; border-start-end-radius: 21px; }
.hero-nav > :last-child { border-end-start-radius: 21px; border-end-end-radius: 21px; }
.side-row .n { color: rgba(255,255,255,.72); font-size: 15px; }
.side-row:hover { color: #fff; filter: brightness(1.15); }
.s1 { background: rgba(255,255,255,.26); } .s2 { background: rgba(255,255,255,.18); } .s3 { background: rgba(255,255,255,.13); } .s4 { background: rgba(255,255,255,.10); } .s5 { background: rgba(255,255,255,.04); }
.line { border-bottom: 1px solid rgba(255,255,255,.2); }
.hero-nav .lang { flex: 1; min-height: 44px; display: flex; }
.hero-nav .lang-btn.side-row { height: auto; border-radius: 0; background: rgba(255,255,255,.07); font-family: var(--sans); letter-spacing: 0; }
.hero-nav .lang-menu { inset-inline-end: 12px; top: 100%; }
.side-social { display: flex; flex-direction: column; background: rgba(255,255,255,.06); border-top: 1px solid rgba(255,255,255,.14); }
.side-social-h { display: flex; align-items: center; gap: 8px; padding: 14px 18px 10px; font-size: 13px; color: var(--label); }
.side-social-h svg { width: 18px; height: 18px; }
.side-profile { display: flex; align-items: center; gap: 12px; padding: 0 18px 12px; }
.ig-ring { width: 52px; height: 52px; border-radius: 999px; padding: 2.5px; background: linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 75%,#515BD4 100%); flex: none; }
.ig-ring > span { width: 100%; height: 100%; border-radius: 999px; background: #000; border: 2px solid #1F1D1B; display: flex; align-items: center; justify-content: center; }
.ig-ring img { width: 36px; height: auto; }
.ig-id { display: flex; flex-direction: column; min-width: 0; font-size: 15px; }
.ig-id small { font-size: 12px; color: var(--body); }
.side-view { margin: 0 18px 12px; height: 34px; border-radius: 8px; background: linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 75%,#515BD4 100%); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; }
.side-view:hover { color: #fff; filter: brightness(1.08); }
.ig-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px; }
.sq { width: 100%; aspect-ratio: 1; object-fit: cover; }

/* Home sections */
.strip { padding: 56px 48px; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-end; justify-content: space-between; }
.strip-label { flex: 999 1 520px; min-width: 0; }
.strip-right { flex: 1 1 320px; max-width: 420px; display: flex; flex-direction: column; gap: 24px; }
.strip-right p { font-size: 17px; line-height: 1.6; color: var(--body); }
.sec-services { padding: 32px 32px 48px; display: flex; flex-direction: column; align-items: center; scroll-margin-top: 12px; }
.sec-services > .label { align-self: flex-start; }
.h-services { margin-top: 150px; text-align: center; font-size: clamp(44px, 6.4vw, 104px); line-height: 1.02; }
.svc-grid { margin-top: 140px; width: 100%; display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 16px; align-items: start; }
.svc-grid img { width: 100%; height: auto; border-radius: 14px; }
.svc-grid span { display: block; margin-top: 14px; text-align: center; letter-spacing: .08em; }
.sec-sold { padding: 32px 32px 40px; }
.sold-h { margin-top: 120px; }
.sold-grid { margin-top: 56px; display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 14px; }
.sold-grid.big { margin-top: 32px; margin-bottom: 8px; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); }
.ph43 { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 14px; background: rgba(255,255,255,.05); }
.sold-tile { position: relative; display: block; }
.sold-badge { position: absolute; inset-inline-start: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 4px 8px; border-radius: 4px; background: rgba(255,255,255,.18); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
html[lang="tr"] .sold-badge { text-transform: none; }
.all-tile { aspect-ratio: 4/3; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.25); display: flex; align-items: center; justify-content: center; letter-spacing: .08em; }
.all-tile:hover { background: rgba(255,255,255,.12); }
.chips-center { margin-top: 36px; display: flex; justify-content: center; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 5px; border-radius: 999px; background: rgba(255,255,255,.1); width: fit-content; max-width: 100%; }
.chips button { height: 40px; padding-inline: 18px; border: 0; border-radius: 999px; background: transparent; color: #fff; font-family: var(--mono); font-size: 13px; letter-spacing: .1em; }
.chips button[aria-pressed="true"] { background: rgba(244,239,230,.9); color: #1A1A19; }
.sec-stock { padding: 32px 32px 48px; scroll-margin-top: 12px; }
.stock-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
.all-link { letter-spacing: .08em; }
.cmp-wrap { position: relative; margin-top: 48px; }
.cmp-scroll { --lab: 200px; --vis: 3; --gap: 16px; container-type: inline-size; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline-start: calc(var(--lab) + var(--gap)); scrollbar-width: none; overscroll-behavior-x: contain; }
.cmp-scroll::-webkit-scrollbar { display: none; }
.cmp { --shown: min(var(--vis), var(--cols,3)); --cw: calc((100cqw - var(--lab) - var(--gap) * var(--shown)) / var(--shown)); display: grid; width: max-content; grid-template-columns: var(--lab) repeat(var(--cols,3),var(--cw)); column-gap: var(--gap); }
.cmp-head { scroll-snap-align: start; min-width: 0; }
.cmp-corner, .cmp-k { position: sticky; inset-inline-start: 0; z-index: 2; margin-inline-start: -1px; padding-inline-start: 1px; }
.cmp-corner { background: #3B3836; box-shadow: var(--gap) 0 0 #3B3836; }
html[dir="rtl"] .cmp-corner { box-shadow: calc(var(--gap) * -1) 0 0 #3B3836; }
.cmp-arrow { position: absolute; top: var(--arrow-y, 30%); z-index: 3; width: 44px; height: 44px; margin-top: -22px; padding: 0 0 4px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: rgba(42,39,37,.55); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); color: #fff; font-size: 28px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.3); }
.cmp-arrow[hidden] { display: none; }
.cmp-arrow:hover { background: rgba(42,39,37,.8); }
.cmp-arrow.prev { inset-inline-start: 224px; }
.cmp-arrow.next { inset-inline-end: 8px; }
html[dir="rtl"] .cmp-arrow span { transform: scaleX(-1); }
.cmp-pos { margin-top: 16px; text-align: center; color: var(--body); }
.sec-stock:focus-visible { outline: 2px solid rgba(255,255,255,.5); outline-offset: -2px; }
@media (max-width: 1279px) { .cmp-scroll { --vis: 2; } }
@media (max-width: 767px) {
  .cmp-scroll { --vis: 1; --lab: 92px; --gap: 8px; }
  .cmp-arrow.prev { inset-inline-start: 106px; }
  .cmp-name { font-size: 32px !important; margin-top: 16px !important; }
  .cmp-k, .cmp-v { padding: 16px 6px !important; font-size: 12px !important; letter-spacing: .02em !important; overflow-wrap: anywhere; }
}
.cmp-head { background: rgba(255,255,255,.08); border-radius: 12px 12px 0 0; overflow: hidden; padding: 10px 10px 28px; text-align: center; }
.cmp-name { margin-top: 32px; font-family: var(--serif); font-size: 44px; line-height: 1.05; letter-spacing: -.01em; }
.cmp-sub { margin-top: 10px; font-size: 17px; color: rgba(255,255,255,.78); }
.cmp-k, .cmp-v { padding: 22px 12px; border-top: var(--bdr); text-align: center; font-size: 14px; letter-spacing: .08em; }
.cmp-k { background: #3B3836; box-shadow: var(--gap) 0 0 #3B3836; color: rgba(255,255,255,.72); text-transform: uppercase; }
html[dir="rtl"] .cmp-k { box-shadow: calc(var(--gap) * -1) 0 0 #3B3836; }
html[lang="tr"] .cmp-k { text-transform: none; }
.cmp-v { background: rgba(255,255,255,.08); }

/* Globe */
.sec-globe { padding: 0; overflow: hidden; background: rgba(0,0,0,.14); scroll-margin-top: 12px; }
.sec-pad-top { padding: 32px 32px 0; }
.sec-globe .lead { max-width: 560px; }
.globe { position: relative; height: 760px; margin-top: 24px; }
.globe canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.globe-replay { position: absolute; top: 20px; inset-inline-end: 28px; height: 40px; padding-inline: 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.12); color: var(--ivory); letter-spacing: .12em; }
.globe-card { position: absolute; inset-inline-start: 32px; bottom: 32px; width: 380px; max-width: calc(100% - 64px); padding: 24px; border-radius: 18px; background: rgba(30,28,26,.45); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); border: var(--bdr); transition: opacity .8s ease, transform .8s ease; opacity: 0; transform: translateY(16px); }
.globe-card.in { opacity: 1; transform: none; }
.addr { margin-top: 10px; font-size: 16px; line-height: 1.55; color: var(--ivory); }
.addr2 { margin-top: 14px; font-size: 15px; line-height: 1.6; color: var(--body); }
.globe-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; letter-spacing: .1em; font-size: 12px; }
.pill-link { height: 42px; padding-inline: 16px; border-radius: 999px; background: rgba(244,239,230,.22); border: 1px solid rgba(255,255,255,.3); display: flex; align-items: center; gap: 8px; }
.pill-link.wa { background: #25D366; border: 0; }
.pill-link.ghost { background: transparent; }
.pill-link svg { width: 18px; height: 18px; }

/* Filters + lists */
.filters { margin-top: 36px; display: flex; flex-direction: column; gap: 18px; }
.filter-row { display: flex; flex-wrap: wrap; gap: 12px; }
.filter-row .field { flex: 1 1 160px; }
.field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.field.full { grid-column: 1 / -1; }
select, input[type="text"], input[type="tel"], input[type="email"], textarea { min-height: 48px; border-radius: 12px; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; padding: 0 14px; font-size: 15px; width: 100%; }
textarea { padding-block: 12px; resize: vertical; }
select option { background: #2A2725; color: #fff; }
::placeholder { color: rgba(237,232,224,.6); }
html[dir="rtl"] input[dir="ltr"] { text-align: right; }
.count { color: var(--body); }
.car-grid { margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fill,minmax(340px,1fr)); gap: 16px; }
.car-card { display: block; border-radius: 18px; overflow: hidden; padding: 10px; background: rgba(255,255,255,.06); }
.car-card:hover { background: rgba(255,255,255,.1); color: #fff; }
.car-card .ph43 { border-radius: 12px; }
.car-body { padding: 18px 16px; }
.car-body .label { letter-spacing: .14em; text-transform: uppercase; }
html[lang="tr"] .car-body .label { text-transform: none; }
.car-name { margin-top: 6px; font-family: var(--serif); font-size: 36px; line-height: 1.05; }
.car-meta { margin-top: 10px; color: var(--body); letter-spacing: .08em; }
.car-foot { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.car-price { font-size: 20px; font-weight: 500; }
.car-more { display: flex; align-items: center; gap: 8px; letter-spacing: .12em; }
.empty { grid-column: 1 / -1; padding: 40px 0; color: var(--body); }
.empty h3 { font-family: var(--serif); font-weight: 400; font-size: 32px; margin: 0 0 8px; }

/* Detail */
.detail-grid { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.d-left { flex: 999 1 640px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.back { margin: 8px 0 2px 8px; margin-inline-start: 8px; }
.gal { display: flex; flex-direction: column; gap: 12px; }
.gal-main { position: relative; padding: 0; border: 0; background: rgba(255,255,255,.05); border-radius: 18px; overflow: hidden; cursor: zoom-in; }
.gal-main img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; }
.gal-count { position: absolute; inset-inline-end: 14px; bottom: 14px; padding: 5px 9px; border-radius: 6px; background: rgba(0,0,0,.45); }
.gal-thumbs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.gal-thumbs button { position: relative; padding: 0; border: 0; background: rgba(255,255,255,.05); border-radius: 12px; overflow: hidden; }
.gal-thumbs img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.gal-more { position: absolute; inset: 0; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; font-size: 15px; }
.d-desc { margin-top: 16px; font-size: 17px; line-height: 1.7; color: var(--body); }
.d-side { flex: 1 1 380px; max-width: 480px; }
.d-title { margin-top: 14px; font-size: clamp(44px, 5vw, 64px); line-height: 1; }
.d-price { margin-top: 14px; font-size: 28px; font-weight: 500; }
.sold-note { margin-top: 14px; display: inline-block; padding: 6px 12px; border-radius: 6px; background: rgba(255,255,255,.18); }
.d-specs { margin-top: 28px; }
.d-specs > .label { margin-bottom: 10px; }
.spec-row { padding: 16px 0; border-top: 1px solid rgba(255,255,255,.14); display: flex; justify-content: space-between; gap: 12px; font-size: 16px; }
.spec-row > span:last-child { text-align: end; }
.spec-row .label { text-transform: uppercase; letter-spacing: .14em; flex: none; }
html[lang="tr"] .spec-row .label { text-transform: none; }
.ex-box { padding: 20px; border-radius: 16px; background: rgba(255,255,255,.08); }
.ex-row { margin-top: 10px; display: flex; justify-content: space-between; gap: 12px; }
.ex-row > span:first-child { color: var(--body); }
.ex-row > span:last-child { text-align: end; }
.lightbox { position: fixed; inset: 0; z-index: 95; background: rgba(20,18,17,.94); display: flex; align-items: center; justify-content: center; padding: 56px 12px; }
.lb-img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; }
.lb-close, .lb-prev, .lb-next { position: absolute; width: 48px; height: 48px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.12); color: #fff; font-size: 26px; line-height: 1; z-index: 2; }
.lb-close { top: 12px; inset-inline-end: 12px; }
.lb-prev { left: 12px; top: 50%; transform: translateY(-50%); }
.lb-next { right: 12px; top: 50%; transform: translateY(-50%); }
.lb-count { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); }

/* Expertiz diagram: line art inverted on black, colored pins on top. */
.ex-section > .label { margin-bottom: 16px; }
.ex-layout { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.ex-diagram { flex: 999 1 420px; min-width: 0; }
.ex-layout .ex-box { flex: 1 1 240px; }
.ex-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 10px; }
.ex-col { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ex-row2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.ex-cell, .ex-topcell { border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: #000; padding: 10px; min-width: 0; }
.ex-topcell { display: flex; flex-direction: column; justify-content: center; }
.ex-topcell .ex-cell { border: 0; padding: 0; background: none; }
.ex-view { position: relative; line-height: 0; direction: ltr; }
.ex-base { width: 100%; filter: invert(1); opacity: .9; }
.ex-flip { transform: scaleX(-1); filter: invert(1); }
.ex-cap { margin-top: 6px; text-align: center; font-family: var(--mono); font-size: 10px; letter-spacing: .12em; color: var(--label); text-transform: uppercase; line-height: 1.3; }
.ex-hot { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; padding: 0; border: 0; background: none; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer; }
.ex-hot i { width: 20px; height: 20px; border-radius: 50%; background: var(--c); border: 2.5px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.5); }
.ex-hot.ex-orjinal i { background: rgba(255,255,255,.18); }
.ex-hot:focus-visible { outline: 2px solid #fff; outline-offset: -4px; border-radius: 50%; }
.ex-picked { margin-top: 12px; list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; color: var(--body); }
.ex-picked li { display: inline-flex; align-items: center; gap: 6px; }
.ex-pin { position: absolute; transform: translate(-50%,-50%); z-index: 2; }
.ex-orjinal { --c: #2e9e5b; } .ex-boyali { --c: #2f7fd1; } .ex-lokal { --c: #f2b90c; } .ex-degisen { --c: #e0362f; } .ex-hasar { --c: #7b3fb0; }
.ex-pin-dot { display: block; width: 15px; height: 15px; border-radius: 50%; background: var(--c); border: 2.5px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.4); }
.ex-pin-lab { position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translateX(-50%); white-space: nowrap; background: var(--c); color: #fff; font-size: 10px; font-weight: 700; line-height: 1.5; padding: 1px 8px; border-radius: 999px; }
.ex-pin.ex-lokal .ex-pin-lab { color: #3a2e00; }
.ex-pin.below .ex-pin-lab { bottom: auto; top: calc(100% + 6px); }
.ex-legend { margin-top: 12px; }
.ex-lgroup { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: var(--body); }
.ex-li { display: inline-flex; align-items: center; gap: 6px; }
.ex-sw { width: 12px; height: 12px; border-radius: 50%; background: var(--c); display: inline-block; }

/* Sell */
.hows { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; }
.how { flex: 1 1 260px; padding: 24px; border-radius: 18px; background: rgba(255,255,255,.06); }
.how-t { margin-top: 10px; font-family: var(--serif); font-size: 34px; line-height: 1.1; }
.how-big { font-family: var(--serif); font-size: 40px; line-height: 1.1; }
.how p { margin-top: 8px; font-size: 16px; line-height: 1.55; color: var(--body); }
.sell-row, .contact-row { display: flex; flex-wrap: wrap; gap: 12px; }
.sell-photo { flex: 1 1 420px; align-self: flex-start; min-width: 0; }
.sell-photo img { width: 100%; height: auto; border-radius: 22px; }
.wizard { flex: 1 1 560px; min-width: 0; }
.wz-bars { margin-top: 22px; display: flex; gap: 6px; }
.wz-bars span { flex: 1; height: 3px; border-radius: 2px; background: rgba(255,255,255,.2); }
.wz-bars span.on { background: var(--ivory); }
.wz-label { margin-top: 10px; color: var(--body); }
.form-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.field[hidden] { display: none; }
.field.bad input:not([type=hidden]), .field.bad textarea { border-color: #e0362f; }
.field.bad > .label { color: #ff9c97; }
.field.bad .pills { outline: 1px solid #e0362f; outline-offset: 4px; border-radius: 12px; }
.wz-crumbs { margin-top: 18px; max-width: 640px; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; font-size: 14px; }
.wz-crumbs[hidden], .wz-derived[hidden] { display: none; }
.wz-crumbs button { min-height: 32px; padding: 0 4px; border: 0; background: none; color: #fff; font: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); text-underline-offset: 3px; cursor: pointer; }
.wz-crumb-sep { color: var(--label); }
.wz-derived { margin-top: 4px; max-width: 640px; padding-inline: 4px; font-size: 14px; color: var(--body); }
.wz-top { margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; }
.wz-back, .wz-restart { min-height: 44px; padding: 0 2px; border: 0; background: none; color: #fff; font: inherit; cursor: pointer; }
.wz-back[hidden] { display: none; }
.wz-restart { margin-inline-start: auto; text-decoration: underline; text-underline-offset: 3px; }
html[dir="rtl"] .wz-back .arrow-text { display: inline-block; transform: scaleX(-1); }
.wz-fields { margin-top: 18px; max-width: 640px; border-radius: 14px; background: rgba(255,255,255,.05); }
.wz-field { width: 100%; min-height: 56px; padding: 8px 14px; border: 0; border-top: 1px solid rgba(255,255,255,.08); background: none; color: #fff; font: inherit; font-size: 16px; text-align: start; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.wz-field:first-child { border-top: 0; }
.wz-field > .label { flex: none; width: 96px; }
.wz-field-v { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.wz-field-v.wz-empty { color: rgba(237,232,224,.6); }
.wz-field:disabled { opacity: .45; cursor: default; }
.wz-field:not(:disabled):hover { background: rgba(244,239,230,.1); }
.wz-modal { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(10,10,9,.55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.wz-modal[hidden] { display: none; }
.wz-modal-card { width: 100%; max-width: 560px; max-height: min(640px, 86vh); padding: 18px; border-radius: 22px; background: #2F2C2A; border: var(--bdr); box-shadow: 0 24px 64px rgba(0,0,0,.5); display: flex; flex-direction: column; animation: wzPop .18s ease-out; }
@keyframes wzPop { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.wz-modal-grip { display: none; }
.wz-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wz-modal-x { width: 44px; height: 44px; margin-inline-end: -8px; border: 0; background: none; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.wz-modal .wz-list { flex: 1; min-height: 0; max-height: none; }
@media (max-width: 767px) {
  .wz-modal { align-items: flex-end; padding: 0; }
  .wz-modal-card { max-width: none; max-height: 82vh; padding: 10px 16px calc(16px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; border-width: 1px 0 0; animation: wzSheet .22s ease-out; }
  @keyframes wzSheet { from { transform: translateY(40%); } to { transform: none; } }
  .wz-modal-grip { display: block; width: 38px; height: 5px; margin: 0 auto 8px; border-radius: 3px; background: rgba(255,255,255,.3); }
}
@media (prefers-reduced-motion: reduce) { .wz-modal-card { animation: none; } }
.wz-list-title { font-family: var(--serif); font-size: 26px; font-weight: 400; line-height: 1.2; }
input.wz-search { width: 100%; margin-top: 12px; min-height: 48px; border-radius: 12px; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; padding: 0 14px; font: inherit; font-size: 16px; }
.wz-list { margin-top: 10px; max-height: 460px; overflow-y: auto; border-radius: 14px; background: rgba(255,255,255,.05); overscroll-behavior: contain; }
.wz-row { width: 100%; min-height: 56px; padding: 8px 14px; border: 0; border-top: 1px solid rgba(255,255,255,.08); background: none; color: #fff; font: inherit; font-size: 16px; text-align: start; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.wz-row:first-child { border-top: 0; }
.wz-row:hover, .wz-row:focus-visible { background: rgba(244,239,230,.12); outline: none; }
.wz-row-ini { flex: none; width: 36px; height: 36px; border-radius: 50%; background: rgba(244,239,230,.14); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; }
.wz-row-main { flex: 1; min-width: 0; }
.wz-row-sub { display: block; margin-top: 2px; font-size: 13px; color: var(--body); }
.wz-row-go { color: var(--label); }
html[dir="rtl"] .wz-row-go { transform: scaleX(-1); }
.wz-row.notfound { color: var(--ivory); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.wz-manual-note { grid-column: 1 / -1; font-size: 14px; line-height: 1.5; color: var(--body); }
.wz-manual-note:empty { display: none; }
.wz-manual { max-width: 640px; }
.wz-to-list { grid-column: 1 / -1; justify-self: start; }
.wz-auto-edit { min-height: 44px; padding: 0; border: 0; background: none; color: #fff; font: inherit; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.wz-hint { font-size: 13px; color: var(--body); }
.wz-thumbs { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 8px; }
.wz-thumbs:empty { display: none; }
.wz-thumb { position: relative; width: 84px; height: 84px; }
.wz-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.wz-thumb button { position: absolute; top: -8px; inset-inline-end: -8px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: #2A2725; color: #fff; font-size: 18px; line-height: 1; }
.wz-sum.wide { grid-column: 1 / -1; }
.wz-photo-note { padding: 12px 14px; border-radius: 12px; background: rgba(242,185,12,.16); font-size: 14px; line-height: 1.5; }
.form-legal { margin-top: 16px; font-size: 13px; line-height: 1.5; color: var(--body); }
.form-legal a, .foot-legal a { text-decoration: underline; text-underline-offset: 3px; }
.foot-legal { width: 100%; font-size: 13px; color: var(--body); }
.wa-pop { position: fixed; inset: 0; z-index: 95; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(10,10,9,.55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.wa-card { width: 100%; max-width: 380px; padding: 28px 24px 24px; border-radius: 22px; background: rgba(42,39,37,.72); border: var(--bdr); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); text-align: center; box-shadow: 0 24px 64px rgba(0,0,0,.5); }
.wa-title { font-family: var(--serif); font-size: 28px; font-weight: 400; line-height: 1.15; color: #fff; }
.wa-num { margin-top: 10px; font-size: 17px; color: var(--body); }
.wa-actions { margin-top: 22px; display: flex; flex-direction: column; gap: 10px; }
.wa-act { min-height: 48px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: rgba(244,239,230,.14); color: #fff; font: 600 15px var(--sans); display: flex; align-items: center; justify-content: center; }
.wa-act.wa { background: #25D366; border: 0; }
.wa-act.ghost { background: transparent; cursor: pointer; }
.wa-act:hover { color: #fff; filter: brightness(1.1); }
.wa-act:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.legal { max-width: 780px; margin-top: 16px; }
.legal h2 { margin-top: 32px; font-family: var(--serif); font-size: 28px; font-weight: 400; line-height: 1.2; }
.legal p { margin-top: 10px; font-size: 16px; line-height: 1.7; color: var(--body); }
.pills { display: flex; flex-wrap: wrap; gap: 8px; }
.pill { height: 42px; padding-inline: 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.06); color: #fff; font-size: 14px; }
.pill[aria-pressed="true"] { background: rgba(244,239,230,.9); color: #1A1A19; }
.drop { height: 90px; border-radius: 14px; border: 1px dashed rgba(255,255,255,.4); background: rgba(255,255,255,.04); color: var(--body); font-size: 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; padding: 8px; position: relative; }
.drop.drag, .drop:hover, .drop:focus-within { background: rgba(255,255,255,.1); }
.wz-files { color: var(--body); word-break: break-word; }
.wz-done { margin-top: 22px; padding: 24px; border-radius: 18px; background: rgba(255,255,255,.08); }
.wz-done-t { font-family: var(--serif); font-size: 34px; line-height: 1.1; }
.wz-done p { margin-top: 10px; font-size: 16px; line-height: 1.6; color: var(--body); }
.wz-summary { margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.wz-sum { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.06); font-size: 15px; min-width: 0; overflow-wrap: anywhere; }
.wz-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.wz-next, .wz-reset { margin-inline-start: auto; }
.form-status { display: none; margin-top: 16px; padding: 12px 14px; border-radius: 12px; font-size: 14px; }
.form-status.show { display: block; }
.form-status.ok { background: rgba(244,239,230,.14); }
.form-status.err { background: rgba(224,54,47,.25); border: 1px solid rgba(224,54,47,.5); }

/* News */
.news-grid { margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fill,minmax(380px,1fr)); gap: 14px; }
.news-card { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; min-height: 220px; padding: 28px; border-radius: 18px; background: rgba(255,255,255,.06); }
.news-card:hover { background: rgba(255,255,255,.1); color: #fff; }
.news-card .label { letter-spacing: .12em; text-transform: uppercase; }
html[lang="tr"] .news-card .label { text-transform: none; }
.news-title { margin-top: 14px; font-family: var(--serif); font-size: 30px; line-height: 1.12; }
.news-more { display: flex; align-items: center; gap: 8px; letter-spacing: .12em; }
.news-note { margin-top: 28px; font-size: 13px; color: var(--label); }

/* About */
.about-logo { margin-top: 22px; line-height: 0; }
.about-logo img { height: clamp(72px, 9vw, 140px); width: auto; filter: drop-shadow(0 4px 18px rgba(0,0,0,.35)); }
.about-text { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 40px; }
.about-text p { flex: 1 1 360px; font-size: 17px; line-height: 1.7; color: var(--body); }
.about-text .about-p1 { font-size: 22px; line-height: 1.55; color: var(--ivory); }
.about-photos { margin-top: 40px; display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px; align-items: start; }
.about-photos img { width: 100%; height: auto; border-radius: 14px; }
.about-cta { margin-top: 32px; }

/* Contact */
.contact-form { flex: 999 1 560px; min-width: 0; }
.form-send { margin-top: 24px; }
.contact-info { flex: 1 1 340px; display: flex; flex-direction: column; gap: 22px; }
.contact-info p { margin-top: 10px; font-size: 17px; line-height: 1.6; }

/* Responsive */
@media (max-width: 1180px) {
  .head-nav { display: none; order: 4; width: 100%; flex-direction: column; padding-block-start: 8px; }
  .head-nav.open { display: flex; }
  .site-head .menu-btn { display: flex; }
}
@media (max-width: 760px) {
  .wrap { padding: 8px; gap: 8px; }
  .pad { padding: 24px 18px; }
  .site-head { padding: 10px 12px; }
  .head-logo img { height: 34px; }
  .head-tools { gap: 6px; }
  .round { width: 40px; height: 40px; }
  .site-head .lang-btn { height: 40px; padding-inline: 10px; font-size: 0; }
  .site-head .lang-btn::before { content: "TR/EN/RU/AR"; font-size: 10px; letter-spacing: .04em; }
  #wz-parts .ex-grid { grid-template-columns: minmax(0,1fr); }
  #wz-parts .ex-row2 { grid-template-columns: minmax(0,1fr); }
  #wz-parts .ex-row2 .ex-view { max-width: 240px; margin-inline: auto; }
  #wz-parts .ex-topcell .ex-view { max-width: 150px; margin-inline: auto; }
  .hero { height: 100svh; min-height: 560px; }
  .hero-logo { top: 22px; }
  .hero-logo img { height: 56px; }
  .hero-menu-btn { display: flex; position: absolute; top: 28px; inset-inline-end: 14px; z-index: 4; }
  .hero-nav { display: none; top: 80px; bottom: auto; inset-inline: 10px; width: auto; max-height: calc(100svh - 92px); overflow-y: auto; background: rgba(42,39,37,.62); }
  .hero-nav.open { display: flex; }
  .side-row { flex: none; min-height: 48px; }
  .hero-nav .lang { flex: none; }
  .strip { padding: 32px 20px; gap: 24px; }
  .strip-label { flex-basis: 100%; }
  .sec-services { padding: 24px 18px 32px; }
  .h-services { margin-top: 56px; }
  .svc-grid { margin-top: 56px; }
  .sec-sold, .sec-stock { padding: 24px 18px 32px; }
  .sold-h { margin-top: 48px; }
  .sold-grid { margin-top: 32px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 10px; }
  .sold-grid.big { grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); }
  .sold-badge { inset-inline-start: 6px; bottom: 6px; max-width: calc(100% - 12px); font-size: 9px; padding: 3px 5px; letter-spacing: .04em; }
  .chips { border-radius: 22px; }
  .chips button { height: 38px; padding-inline: 12px; font-size: 12px; }
  .sec-pad-top { padding: 24px 18px 0; }
  .globe { height: 620px; }
  .globe-replay { top: 12px; inset-inline-end: 12px; }
  .globe-card { inset-inline: 12px; bottom: 12px; width: auto; max-width: none; padding: 18px; }
  .car-grid, .news-grid { grid-template-columns: minmax(0,1fr); }
  .car-name { font-size: 32px; }
  .news-card { padding: 22px; min-height: 0; }
  .news-title { font-size: 26px; }
  .form-grid { grid-template-columns: minmax(0,1fr); }
  .wz-summary { grid-template-columns: minmax(0,1fr); }
  .sell-photo, .wizard, .contact-form, .contact-info, .d-left, .d-side { flex-basis: 100%; }
  .d-side { max-width: none; }
  .gal-thumbs { gap: 8px; }
  .site-foot { padding: 24px 18px; gap: 20px; }
  .foot-logo { height: 54px; }
  .ex-pin-lab { display: none; }
  .ex-pin-dot { width: 12px; height: 12px; border-width: 2px; }
  .lb-prev, .lb-next { top: auto; bottom: 8px; transform: none; }
  .lb-prev { left: 12px; } .lb-next { right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .atc-logo-wrap, .atc-logo-wrap::after, .atc-line::after, .atc-tag, .atc-langs, .atc-intro.atc-out { animation-duration: .01ms; animation-delay: 0s; }
  .hero-stage video, .globe-card { transition: none; }
}