/* Move to Greece · site şablonu v2
   Yön: "Ege Dosyası". Düz beyaz ve buz mavisi zeminler (mermer yok), Ege mavisi ana renk, altın yalnız vurgu.
   Zemin dili logodan gelir: 45° ince tarama ve çok soluk M filigranı. Hareket: kayan giriş, kaydırınca açılma, şeritler.
   Tüm yön kuralları mantıksal özelliklerle yazıldı: dir="rtl" ile Arapça hazır. */

:root {
  --beyaz: #FFFFFF;
  --buz: #F4F7FC;
  --ege: #06359A;
  --ege-koyu: #04245F;
  --ege-gece: #031A45;
  --ege-acik: #5F86D0;
  --ege-sis: #E7EDF8;
  --ege-yumusak: #9DB4E3;
  --murekkep: #0E1726;
  --tas: #576171;
  --cizgi: #DDE3EE;
  --altin: #C9A45C;
  --altin-yazi: #7E5B1E;
  --yesil: #1F7A4D;
  --kirmizi: #B3261E;

  --f-baslik: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --f-metin: "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --kap: 1240px;
  --bosluk: clamp(84px, 9vw, 140px);
  --yaricap: 6px;
  --ust-yuk: 80px;
  --egri: cubic-bezier(.2, .7, .2, 1);
  --gecis: 240ms var(--egri);
  --tarama: repeating-linear-gradient(-45deg, transparent 0 22px, rgba(6, 53, 154, .045) 22px 23px);
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--ust-yuk); }
body { margin: 0; background: var(--beyaz); color: var(--murekkep); font: 400 17px/1.65 var(--f-metin); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3 { font-family: var(--f-baslik); font-weight: 500; margin: 0; text-wrap: balance; letter-spacing: -.01em; }
h2 { font-size: clamp(32px, 3.6vw, 50px); line-height: 1.06; }
h3 { font-size: 22px; line-height: 1.25; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
[lang="ar"] { font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif; font-size: 1.06em; }
em[lang="el"] { font-style: normal; font-size: .78em; color: var(--tas); margin-inline-start: .45em; letter-spacing: .02em; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; }
.gizli, .skip:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip:focus { position: fixed; inset-block-start: 12px; inset-inline-start: 12px; z-index: 100; background: var(--ege); color: var(--beyaz); padding: 10px 16px; border-radius: var(--yaricap); }
.kap { width: min(var(--kap), 100% - 48px); margin-inline: auto; }

/* Ortak parçalar */
.ust-baslik { font-family: var(--f-baslik); font-weight: 500; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: var(--altin-yazi); }
.veri { display: inline-block; padding: 0 6px; border: 1px dashed var(--altin); border-radius: 2px; font-size: .85em; line-height: 1.5; color: var(--altin-yazi); background: #FFFBF2; white-space: nowrap; }
.veri--koyu { background: transparent; color: var(--altin); }
.dipnot { font-size: 13px; color: var(--tas); margin-block-start: 20px; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border-radius: var(--yaricap); border: 1.5px solid transparent; font: 500 15px/1 var(--f-baslik); letter-spacing: .03em; text-decoration: none; cursor: pointer; transition: background var(--gecis), color var(--gecis), border-color var(--gecis), transform var(--gecis), box-shadow var(--gecis); }
.btn svg { width: 20px; height: 20px; flex: none; }
.btn:active { transform: translateY(1px); }
.btn--dolu { background: var(--ege); color: var(--beyaz); }
.btn--dolu:hover { background: var(--ege-koyu); }
.btn--cizgi { border-color: var(--ege); color: var(--ege); background: transparent; }
.btn--cizgi:hover { background: var(--ege-sis); }
.btn--beyaz-cizgi { border-color: rgba(255, 255, 255, .8); color: var(--beyaz); background: transparent; }
.btn--beyaz-cizgi:hover { background: var(--beyaz); color: var(--ege-koyu); }
.btn--altin { background: var(--altin); color: var(--ege-gece); }
.btn--altin:hover { background: #D6B571; box-shadow: 0 10px 24px -12px rgba(201, 164, 92, .9); }
.btn--wa { background: var(--yesil); color: var(--beyaz); }
.btn--wa:hover { background: #18633E; }
.btn--tam { width: 100%; }

.metin-link { display: inline-flex; align-items: center; gap: 8px; margin-block-start: 40px; font: 500 16px/1 var(--f-baslik); letter-spacing: .02em; color: var(--ege); text-decoration: none; border-block-end: 1px solid currentColor; padding-block-end: 6px; }
.metin-link svg { width: 18px; height: 18px; transition: transform var(--gecis); }
.metin-link:hover svg { transform: translate(3px, -3px); }
.metin-link--acik { color: var(--beyaz); }
[dir="rtl"] .metin-link svg, [dir="rtl"] .yollar__ok { transform: scaleX(-1); }

/* Logo */
.logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ege); flex: none; }
.logo__isaret { width: 34px; height: 34px; flex: none; }
.logo__yazi b { display: block; font: 500 15px/1.1 var(--f-baslik); letter-spacing: .26em; color: var(--murekkep); transition: color var(--gecis); }
.logo__yazi small { display: block; font: 400 9px/1.4 var(--f-baslik); letter-spacing: .44em; color: var(--altin-yazi); margin-block-start: 3px; transition: color var(--gecis); }
.logo--acik, .logo--acik .logo__yazi b { color: var(--beyaz); }
.logo--acik .logo__yazi small { color: var(--altin); }

/* ── Üst menü ── */
.ust { position: sticky; inset-block-start: 0; z-index: 50; background: var(--beyaz); border-block-end: 1px solid var(--cizgi); transition: background var(--gecis), border-color var(--gecis); }
.ust__ic { display: flex; align-items: center; gap: 24px; min-height: var(--ust-yuk); }
.menu { display: flex; align-items: center; gap: 24px; margin-inline-start: auto; }
.menu__liste { display: flex; align-items: center; gap: 4px; }
.menu__tetik, .menu__link { display: inline-flex; align-items: center; gap: 4px; padding: 10px 12px; background: none; border: 0; cursor: pointer; font: 500 15px/1 var(--f-baslik); letter-spacing: .01em; color: var(--murekkep); text-decoration: none; border-radius: var(--yaricap); transition: color var(--gecis), background var(--gecis); }
.menu__tetik svg { width: 16px; height: 16px; transition: transform var(--gecis); }
.menu__tetik:hover, .menu__link:hover, .menu__tetik[aria-expanded="true"] { color: var(--ege); background: var(--buz); }
.menu__tetik[aria-expanded="true"] svg { transform: rotate(180deg); }
.menu__alt { display: flex; align-items: center; gap: 18px; padding-inline-start: 20px; border-inline-start: 1px solid var(--cizgi); }
.dil { display: flex; gap: 0; }
.dil a { font: 500 12px/1 var(--f-baslik); letter-spacing: .06em; color: var(--tas); padding: 8px 6px; text-decoration: none; transition: color var(--gecis); }
.dil a:hover { color: var(--ege); }
.dil a[aria-current="true"] { color: var(--ege); box-shadow: inset 0 -1.5px 0 var(--altin); }
.menu__giris { display: inline-flex; align-items: center; gap: 6px; font: 500 14px/1 var(--f-baslik); color: var(--murekkep); text-decoration: none; padding: 8px 4px; transition: color var(--gecis); }
.menu__giris svg { width: 20px; height: 20px; }
.menu__giris:hover { color: var(--ege); }
.ust__cta { min-height: 44px; padding: 0 18px; }
.menu-ac { display: none; }
.menu__tetik, .menu__link, .dil a, .menu__giris, .ust__cta { white-space: nowrap; }
@media (min-width: 1025px) and (max-width: 1360px) {
  .menu__giris-yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .menu__alt { gap: 12px; padding-inline-start: 14px; }
  .menu { gap: 16px; }
}

/* Saydam üst menü (giriş görselinin üstünde) */
.ust--seffaf { position: fixed; inset-inline: 0; background: transparent; border-block-end-color: transparent; }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) :is(.logo, .logo__yazi b, .menu__tetik, .menu__link, .menu__giris, .dil a) { color: var(--beyaz); }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) .logo__yazi small { color: var(--altin); }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) :is(.menu__tetik, .menu__link):hover { background: rgba(255, 255, 255, .12); }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) .menu__alt { border-color: rgba(255, 255, 255, .3); }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) .ust__cta { background: var(--beyaz); color: var(--ege-koyu); }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) .menu-ac span:not(.gizli) { background: var(--beyaz); }
.ust--seffaf.kaydi, .ust--seffaf.mega-acik, .ust--seffaf.menu-acik { background: var(--beyaz); border-block-end-color: var(--cizgi); }

