/* To Be Academy sitesi ortak stilleri: ana sayfa, fiyat teklifi, blog ve KVKK sayfaları kullanır. */
/* PALET (26.10.2026, kullanıcı seçimi): beyaz/açık gri zemin, siyaha yakın
   metin, TEK eylem rengi canlı mavi (düğme, link, seçili sekme). Lacivert yalnız koyu
   bölümlerde (hero örtüsü, imza programları, tanışma kartı, alt bilgi). Kırmızı yalnız
   küçük imza vurgusu: "Hedefe." noktası, başlık üstü ince çizgiler, artı işaretleri. */
:root {
  --navy:   #1E2D4E;
  --navy-2: #172340;          /* alt bilgi: lacivertin bir ton koyusu */
  --cream:  #F5F5F5;          /* ikincil zemin */
  --white:  #FFFFFF;
  --red:    #C0392B;
  --red-dk: #A93226;
  --blue:      #1B63C6;       /* eylem rengi — beyaz üstünde 5.6:1 */
  --blue-dk:   #154F9E;
  --blue-tint: #EAF2FC;

  --ink:   #191919;
  --ink-2: #444444;
  --ink-3: #6B6B6B;
  --rule:  #DEDEDE;
  --rule-2:#EBEBEB;

  --paper:   #FFFFFF;
  --paper-1: #F5F1E8;
  --paper-2: #CFD3DC;
  --paper-3: #A3AAB9;
  --hair:    #35405C;

  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans:  'DM Sans', system-ui, -apple-system, sans-serif;

  --pad: clamp(16px, 4.5vw, 72px);
  --sec: clamp(72px, 8vw, 128px);
  --max: 1280px;
  --r:   28px;                 /* üst üste binen bölümlerin köşe yarıçapı */
  --ease: cubic-bezier(.22,1,.36,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 84px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0; background: var(--white); color: var(--ink);
  font-family: var(--sans); font-size: 16px; line-height: 1.6;
  -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, h4 { margin: 0; font-weight: 400; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: 16px; top: -60px; z-index: 300; background: var(--white); color: var(--ink); padding: 10px 16px; text-decoration: none; }
.skip:focus { top: 12px; }

.wrap { width: 100%; max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
.lbl { font-size: 13px; font-weight: 500; letter-spacing: .12em; }
.eyebrow { display: inline-flex; align-items: center; gap: 12px; color: var(--ink-3); }
.eyebrow::before { content: ''; width: 28px; height: 1.5px; background: var(--red); }
.on-navy .eyebrow { color: var(--paper-3); }
.h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(36px, 5vw, 60px); line-height: 1.04; letter-spacing: -.01em; }
.h2 em { font-style: italic; }
.lead { font-size: clamp(16px, 1.4vw, 18px); color: var(--ink-2); max-width: 60ch; }
.on-navy .lead { color: var(--paper-2); }
.sec-head { display: grid; gap: 18px; margin-bottom: clamp(36px, 5vw, 56px); }
.sec-head--row { grid-template-columns: 1fr auto; align-items: end; gap: 24px 48px; }
@media (max-width: 760px) { .sec-head--row { grid-template-columns: 1fr; } }

/* ---------- Düğmeler ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 12px 24px; border-radius: 999px;
  font-size: 15px; font-weight: 500; letter-spacing: .02em; text-decoration: none; white-space: nowrap;
  transition: background-color 180ms linear, color 180ms linear, border-color 180ms linear, transform 180ms var(--ease);
}
.btn:active { transform: translateY(1px); }
.btn--light { background: var(--white); color: var(--navy); }
.btn--light:hover, .btn--light:focus-visible { background: var(--blue-tint); }
.btn--primary { background: var(--blue); color: var(--white); }
.btn--primary:hover, .btn--primary:focus-visible { background: var(--blue-dk); }
.btn--ghost { border: 1.5px solid currentColor; }
.btn--ghost:hover, .btn--ghost:focus-visible { border-color: var(--blue); background: var(--blue); color: var(--white); }
.link-arrow { display: inline-flex; gap: 8px; align-items: center; font-weight: 500; text-decoration: none; color: var(--blue); border-bottom: 1.5px solid currentColor; padding-bottom: 2px; }
.link-arrow:hover { color: var(--blue-dk); }
.sec-head .link-arrow { justify-self: start; }   /* tek sütunda (mobil) tüm genişliğe yayılmasın */
.link-arrow span { transition: transform 200ms var(--ease); }
.link-arrow:hover span { transform: translateX(4px); }

/* ---------- 01 · ÜST ŞERİT ---------- */
.topbar { background: var(--blue-tint); color: var(--ink-2); font-size: 13px; text-align: center; padding: 9px var(--pad); position: relative; z-index: 120; }
.topbar a { color: var(--blue); font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; margin-left: 6px; }

/* ---------- 02 · BAŞLIK ---------- */
.hdr {
  position: sticky; top: 0; z-index: 110; height: 76px; margin-bottom: -76px;
  display: flex; align-items: center; gap: 28px; padding: 0 var(--pad);
  color: var(--paper-1); background: transparent;
  transition: background-color 240ms linear, color 240ms linear, box-shadow 240ms linear;
}
.hdr.solid { background: rgba(255,255,255,.97); color: var(--ink); box-shadow: 0 1px 0 var(--rule); }
@supports (backdrop-filter: blur(8px)) { .hdr.solid { background: rgba(255,255,255,.9); backdrop-filter: blur(12px); } }
/* Orijinal logo (logo.png, kırpılmış): dosya BEYAZ. Koyu zeminde olduğu gibi,
   beyaz başlıkta brightness(0) ile siyaha döner. */
.mark { display: block; width: 230px; flex: none; }
.mark img { width: 100%; height: auto; display: block; transition: filter 240ms linear; }
.hdr.solid .mark img { filter: brightness(0); }
body.menu-open .hdr .mark img { filter: none; }
@media (max-width: 560px) { .mark { width: 168px; } }
.nav { display: flex; gap: 26px; margin-left: auto; }
.nav a { font-size: 13px; font-weight: 500; letter-spacing: .12em; text-decoration: none; padding: 6px 0; border-bottom: 1.5px solid transparent; }
.nav a:hover, .nav a:focus-visible { border-color: var(--red); }
.hdr.solid .nav a:hover, .hdr.solid .nav a:focus-visible { color: var(--blue); border-color: var(--blue); }
.hdr .btn { min-height: 42px; padding: 9px 20px; font-size: 14px; }
.menu-btn { display: none; margin-left: auto; align-items: center; gap: 10px; font-weight: 500; font-size: 14px; min-height: 44px; }
.cross { transition: transform 280ms var(--ease); }
.menu-btn[aria-expanded="true"] .cross { transform: rotate(45deg); }
.drawer {
  position: fixed; inset: 0; z-index: 105; background: var(--navy); color: var(--paper-1);
  display: flex; flex-direction: column; gap: 6px; padding: 104px var(--pad) 40px;
  transform: translateY(-100%); visibility: hidden; transition: transform 380ms var(--ease), visibility 0s 380ms;
}
.drawer.open { transform: none; visibility: visible; transition: transform 380ms var(--ease); }
.drawer a:not(.btn) { font-family: var(--serif); font-size: 34px; line-height: 1.3; text-decoration: none; }
.drawer .btn { margin-top: 24px; align-self: flex-start; }
.drawer .lbl { margin-top: auto; color: var(--paper-3); }
body.menu-open { overflow: hidden; }
body.menu-open .hdr { color: var(--paper-1); background: transparent; box-shadow: none; backdrop-filter: none; }
@media (max-width: 1080px) {
  .nav, .hdr-cta { display: none; }
  .menu-btn { display: inline-flex; }
}

/* ---------- 03 · HERO ---------- */
.hero {
  position: relative; color: var(--paper-1); background: var(--navy);
  min-height: min(100svh, 920px); display: flex; flex-direction: column; justify-content: flex-end;
  padding: 140px 0 0; overflow: hidden;
}
/* Arka plan videosu (tam kaplar). Video açık tonlu bir stüdyo; başlık
   okunsun diye soldan lacivert geçiş + başlık şeridi için üstten hafif koyulaştırma. */
.hero-media {
  position: absolute; inset: 0;
  background: var(--navy) url('gorseller/hero-studyo-v2-poster.jpg') center / cover no-repeat;
}
.hero-media video { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.hero-media::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(30,45,78,.55) 0%, rgba(30,45,78,0) 22%),
    linear-gradient(90deg, rgba(30,45,78,.95) 0%, rgba(30,45,78,.86) 30%, rgba(30,45,78,.4) 58%, rgba(30,45,78,.12) 100%);
}
.hero-pause {
  position: absolute; z-index: 3; top: 96px; right: var(--pad);
  width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  color: var(--white); background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.4);
  transition: background-color 160ms linear;
}
@supports (backdrop-filter: blur(6px)) { .hero-pause { backdrop-filter: blur(6px); } }
.hero-pause:hover { background: rgba(255,255,255,.28); }
.hero-pause .ic-oynat { display: none; }
.hero-pause.durdu .ic-oynat { display: block; }
.hero-pause.durdu .ic-durdur { display: none; }
.hero-in { position: relative; z-index: 1; display: grid; gap: 26px; max-width: 640px; padding-bottom: clamp(40px, 6vw, 72px); }
.hero .eyebrow { color: var(--paper-3); }
.hero h1 { font-family: var(--serif); font-weight: 300; font-size: clamp(56px, 9vw, 124px); line-height: .92; letter-spacing: -.02em; }
.hero h1 b { font-weight: 300; color: var(--red); }
.hero p { font-size: clamp(16px, 1.5vw, 19px); color: var(--paper-2); max-width: 54ch; }
.hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }

