/* WRS Car — şehir / havalimanı sayfaları (landing.js üretir). Tokenlar styles.css'ten gelir (koyu tema dahil);
   styles.css değişirse sayfa bozulmasın diye her token'ın yedek değeri var. Mobil önce; 375px'te yatay kaydırma yok. */
.lx-page{ --lx-navy:var(--navy,#1A435D); --lx-navy2:var(--navy-2,#23557A); --lx-gold:var(--amber,#C9AD7D); --lx-gold-d:var(--amber-d,#B8975F);
  --lx-paper:var(--paper,#F6F4EE); --lx-card:var(--card,#FFFFFF); --lx-ink:var(--ink,#14213D); --lx-muted:var(--muted,#5B6473); --lx-line:var(--line,#E3DFD4);
  --lx-teal:var(--teal,#1F8A8A); --lx-shadow:var(--shadow,0 10px 30px rgba(26,67,93,.10)); --lx-ease:var(--ease,cubic-bezier(.22,.61,.36,1));
  margin:0; background:var(--lx-paper); color:var(--lx-ink); color-scheme:light dark; overflow-x:hidden }
.lx-page *{ box-sizing:border-box }
.lx-wrap{ width:100%; max-width:1040px; margin:0 auto; padding-inline:16px }
@media (min-width:720px){ .lx-wrap{ padding-inline:clamp(24px,4vw,48px) } }
.lx bdi{ unicode-bidi:isolate }
main.lx{ padding:0; margin:0; max-width:none } /* styles.css'teki genel main dolgusunu sıfırla: hero tam genişlik */

/* başlık: logo + dil seçici */
.lx-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--lx-navy); color:#F6F4EE }
.lx-top .brand img{ height:34px; width:auto; max-width:46vw }
.lx-langs{ display:flex; gap:2px; flex:none; padding:3px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14) }
.lx-langs a{ min-width:32px; padding:5px 7px; border-radius:999px; text-align:center; font-size:12.5px; font-weight:700; letter-spacing:.04em; color:rgba(246,244,238,.78); text-decoration:none; transition:background .2s var(--lx-ease), color .2s var(--lx-ease) }
.lx-langs a:hover{ color:#fff; background:rgba(255,255,255,.1) }
.lx-langs a[aria-current]{ background:var(--lx-gold); color:#14213D }

/* hero: lacivert bant, altın ışıltı; arama kartı üstüne biner */
.lx-hero{ position:relative; overflow:hidden; color:#F6F4EE; padding:22px 0 92px;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(201,173,125,.22), transparent 55%),
    radial-gradient(80% 70% at 0% 100%, rgba(35,85,122,.9), transparent 70%),
    linear-gradient(160deg, var(--lx-navy) 0%, #143548 100%) }
.lx-hero::after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:36px 36px; mask-image:linear-gradient(180deg, transparent, #000 40%, transparent) ; -webkit-mask-image:linear-gradient(180deg, transparent, #000 40%, transparent) }
.lx-hero .lx-wrap{ position:relative; z-index:1 }
.lx-hero-index{ padding-bottom:40px }
.lx-hero h1{ font-family:'Oswald','DM Sans',sans-serif; font-weight:500; font-size:clamp(30px,6.4vw,54px); line-height:1.08; letter-spacing:-.005em; margin:6px 0 12px; overflow-wrap:anywhere; color:#fff }
.lx-lead{ max-width:680px; font-size:clamp(15.5px,1.9vw,17.5px); line-height:1.6; color:rgba(246,244,238,.86); margin:0 }
.lx-eyebrow{ display:inline-flex; align-items:center; gap:8px; margin:14px 0 0; padding:5px 12px; border-radius:999px; font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--lx-gold); border:1px solid rgba(201,173,125,.45); background:rgba(201,173,125,.1) }
.lx-eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor }

/* breadcrumb */
.lx-crumbs ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px 0; font-size:13.5px; color:rgba(246,244,238,.7) }
.lx-crumbs li{ display:inline-flex; align-items:center; min-width:0; overflow-wrap:anywhere }
.lx-crumbs li + li::before{ content:"›"; margin-inline:8px; opacity:.6 }
[dir=rtl] .lx-crumbs li + li::before{ content:"‹" }
.lx-crumbs a{ color:inherit; text-decoration:none; border-bottom:1px solid transparent; transition:border-color .2s, color .2s }
.lx-crumbs a:hover{ color:#fff; border-color:rgba(246,244,238,.5) }
.lx-crumbs [aria-current]{ color:#F6F4EE; font-weight:600 }

/* gövde */
.lx-body{ padding-bottom:56px }
.lx-card{ background:var(--lx-card); border:1px solid var(--lx-line); border-radius:18px; box-shadow:var(--lx-shadow); padding:18px; min-width:0 }
@media (min-width:720px){ .lx-card{ padding:24px } }
.lx-h2{ font-size:clamp(19px,2.6vw,24px); font-weight:700; margin:0 0 12px; letter-spacing:-.005em; overflow-wrap:anywhere }
.lx-note{ color:var(--lx-muted); font-size:14px; line-height:1.55; margin:0 0 14px }
.lx-muted{ color:var(--lx-muted) }
.lx-sec{ margin-top:36px }
.lx-card.lx-sec{ margin-top:0 }

/* arama kartı */
.lx-search{ position:relative; margin-top:-64px; border-top:3px solid var(--lx-gold) }
.lx-fields{ display:grid; grid-template-columns:1fr; gap:12px }
@media (min-width:600px){ .lx-fields{ grid-template-columns:1fr 1fr } .lx-wide{ grid-column:span 1 } }
@media (min-width:960px){ .lx-fields{ grid-template-columns:repeat(4, minmax(0,1fr)) } .lx-wide{ grid-column:span 2 } }
.lx-field{ display:flex; flex-direction:column; gap:6px; min-width:0 }
.lx-label{ font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--lx-muted) }
.lx-field select, .lx-field input, .lx-fixed{ width:100%; min-width:0; max-width:100%; height:48px; padding:0 12px; border-radius:12px; border:1px solid var(--lx-line); background:var(--lx-paper); color:var(--lx-ink); font:inherit; font-size:15.5px }
.lx-field select, .lx-field input{ transition:border-color .2s var(--lx-ease), box-shadow .2s var(--lx-ease) }
.lx-field select:focus, .lx-field input:focus{ outline:none; border-color:var(--lx-gold); box-shadow:0 0 0 3px rgba(201,173,125,.3) }
.lx-field input[type="datetime-local"]{ appearance:none; -webkit-appearance:none; display:flex; align-items:center }
.lx-fixed{ display:flex; align-items:center; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:transparent; border-style:dashed }
.lx-fixed bdi{ overflow:hidden; text-overflow:ellipsis }
.lx-go{ align-self:end; height:48px; width:100%; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:12px;
  background:var(--lx-gold); color:#14213D; font-weight:700; font-size:16px; cursor:pointer; text-decoration:none; padding:0 16px; white-space:nowrap;
  box-shadow:0 8px 20px rgba(201,173,125,.35); transition:background .2s var(--lx-ease), transform .2s var(--lx-ease), box-shadow .2s var(--lx-ease) }
.lx-go:hover{ background:var(--lx-gold-d); transform:translateY(-1px); box-shadow:0 12px 26px rgba(201,173,125,.42) }
.lx-go:active{ transform:scale(.98) }
.lx-go svg{ width:20px; height:20px; fill:currentColor; flex:none }
[dir=rtl] .lx-go svg{ transform:scaleX(-1) }
@media (min-width:600px){ .lx-go{ grid-column:1 / -1 } }
@media (min-width:960px){ .lx-go{ grid-column:auto } }
.lx-hint{ margin:12px 0 0; font-size:13.5px; color:var(--lx-muted) }

/* bilgi + tedarikçi kartları */
.lx-duo{ display:grid; grid-template-columns:1fr; gap:16px; margin-top:24px }
@media (min-width:820px){ .lx-duo{ grid-template-columns:1fr 1fr } }
.lx-facts{ margin:0; display:flex; flex-direction:column }
.lx-facts > div{ display:grid; grid-template-columns:minmax(0,40%) minmax(0,1fr); gap:12px; padding:11px 0; border-top:1px solid var(--lx-line) }
.lx-facts > div:first-child{ border-top:0; padding-top:0 }
.lx-facts dt{ color:var(--lx-muted); font-size:14px }
.lx-facts dd{ margin:0; font-weight:600; font-size:15px; overflow-wrap:anywhere }
.lx-facts a, .lx-faq a{ color:var(--lx-teal); text-decoration:none; border-bottom:1px solid currentColor }
.lx-code{ display:inline-block; padding:2px 8px; border-radius:7px; background:var(--lx-navy); color:#F6F4EE; font-family:'Oswald','DM Sans',sans-serif; font-weight:500; letter-spacing:.06em; font-size:14px; line-height:1.4 }
.lx-sup{ list-style:none; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:10px }
.lx-sup li{ display:flex; flex-direction:column; gap:2px; padding:12px 14px 12px 16px; border-radius:12px; background:var(--lx-paper); border-inline-start:3px solid var(--lx-gold) }
.lx-sup b{ font-size:16px }
.lx-sup span{ color:var(--lx-muted); font-size:14px }
.lx-sup + .lx-note{ margin:0 }

/* yakındaki noktalar */
.lx-near-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%,230px),1fr)); gap:12px }
.lx-near{ position:relative; display:flex; flex-direction:column; gap:4px; height:100%; padding:16px 16px 14px; border-radius:16px; background:var(--lx-card); border:1px solid var(--lx-line);
  color:var(--lx-ink); text-decoration:none; transition:transform .25s var(--lx-ease), box-shadow .25s var(--lx-ease), border-color .25s var(--lx-ease) }
.lx-near::after{ content:"→"; position:absolute; inset-inline-end:14px; top:14px; color:var(--lx-gold); opacity:0; transform:translateX(-4px); transition:opacity .25s var(--lx-ease), transform .25s var(--lx-ease) }
[dir=rtl] .lx-near::after{ content:"←"; transform:translateX(4px) }
.lx-near:hover{ transform:translateY(-3px); box-shadow:var(--lx-shadow); border-color:var(--lx-gold) }
.lx-near:hover::after{ opacity:1; transform:none }
.lx-near-type{ font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--lx-muted); padding-inline-end:18px }
.lx-near-name{ font-weight:700; font-size:16px; line-height:1.3; overflow-wrap:anywhere }
.lx-km{ display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:8px; font-size:13.5px; color:var(--lx-teal); font-weight:600 }
.lx-km svg{ width:15px; height:15px; fill:currentColor; flex:none }

/* SSS */
.lx-faq{ background:var(--lx-card); border:1px solid var(--lx-line); border-radius:14px; margin-bottom:10px; transition:border-color .2s var(--lx-ease), box-shadow .2s var(--lx-ease) }
.lx-faq[open]{ border-color:rgba(201,173,125,.7); box-shadow:var(--lx-shadow) }
.lx-faq summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 16px; font-weight:600; font-size:15.5px }
.lx-faq summary::-webkit-details-marker{ display:none }
.lx-faq summary::after{ content:""; flex:none; width:9px; height:9px; border-right:2px solid var(--lx-gold); border-bottom:2px solid var(--lx-gold); transform:rotate(45deg) translateY(-3px); transition:transform .25s var(--lx-ease) }
.lx-faq[open] summary::after{ transform:rotate(225deg) translateY(-3px) }
.lx-faq p{ margin:0; padding:0 16px 16px; color:var(--lx-muted); line-height:1.6; font-size:15px }
.lx-faq[open] p{ animation:lxFade .3s var(--lx-ease) }
.lx-faq summary:focus-visible, .lx-near:focus-visible, .lx-loc:focus-visible, .lx-langs a:focus-visible, .lx-go:focus-visible{ outline:3px solid var(--lx-gold); outline-offset:2px }