/* Mega menü */
.mega { position: absolute; inset-inline: 0; inset-block-start: 100%; background-color: var(--beyaz); background-image: var(--tarama); border-block: 1px solid var(--cizgi); box-shadow: 0 30px 60px -40px rgba(4, 36, 95, .45); visibility: hidden; opacity: 0; transform: translateY(-8px); transition: opacity 200ms var(--egri), transform 260ms var(--egri), visibility 0s 260ms; }
.mega.acik { visibility: visible; opacity: 1; transform: none; transition: opacity 200ms var(--egri), transform 260ms var(--egri), visibility 0s; }
.mega__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.1fr); gap: 40px; padding-block: 40px 44px; }
.mega__baslik { font: 500 12px/1 var(--f-baslik); letter-spacing: .18em; text-transform: uppercase; color: var(--altin-yazi); margin-block-end: 16px; }
.mega__kolon ul { display: flex; flex-direction: column; gap: 2px; }
.mega__kolon a { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; margin-inline: -12px; border-radius: var(--yaricap); text-decoration: none; transition: background var(--gecis); }
.mega__kolon a:hover { background: var(--buz); }
.mega__kolon a b { font: 500 16px/1.3 var(--f-baslik); color: var(--murekkep); }
.mega__kolon a > span { font-size: 13px; color: var(--tas); }
.mega__sade a { font: 500 16px/1.3 var(--f-baslik); }
.mega__kart { position: relative; display: block; border-radius: var(--yaricap); overflow: hidden; min-height: 240px; text-decoration: none; color: var(--beyaz); }
.mega__kart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--egri); }
.mega__kart:hover img { transform: scale(1.04); }
.mega__kart-metin { position: absolute; inset-inline: 0; inset-block-end: 0; padding: 20px 22px; background: rgba(3, 26, 69, .82); display: flex; flex-direction: column; gap: 2px; }
.mega__kart-metin b { font: 500 20px/1.25 var(--f-baslik); }
.mega__kart-metin span { font-size: 14px; color: var(--ege-sis); }
.mega__ic--bolge { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.mega__bolge { display: flex; flex-direction: column; gap: 4px; text-decoration: none; }
.mega__bolge img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--yaricap); margin-block-end: 8px; transition: transform 500ms var(--egri); }
.mega__bolge:hover img { transform: translateY(-4px); }
.mega__bolge b { font: 500 17px/1.2 var(--f-baslik); }
.mega__bolge em { font-style: normal; font-size: 13px; color: var(--tas); }

/* ── Giriş: kayan görseller ── */
.giris { position: relative; min-height: clamp(660px, 94vh, 900px); display: flex; flex-direction: column; justify-content: flex-end; color: var(--beyaz); overflow: hidden; background: var(--ege-gece); isolation: isolate; }
.slaytlar { position: absolute; inset: 0; z-index: -1; }
.slaytlar::after { content: ""; position: absolute; inset: 0; background: rgba(3, 26, 69, .5); }
.slayt { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1400ms var(--egri); }
.slayt img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); }
.slayt.aktif { opacity: 1; }
.slayt.aktif img { animation: kenburns 9s linear forwards; }
.giris__ic { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(32px, 5vw, 80px); align-items: end; padding-block: calc(var(--ust-yuk) + 72px) 48px; }
.giris .ust-baslik { color: var(--altin); }
.giris h1 { font-size: clamp(44px, 5.6vw, 82px); line-height: 1.01; letter-spacing: -.02em; margin-block-start: 22px; max-width: 12ch; }
.giris__alt { font-size: 19px; line-height: 1.6; color: rgba(255, 255, 255, .9); max-width: 34em; margin-block-start: 26px; }
.giris__butonlar { display: flex; flex-wrap: wrap; gap: 12px; margin-block-start: 34px; }

.test { background: var(--beyaz); color: var(--murekkep); border-radius: var(--yaricap); padding: 28px; display: flex; flex-direction: column; gap: 14px; border-block-start: 3px solid var(--altin); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .55); }
.test__no { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--tas); }
.test h2 { font-size: 26px; line-height: 1.15; margin-block-end: 4px; }
.test .btn { margin-block-start: 6px; }
.test__sonuc { background: var(--buz); border-radius: var(--yaricap); padding: 16px; font-size: 15px; line-height: 1.55; }
.test__sonuc b { display: block; font: 500 18px/1.3 var(--f-baslik); color: var(--ege); margin-block-end: 4px; }
.test__sonuc small { display: block; color: var(--tas); font-size: 12px; margin-block-start: 8px; }
.test__sonuc a { color: var(--ege); font-weight: 500; }