/* hızlı hedef seçici (hero'nun altındaki çubuk) */
.picker {
  position: relative; z-index: 2; background: var(--white); color: var(--ink);
  border-radius: 20px; padding: 22px 24px; margin-bottom: clamp(28px, 4vw, 48px);
  display: grid; grid-template-columns: 1.6fr 1fr auto; gap: 18px 28px; align-items: end;
  box-shadow: 0 24px 60px -24px rgba(10,16,32,.55);
}
.picker fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.picker legend { font-size: 13px; font-weight: 500; letter-spacing: .12em; color: var(--ink-3); margin-bottom: 10px; padding: 0; }
.pills { display: flex; flex-wrap: wrap; gap: 8px; }
.pill input { position: absolute; opacity: 0; pointer-events: none; }
.pill span {
  display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border-radius: 999px;
  border: 1.5px solid var(--rule); font-size: 14px; color: var(--ink-2); cursor: pointer;
  transition: border-color 160ms linear, background-color 160ms linear, color 160ms linear;
}
.pill:hover span { border-color: var(--ink-3); }
.pill input:checked + span { background: var(--blue); border-color: var(--blue); color: var(--white); }
.pill input:focus-visible + span { outline: 2px solid var(--red); outline-offset: 2px; }
@media (max-width: 980px) { .picker { grid-template-columns: 1fr; } .picker .btn { width: 100%; } }
@media (max-width: 760px) {
  .hero { padding-top: 112px; }
  .hero-media video { object-position: 62% center; }
  .hero-media::after { background: linear-gradient(180deg, rgba(30,45,78,.9) 0%, rgba(30,45,78,.72) 45%, rgba(30,45,78,.9) 100%); }
  .hero-pause { top: 88px; }
}