.lx-all{ margin:36px 0 0; text-align:center }
.lx-all .btn{ text-decoration:none; color:var(--lx-ink); border:1px solid var(--lx-line); border-radius:12px; padding:12px 20px; font-weight:600; display:inline-flex; gap:8px; transition:border-color .2s, transform .2s var(--lx-ease) }
.lx-all .btn:hover{ border-color:var(--lx-gold); transform:translateY(-1px) }
.lx-all .lx-go{ width:auto; color:#14213D; border:0 }
[dir=rtl] .lx-arrow{ display:inline-block; transform:scaleX(-1) }

/* dizin sayfası */
.lx-filter{ margin-top:-20px; position:relative; z-index:2; padding:12px }
.lx-filter input{ width:100%; height:48px; padding:0 14px; border-radius:12px; border:1px solid var(--lx-line); background:var(--lx-paper); color:var(--lx-ink); font:inherit; font-size:16px }
.lx-filter input:focus{ outline:none; border-color:var(--lx-gold); box-shadow:0 0 0 3px rgba(201,173,125,.3) }
.lx-filter .lx-note{ margin:10px 4px 0 }
.lx-count{ display:inline-block; margin-inline-start:6px; padding:1px 9px; border-radius:999px; background:rgba(201,173,125,.18); color:var(--lx-ink); font-size:13px; font-weight:700; vertical-align:middle }
.lx-loc-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%,220px),1fr)); gap:8px }
.lx-loc-grid li[hidden]{ display:none }
.lx-loc{ display:flex; align-items:center; gap:10px; min-height:52px; height:100%; padding:10px 14px; border-radius:12px; background:var(--lx-card); border:1px solid var(--lx-line);
  color:var(--lx-ink); text-decoration:none; font-weight:600; font-size:15px; line-height:1.3; overflow-wrap:anywhere; transition:border-color .2s var(--lx-ease), transform .2s var(--lx-ease), box-shadow .2s var(--lx-ease) }