.slayt-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-block: 0 36px; }
.slayt-nav__oge { display: flex; flex-direction: column; gap: 12px; padding: 0; background: none; border: 0; cursor: pointer; text-align: start; color: rgba(255, 255, 255, .72); font-size: 13px; letter-spacing: .04em; transition: color var(--gecis); }
.slayt-nav__oge em[lang="el"] { color: inherit; opacity: .8; }
.slayt-nav__oge i { position: relative; display: block; height: 2px; background: rgba(255, 255, 255, .25); overflow: hidden; }
.slayt-nav__oge i::after { content: ""; position: absolute; inset: 0; background: var(--altin); transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .slayt-nav__oge i::after { transform-origin: right; }
.slayt-nav__oge.aktif { color: var(--beyaz); }
.slayt-nav__oge.aktif i::after { animation: ilerle var(--sure, 7s) linear forwards; }
.giris.durdu .slayt-nav__oge.aktif i::after { animation-play-state: paused; }

/* Form alanları */
.alan { display: flex; flex-direction: column; gap: 6px; }
.alan label { font: 500 13px/1.2 var(--f-baslik); letter-spacing: .04em; color: var(--tas); }
select, input, textarea { font: 400 15px/1.4 var(--f-metin); color: var(--murekkep); background: var(--beyaz); border: 1px solid #C9D2E2; border-radius: var(--yaricap); padding: 12px 14px; width: 100%; transition: border-color var(--gecis), box-shadow var(--gecis); }
select { appearance: none; padding-inline-end: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='%2306359A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px; }
[dir="rtl"] select { background-position: left 12px center; }
select:focus, input:focus, textarea:focus { outline: none; border-color: var(--ege); box-shadow: 0 0 0 3px rgba(6, 53, 154, .14); }
[aria-invalid="true"] { border-color: var(--kirmizi); }
textarea { resize: vertical; min-height: 110px; }

/* ── Güven bandı ── */
.guven-bandi { background: var(--ege-gece); color: var(--beyaz); }
.guven { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.guven li { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; padding-block: 26px; padding-inline-end: 24px; }
.guven li + li { padding-inline-start: 24px; border-inline-start: 1px solid rgba(157, 180, 227, .2); }
.guven svg { grid-row: span 2; width: 22px; height: 22px; color: var(--altin); margin-block-start: 2px; }
.guven b { font: 500 16px/1.3 var(--f-baslik); }
.guven span { font-size: 13px; color: var(--ege-yumusak); line-height: 1.45; }

/* ── Bölümler ── */
.bolum { position: relative; padding-block: var(--bosluk); overflow: hidden; }
.bolum--acik { background: var(--buz); }
.bolum--desen { background-color: var(--beyaz); background-image: var(--tarama); }
.bolum--koyu { background: var(--ege-koyu); color: var(--beyaz); }
.bolum--koyu .bolum__no { color: var(--altin); }
.filigran { position: absolute; width: clamp(420px, 46vw, 680px); aspect-ratio: 1; inset-block-start: -8%; inset-inline-end: -10%; color: var(--ege); opacity: .07; pointer-events: none; }
.filigran--sag { inset-inline-end: auto; inset-inline-start: -12%; inset-block-start: auto; inset-block-end: -18%; color: var(--beyaz); opacity: .06; }
.filigran--acik { color: var(--beyaz); opacity: .08; inset-block-start: auto; inset-block-end: -20%; }
.bolum__bas { position: relative; display: flex; flex-direction: column; gap: 18px; }
.bolum__bas > p:not(.bolum__no):not(.dipnot) { color: var(--tas); max-width: 36em; }
.bolum__bas--yatay { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 48px; margin-block-end: 56px; }
.bolum__bas--yatay > div:first-child { display: flex; flex-direction: column; gap: 18px; }
.bolum__bas--yatay > p, .bolum__sag p { max-width: 30em; color: var(--tas); }
.bolum__sag { display: flex; flex-direction: column; align-items: flex-end; gap: 20px; }
.bolum--koyu .bolum__sag p, .bolum--koyu .bolum__bas > p:not(.bolum__no) { color: var(--ege-sis); }
.bolum__no { display: flex; align-items: center; gap: 14px; font: 500 14px/1 var(--f-baslik); letter-spacing: .18em; color: var(--altin-yazi); }
.bolum__no::after { content: ""; width: 34px; height: 1px; background: var(--altin); transform: rotate(-45deg); }
[dir="rtl"] .bolum__no::after { transform: rotate(45deg); }

.oklar { display: flex; gap: 8px; }
.ok-btn { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; border: 1.5px solid var(--cizgi); background: var(--beyaz); color: var(--ege); cursor: pointer; transition: background var(--gecis), border-color var(--gecis), color var(--gecis), opacity var(--gecis); }
.ok-btn svg { width: 20px; height: 20px; }
.ok-btn[data-yon="-1"] svg { transform: scaleX(-1); }
[dir="rtl"] .ok-btn[data-yon="-1"] svg { transform: none; }
[dir="rtl"] .ok-btn[data-yon="1"] svg { transform: scaleX(-1); }
.ok-btn:hover { background: var(--ege); border-color: var(--ege); color: var(--beyaz); }
.ok-btn:disabled { opacity: .35; pointer-events: none; }
.bolum--koyu .ok-btn { background: transparent; border-color: rgba(255, 255, 255, .35); color: var(--beyaz); }
.bolum--koyu .ok-btn:hover { background: var(--beyaz); color: var(--ege-koyu); }

/* Yatay şerit (bölgeler, projeler) */
.serit { position: relative; display: grid; grid-auto-flow: column; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-inline: max(20px, calc((100vw - var(--kap)) / 2)); scroll-padding-inline: max(20px, calc((100vw - var(--kap)) / 2)); padding-block-end: 16px; scrollbar-width: none; }
.serit::-webkit-scrollbar { display: none; }
.serit > li { scroll-snap-align: start; }

/* 01 Yollar */
.iki-kolon { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start; }
.yollar { border-block-start: 1px solid var(--cizgi); background: rgba(255, 255, 255, .75); }
.yollar li { border-block-end: 1px solid var(--cizgi); }
.yollar a { display: grid; grid-template-columns: 56px minmax(0, 1fr) 28px; gap: 20px; align-items: start; padding: 32px 8px; text-decoration: none; transition: background var(--gecis), padding var(--gecis), box-shadow var(--gecis); }
.yollar a:hover { background: var(--beyaz); padding-inline: 22px; box-shadow: 0 20px 40px -30px rgba(4, 36, 95, .35); }
.yollar__no { font: 400 15px/1.9 var(--f-baslik); letter-spacing: .1em; color: var(--altin-yazi); }
.yollar__metin { display: flex; flex-direction: column; gap: 8px; }
.yollar__metin b { font: 500 28px/1.15 var(--f-baslik); }
.yollar__metin span { color: var(--tas); font-size: 16px; }
.yollar__ok { width: 26px; height: 26px; color: var(--ege); margin-block-start: 4px; transition: transform var(--gecis); }
.yollar a:hover .yollar__ok { transform: translate(4px, -4px); }

/* 02 Eşikler */
.esik { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.kademe { margin-block-start: 18px; border-block-start: 1px solid var(--cizgi); }
.kademe li { display: grid; grid-template-columns: 18px 148px minmax(0, 1fr); gap: 14px; align-items: baseline; padding-block: 18px; border-block-end: 1px solid var(--cizgi); }
.kademe li::before { content: ""; width: 12px; height: 12px; border-radius: 2px; transform: translateY(1px); }
.kademe b { font: 500 24px/1.1 var(--f-baslik); font-variant-numeric: tabular-nums; }
.kademe span { font-size: 15px; color: var(--tas); line-height: 1.5; }
.kademe--800::before, .pin--800 i { background: var(--ege-koyu); }
.kademe--400::before, .pin--400 i { background: var(--ege-acik); }
.kademe--250::before { background: var(--altin); }
.harita { position: relative; margin: 0; }
.harita img { width: 100%; mix-blend-mode: multiply; filter: brightness(1.04) contrast(1.04); }
.pin { position: absolute; inset-inline-start: var(--x); inset-block-start: var(--y); display: inline-flex; align-items: center; gap: 8px; transform: translate(-6px, -50%); font: 500 13px/1 var(--f-baslik); letter-spacing: .02em; color: var(--murekkep); white-space: nowrap; }
.pin i { position: relative; width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 0 3px var(--beyaz); flex: none; }
.pin--800 i::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 1.5px solid var(--ege-koyu); animation: nabiz 2.8s var(--egri) infinite; animation-delay: calc(var(--i, 0) * 350ms); }
.pin em { font-size: 11px; }
.pin--sol { flex-direction: row-reverse; transform: translate(calc(-100% + 6px), -50%); }
[dir="rtl"] .pin { transform: translate(6px, -50%); }

/* 03 Bölgeler */
.bolgeler { grid-auto-columns: clamp(240px, 22vw, 300px); }
.bolgeler a { display: flex; flex-direction: column; gap: 6px; text-decoration: none; }
.bolgeler__gorsel { position: relative; display: block; border-radius: var(--yaricap); overflow: hidden; margin-block-end: 12px; }
.bolgeler img { aspect-ratio: 3 / 4; object-fit: cover; width: 100%; transition: transform 900ms var(--egri); }
.bolgeler a:hover img { transform: scale(1.06); }
.bolgeler__esik { position: absolute; inset-block-end: 12px; inset-inline-start: 12px; background: var(--beyaz); color: var(--ege-koyu); font: 500 13px/1 var(--f-baslik); padding: 8px 10px; border-radius: 2px; }
.bolgeler__esik.veri { background: #FFFBF2; color: var(--altin-yazi); font-size: 12px; padding: 6px 8px; }
.bolgeler__ad { font: 500 22px/1.2 var(--f-baslik); }
.bolgeler__not { font-size: 14px; color: var(--tas); line-height: 1.5; }

/* 04 Projeler */
.projeler { grid-auto-columns: clamp(300px, 34vw, 440px); }
.proje a { display: flex; flex-direction: column; height: 100%; background: var(--beyaz); color: var(--murekkep); border-radius: var(--yaricap); overflow: hidden; text-decoration: none; transition: transform 400ms var(--egri), box-shadow 400ms var(--egri); }
.proje a:hover { transform: translateY(-6px); box-shadow: 0 40px 60px -40px rgba(0, 0, 0, .6); }
.proje__gorsel { position: relative; display: block; overflow: hidden; }
.proje__gorsel img { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; transition: transform 900ms var(--egri); }
.proje a:hover .proje__gorsel img { transform: scale(1.05); }
.temsili { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; background: rgba(255, 255, 255, .92); color: var(--tas); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding: 5px 8px; border-radius: 2px; }
.proje__bilgi { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.proje__yer { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--tas); }
.proje__ad { font: 500 23px/1.25 var(--f-baslik); }
.proje__ozet { color: var(--tas); font-size: 15px; }
.rozetler { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: auto; padding-block-start: 12px; }
.rozet { font: 500 12px/1 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; padding: 8px 10px; border-radius: 2px; border: 1px solid var(--cizgi); color: var(--ege); }
.rozet--altin { background: var(--altin); border-color: var(--altin); color: var(--ege-gece); }
.rozet--son { border-color: var(--ege); background: var(--ege-sis); }

/* 05 Karşılaştırma */
.tablo-kutu { overflow-x: auto; border-block-start: 2px solid var(--ege); background: var(--beyaz); }
.tablo { width: 100%; border-collapse: collapse; min-width: 820px; font-size: 15px; }
.tablo th, .tablo td { text-align: start; vertical-align: top; padding: 20px 18px; border-block-end: 1px solid var(--cizgi); }
.tablo thead th { font: 500 12px/1.3 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--tas); padding-block: 16px; }
.tablo tbody th { font: 500 18px/1.3 var(--f-baslik); color: var(--murekkep); width: 210px; }
.tablo tbody tr { transition: background var(--gecis); }
.tablo tbody tr:hover { background: var(--buz); }
.tablo tbody tr:first-child { background: var(--ege-sis); }
.tablo tbody tr:first-child th { color: var(--ege); }
.var, .yok { display: inline-flex; align-items: baseline; gap: 8px; }
.var::before { content: ""; width: 10px; height: 5px; border-inline-start: 1.6px solid var(--ege); border-block-end: 1.6px solid var(--ege); transform: rotate(-45deg) translateY(-3px); flex: none; }
.yok::before { content: ""; width: 10px; height: 1.6px; background: var(--tas); transform: translateY(-4px); flex: none; }
.yok { color: var(--tas); }

/* Yaşam bandı */
.yasam { position: relative; min-height: clamp(560px, 56vw, 720px); display: flex; align-items: center; overflow: hidden; color: var(--beyaz); }
.yasam__gorsel { position: absolute; inset: -12% 0; }
.yasam__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 55%; }
.yasam__ic { position: relative; }
.yasam__panel { background: var(--ege-koyu); max-width: 520px; padding: clamp(32px, 4vw, 52px); border-radius: var(--yaricap); display: flex; flex-direction: column; gap: 18px; border-inline-start: 3px solid var(--altin); }
.yasam__panel .ust-baslik { color: var(--altin); }
.yasam__panel p:not(.ust-baslik) { color: var(--ege-sis); }
.yasam__panel .metin-link { margin-block-start: 10px; }
@supports (animation-timeline: view()) {
  .yasam__gorsel { animation: parallaks linear both; animation-timeline: view(); animation-range: cover; }
}

/* 06 Süreç */
.surec-kap { position: relative; }
.surec__rota { position: absolute; inset-inline-start: 22px; inset-block-start: 22px; width: 80%; height: 160px; pointer-events: none; overflow: visible; }
.surec__rota line { stroke: var(--altin); stroke-width: 1.5; vector-effect: non-scaling-stroke; stroke-dasharray: 1200; stroke-dashoffset: 0; }
.js .surec-kap .surec__rota line { transition: stroke-dashoffset 1600ms var(--egri) 200ms; }
.js .surec-kap:not(.gorundu) .surec__rota line { stroke-dashoffset: 1200; }
[dir="rtl"] .surec__rota { transform: scaleX(-1); }
.surec { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.surec li { display: flex; flex-direction: column; gap: 8px; padding-inline-end: 8px; }
.surec li:nth-child(1) { padding-block-start: 160px; }
.surec li:nth-child(2) { padding-block-start: 120px; }
.surec li:nth-child(3) { padding-block-start: 80px; }
.surec li:nth-child(4) { padding-block-start: 40px; }
.surec__no { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--beyaz); border: 1.5px solid var(--ege); font: 500 17px/1 var(--f-baslik); color: var(--ege); margin-block-end: 12px; position: relative; }
.surec li:last-child .surec__no { background: var(--ege); color: var(--beyaz); }
.surec b { font: 500 20px/1.25 var(--f-baslik); }
.surec li > span:last-child { font-size: 15px; color: var(--tas); line-height: 1.55; }

/* 07 Panel tanıtımı */
.panel-tanitim { background-image: var(--tarama); }
.panel-tanitim__ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.panel-tanitim h2 { margin-block-start: 18px; }
.panel-tanitim__alt { color: var(--tas); margin-block-start: 22px; max-width: 34em; }
.panel-tanitim__liste { margin-block-start: 26px; display: flex; flex-direction: column; gap: 12px; }
.panel-tanitim__liste li { display: flex; gap: 12px; align-items: baseline; }
.panel-tanitim__liste li::before { content: ""; width: 14px; height: 1.5px; background: var(--altin); transform: rotate(-45deg) translateY(-4px); flex: none; }
.panel-onizleme { display: block; text-decoration: none; color: var(--murekkep); background: var(--beyaz); border-radius: 10px; box-shadow: 0 50px 90px -50px rgba(4, 36, 95, .55), 0 0 0 1px var(--cizgi); overflow: hidden; transform: perspective(1400px) rotateY(-6deg) rotateX(2deg); transition: transform 700ms var(--egri); }
.panel-onizleme:hover { transform: none; }
[dir="rtl"] .panel-onizleme { transform: perspective(1400px) rotateY(6deg) rotateX(2deg); }
.panel-onizleme__ust { display: flex; align-items: center; gap: 6px; padding: 12px 16px; background: var(--buz); border-block-end: 1px solid var(--cizgi); font-size: 12px; color: var(--tas); }
.panel-onizleme__ust i { width: 9px; height: 9px; border-radius: 50%; background: var(--cizgi); }
.panel-onizleme__ust span { margin-inline-start: 10px; }
.panel-onizleme__govde { display: flex; flex-direction: column; gap: 4px; padding: 24px 26px 28px; }
.po-baslik { display: flex; justify-content: space-between; align-items: center; margin-block-end: 14px; }
.po-baslik b { font: 500 19px/1 var(--f-baslik); }
.po-cip { font: 500 12px/1 var(--f-baslik); letter-spacing: .06em; padding: 7px 10px; border-radius: 999px; background: var(--ege-sis); color: var(--ege); }
.po-adimlar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-block-end: 18px; }
.po-adimlar i { height: 6px; border-radius: 3px; background: var(--cizgi); }
.po-adimlar i.tamam { background: var(--ege); }
.po-adimlar i.aktif { background: var(--altin); }
.po-satir { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 13px; border-block-start: 1px solid var(--cizgi); font-size: 15px; }
.po-durum { font: 500 12px/1 var(--f-baslik); letter-spacing: .04em; padding: 6px 9px; border-radius: 2px; white-space: nowrap; }
.po-durum--ok { background: #E3F2EA; color: var(--yesil); }
.po-durum--bekle { background: var(--ege-sis); color: var(--ege); }
.po-durum--iste { background: #FFF3DD; color: var(--altin-yazi); }
.po-durum--yazi { background: var(--ege); color: var(--beyaz); }

/* 08 Rehber ve SSS */
.rehber { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(40px, 6vw, 96px); }
.yazilar { margin-block-start: 40px; border-block-start: 1px solid var(--cizgi); }
.yazilar li { border-block-end: 1px solid var(--cizgi); }
.yazilar a { display: grid; grid-template-columns: 140px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 24px; row-gap: 8px; padding-block: 24px; text-decoration: none; transition: padding var(--gecis); }
.yazilar a:hover { padding-inline-start: 10px; }
.yazilar__kume { grid-row: span 2; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-yazi); padding-block-start: 6px; }
.yazilar b { font: 500 21px/1.3 var(--f-baslik); transition: color var(--gecis); }
.yazilar a:hover b { color: var(--ege); }
.yazilar__tarih { font-size: 13px; color: var(--tas); }
.sss { background: var(--buz); border-radius: var(--yaricap); padding: 32px; align-self: start; }
.sss h3 { margin-block-end: 8px; }
.sss details { border-block-end: 1px solid var(--cizgi); }
.sss summary { list-style: none; display: flex; justify-content: space-between; gap: 16px; padding-block: 18px; cursor: pointer; font: 500 16px/1.4 var(--f-baslik); }
.sss summary::-webkit-details-marker { display: none; }
.sss summary svg { width: 22px; height: 22px; flex: none; color: var(--ege); transition: transform var(--gecis); }
.sss details[open] summary svg { transform: rotate(45deg); }
.sss details p { padding-block-end: 18px; font-size: 15px; color: var(--tas); }
.sss details[open] p { animation: yukari 400ms var(--egri); }

/* Instagram şeridi */
.ig { padding-block: 0 var(--bosluk); overflow: hidden; }
.ig__bas { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-block-end: 32px; }
.ig__bas h2 { display: flex; align-items: center; gap: 12px; font-size: clamp(22px, 2.4vw, 30px); }
.ig__bas h2 svg { width: 30px; height: 30px; color: var(--ege); }
.ig__bas .metin-link { margin: 0; }
.ig__ray { display: flex; gap: 16px; width: max-content; animation: kay 46s linear infinite; }
.ig__akis:hover .ig__ray { animation-play-state: paused; }
.ig__ray img { height: clamp(260px, 26vw, 360px); width: auto; border-radius: var(--yaricap); }
[dir="rtl"] .ig__ray { animation-direction: reverse; }

/* İletişim */
.iletisim { position: relative; overflow: hidden; background: var(--ege); color: var(--beyaz); padding-block: var(--bosluk); }
.iletisim__ic { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start; }
.iletisim__metin { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.iletisim .ust-baslik { color: var(--altin); }
.iletisim__metin > p:not(.ust-baslik) { color: var(--ege-sis); }
.iletisim__eposta a { color: var(--beyaz); }
.form { background: var(--beyaz); color: var(--murekkep); border-radius: var(--yaricap); padding: clamp(24px, 3vw, 40px); display: flex; flex-direction: column; gap: 16px; }
.form__iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.onay { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--tas); }
.onay input { width: 18px; height: 18px; margin-block-start: 3px; accent-color: var(--ege); flex: none; padding: 0; }
.onay a { color: var(--ege); }
.form .btn { align-self: flex-start; min-width: 160px; }
.form__durum { font-size: 14px; color: var(--yesil); min-height: 1.4em; }
.form__durum.hata { color: var(--kirmizi); }

/* Alt bilgi */
.alt { background: var(--ege-gece); color: var(--ege-yumusak); padding-block: 72px 32px; font-size: 15px; }
.alt__ic { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; padding-block-end: 48px; border-block-end: 1px solid rgba(157, 180, 227, .22); }
.alt__marka p { margin-block-start: 20px; max-width: 26em; }
.alt__kolonlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.alt h3 { font: 500 13px/1 var(--f-baslik); letter-spacing: .18em; text-transform: uppercase; color: var(--beyaz); margin-block-end: 18px; }
.alt ul { display: flex; flex-direction: column; gap: 10px; }
.alt a { text-decoration: none; color: var(--ege-yumusak); transition: color var(--gecis); }
.alt a:hover { color: var(--beyaz); }
.alt__yasal { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-block-start: 24px; font-size: 13px; }

.mobil-bar { display: none; }


/* ── Bayraklı dil seçici ── */
.bayrak { width: 22px; height: 15px; flex: none; clip-path: inset(0 round 2px); box-shadow: 0 0 0 1px rgba(14, 23, 38, .12); }
.dil-secim { position: relative; }
.dil-secim__btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: transparent; cursor: pointer; font: 500 13px/1 var(--f-baslik); letter-spacing: .06em; color: var(--murekkep); transition: background var(--gecis), border-color var(--gecis), color var(--gecis); }
.dil-secim__btn:hover { background: var(--buz); }
.dil-secim__ok { width: 14px; height: 14px; transition: transform var(--gecis); }
.dil-secim__btn[aria-expanded="true"] .dil-secim__ok { transform: rotate(180deg); }
.dil-secim__liste { position: absolute; inset-block-start: calc(100% + 10px); inset-inline-end: 0; min-width: 200px; padding: 8px; background: var(--beyaz); border-radius: 10px; box-shadow: 0 30px 60px -30px rgba(4, 36, 95, .45), 0 0 0 1px var(--cizgi); visibility: hidden; opacity: 0; transform: translateY(-6px); transition: opacity 180ms var(--egri), transform 220ms var(--egri), visibility 0s 220ms; z-index: 5; }
.dil-secim__liste.acik { visibility: visible; opacity: 1; transform: none; transition: opacity 180ms var(--egri), transform 220ms var(--egri), visibility 0s; }
.dil-secim__liste a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--yaricap); text-decoration: none; font: 500 15px/1.2 var(--f-baslik); color: var(--murekkep); transition: background var(--gecis); }
.dil-secim__liste a:hover { background: var(--buz); }
.dil-secim__liste a[aria-current="true"] { background: var(--ege-sis); color: var(--ege); }
.dil-secim__liste a[aria-current="true"]::after { content: ""; width: 10px; height: 5px; margin-inline-start: auto; border-inline-start: 1.6px solid var(--ege); border-block-end: 1.6px solid var(--ege); transform: rotate(-45deg) translateY(-2px); }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) .dil-secim__btn { color: var(--beyaz); border-color: rgba(255, 255, 255, .35); }
.ust--seffaf:not(.kaydi):not(.mega-acik):not(.menu-acik) .dil-secim__btn:hover { background: rgba(255, 255, 255, .12); }
.dil-bayrak { display: flex; gap: 4px; }
.dil-bayrak a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 8px; border-radius: var(--yaricap); font: 500 12px/1 var(--f-baslik); letter-spacing: .04em; color: var(--tas); text-decoration: none; transition: background var(--gecis); }
.dil-bayrak a:hover { background: var(--beyaz); }
.dil-bayrak a[aria-current="true"] { background: var(--beyaz); color: var(--ege); box-shadow: 0 0 0 1px var(--cizgi); }
.dil-bayrak .bayrak { width: 20px; height: 14px; }
.menu__mobil { display: none; }