/* ---------- 04 · NEDEN ---------- */
.why { padding: var(--sec) 0; }
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3vw, 40px); }
.why-i { display: grid; gap: 14px; align-content: start; padding-top: 22px; border-top: 1px solid var(--rule); }
.why-i svg { width: 44px; height: 44px; color: var(--ink); }
.why-i h3 { font-family: var(--serif); font-size: 28px; line-height: 1.1; font-weight: 500; }
.why-i p { color: var(--ink-2); font-size: 15px; }
@media (max-width: 980px) { .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .why-grid { grid-template-columns: 1fr; } }

/* ---------- 05 · YOLLAR (yatay kaydırmalı kartlar) ---------- */
.ways { padding: 0 0 var(--sec); }
.rail-ctl { display: flex; gap: 10px; }
.rail-ctl button {
  width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--ink-3); color: var(--ink);
  display: grid; place-items: center; transition: background-color 160ms linear, color 160ms linear, border-color 160ms linear;
}
.rail-ctl button:hover:not(:disabled) { background: var(--blue); color: var(--white); border-color: var(--blue); }
.rail-ctl button:disabled { opacity: .35; cursor: default; }
.on-navy .rail-ctl button { border-color: var(--paper-3); color: var(--paper-1); }
.on-navy .rail-ctl button:hover:not(:disabled) { background: var(--white); color: var(--navy); border-color: var(--white); }
.rail {
  display: grid; grid-auto-flow: column; grid-auto-columns: clamp(260px, 30vw, 360px); gap: 20px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: var(--pad);
  padding: 4px var(--pad) 12px; margin: 0 calc(-1 * var(--pad));
  scrollbar-width: none;
}
.rail::-webkit-scrollbar { display: none; }
.rail > * { scroll-snap-align: start; }
@media (min-width: 1280px) { .rail { margin: 0; padding: 4px 0 12px; scroll-padding-left: 0; grid-auto-columns: calc((100% - 60px) / 4); } }

.way {
  position: relative; aspect-ratio: 781 / 1400; border-radius: 22px; overflow: hidden;
  background: var(--navy) center top / cover no-repeat; color: var(--white); isolation: isolate;
}
.way::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(30,45,78,0) 38%, rgba(23,35,64,.92) 78%); transition: background 300ms linear; }
.way--mavi    { background-image: url('gorseller/kart-yurtdisi.jpg'); }
.way--mor     { background-image: url('gorseller/kart-kariyer.jpg'); }
.way--sari    { background-image: url('gorseller/kart-konusma.jpg'); }
/* kart-hazirlik.jpg 1045px geniş (diğerleri 781): ortadan kırpınca logo kesiliyordu.
   -dar sürümü aynı görselin logo + çiziminin 781×1400 oranında yeniden yerleşimi. */
.way--turuncu { background-image: url('gorseller/kart-hazirlik-dar.jpg'); }
.way-body { position: absolute; inset: auto 0 0 0; padding: 24px; display: grid; gap: 12px; }
.way-no { font-family: var(--serif); font-size: 18px; color: var(--paper-3); display: flex; align-items: center; gap: 10px; }
.way-no::after { content: ''; width: 22px; height: 1.5px; background: var(--red); }
.way h3 { font-family: var(--serif); font-size: clamp(26px, 2.4vw, 32px); line-height: 1.08; }
.way-more { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 360ms var(--ease); }
.way-more > div { overflow: hidden; display: grid; gap: 12px; }
.way-more p { color: var(--paper-2); font-size: 15px; }
.way-more ol { display: grid; gap: 6px; counter-reset: s; }
.way-more li { counter-increment: s; display: grid; grid-template-columns: 22px 1fr; font-size: 14px; color: var(--paper-1); }
.way-more li::before { content: counter(s); color: var(--red); font-weight: 500; }
.way-go { justify-self: start; margin-top: 4px; font-size: 14px; font-weight: 500; color: var(--white); text-decoration: none; border-bottom: 1.5px solid #7FB0F5; padding-bottom: 2px; }
.way-tgl { justify-self: start; font-size: 14px; font-weight: 500; color: var(--paper-1); min-height: 32px; }
.way-tgl .kapa { display: none; }
.way.acik .way-tgl .ac { display: none; }
.way.acik .way-tgl .kapa { display: inline; }
.way.acik::after { background: linear-gradient(180deg, rgba(30,45,78,.25) 0%, rgba(23,35,64,.97) 45%); }
.way.acik .way-more { grid-template-rows: 1fr; }
@media (hover: hover) {
  .way-tgl { display: none; }
  .way:hover::after, .way:focus-within::after { background: linear-gradient(180deg, rgba(30,45,78,.2) 0%, rgba(23,35,64,.96) 55%); }
  .way:hover .way-more, .way:focus-within .way-more { grid-template-rows: 1fr; }
}
@media (max-width: 760px) { .rail { grid-auto-columns: min(80vw, 340px); } .way h3 { font-size: 26px; } }

/* ---------- Üst üste binen bölümler ---------- */
.stack { position: relative; border-radius: var(--r) var(--r) 0 0; margin-top: calc(-1 * var(--r)); padding: var(--sec) 0; }
.stack--white { background: var(--white); }
.stack--navy  { background: var(--navy); color: var(--paper-1); }
.stack--cream { background: var(--cream); }

/* ---------- 06 · PROGRAMLAR (filtreli ızgara) ---------- */
.facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 36px; }
.fact { display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: 16px; background: var(--blue-tint); }
.fact svg { width: 30px; height: 30px; flex: none; color: var(--blue); }
.fact b { display: block; font-weight: 500; font-size: 16px; line-height: 1.3; }
.fact span { font-size: 14px; color: var(--ink-3); }
@media (max-width: 860px) { .facts { grid-template-columns: 1fr; } }