.lx-loc:hover{ border-color:var(--lx-gold); transform:translateY(-2px); box-shadow:var(--lx-shadow) }
.lx-loc .lx-code{ flex:none; font-size:13px }
.lx-page .lx-hero-index + .lx-body > .lx-sec:first-child{ margin-top:28px }

/* alt bilgi */
.lx-foot{ background:var(--lx-card); border-top:1px solid var(--lx-line); padding:24px 0 calc(28px + env(safe-area-inset-bottom,0px)); color:var(--lx-muted); font-size:14px }
.lx-foot-links{ display:flex; flex-wrap:wrap; gap:8px 18px; margin-bottom:10px }
.lx-foot-links a{ color:var(--lx-ink); text-decoration:none; font-weight:600 }
.lx-foot-links a:hover{ color:var(--lx-teal) }
.lx-company{ margin:0; line-height:1.6 }

/* koyu tema ince ayarları (tokenlar styles.css'te dönüyor) */
@media (prefers-color-scheme: dark){
  .lx-hero{ background:
    radial-gradient(120% 90% at 100% 0%, rgba(201,173,125,.16), transparent 55%),
    radial-gradient(80% 70% at 0% 100%, rgba(35,85,122,.55), transparent 70%),
    linear-gradient(160deg, #10304A 0%, #0B1626 100%) }
  .lx-code{ background:rgba(201,173,125,.16); color:var(--lx-gold) }
  .lx-facts a, .lx-faq a, .lx-km{ color:#6FC7C7 }
  .lx-go{ box-shadow:none }
}

/* hareket: yalnız CSS; hareket azaltma tercihinde kapalı */
@keyframes lxUp{ from{ opacity:0; transform:translateY(14px) } to{ opacity:1; transform:none } }
@keyframes lxFade{ from{ opacity:0 } to{ opacity:1 } }
.lx-hero .lx-wrap > *{ animation:lxUp .6s var(--lx-ease) both }
.lx-hero .lx-wrap > :nth-child(2){ animation-delay:.05s }
.lx-hero .lx-wrap > :nth-child(3){ animation-delay:.1s }
.lx-hero .lx-wrap > :nth-child(4){ animation-delay:.15s }
.lx-search{ animation:lxUp .6s .18s var(--lx-ease) both }
.lx-duo, .lx-body > .lx-sec{ animation:lxUp .6s .26s var(--lx-ease) both }
.lx-near-list li{ animation:lxUp .5s var(--lx-ease) both }
.lx-near-list li:nth-child(2){ animation-delay:.04s } .lx-near-list li:nth-child(3){ animation-delay:.08s }
.lx-near-list li:nth-child(4){ animation-delay:.12s } .lx-near-list li:nth-child(5){ animation-delay:.16s } .lx-near-list li:nth-child(6){ animation-delay:.2s }
@media (prefers-reduced-motion: reduce){
  .lx-page *, .lx-page *::before, .lx-page *::after{ animation:none !important; transition:none !important }
}

/* 15 dil: menü sığmazsa taşmaz, yatay kaydırılır (seçili dil görünür kalır — landing.js) */
.lx-langs{ max-width:min(62vw,640px); overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; -webkit-overflow-scrolling:touch }
.lx-langs::-webkit-scrollbar{ display:none }
.lx-langs a{ flex:none }
/* tek kart (tedarikçi bölümü kaldırıldı): tam genişlik */
@media (min-width:820px){ .lx-duo.lx-solo{ grid-template-columns:1fr } }