/* ── 06 Hakkımızda ── */
.hakkimizda { background-color: var(--beyaz); background-image: var(--tarama); }
.hakkimizda__ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 7vw, 112px); align-items: center; }
.hakkimizda__gorsel { position: relative; margin: 0; }
.hakkimizda__gorsel img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--yaricap); }
.hakkimizda__alinti { position: absolute; inset-block-end: -36px; inset-inline-end: -36px; max-width: 300px; margin: 0; padding: 28px; background: var(--ege-koyu); color: var(--beyaz); border-radius: var(--yaricap); border-block-start: 3px solid var(--altin); box-shadow: 0 30px 60px -30px rgba(3, 26, 69, .6); }
.hakkimizda__alinti svg { width: 30px; height: 30px; color: var(--altin); margin-block-end: 14px; }
.hakkimizda__alinti p { font: 500 22px/1.3 var(--f-baslik); }
.hakkimizda__metin { display: flex; flex-direction: column; gap: 20px; }
.hakkimizda__giris { font-size: 19px; color: var(--tas); max-width: 34em; }
.deneyim { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--cizgi); margin-block: 10px; }
.deneyim li { display: flex; flex-direction: column; gap: 4px; padding: 22px 18px 22px 0; }
.deneyim li + li { padding-inline-start: 18px; border-inline-start: 1px solid var(--cizgi); }
.deneyim b { font: 500 34px/1 var(--f-baslik); color: var(--ege); letter-spacing: -.01em; }
.deneyim span { font-size: 14px; color: var(--tas); line-height: 1.45; }
.imza { display: flex; align-items: center; gap: 14px; }
.imza__harf { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--ege); color: var(--beyaz); font: 500 16px/1 var(--f-baslik); flex: none; }
.imza > span:last-child { display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: var(--tas); }
.hakkimizda .metin-link { margin-block-start: 6px; align-self: flex-start; }