.tabs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-bottom: 28px; padding-bottom: 4px; }
.tabs::-webkit-scrollbar { display: none; }
.tab {
  flex: none; min-height: 42px; padding: 8px 18px; border-radius: 999px; border: 1.5px solid var(--rule);
  font-size: 14px; color: var(--ink-2); transition: all 160ms linear;
}
.tab:hover { border-color: var(--ink-3); }
.tab[aria-selected="true"] { background: var(--blue); border-color: var(--blue); color: var(--white); }
.tab small { font-size: 13px; opacity: .7; margin-left: 4px; }

.courses { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.course {
  display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px;
  padding: 26px 24px 22px; border-radius: 20px; border: 1px solid var(--rule-2); background: var(--white);
  transition: border-color 200ms linear, box-shadow 240ms var(--ease), transform 240ms var(--ease);
}
.course:hover { border-color: var(--rule); box-shadow: 0 18px 40px -26px rgba(30,45,78,.45); transform: translateY(-2px); }
.course[hidden] { display: none; }
.course-cat { font-size: 13px; font-weight: 500; letter-spacing: .1em; color: var(--blue); }
.course h3 { font-family: var(--serif); font-size: 28px; line-height: 1.08; font-weight: 500; }
.course p { font-size: 15px; color: var(--ink-2); }
.course-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--rule-2); }
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { font-size: 13px; padding: 3px 10px; border-radius: 999px; background: var(--cream); color: var(--ink-2); }
.course a { font-size: 14px; font-weight: 500; text-decoration: none; color: var(--ink); white-space: nowrap; }
.course a { color: var(--blue); }
.course a:hover { color: var(--blue-dk); }
@media (max-width: 1020px) { .courses { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .courses { grid-template-columns: 1fr; } }

/* ---------- 07 · İMZA PROGRAMLARI ---------- */
.sig-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.sig { border-radius: 22px; overflow: hidden; background: var(--white); color: var(--ink); display: grid; grid-template-rows: auto 1fr; }
.sig img { width: 100%; aspect-ratio: 1200 / 760; object-fit: cover; object-position: center 40%; }
.sig-body { padding: clamp(22px, 3vw, 34px); display: grid; gap: 14px; align-content: start; }
.sig-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.sig h3 { font-family: var(--serif); font-size: clamp(32px, 3.4vw, 44px); line-height: 1.02; }
.sig p { color: var(--ink-2); }
.sig-focus { font-size: 14px; color: var(--ink-3); letter-spacing: .02em; }
.sig .btn { justify-self: start; margin-top: 6px; }
@media (max-width: 860px) { .sig-grid { grid-template-columns: 1fr; } }
/* Tek imza programı: görsel solda, metin sağda */
.sig-grid--tek { grid-template-columns: 1fr; }
.sig-grid--tek .sig { grid-template-columns: 1.1fr 1fr; grid-template-rows: none; }
.sig-grid--tek .sig img { height: 100%; }
.sig-grid--tek .sig-body { align-content: center; }
@media (max-width: 860px) { .sig-grid--tek .sig { grid-template-columns: 1fr; } .sig-grid--tek .sig img { height: auto; } }

.perks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 22px; border-radius: 18px; overflow: hidden; background: var(--hair); }
.perk { background: var(--navy); padding: 22px 24px; display: grid; gap: 4px; }
.perk b { font-family: var(--serif); font-weight: 500; font-size: 22px; color: var(--white); }
.perk span { font-size: 14px; color: var(--paper-3); }
@media (max-width: 1020px) { .perks { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .perks { grid-template-columns: 1fr; } }

/* ---------- 08 · YAKLAŞIM (mozaik) ---------- */
.mosaic { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(150px, auto); gap: 16px; }
.tile { border-radius: 20px; padding: 24px; display: grid; gap: 10px; align-content: start; background: var(--cream); }
.tile--img { grid-column: span 2; grid-row: span 3; padding: 0; overflow: hidden; position: relative; background: var(--navy); }
.tile--img img { width: 100%; height: 100%; object-fit: cover; }
/* Alıntı kutusu: açık mavi zemin, büyük italik serif. Seçiciler .tile.tile--quote:
   aşağıdaki genel .tile p kuralı (15px, gri) bunları ezmesin — önceki hata buydu. */
.tile--quote { grid-column: span 2; background: var(--blue-tint); align-content: center; gap: 14px; padding: clamp(28px, 3vw, 40px); }
.tile.tile--quote p { font-family: var(--serif); font-style: italic; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; color: var(--ink); }
.tile.tile--quote p::before { content: ''; display: block; width: 48px; height: 2px; background: var(--red); margin-bottom: 18px; }
.tile--quote .lbl { color: var(--ink-3); }
.tile-no { font-family: var(--serif); font-size: 40px; line-height: 1; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; }
.tile-no::after { content: ''; display: block; width: 18px; height: 1.5px; background: var(--red); margin-top: 8px; }
.tile h3 { font-family: var(--serif); font-weight: 500; font-size: 24px; line-height: 1.1; }
.tile p { font-size: 15px; color: var(--ink-2); }
.tile--wide { grid-column: span 2; }
@media (max-width: 980px) {
  .mosaic { grid-template-columns: repeat(2, 1fr); }
  .tile--img { grid-column: span 2; grid-row: auto; aspect-ratio: 4 / 3; }
}
@media (max-width: 560px) { .mosaic { grid-template-columns: 1fr; } .tile--img, .tile--quote, .tile--wide { grid-column: auto; } }

/* ---------- 09 · HİKÂYELER ---------- */
.story-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.stories { position: relative; }
.story {
  display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(28px, 4vw, 64px);
  padding: clamp(24px, 4vw, 48px); border-radius: 24px; background: var(--white);
}
.story[hidden] { display: none; }
.story.in { animation: rise 420ms var(--ease); }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.story-who { display: grid; gap: 6px; align-content: start; }
.story-tag { font-size: 13px; font-weight: 500; letter-spacing: .12em; }
.story-who h3 { font-family: var(--serif); font-size: clamp(40px, 4.4vw, 56px); line-height: 1; }
.story-who > span { color: var(--ink-3); font-size: 15px; }
.route { display: grid; gap: 0; margin-top: 22px; }
.route li { display: grid; grid-template-columns: 22px 1fr auto; gap: 12px; align-items: start; padding: 10px 0; position: relative; }
.route li::before { content: ''; width: 11px; height: 11px; border-radius: 50%; border: 1.5px solid var(--blue); background: var(--blue); margin: 6px 0 0 5px; position: relative; z-index: 1; }
.route li:not(:last-child)::after { content: ''; position: absolute; left: 10px; top: 24px; bottom: -6px; width: 1.5px; background: var(--blue); }
.route li.open::before { background: var(--white); }
.route small { display: block; font-size: 13px; color: var(--ink-3); letter-spacing: .04em; }
.route b { font-weight: 500; font-size: 15px; }
.route em { font-style: normal; font-size: 13px; font-weight: 500; color: var(--blue-dk); background: var(--blue-tint); border-radius: 999px; padding: 2px 10px; white-space: nowrap; }
.story-say { display: grid; gap: 22px; align-content: center; }
.story-say blockquote { margin: 0; font-family: var(--serif); font-style: italic; font-size: clamp(24px, 2.5vw, 32px); line-height: 1.25; color: var(--ink); }
.story-say blockquote::before { content: '“'; display: block; font-size: 72px; line-height: .6; color: var(--red); font-style: normal; margin-bottom: 4px; }
.story-say p { color: var(--ink-2); font-size: 15px; }
.story-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; gap: 16px; }
.story-count { font-size: 14px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (max-width: 860px) { .story { grid-template-columns: 1fr; } }

/* ---------- 10 · EĞİTMENLER ---------- */
.team { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.person { display: grid; grid-template-columns: 200px 1fr; gap: 24px; padding: 22px; border-radius: 22px; background: var(--cream); }
.person img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 14px; }
.person-body { display: grid; gap: 10px; align-content: start; }
.person-role { font-size: 13px; font-weight: 500; letter-spacing: .12em; color: var(--ink-3); }
.person h3 { font-family: var(--serif); font-size: 36px; line-height: 1.02; }
.person p { font-size: 15px; color: var(--ink-2); }
.creds { display: grid; gap: 8px; margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--rule); }
.creds li { display: grid; font-size: 14px; color: var(--ink-2); }
.creds b { font-weight: 500; color: var(--ink); }
@media (max-width: 1020px) { .team { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .person { grid-template-columns: 1fr; } .person img { max-width: 220px; } }

/* ---------- 11 · SIRADA NE VAR ---------- */
.next { display: grid; grid-template-columns: 1.15fr 1fr; gap: 22px; }
.next-a { border-radius: 24px; background: var(--navy); color: var(--paper-1); display: grid; grid-template-columns: 1fr 220px; overflow: hidden; }
.next-a-body { padding: clamp(26px, 4vw, 48px); display: grid; gap: 16px; align-content: center; }
.next-a h3, .next-b h3 { font-family: var(--serif); font-size: clamp(32px, 3.4vw, 44px); line-height: 1.04; }
.next-a p { color: var(--paper-2); }
.next-a .row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.next-a img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.next-liste { display: grid; gap: 10px; margin: 4px 0 8px; }
.next-b .btn { justify-self: start; }
.next-b { border-radius: 24px; background: var(--white); padding: clamp(26px, 4vw, 48px); display: grid; gap: 14px; align-content: start; }
.posts { display: grid; }
.posts a { display: grid; grid-template-columns: 92px 1fr; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--rule-2); text-decoration: none; }
.posts a:hover b { color: var(--blue); }
.posts time { font-size: 13px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.posts b { font-weight: 500; font-size: 15px; line-height: 1.35; transition: color 160ms linear; }
.next-b .link-arrow { justify-self: start; margin-top: 8px; }
@media (max-width: 1020px) { .next { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .next-a { grid-template-columns: 1fr; } .next-a img { max-height: 260px; } }

/* ---------- 12 · SSS ---------- */
.faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(32px, 6vw, 96px); }
.faq-side { display: grid; gap: 18px; align-content: start; position: sticky; top: 110px; }
.faq-list details { border-bottom: 1px solid var(--rule); }
.faq-list summary {
  list-style: none; display: grid; grid-template-columns: 1fr 22px; gap: 18px; align-items: center;
  padding: 20px 0; cursor: pointer; font-family: var(--serif); font-size: clamp(21px, 2vw, 25px); line-height: 1.2; font-weight: 500;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:hover { color: var(--blue); }
.faq-list details[open] .cross { transform: rotate(45deg); }
.faq-list .ans { padding: 0 40px 22px 0; color: var(--ink-2); }
@media (max-width: 860px) { .faq { grid-template-columns: 1fr; } .faq-side { position: static; } }

/* ---------- 13 · İLETİŞİM ---------- */
.contact { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(32px, 6vw, 96px); }
.form { display: grid; gap: 20px; }
.form[hidden] { display: none; }
.form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.form legend, .form label.lbl { display: block; color: var(--ink-3); margin-bottom: 10px; padding: 0; }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.f {
  width: 100%; min-height: 50px; padding: 12px 16px; border-radius: 12px; border: 1px solid #D4D4D4;
  background: var(--white); color: var(--ink); font: inherit; font-size: 16px;
}
.f:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px var(--blue-tint); }
textarea.f { min-height: 104px; resize: vertical; }
.form .btn { justify-self: start; }
.form-note { font-size: 14px; color: var(--ink-3); }
.form-note a { color: var(--blue); }
@media (max-width: 640px) { .row2 { grid-template-columns: 1fr; } .form .btn { width: 100%; } }
.info { display: grid; gap: 0; align-content: start; }
.info > div { display: grid; gap: 4px; padding: 18px 0; border-bottom: 1px solid var(--rule); }
.info > div:first-child { padding-top: 0; }
.info .lbl { color: var(--ink-3); }
.info a, .info address, .info .val { color: var(--ink); font-style: normal; text-decoration: none; }
.info a:hover { color: var(--blue); text-decoration: underline; }
.info .harita { color: var(--blue); font-size: 14px; }
@media (max-width: 960px) { .contact { grid-template-columns: 1fr; } }

/* ---------- 14 · ALT BİLGİ ---------- */
.ftr { background: var(--navy-2); color: var(--paper-2); padding: clamp(56px, 6vw, 88px) 0 calc(28px + var(--stickyh, 0px)); border-radius: var(--r) var(--r) 0 0; margin-top: calc(-1 * var(--r)); position: relative; }
.ftr-top { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); gap: 32px; padding-bottom: 44px; border-bottom: 1px solid var(--hair); }
.ftr .mark { width: 220px; margin-bottom: 18px; }
.ftr-tag { font-family: var(--serif); font-size: 24px; color: var(--white); line-height: 1.2; }
.ftr h4 { font-size: 13px; font-weight: 500; letter-spacing: .12em; color: var(--paper-3); margin-bottom: 14px; }
.ftr ul { display: grid; gap: 8px; }
.ftr li a, .ftr address { font-size: 14px; text-decoration: none; font-style: normal; color: var(--paper-2); }
.ftr li a:hover { color: var(--white); }
.ftr-bot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 22px; font-size: 13px; color: var(--paper-3); }
@media (max-width: 1020px) { .ftr-top { grid-template-columns: repeat(2, 1fr); } .ftr-top > :first-child { grid-column: 1 / -1; } }
@media (max-width: 520px)  { .ftr-top { grid-template-columns: 1fr; } }