/* ── Alt bilgi eklentileri ── */
.alt__iletisim { margin-block-start: 22px; gap: 8px !important; }
.alt__iletisim a { display: inline-flex; align-items: center; gap: 8px; }
.alt__iletisim svg { width: 18px; height: 18px; }
.alt__sosyal { display: flex; gap: 8px; margin-block-start: 22px; }
.alt__sosyal a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(157, 180, 227, .35); transition: background var(--gecis), color var(--gecis); }
.alt__sosyal a:hover { background: var(--beyaz); color: var(--ege-gece); }
.alt__sosyal svg { width: 20px; height: 20px; }
.alt__dil a { display: inline-flex; align-items: center; gap: 10px; }
.alt__dil a[aria-current="true"] { color: var(--beyaz); }

/* ── Hareket ── */
@keyframes yukari { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes kenburns { from { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes ilerle { to { transform: scaleX(1); } }
@keyframes nabiz { 0% { transform: scale(1); opacity: .9; } 70%, 100% { transform: scale(2.4); opacity: 0; } }
@keyframes kay { to { transform: translateX(calc(-50% - 8px)); } }
@keyframes parallaks { from { transform: translateY(-6%); } to { transform: translateY(6%); } }

.giris__metin > *, .giris .test { animation: yukari 800ms var(--egri) both; }
.giris__metin > *:nth-child(2) { animation-delay: 90ms; }
.giris__metin > *:nth-child(3) { animation-delay: 180ms; }
.giris__metin > *:nth-child(4) { animation-delay: 270ms; }
.giris .test { animation-delay: 360ms; }

/* Kaydırınca açılma: JS yoksa her şey görünür kalır */
.js [data-goster] { opacity: 0; transform: translateY(26px); transition: opacity 800ms var(--egri), transform 800ms var(--egri); }
.js [data-goster].gorundu { opacity: 1; transform: none; }
.js :is(.yollar, .yazilar, .surec-kap)[data-goster] li { opacity: 0; transform: translateY(18px); transition: opacity 700ms var(--egri), transform 700ms var(--egri); transition-delay: calc(var(--i, 0) * 110ms + 150ms); }
.js :is(.yollar, .yazilar, .surec-kap)[data-goster].gorundu li { opacity: 1; transform: none; }
.js .harita[data-goster] .pin { opacity: 0; transition: opacity 500ms var(--egri); transition-delay: calc(var(--i, 0) * 120ms + 400ms); }
.js .harita.gorundu .pin { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .js [data-goster], .js [data-goster] li, .js .harita .pin { opacity: 1 !important; }
  .js [data-goster], .js [data-goster] li { transform: none !important; }
  .slayt img { transform: none; }
}

/* ── Tablet ── */
@media (max-width: 1300px) {
  .menu__tetik, .menu__link { padding-inline: 9px; }
  .ust__cta { display: none; }
}
@media (max-width: 1024px) {
  .menu-ac { display: inline-flex; flex-direction: column; justify-content: center; gap: 6px; width: 44px; height: 44px; margin-inline-start: auto; background: none; border: 0; cursor: pointer; padding: 10px; }
  .menu-ac span:not(.gizli) { display: block; height: 1.6px; background: var(--murekkep); transition: transform var(--gecis), opacity var(--gecis), background var(--gecis); }
  .menu-ac[aria-expanded="true"] span:nth-child(1) { transform: translateY(3.8px) rotate(45deg); }
  .menu-ac[aria-expanded="true"] span:nth-child(2) { transform: translateY(-3.8px) rotate(-45deg); }
  .menu { display: none; position: fixed; inset-inline: 0; inset-block: var(--ust-yuk) 0; overflow-y: auto; overscroll-behavior: contain; background: var(--beyaz); flex-direction: column; align-items: stretch; gap: 0; padding: 8px 24px calc(28px + env(safe-area-inset-bottom)); border-block-start: 1px solid var(--cizgi); }
  .menu.acik { animation: yukari 280ms var(--egri); }
  .menu.acik { display: flex; }
  .menu__liste { flex-direction: column; align-items: stretch; gap: 0; }
  .menu__oge { border-block-end: 1px solid var(--cizgi); }
  .menu :is(.menu__tetik, .menu__link) { width: 100%; justify-content: space-between; padding: 18px 0; font-size: 18px; color: var(--murekkep); background: none; }
  .menu :is(.menu__tetik, .menu__link):hover { background: none; }
  .mega { position: static; visibility: visible; opacity: 1; transform: none; display: none; border: 0; box-shadow: none; background: none; }
  .mega.acik { display: block; }
  .mega__ic, .mega__ic--bolge { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 0 20px; width: 100%; }
  .mega__kart { display: none; }
  .mega__ic--bolge { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .menu__alt { border: 0; padding: 24px 0 0; flex-direction: column; align-items: stretch; gap: 16px; }
  .dil-secim__btn { display: none; }
  .dil-secim__liste { position: static; visibility: visible; opacity: 1; transform: none; box-shadow: none; padding: 0; min-width: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; background: none; }
  .dil-secim__liste a { border: 1px solid var(--cizgi); min-height: 48px; }
  .menu__giris { min-height: 48px; font-size: 16px; }
  .menu__giris-yazi { position: static !important; width: auto !important; height: auto !important; clip: auto !important; }
  .menu__mobil { display: flex; flex-direction: column; gap: 10px; padding-block-start: 20px; margin-block-start: 8px; border-block-start: 1px solid var(--cizgi); }
  .menu__mobil p { text-align: center; font-size: 14px; color: var(--tas); }
  .menu__oge .mega__kolon a, .menu__oge .mega__sade a { min-height: 44px; justify-content: center; }
  html.menu-kilit, html.menu-kilit body { overflow: hidden; }
  .hakkimizda__ic { grid-template-columns: minmax(0, 1fr); }
  .hakkimizda__gorsel { max-width: 560px; }
  .alt__kolonlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .giris__ic, .iki-kolon, .esik, .rehber, .iletisim__ic, .alt__ic, .panel-tanitim__ic { grid-template-columns: minmax(0, 1fr); }
  .giris__ic { padding-block-end: 32px; }
  .guven { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guven li:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; }
  .bolum__bas--yatay { flex-direction: column; align-items: flex-start; gap: 18px; margin-block-end: 40px; }
  .bolum__sag { align-items: flex-start; }
  .surec-kap .surec__rota { display: none; }
  .surec { grid-template-columns: minmax(0, 1fr); gap: 0; border-inline-start: 1.5px solid var(--altin); margin-inline-start: 22px; }
  .surec li, .surec li:nth-child(n) { padding: 0 0 32px 36px; position: relative; }
  .surec__no { position: absolute; inset-inline-start: -23px; inset-block-start: 0; margin: 0; }
  .surec li b { padding-block-start: 10px; }
  [dir="rtl"] .surec li, [dir="rtl"] .surec li:nth-child(n) { padding: 0 36px 32px 0; }
  .panel-onizleme { transform: none; }
}

/* ── Telefon ── */
@media (max-width: 640px) {
  :root { --ust-yuk: 68px; }
  body { font-size: 16px; padding-block-end: 76px; }
  .kap { width: calc(100% - 40px); }
  .logo__yazi b { font-size: 13px; letter-spacing: .22em; }
  .giris { min-height: auto; }
  .giris__ic { padding-block-start: calc(var(--ust-yuk) + 48px); }
  .giris__butonlar .btn { flex: 1 1 100%; }
  .slayt-nav { gap: 12px; padding-block-end: 28px; }
  .slayt-nav__oge span { display: none; }
  .guven { grid-template-columns: minmax(0, 1fr); }
  .guven li, .guven li + li, .guven li:nth-child(3) { border: 0; padding: 16px 0; border-block-end: 1px solid rgba(157, 180, 227, .2); }
  .yollar a { grid-template-columns: 36px minmax(0, 1fr); padding-block: 26px; }
  .yollar__ok { display: none; }
  .yollar__metin b { font-size: 23px; }
  .kademe li { grid-template-columns: 18px minmax(0, 1fr); }
  .kademe li span { grid-column: 2; }
  .pin { font-size: 11px; }
  .pin em { display: none; }
  .oklar { display: none; }
  .projeler { grid-auto-columns: 84vw; }
  .bolgeler { grid-auto-columns: 70vw; }
  .yazilar a { grid-template-columns: minmax(0, 1fr); }
  .yazilar__kume { grid-row: auto; padding: 0; }
  .sss { padding: 24px 20px; }
  .form__iki { grid-template-columns: minmax(0, 1fr); }
  .alt__kolonlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yasam { align-items: flex-end; }
  .yasam__ic { padding-block-end: 20px; }
  .ig__bas { flex-direction: column; align-items: flex-start; }
  .tablo-kutu { overflow: visible; border: 0; background: none; }
  .tablo { min-width: 0; display: block; }
  .tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tablo tbody { display: flex; flex-direction: column; gap: 12px; }
  .tablo tbody tr { display: block; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 4px 18px 8px; }
  .tablo tbody tr:first-child { border-color: var(--ege); }
  .tablo tbody th { display: block; width: auto; padding: 16px 0 10px; font-size: 20px; border-block-end: 1px solid var(--cizgi); }
  .tablo td { display: grid; grid-template-columns: 42% minmax(0, 1fr); gap: 12px; padding: 12px 0; font-size: 14px; }
  .tablo td::before { content: attr(data-etiket); font: 500 12px/1.4 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; color: var(--tas); }
  .tablo tr td:last-child { border-block-end: 0; }
  .hakkimizda__alinti { position: relative; inset: auto; margin: -64px 16px 0; max-width: none; }
  .deneyim { grid-template-columns: minmax(0, 1fr); }
  .deneyim li, .deneyim li + li { flex-direction: row; align-items: baseline; gap: 14px; padding: 14px 0; border-inline-start: 0; border-block-end: 1px solid var(--cizgi); }
  .deneyim li:last-child { border-block-end: 0; }
  .deneyim b { font-size: 26px; min-width: 72px; }
  .menu-acik ~ .mobil-bar, html.menu-kilit .mobil-bar { display: none; }
  .mobil-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 60; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .97); border-block-start: 1px solid var(--cizgi); }
  .mobil-bar .btn { min-height: 48px; padding: 0 12px; }
}

/* Tasarım imzası: LAICOS (koyu zemin için beyaz logo, kırmızı vurgu korunur) */
.alt__imza { display: inline-flex; align-items: center; gap: 10px; color: var(--ege-yumusak); opacity: .78; transition: opacity var(--gecis); }
.alt__imza:hover, .alt__imza:focus-visible { opacity: 1; color: var(--beyaz); }
.alt__imza span { font-size: 12px; letter-spacing: .04em; }
.alt__imza img { display: block; height: 22px; width: auto; }
@media (max-width: 760px) { .alt__yasal { flex-direction: column; } .alt__imza { margin-block-start: 6px; } }

/* Sosyal ikonlar liste olarak; genel ".alt ul" dikey dizilimini ezer */
.alt .alt__sosyal { flex-direction: row; flex-wrap: wrap; gap: 8px; }
.alt__sosyal svg { width: 18px; height: 18px; }
.metin-dugme { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* Çerez onayı (yalnız ölçüm aracı tanımlıysa görünür) */
.cerez { position: fixed; inset-inline: 16px; inset-block-end: 16px; z-index: 96; max-width: 560px; margin-inline-start: auto; padding: 18px 20px; border-radius: 10px; background: var(--beyaz); color: var(--murekkep); box-shadow: 0 0 0 1px var(--cizgi), 0 24px 48px -20px rgba(14, 23, 38, .45); font-size: 14px; line-height: 1.55; }
.cerez[hidden] { display: none; }
.cerez p { margin: 0 0 14px; color: var(--tas); }
.cerez a { color: var(--ege); }
.cerez__dugmeler { display: flex; gap: 10px; flex-wrap: wrap; }
.cerez__dugmeler .btn { height: 42px; padding-inline: 18px; font-size: 14px; }
@media (max-width: 760px) { .cerez { inset-inline: 10px; inset-block-end: 78px; } .cerez__dugmeler .btn { flex: 1; justify-content: center; } }