/* ---------- 15 · YAPIŞKAN ÇAĞRI ÇUBUĞU ---------- */
.sticky {
  position: fixed; left: 50%; bottom: 16px; z-index: 100; width: min(760px, calc(100% - 24px));
  display: flex; align-items: center; gap: 14px; padding: 10px 10px 10px 22px; border-radius: 999px;
  background: var(--white); color: var(--ink); border: 1px solid var(--rule-2);
  box-shadow: 0 18px 44px -18px rgba(25,25,25,.35);
  transform: translate(-50%, 140%); transition: transform 360ms var(--ease);
}
.sticky.show { transform: translate(-50%, 0); }
.sticky p { font-size: 15px; margin-right: auto; }
.sticky .btn { min-height: 44px; padding: 9px 20px; font-size: 14px; }
@media (max-width: 640px) {
  .sticky { padding: 8px; gap: 8px; border-radius: 18px; }
  .sticky p { display: none; }
  .sticky .btn { flex: 1; }
}

/* ---------- Belirme ---------- */
.rv { opacity: 0; transform: translateY(14px); transition: opacity 620ms var(--ease), transform 620ms var(--ease); }
.rv.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1; transform: none; transition: none; }
  .story.in { animation: none; }
  *, *::before, *::after { transition-duration: 0ms !important; }
}

/* ---------- BAŞLIK: iki çağrı (tanışma dersi + fiyat teklifi) ---------- */
.hdr-cta { display: flex; gap: 10px; flex: none; }
@media (max-width: 1460px) { .hdr-cta .btn--ghost { display: none; } }   /* menüde 7 öğe var; ikinci düğme ancak bu genişlikte sığıyor */
/* Bu kural yukarıdaki genel 1080px kırılımından SONRA gelmeli; yoksa mobilde düğmeler görünür. */
@media (max-width: 1080px) { .hdr-cta { display: none; } }
.drawer .drawer-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.drawer .drawer-cta .btn { margin-top: 0; }

/* İmza programı kartı: birincil = fiyat teklifi, ikincil = tanışma dersi */
.sig-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 6px; }
.sig .sig-cta .btn { margin-top: 0; }

/* ---------- Alt çubuk: tanışma + fiyat teklifi + WhatsApp ---------- */
.sticky { width: min(860px, calc(100% - 24px)); }
.wa-yuvarlak {
  flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  background: #25D366; color: var(--white); transition: transform 180ms var(--ease);
}
.wa-yuvarlak:hover { transform: scale(1.06); }
.m-goster { display: none; }
@media (max-width: 640px) {
  .m-gizle { display: none; }
  .m-goster { display: inline; }
  .sticky .btn { padding: 9px 14px; min-width: 0; }
}

/* ---------- 16 · FİYAT TEKLİFİ SAYFASI ---------- */
.hdr--sabit { margin-bottom: 0; }
.teklif { position: relative; isolation: isolate; padding: clamp(40px, 5vw, 72px) 0 var(--sec); overflow: hidden; }
/* Sağ yarıda yumuşak renk bulutu — paletin açık tonlarından */
.teklif::before {
  content: ''; position: absolute; inset: 0 0 0 52%; z-index: -1;
  background:
    radial-gradient(60% 50% at 70% 20%, #EAF2FC 0%, rgba(234,242,252,0) 70%),
    radial-gradient(55% 45% at 30% 75%, #FBEDEA 0%, rgba(251,237,234,0) 70%),
    radial-gradient(50% 40% at 85% 85%, #FFF4E2 0%, rgba(255,244,226,0) 70%),
    #FAFAFA;
}
.teklif-in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .8fr); gap: clamp(32px, 7vw, 120px); align-items: start; }
.geri { display: flex; width: fit-content; gap: 6px; font-size: 14px; color: var(--ink-3); text-decoration: none; margin-bottom: 26px; }
.geri:hover { color: var(--blue); }
.teklif h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(40px, 5vw, 64px); line-height: 1.02; margin: 16px 0 18px; }
.teklif .lead { margin-bottom: 36px; }
.tf { display: grid; gap: 16px; }
.tf[hidden] { display: none; }   /* display:grid, [hidden]ı ezmesin */
.tf-h { font-family: var(--sans); font-size: 17px; font-weight: 500; margin: 14px 0 2px; }
.alan { display: grid; gap: 8px; }
.alan > label, .alan > .etiket { font-size: 14px; font-weight: 500; color: var(--ink-2); display: flex; align-items: center; gap: 8px; }
.alan .yildiz { color: var(--red); }
select.f {
  appearance: none; -webkit-appearance: none; padding-right: 46px; cursor: pointer;
  background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%23191919' stroke-width='1.6'/%3E%3C/svg%3E") right 18px center / 14px no-repeat;
}
select.f:invalid { color: var(--ink-3); }
.f[aria-invalid="true"] { border-color: var(--red); }
.bilgi-btn { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--blue); color: var(--blue); font-size: 13px; font-weight: 600; line-height: 1; display: inline-grid; place-items: center; }
.bilgi-kutu { font-size: 14px; color: var(--ink-2); background: var(--blue-tint); border-radius: 12px; padding: 14px 16px; display: grid; gap: 6px; }
.bilgi-kutu[hidden] { display: none; }
.bilgi-kutu b { font-weight: 500; color: var(--ink); }
.onay { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; font-size: 14px; color: var(--ink-2); cursor: pointer; }
.onay input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--blue); }
.tf .btn { justify-self: start; min-width: 220px; }
.tf-not { font-size: 13px; color: var(--ink-3); }
.tf-hata { font-size: 14px; color: var(--red); }
.tf-hata:empty { display: none; }

.dahil { position: sticky; top: 104px; background: var(--white); border-radius: 22px; padding: clamp(24px, 3vw, 36px); box-shadow: 0 24px 60px -36px rgba(25,25,25,.35); display: grid; gap: 18px; }
.dahil h2 { font-family: var(--sans); font-size: 22px; font-weight: 500; }
.dahil ul { display: grid; gap: 12px; }
.dahil li, .next-liste li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 15px; color: var(--ink-2); }
.dahil li::before, .next-liste li::before { content: ''; width: 16px; height: 16px; margin-top: 3px; border-radius: 50%; background: var(--blue-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2l2 2 4-4.4' fill='none' stroke='%231B63C6' stroke-width='1.6'/%3E%3C/svg%3E") center / 10px no-repeat; }
.dahil h3 { font-size: 15px; font-weight: 500; padding-top: 16px; border-top: 1px solid var(--rule-2); }
.adimlar { display: grid; gap: 10px; counter-reset: a; }
.adimlar li { counter-increment: a; grid-template-columns: 26px 1fr; }
.adimlar li::before { content: counter(a); width: 22px; height: 22px; margin-top: 0; background: var(--navy); color: var(--white); font-size: 12px; font-weight: 500; display: grid; place-items: center; }
.dahil .link-arrow { justify-self: start; font-size: 15px; }

.tesekkur { display: grid; gap: 16px; padding: clamp(24px, 3vw, 36px); border-radius: 22px; background: var(--blue-tint); }
.tesekkur[hidden] { display: none; }
.tesekkur h2 { font-family: var(--serif); font-size: clamp(30px, 3vw, 40px); line-height: 1.05; font-weight: 400; }
.tesekkur p { color: var(--ink-2); }
.tesekkur .satir { display: flex; flex-wrap: wrap; gap: 10px; }
.btn--wa { background: #25D366; color: #fff; }
.btn--wa:hover { background: #1EBE5A; }

@media (max-width: 960px) {
  .teklif-in { grid-template-columns: 1fr; }
  .teklif::before { inset: auto 0 0 0; height: 46%; }
  .dahil { position: static; }
  .tf .btn { width: 100%; }
}

/* Bot tuzağı alanı: ekran dışında (display:none değil; bazı botlar gizli alanı atlar) */
.tuzak { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* ---------- 17 · BLOG (ana sayfa vitrini, blog listesi, makale) ---------- */
.blog-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.4vw, 32px); }
.blog-kart { display: grid; gap: 12px; align-content: start; text-decoration: none; color: inherit; }
.blog-kart[hidden] { display: none; }
.blog-kart .gorsel { display: block; border-radius: 18px; overflow: hidden; aspect-ratio: 3 / 2; background: var(--cream); }
.blog-kart img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--ease); }
.blog-kart:hover img { transform: scale(1.04); }
.blog-kart .kat { font-size: 13px; font-weight: 500; letter-spacing: .1em; color: var(--blue); margin-top: 4px; }
.blog-kart h3 { font-family: var(--serif); font-weight: 500; font-size: 24px; line-height: 1.15; transition: color 160ms linear; }
.blog-kart:hover h3 { color: var(--blue); }
.blog-kart p { font-size: 15px; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog-kart .kunye { font-size: 13px; color: var(--ink-3); }
@media (max-width: 960px) { .blog-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .blog-izgara { grid-template-columns: 1fr; } }

/* Blog listesi */
.blog-sayfa { padding-bottom: var(--sec); }
.blog-bas { padding-top: clamp(40px, 5vw, 72px); display: grid; gap: 16px; margin-bottom: 28px; }
.blog-bas h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(44px, 6vw, 80px); line-height: 1; letter-spacing: -.01em; }
.one-cikan { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; text-decoration: none; color: inherit; padding: 8px 0 48px; margin-bottom: 44px; border-bottom: 1px solid var(--rule-2); }
.one-cikan[hidden] { display: none; }
.one-cikan .gorsel { border-radius: 24px; overflow: hidden; aspect-ratio: 2 / 1; background: var(--cream); }
.one-cikan img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--ease); }
.one-cikan:hover img { transform: scale(1.03); }
.one-cikan .metin { display: grid; gap: 14px; }
.one-cikan h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(32px, 3.6vw, 48px); line-height: 1.05; transition: color 160ms linear; }
.one-cikan:hover h2 { color: var(--blue); }
.one-cikan p { color: var(--ink-2); }
@media (max-width: 860px) { .one-cikan { grid-template-columns: 1fr; } }
.blog-bos { color: var(--ink-3); padding: 24px 0; }

/* Makale */
.yazi { padding-bottom: var(--sec); }
.kirinti { display: flex; flex-wrap: wrap; gap: 6px 8px; font-size: 14px; color: var(--ink-3); }
.kirinti a { color: var(--ink-3); text-decoration: none; }
.kirinti a:hover { color: var(--blue); }
.yazi-ust { max-width: calc(720px + 2 * var(--pad));   /* başlık metin sütunuyla aynı hizada; kapak daha geniş */
  padding-top: clamp(32px, 4vw, 56px); display: grid; gap: 18px; }
.yazi-ust h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(38px, 5vw, 64px); line-height: 1.04; letter-spacing: -.01em; }
.yazi-ozet { font-size: clamp(17px, 1.6vw, 20px); color: var(--ink-2); max-width: 62ch; }
.yazi-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 14px; color: var(--ink-3); }
.yazi-kunye .chip { background: var(--blue-tint); color: var(--blue-dk); text-decoration: none; }
.yazi-kapak { margin: 36px auto 0; max-width: 1180px; }
.yazi-kapak img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 24px; }
.yazi-govde { width: min(720px, calc(100% - 2 * var(--pad))); margin: 52px auto 0; font-size: 18px; line-height: 1.75; color: var(--ink-2); }
.yazi-govde > * + * { margin-top: 1.1em; }
.yazi-govde h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(28px, 3vw, 36px); line-height: 1.15; color: var(--ink); margin-top: 2em; }
.yazi-govde h3 { font-size: 20px; font-weight: 500; line-height: 1.35; color: var(--ink); margin-top: 1.7em; }
.yazi-govde strong { font-weight: 500; color: var(--ink); }
.yazi-govde a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.yazi-govde a:hover { color: var(--blue-dk); }
.yazi-govde ul { list-style: disc; padding-left: 1.3em; }
.yazi-govde ol { list-style: decimal; padding-left: 1.3em; }
.yazi-govde li + li { margin-top: .45em; }
.yazi-govde li::marker { color: var(--blue); }
.yazi-govde .tbl-wrap { overflow-x: auto; border: 1px solid var(--rule); border-radius: 14px; }
.yazi-govde table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.yazi-govde th, .yazi-govde td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--rule-2); }
.yazi-govde th { background: var(--cream); color: var(--ink); font-weight: 500; }
.yazi-govde tr:last-child td { border-bottom: 0; }
@media (max-width: 600px) { .yazi-govde { font-size: 17px; } }
.yazi-cta { width: min(720px, calc(100% - 2 * var(--pad))); margin: 56px auto 0; background: var(--blue-tint); border-radius: 22px; padding: clamp(24px, 3vw, 34px); display: grid; gap: 14px; }
.yazi-cta h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(26px, 2.6vw, 32px); line-height: 1.1; }
.yazi-cta p { color: var(--ink-2); }
.yazi-cta .satir { display: flex; flex-wrap: wrap; gap: 10px; }
.ilgili { margin-top: var(--sec); }
.ilgili .sec-head { margin-bottom: 28px; }

/* KVKK bilgilendirmesi: formların altında ve alt bilgide */
.form-kvkk { font-size: 13px; color: var(--ink-3); }
.form-kvkk a, .tf-not a { color: var(--blue); }
.ftr-bot a { color: inherit; text-underline-offset: 3px; }
.ftr-bot a:hover { color: var(--white); }

/* 1081–1279 px: yedi menü öğesi, logo ve iki çağrı tek satıra sığsın */
@media (min-width: 1081px) and (max-width: 1279px) {
  .nav { gap: 18px; }
  .nav a { letter-spacing: .08em; }
  .mark { width: 196px; }
}