/* Atayurt — birleşik stil dosyası.
 *
 * ÜRETİLMİŞ DOSYADIR — ELLE DÜZENLEMEYİN.
 * Kaynak: assets/build/css/*.css
 * Yeniden üretmek için: php scripts/build_css.php
 */

/* ==== 01-temel.css ====================================================== */
/* ============================================================================
 * ATAYURT — 01 · TEMEL
 * Birleştirilmiş stil dosyasının ilk katmanı. Token'lar, sıfırlama, yardımcı
 * sınıflar, buton/ikon/başlık ilkelleri, metin biçimleri, form ilkelleri ve
 * ortak sayfa iskeleti burada tanımlanır. Sonraki bölümler (02 header/footer,
 * 03 anasayfa, 04 iç sayfalar, 05 hareket) yalnızca bu token'ları KULLANIR.
 *
 * Tasarım dili:
 *   Palet     : beyaz · kırmızı · antrasit. Krem/bej yok.
 *   Biçim     : keskin köşe (0–3px), yumuşak gölge yok. Derinlik 1px hairline
 *               kenarlık, kontrast blok ve zemin kırılımıyla kurulur.
 *   Tipografi : yalnız grotesk (Archivo/Inter) + mono aksan. Serif yok.
 * ========================================================================= */

/* ============================================================ 1 · TOKEN'LAR */
/* body.atayurt-site kapsamı: token'lar tek yerde tanımlanır, admin panelini
   etkilemesin diye :root yerine site gövdesine bağlanır. */
.atayurt-site {
  /* --- Kırmızı ---------------------------------------------------------- */
  --aty-red: #b1121a;
  --aty-red-dark: #8d0e15;
  --aty-red-light: rgba(177, 18, 26, .08);
  --aty-red-line: rgba(177, 18, 26, .28);

  /* --- Antrasit / siyah -------------------------------------------------- */
  --aty-ink: #0e1013;          /* ana metin ve koyu bloklar */
  --aty-ink-2: #16191d;        /* koyu blok içi kırılım */
  --aty-ink-3: #23272d;        /* koyu zeminde ayırıcı yüzey */

  /* --- Nötr -------------------------------------------------------------- */
  --aty-white: #ffffff;
  --aty-surface: #f2f3f5;      /* soğuk nötr gri; bej DEĞİL, seyrek kullanılır */
  --aty-muted: #565c64;        /* gövde metni */
  --aty-muted-soft: #8a9099;   /* ikincil / meta metin */

  /* --- Çizgiler ---------------------------------------------------------- */
  --aty-line: rgba(14, 16, 19, .14);
  --aty-line-soft: rgba(14, 16, 19, .08);
  --aty-line-dark: rgba(255, 255, 255, .14);

  /* --- Biçim ------------------------------------------------------------- */
  --aty-radius: 3px;
  --aty-radius-sm: 2px;
  --aty-pad-section: clamp(76px, 8vw, 132px);

  /* --- Tipografi --------------------------------------------------------- */
  --font-display: "Archivo", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* --- Hareket ----------------------------------------------------------- */
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 420ms;
  --dur-reveal: 760ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-sharp: cubic-bezier(.77, 0, .18, 1);

  /* --- Katman sırası ----------------------------------------------------- */
  --z-dropdown: 10;
  --z-sticky: 20;
  --z-fixed: 30;
  --z-overlay: 50;
  --z-modal: 100;

  /* --- Geriye dönük takma adlar -----------------------------------------
     Eski dosyalardan taşınmış olabilecek isimler yeni palete bağlanır; böylece
     gözden kaçan bir kural krem/yeşil zemin üretmez. Yeni kod bunları
     KULLANMAZ. */
  --aty-black: var(--aty-ink);
  --aty-paper: var(--aty-white);
  --aty-cream: var(--aty-surface);
  --aty-green: var(--aty-ink);
  --aty-shadow-card: none;
  --aty-shadow-lift: none;
  --duration-fast: var(--dur-fast);
  --duration-base: var(--dur-base);
  --duration-slow: var(--dur-slow);
  --duration-reveal: var(--dur-reveal);

  background: var(--aty-white);
  color: var(--aty-ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -.005em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;            /* yatay taşmaya karşı güvenlik ağı */
}

/* ========================================================= 2 · SIFIRLAMA */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 110px;   /* yapışkan başlık altında kalmasın */
}

body.atayurt-site {
  margin: 0;
  background: var(--aty-white);
  color: var(--aty-ink);
}

.atayurt-site *,
.atayurt-site *::before,
.atayurt-site *::after { box-sizing: border-box; }

/* :where ile 0 özgüllük: sonraki bölümler tek sınıfla kolayca ezebilsin. */
.atayurt-site :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) { margin: 0; }
.atayurt-site :where(ul, ol) { margin: 0; padding: 0; list-style: none; }

.atayurt-site :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-display);
  font-weight: 700;
  font-style: normal;
  letter-spacing: -.035em;
  line-height: 1.06;
  text-wrap: balance;
}

/* İki tonlu başlık: italik/serif vurgu yerine aynı ağırlıkta renk kırılımı. */
.atayurt-site :where(h1, h2, h3) strong {
  color: var(--aty-red);
  font-weight: inherit;
  font-style: normal;
}

/* Aşağıdaki eleman sıfırlamaları :where() ile 0 özgüllüğe indirilir; aksi
   halde ".atayurt-site a" gibi bir kural .aty-text-link'i ezerdi. */
:where(.atayurt-site img, .atayurt-site svg) { display: block; max-width: 100%; }
:where(.atayurt-site img) { height: auto; }

:where(.atayurt-site button, .atayurt-site input, .atayurt-site select, .atayurt-site textarea) {
  font: inherit;
  color: inherit;
}

:where(.atayurt-site button) {
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

:where(.atayurt-site a) {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* Lucide ikonları <i data-lucide> içine svg basar; hizalama tabanda çözülür. */
.atayurt-site [data-lucide] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

/* Erişilebilirlik odak halkası — projedeki tek !important istisnası.
   Beyaz dış halka açık zeminde görünmez, koyu blokta kırmızı halkayı ayırır. */
.atayurt-site :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--aty-red) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .85);
  border-radius: var(--aty-radius-sm);
}

/* ==================================================== 3 · YARDIMCI SINIFLAR */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Bot tuzağı: ekranda ve okuyucuda yer kaplamamalı. */
.aty-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.aty-container {
  width: min(1320px, calc(100% - 64px));
  margin-inline: auto;
}

/* Gövde kaydırmasını kilitleyen açılır katmanlar (menü, lightbox) için. */
.aty-overlay-open { overflow: hidden; }

/* ============================================================= 4 · KICKER */
/* Mono, kırmızı, önünde 26px hairline çizgi — bölümlerin ortak imzası. */
.aty-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--aty-red);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.aty-kicker::before {
  content: "";
  flex: 0 0 auto;
  width: 26px;
  height: 1px;
  background: currentColor;
}

/* ============================================================ 5 · BUTONLAR */
/* Keskin: dolgu ya da hairline. Hover'da yalnızca RENK değişir; taşıma/ölçek
   yok, böylece dizilimler oynamaz. */
.aty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 26px;
  border: 1px solid transparent;
  border-radius: var(--aty-radius-sm);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.005em;
  text-align: center;
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-sharp),
              color var(--dur-fast) var(--ease-sharp),
              border-color var(--dur-fast) var(--ease-sharp);
}
.aty-btn svg { width: 16px; height: 16px; }

/* Birincil eylem */
.aty-btn--red { background: var(--aty-red); border-color: var(--aty-red); color: var(--aty-white); }
.aty-btn--red:hover,
.aty-btn--red:focus-visible { background: var(--aty-ink); border-color: var(--aty-ink); }

/* İkincil eylem — açık zeminde koyu blok */
.aty-btn--dark { background: var(--aty-ink); border-color: var(--aty-ink); color: var(--aty-white); }
.aty-btn--dark:hover,
.aty-btn--dark:focus-visible { background: var(--aty-red); border-color: var(--aty-red); }

/* Hairline — açık zemin */
.aty-btn--outline { background: transparent; border-color: var(--aty-line); color: var(--aty-ink); }
.aty-btn--outline:hover,
.aty-btn--outline:focus-visible { background: var(--aty-ink); border-color: var(--aty-ink); color: var(--aty-white); }

/* Hairline — koyu/kırmızı zemin */
.aty-btn--ghost { background: transparent; border-color: rgba(255, 255, 255, .5); color: var(--aty-white); }
.aty-btn--ghost:hover,
.aty-btn--ghost:focus-visible { background: var(--aty-white); border-color: var(--aty-white); color: var(--aty-ink); }

/* Kırmızı zeminde beyaz dolgu, kırmızı yazı */
.aty-btn--light { background: var(--aty-white); border-color: var(--aty-white); color: var(--aty-red); }
.aty-btn--light:hover,
.aty-btn--light:focus-visible { background: var(--aty-ink); border-color: var(--aty-ink); color: var(--aty-white); }

/* Koyu zeminde beyaz dolgu, antrasit yazı */
.aty-btn--white { background: var(--aty-white); border-color: var(--aty-white); color: var(--aty-ink); }
.aty-btn--white:hover,
.aty-btn--white:focus-visible { background: var(--aty-red); border-color: var(--aty-red); color: var(--aty-white); }

.aty-btn--lg { min-height: 56px; padding: 0 34px; font-size: 15px; }

/* ========================================================= 6 · İKON KARESİ */
/* Keskin 52px blok. Varsayılan dolu kırmızı; açık varyant hairline çerçeveli. */
.aty-icon-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border: 1px solid var(--aty-red);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-red);
  color: var(--aty-white);
}
.aty-icon-tile svg { width: 22px; height: 22px; }
.aty-icon-tile--light {
  border-color: var(--aty-red-line);
  background: var(--aty-red-light);
  color: var(--aty-red);
}

/* =================================================== 7 · BÖLÜM BAŞLIK BLOĞU */
/* Başlık solda, açıklama sağda; alt hizalı iki sütun. */
.aty-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: end;
  gap: 20px 56px;
  margin-bottom: clamp(40px, 4.5vw, 64px);
}
.aty-head h2 {
  margin-top: 14px;
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
}
.aty-head__desc {
  margin-bottom: 6px;
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* Bölüm altındaki tek birincil eylem. */
.aty-section-action {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: clamp(36px, 4vw, 56px);
}

/* =============================================================== 8 · METİN */
.aty-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--aty-red);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.005em;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
  transition: color var(--dur-fast) var(--ease-sharp),
              border-color var(--dur-fast) var(--ease-sharp);
}
.aty-text-link:hover,
.aty-text-link:focus-visible { color: var(--aty-ink); border-bottom-color: var(--aty-ink); }
.aty-text-link svg { width: 15px; height: 15px; }

/* Kart üstü meta etiketi (tür, tarih). */
.aty-card-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--aty-red);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.aty-card-meta svg { width: 13px; height: 13px; }

/* --- CKEditor çıktısı ------------------------------------------------------
   .aty-prose / .aty-richtext / .aty-editorial-content editörden gelen serbest
   HTML'i biçimler. Sıfırlamada kaldırılan boşluklar burada geri verilir.
   Üçlü :is() ile tek kural yazılır; özgüllük tek sınıf düzeyinde kalır. */
.aty-prose,
.aty-richtext,
.aty-editorial-content {
  max-width: 78ch;
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
:is(.aty-prose, .aty-richtext, .aty-editorial-content) > :first-child { margin-top: 0; }
:is(.aty-prose, .aty-richtext, .aty-editorial-content) > :last-child { margin-bottom: 0; }

:is(.aty-prose, .aty-richtext, .aty-editorial-content) h2 {
  margin: 2em 0 .5em;
  color: var(--aty-ink);
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.15;
}
:is(.aty-prose, .aty-richtext, .aty-editorial-content) :is(h3, h4) {
  margin: 1.7em 0 .5em;
  color: var(--aty-ink);
  font-size: 19px;
  letter-spacing: -.015em;
  line-height: 1.3;
}
:is(.aty-prose, .aty-richtext, .aty-editorial-content) p { margin: 0 0 1.15em; }

/* Sıfırlamada list-style kaldırıldığı için editör listeleri geri açılır. */
:is(.aty-prose, .aty-richtext, .aty-editorial-content) :is(ul, ol) {
  margin: 0 0 1.2em;
  padding-left: 1.35em;
  list-style: revert;
}
:is(.aty-prose, .aty-richtext, .aty-editorial-content) li { margin-bottom: .45em; }
:is(.aty-prose, .aty-richtext, .aty-editorial-content) li::marker { color: var(--aty-red); }

/* Alıntı: krem kutu değil, solda kırmızı kalın çizgi. */
:is(.aty-prose, .aty-richtext, .aty-editorial-content) blockquote {
  margin: 1.8em 0;
  padding: 4px 0 4px 22px;
  border-left: 3px solid var(--aty-red);
  color: var(--aty-ink);
  font-size: 17px;
  line-height: 1.55;
}

:is(.aty-prose, .aty-richtext, .aty-editorial-content) a {
  color: var(--aty-red);
  border-bottom: 1px solid var(--aty-red-line);
  transition: border-color var(--dur-fast) var(--ease-sharp);
}
:is(.aty-prose, .aty-richtext, .aty-editorial-content) a:is(:hover, :focus-visible) {
  border-bottom-color: var(--aty-red);
}

:is(.aty-prose, .aty-richtext, .aty-editorial-content) img {
  width: auto;
  height: auto;
  margin: 1.8em 0;
  border: 1px solid var(--aty-line-soft);
  border-radius: var(--aty-radius-sm);
}

:is(.aty-prose, .aty-richtext, .aty-editorial-content) strong {
  color: var(--aty-ink);
  font-weight: 600;
}

:is(.aty-prose, .aty-richtext, .aty-editorial-content) hr {
  margin: 2.2em 0;
  border: 0;
  border-top: 1px solid var(--aty-line);
}

/* Tablo: hairline kılavuz, dolgu yok. Dar ekranda kendi içinde kayar. */
:is(.aty-prose, .aty-richtext, .aty-editorial-content) table {
  width: 100%;
  display: block;
  overflow-x: auto;
  margin: 1.6em 0;
  border-collapse: collapse;
  font-size: 14px;
}
:is(.aty-prose, .aty-richtext, .aty-editorial-content) :is(th, td) {
  min-width: 150px;
  padding: 12px 14px;
  border: 1px solid var(--aty-line);
  text-align: left;
  vertical-align: top;
}
:is(.aty-prose, .aty-richtext, .aty-editorial-content) th {
  background: var(--aty-surface);
  color: var(--aty-ink);
  font-weight: 600;
  white-space: nowrap;
}

/* Editör bloklarının kendi arası boşluğu ve açılır başlıklar. */
.aty-editorial-content :is(article, section) { margin: 0 0 24px; }
.aty-editorial-content :is(article, section) > :last-child { margin-bottom: 0; }
.aty-editorial-content details {
  margin: 12px 0;
  padding: 4px 16px;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
}
.aty-editorial-content summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--aty-ink);
  font-weight: 600;
}

/* ======================================================= 9 · FORM İLKELLERİ */
.aty-form-layout {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(40px, 5vw, 76px);
}

.aty-form-intro h2 {
  margin: 14px 0 16px;
  font-size: clamp(28px, 3.6vw, 50px);
  line-height: 1.06;
}
.aty-form-intro > p {
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
}
.aty-form-intro ul {
  display: grid;
  gap: 12px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--aty-line);
}
.aty-form-intro li {
  display: flex;
  gap: 10px;
  color: var(--aty-ink);
  font-size: 14px;
  line-height: 1.5;
}
.aty-form-intro li svg { width: 17px; height: 17px; margin-top: 2px; color: var(--aty-red); }

/* Panel: krem kutu değil; beyaz zemin, hairline çerçeve, üstte kırmızı bant. */
.aty-form-panel {
  padding: clamp(22px, 3vw, 36px);
  border: 1px solid var(--aty-line);
  border-top: 2px solid var(--aty-red);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-white);
}

.aty-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.aty-form-grid label { display: grid; gap: 7px; min-width: 0; }
.aty-form-grid label > span { color: var(--aty-ink); font-size: 12px; font-weight: 600; letter-spacing: -.005em; }
.aty-form-grid label b { color: var(--aty-red); }
.aty-form-grid__wide { grid-column: 1 / -1; }

.aty-form2-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.aty-form2-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.aty-form2-field label { color: var(--aty-ink); font-size: 12px; font-weight: 600; letter-spacing: -.005em; }
.aty-form2-field--full { grid-column: 1 / -1; }

.aty-required { color: var(--aty-red); }

/* --- Alan ilkelleri --------------------------------------------------------
   İki form ailesi (.aty-form-grid ve .aty-form2-field) tek :is() kapsamında
   toplanır; onay kutuları hariç tüm girdiler aynı ölçüyü kullanır.
   Kenarlık token'dan bir tık koyu — alan sınırı beyaz zeminde görünür olmalı. */
:is(.aty-form-grid, .aty-form2-field) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  padding: 14px 15px;
  border: 1px solid rgba(14, 16, 19, .24);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-white);
  color: var(--aty-ink);
  font-size: 15px;
  line-height: 1.4;
  transition: border-color var(--dur-fast) var(--ease-sharp),
              box-shadow var(--dur-fast) var(--ease-sharp);
}
:is(.aty-form-grid, .aty-form2-field) textarea { min-height: 132px; resize: vertical; }

:is(.aty-form-grid, .aty-form2-field) :is(input, textarea)::placeholder { color: var(--aty-muted-soft); }

/* Odak: kırmızı kenarlık + 3px açık kırmızı halka (bulanıklık yok). */
:is(.aty-form-grid, .aty-form2-field) :is(input, select, textarea):focus {
  outline: none;
  border-color: var(--aty-red);
  box-shadow: 0 0 0 3px var(--aty-red-light);
}

:is(.aty-form-grid, .aty-form2-field) [aria-invalid="true"] { border-color: var(--aty-red); }

/* Yerel ok yerine keskin chevron; select yüksekliği inputla eşitlenir. */
:is(.aty-form-grid, .aty-form2-field) select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%230e1013' stroke-width='1.6'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px 8px;
}

/* --- Onay kutusu -----------------------------------------------------------
   .aty-form-grid label grid olduğu için kapsamlı seçici ile ezilir; böylece
   !important gerekmez. */
.aty-consent,
.aty-form-grid .aty-consent,
.aty-consent2 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 44px;
  padding: 6px 0;
  color: var(--aty-muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  cursor: pointer;
}
.aty-consent input[type="checkbox"],
.aty-consent2 input[type="checkbox"] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  accent-color: var(--aty-red);
  cursor: pointer;
}
.aty-consent > span,
.aty-consent2 > span {
  color: var(--aty-muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
}
.aty-consent b { color: var(--aty-red); }

/* --- Geri bildirim --------------------------------------------------------- */
.aty-field-error {
  display: block;
  color: var(--aty-red);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

/* Başarı ve hata blokları: renk lekesi yerine kalın sol bant. */
:is(.aty-form-success, .aty-form-errors) {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  padding: 15px 16px;
  border: 1px solid var(--aty-line);
  border-left-width: 3px;
  border-radius: var(--aty-radius-sm);
  background: var(--aty-white);
  font-size: 14px;
  line-height: 1.5;
}
.aty-form-success { border-left-color: var(--aty-ink); color: var(--aty-ink); }
.aty-form-success > :is(svg, [data-lucide]) { flex: 0 0 auto; width: 22px; height: 22px; }
.aty-form-success strong { display: block; font-weight: 600; }
.aty-form-success p { margin: 4px 0 0; color: var(--aty-muted); font-size: 13px; }

.aty-form-errors { border-left-color: var(--aty-red); color: var(--aty-red); }
.aty-form-errors strong { font-weight: 600; }
.aty-form-errors ul { margin: 6px 0 0; padding-left: 18px; list-style: disc; font-size: 13px; }
.aty-form-errors a { color: inherit; border-bottom: 1px solid currentColor; }

/* Satır içi durum metni (bülten aboneliği vb.). */
.aty-form-status {
  margin: 8px 0 0;
  min-height: 16px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
}

/* ================================================ 10 · ORTAK SAYFA İSKELETİ */
.aty-public-page {
  background: var(--aty-white);
  color: var(--aty-ink);
  overflow-x: clip;
}

.aty-public-section {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
}
/* Görünümlerdeki eski "cream" adı korunur, rengi krem DEĞİL: nötr soğuk gri.
   Bej/krem paletten tamamen çıkarıldı. */
.aty-public-section--cream {
  background: var(--aty-surface);
  border-block: 1px solid var(--aty-line-soft);
}

.aty-public-section__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: end;
  gap: 20px 56px;
  margin-bottom: clamp(36px, 4vw, 56px);
}
.aty-public-section__heading h2 {
  margin-top: 12px;
  font-size: clamp(28px, 3.6vw, 50px);
  line-height: 1.06;
}
.aty-public-section__heading > p {
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* --- Kart ızgarası --------------------------------------------------------- */
.aty-public-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.aty-public-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-white);
  transition: border-color var(--dur-base) var(--ease-sharp);
}
.aty-public-card:hover,
.aty-public-card:focus-within { border-color: var(--aty-red); }
.aty-public-card h3 {
  margin: 12px 0 9px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.3;
}
.aty-public-card h3 a { transition: color var(--dur-fast) var(--ease-sharp); }
.aty-public-card h3 a:hover,
.aty-public-card h3 a:focus-visible { color: var(--aty-red); }
.aty-public-card p {
  color: var(--aty-muted);
  font-size: 14px;
  line-height: 1.6;
}

.aty-public-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}
/* Kart içi son bağlantı gövdenin dibine yaslanır: kart yükseklikleri eşitlenir. */
.aty-public-card__body > .aty-text-link { margin-top: auto; padding-top: 12px; }

/* Arama sonuçları görselsiz; iki sütun daha rahat okunur. */
.aty-public-grid--search { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aty-public-card--search .aty-public-card__body { padding: 24px; }

/* --- Boş durum ------------------------------------------------------------- */
.aty-public-empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 48px 32px;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-white);
  text-align: center;
}
.aty-public-empty svg { width: 30px; height: 30px; color: var(--aty-red); }
.aty-public-empty h3 { font-size: 21px; letter-spacing: -.02em; }
.aty-public-empty p { max-width: 52ch; color: var(--aty-muted); font-size: 15px; line-height: 1.7; }
.aty-public-empty .aty-btn { margin-top: 14px; }

/* 404 ve boş galeri: sayfa boyu blok. */
.aty-public-empty--large { min-height: 460px; }
.aty-public-empty--large h1 {
  margin: 12px 0 4px;
  font-size: clamp(48px, 9vw, 96px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1;
}

/* ================================================== 11 · KIRILMA NOKTALARI */
@media (max-width: 1200px) {
  .aty-container { width: min(1320px, calc(100% - 56px)); }
  .aty-public-grid { gap: 16px; }
}

@media (max-width: 1024px) {
  .aty-container { width: calc(100% - 48px); }
  .aty-public-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aty-form-layout { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}

@media (max-width: 860px) {
  /* Tek sütun: başlık ve açıklama alt alta, sol hizalı. */
  .aty-head,
  .aty-public-section__heading {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 14px;
  }
  .aty-head__desc { margin-bottom: 0; }
  .aty-public-grid--search { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  html { scroll-padding-top: 84px; }
  .aty-container { width: calc(100% - 32px); }
  .aty-public-grid { grid-template-columns: minmax(0, 1fr); }
  .aty-public-empty { min-height: 200px; padding: 36px 20px; }
  .aty-public-empty--large { min-height: 340px; }
  /* Bölüm başlıkları mobilde ortalı; kicker çizgisi de ortalanır. */
  body.atayurt-site { --aty-pad-section: 64px; } /* mobilde tüm bölümler aynı dikey ritim */
  .aty-head { justify-items: center; text-align: center; margin-bottom: 32px; }
  .aty-head .aty-kicker { justify-content: center; }
  .aty-head__desc { margin-inline: auto; }
  .aty-form-grid,
  .aty-form2-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .aty-form-grid__wide,
  .aty-form2-field--full { grid-column: auto; }
  .aty-form-panel { padding: 20px; }
  :is(.aty-prose, .aty-richtext, .aty-editorial-content) table { font-size: 13px; }
  /* Dar ekranda butonlar tam genişlik: 44px hedefi korunur, taşma olmaz. */
  .aty-section-action .aty-btn { width: 100%; }
}

@media (max-width: 420px) {
  .aty-container { width: calc(100% - 24px); }
  .aty-btn { padding: 0 18px; font-size: 13px; }
  .aty-btn--lg { min-height: 52px; padding: 0 22px; font-size: 14px; }
  .aty-icon-tile { width: 46px; height: 46px; }
  .aty-icon-tile svg { width: 20px; height: 20px; }
  .aty-public-card__body { padding: 18px; }
  .aty-kicker { font-size: 10px; letter-spacing: .14em; }
  .aty-kicker::before { width: 18px; }
}

/* --- Özel ikon seti (assets/icons.svg) -------------------------------- */
.aty-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -.125em; flex: 0 0 auto; }
.aty-icon-pending { display: inline-block; width: 1em; height: 1em; }

/* ==== 02-kabuk.css ====================================================== */
/* ==========================================================================
   ATAYURT — BÖLÜM 02: KABUK
   Skip link / preloader / header / topline / navbar / nav / arama / footer.
   Dil: beyaz + kırmızı + antrasit. Yuvarlaklık 0-3px, bulanık gölge yok.
   Derinlik yalnızca 1px hairline, kontrast blok ve sıfır-blur ofset çerçeve ile.
   Token tanımı YOK — hepsi Bölüm 01'den gelir.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ATLAMA BAĞLANTISI
   Klavye kullanıcısı için; odaklanana dek görünür alanın dışında bekler.
   -------------------------------------------------------------------------- */
.aty-skip-link {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: var(--z-modal);
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  background: var(--aty-red);
  color: var(--aty-white);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  border-radius: var(--aty-radius-sm);
  transition: top var(--dur-base) var(--ease-sharp);
}

.aty-skip-link:focus,
.aty-skip-link:focus-visible {
  top: 16px;
  outline: 2px solid var(--aty-ink) !important; /* erişilebilirlik: tek izinli istisna */
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   2. PRELOADER (yalnızca yapı; giriş/çıkış animasyonu Bölüm 05'te)
   Beyaz zemin + tek kırmızı ilerleme çizgisi. Amblem gizli: yazı kimliği esas.
   -------------------------------------------------------------------------- */
.aty-preloader {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: grid;
  place-items: center;
  background: var(--aty-white);
}

.aty-preloader__inner {
  display: grid;
  justify-items: center;
  gap: 22px;
  text-align: center;
}

/* Amblem header'da olduğu gibi burada da gizli — kullanıcı yazı logoyu seçti. */
.aty-preloader__logo {
  display: none;
}

/* Çizginin kendisi ray, ::after ise koşan parça (hareketi 05 tanımlar). */
.aty-preloader__line {
  position: relative;
  display: block;
  width: 140px;
  height: 2px;
  overflow: hidden;
  background: var(--aty-line-soft);
}

.aty-preloader__line::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  width: 42%;
  background: var(--aty-red);
}

/* --------------------------------------------------------------------------
   3. HEADER KABUĞU
   Sticky beyaz bar; alt kenarda tek hairline. Gölge yok.
   -------------------------------------------------------------------------- */
.site-header {
  position: relative;
  width: 100%;
}

.aty-header {
  position: sticky;
  top: 0;
  z-index: var(--z-fixed);
  background: var(--aty-white);
  border-bottom: 1px solid var(--aty-line);
}

/* --------------------------------------------------------------------------
   4. TOPLINE — antrasit şerit, 12px
   -------------------------------------------------------------------------- */
.aty-topline {
  background: var(--aty-ink);
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
  line-height: 1;
  border-bottom: 1px solid var(--aty-line-dark);
}

.aty-topline__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 44px;
}

.aty-topline a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  color: inherit;
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}

.aty-topline a:hover,
.aty-topline a:focus-visible {
  color: var(--aty-white);
}

.aty-topline i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: var(--aty-red);
}

.aty-topline svg {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.aty-topline__contact {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
}

.aty-topline__utility {
  display: flex;
  align-items: center;
  gap: 22px;
}

/* Ayırıcı olarak dikey hairline — nokta/çizgi karakteri yerine gerçek kenarlık. */
.aty-topline__social {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: 6px;
  padding-left: 12px;
  border-left: 1px solid var(--aty-line-dark);
}

.aty-topline__social a {
  justify-content: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  gap: 0;
}

.aty-topline__social i {
  color: inherit;
}

/* --------------------------------------------------------------------------
   5. NAVBAR
   -------------------------------------------------------------------------- */
.aty-navbar {
  background: var(--aty-white);
}

.aty-navbar__inner {
  display: flex;
  align-items: center;
  gap: 32px;
  min-height: 84px;
}

.aty-navbar__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 4px;
}

/* Header CTA'sı: dolu kırmızı blok, keskin köşe, gölgesiz. */
.aty-navbar__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 20px;
  background: var(--aty-red);
  color: var(--aty-white);
  border: 1px solid var(--aty-red);
  border-radius: var(--aty-radius-sm);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out);
}

.aty-navbar__cta:hover,
.aty-navbar__cta:focus-visible {
  background: var(--aty-red-dark);
  border-color: var(--aty-red-dark);
  color: var(--aty-white);
}

.aty-navbar__cta svg {
  width: 15px;
  height: 15px;
}

/* --------------------------------------------------------------------------
   6. MARKA (yazı logo)
   Amblem görseli header'da gizli; yalnız footer amblemsiz metin kimliği taşır.
   -------------------------------------------------------------------------- */
.aty-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 44px;
  color: var(--aty-ink);
  text-decoration: none;
}

.aty-brand img {
  display: none; /* amblem yalnızca footer görselinde ve favicon'da */
}

.aty-brand span {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* "ATAYURT" — Archivo 800, sıkı tracking, düz hat. */
.aty-brand > span {
  font-family: var(--font-display);
  font-size: 23px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1;
  text-transform: uppercase;
}

/* Alt satır: mono, kırmızı, geniş harf aralığı — teknik ve keskin. */
.aty-brand strong {
  font-family: var(--font-mono);
  font-size: 8.5px;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 1;
  color: var(--aty-red);
  text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   7. ANA MENÜ
   -------------------------------------------------------------------------- */
.aty-primary-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 26px;
  margin-left: auto;
}

.aty-primary-nav > a,
.aty-nav-group > button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--aty-ink);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease-out);
}

/* Hover işareti: altta 2px kırmızı çizgi, ortadan açılır. */
.aty-primary-nav > a::after,
.aty-nav-group > button::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  height: 2px;
  background: var(--aty-red);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--dur-base) var(--ease-sharp);
}

.aty-primary-nav > a:hover::after,
.aty-primary-nav > a:focus-visible::after,
.aty-primary-nav > a.is-active::after,
.aty-nav-group > button:hover::after,
.aty-nav-group > button:focus-visible::after {
  transform: scaleX(1);
}

.aty-primary-nav > a:hover,
.aty-nav-group > button:hover {
  color: var(--aty-red);
}

.aty-nav-group {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.aty-nav-group > button svg {
  width: 14px;
  height: 14px;
  transition: transform var(--dur-base) var(--ease-out);
}

.aty-nav-group.is-open > button svg {
  transform: rotate(180deg);
}

/* Alt menü: beyaz blok + hairline + sıfır-blur ofset çerçeve (bulanık gölge yok). */
.aty-submenu {
  position: absolute;
  top: calc(100% + 14px);
  left: -16px;
  z-index: var(--z-dropdown);
  display: grid;
  gap: 1px;
  width: 236px;
  padding: 8px;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-top: 2px solid var(--aty-red);
  border-radius: 0;
  box-shadow: 5px 5px 0 var(--aty-line-soft);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity var(--dur-fast) var(--ease-out),
              transform var(--dur-base) var(--ease-out),
              visibility var(--dur-base) linear;
}

.aty-nav-group:hover .aty-submenu,
.aty-nav-group:focus-within .aty-submenu,
.aty-nav-group.is-open .aty-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.aty-submenu a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  color: var(--aty-muted);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.01em;
  text-decoration: none;
  transition: background var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out);
}

.aty-submenu a:hover,
.aty-submenu a:focus-visible {
  background: var(--aty-red-light);
  color: var(--aty-red);
}

/* Hamburger: yalnız 1024px altında görünür (aşağıdaki medya sorgusunda). */
.aty-nav-toggle {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  margin-left: 0;
  padding: 0;
  background: transparent;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  cursor: pointer;
}

.aty-nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--aty-ink);
  transition: transform var(--dur-base) var(--ease-sharp),
              opacity var(--dur-fast) linear;
}

/* Menü açıkken hamburger çarpıya döner (JS body'ye .aty-menu-open ekler). */
.aty-menu-open .aty-nav-toggle {
  border-color: var(--aty-red);
}

.aty-menu-open .aty-nav-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.aty-menu-open .aty-nav-toggle span:nth-child(2) {
  opacity: 0;
}

.aty-menu-open .aty-nav-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* --------------------------------------------------------------------------
   8. ARAMA
   -------------------------------------------------------------------------- */
.aty-search-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-ink);
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out),
              background var(--dur-fast) var(--ease-out);
}

.aty-search-trigger:hover,
.aty-search-trigger:focus-visible {
  background: var(--aty-red-light);
  border-color: var(--aty-red-line);
  color: var(--aty-red);
}

.aty-search-trigger svg {
  width: 18px;
  height: 18px;
}

/* Örtü: bulanıklık yok, düz antrasit perde. */
.aty-search-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: grid;
  place-items: start center;
  padding: clamp(20px, 10vh, 120px) 20px 40px;
  background: rgba(14, 16, 19, .93);
  overflow-y: auto;
}

.aty-search-overlay[hidden] {
  display: none;
}

.aty-search-overlay__panel {
  position: relative;
  width: min(760px, 100%);
  padding: clamp(28px, 4vw, 52px);
  background: var(--aty-white);
  border-radius: 0;
  border-top: 3px solid var(--aty-red);
}

.aty-search-overlay__close {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  background: var(--aty-ink);
  border: 0;
  color: var(--aty-white);
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out);
}

.aty-search-overlay__close:hover,
.aty-search-overlay__close:focus-visible {
  background: var(--aty-red);
}

.aty-search-overlay__close svg {
  width: 20px;
  height: 20px;
}

.aty-search-overlay__panel label {
  display: block;
  margin: 16px 0 18px;
  font-family: var(--font-display);
  font-size: clamp(26px, 3.2vw, 40px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.06;
  color: var(--aty-ink);
}

.aty-search-overlay__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 16px;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  transition: border-color var(--dur-fast) var(--ease-out);
}

.aty-search-overlay__row:focus-within {
  border-color: var(--aty-red);
}

.aty-search-overlay__row > svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: var(--aty-red);
}

.aty-search-overlay__row input {
  flex: 1;
  min-width: 0;
  height: 54px;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  color: var(--aty-ink);
  font-family: var(--font-body);
  font-size: 16px;
}

.aty-search-overlay__row input::placeholder {
  color: var(--aty-muted-soft);
}

.aty-search-overlay__row button {
  min-width: 96px;
  min-height: 48px;
  height: 48px;
  margin: 3px;
  padding: 0 20px;
  background: var(--aty-red);
  border: 0;
  border-radius: var(--aty-radius-sm);
  color: var(--aty-white);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out);
}

.aty-search-overlay__row button:hover,
.aty-search-overlay__row button:focus-visible {
  background: var(--aty-red-dark);
}

/* --------------------------------------------------------------------------
   9. MOBİL HIZLI EYLEM ÇUBUĞU (yalnızca 640px altında açılır)
   -------------------------------------------------------------------------- */
.aty-mobile-actions {
  display: none;
}

/* --------------------------------------------------------------------------
   10. FOOTER — antrasit gövde
   -------------------------------------------------------------------------- */
.site-footer {
  position: relative;
  width: 100%;
}

.aty-footer-v2 {
  background: var(--aty-ink);
  color: var(--aty-white);
}

/* 10.1 Kırmızı CTA bandı ------------------------------------------------- */
.aty-ftv2__cta {
  background: var(--aty-red);
}

.aty-ftv2__cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: clamp(40px, 5vw, 68px) 0;
}

/* İki tonlu başlık: aynı ağırlık, yalnız renk kırılımı (italik/serif yok). */
.aty-ftv2__cta-content h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.06;
  color: rgba(255, 255, 255, .66);
}

.aty-ftv2__cta-content h2 strong {
  font-weight: 700;
  font-style: normal;
  color: var(--aty-white);
}

.aty-ftv2__cta-content p {
  margin: 14px 0 0;
  max-width: 46ch;
  color: rgba(255, 255, 255, .8);
  font-size: 15px;
  line-height: 1.7;
}

.aty-ftv2__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

/* HATA DÜZELTMESİ: bu butonlar kırmızı zeminde etiketsiz beyaz kutu görünüyordu.
   Zemin/metin/kenarlık burada açıkça yeniden bildiriliyor. */
.aty-ftv2__cta-actions .aty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: var(--aty-radius-sm);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out);
}

.aty-ftv2__cta-actions .aty-btn svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.aty-ftv2__cta-actions .aty-btn--light {
  background: var(--aty-white);
  border: 1px solid var(--aty-white);
  color: var(--aty-red);
}

.aty-ftv2__cta-actions .aty-btn--light:hover,
.aty-ftv2__cta-actions .aty-btn--light:focus-visible {
  background: var(--aty-ink);
  border-color: var(--aty-ink);
  color: var(--aty-white);
}

.aty-ftv2__cta-actions .aty-btn--ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .55);
  color: var(--aty-white);
}

.aty-ftv2__cta-actions .aty-btn--ghost:hover,
.aty-ftv2__cta-actions .aty-btn--ghost:focus-visible {
  background: var(--aty-white);
  border-color: var(--aty-white);
  color: var(--aty-red);
}

/* 10.2 Bülten şeridi ----------------------------------------------------- */
.aty-ftv2__newsletter {
  background: var(--aty-ink-2);
  border-bottom: 1px solid var(--aty-line-dark);
}

.aty-ftv2__newsletter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 76px;
  padding: 18px 0;
}

.aty-ftv2__newsletter-text {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, .74);
  font-size: 14px;
  line-height: 1.5;
}

.aty-ftv2__newsletter-text svg {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  color: var(--aty-red);
}

.aty-ftv2__newsletter form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: min(400px, 100%);
}

.aty-ftv2__newsletter input {
  flex: 1;
  min-width: 0;
  height: 48px;
  padding: 0 14px;
  background: transparent;
  border: 1px solid var(--aty-line-dark);
  border-right: 0;
  border-radius: 0;
  color: var(--aty-white);
  font-family: var(--font-body);
  font-size: 14px;
  outline: 0;
  transition: border-color var(--dur-fast) var(--ease-out);
}

.aty-ftv2__newsletter input::placeholder {
  color: var(--aty-muted-soft);
}

.aty-ftv2__newsletter input:focus {
  border-color: var(--aty-red);
}

.aty-ftv2__newsletter button {
  flex: 0 0 auto;
  min-height: 48px;
  padding: 0 22px;
  background: var(--aty-red);
  border: 1px solid var(--aty-red);
  border-radius: 0;
  color: var(--aty-white);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out);
}

.aty-ftv2__newsletter button:hover,
.aty-ftv2__newsletter button:focus-visible {
  background: var(--aty-red-dark);
}

.aty-ftv2__newsletter button[disabled] {
  opacity: .55;
  cursor: wait;
}

.aty-ftv2__newsletter form.is-error input {
  border-color: var(--aty-red);
}

/* Durum metni formun altında akışta; boşken yer kaplamaz. */
.aty-ftv2__newsletter .aty-form-status {
  flex: 0 0 100%;
  width: 100%;
  margin: 0;
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
  line-height: 1.4;
}

/* 10.3 Ana ızgara -------------------------------------------------------- */
.aty-ftv2__main {
  padding: clamp(52px, 6vw, 84px) 0 clamp(44px, 5vw, 68px);
}

.aty-ftv2__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.35fr;
  gap: 44px;
}

.aty-ftv2__brand {
  min-width: 0;
}

.aty-brand--footer {
  color: var(--aty-white);
}

.aty-brand--footer strong {
  color: var(--aty-red);
}

.aty-ftv2__brand > p {
  max-width: 30ch;
  margin: 20px 0 26px;
  color: var(--aty-muted-soft);
  font-size: 15px;
  line-height: 1.7;
}

.aty-ftv2__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

/* Sütun başlığı: mono kicker mantığı, üstünde kısa kırmızı işaret. */
.aty-ftv2__column h3 {
  margin: 0 0 14px;
  padding-bottom: 12px;
  color: var(--aty-white);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
  border-bottom: 1px solid var(--aty-line-dark);
  width: 100%;
}

/* :not() ile iletişim satırları dışarıda tutuluyor — onların kendi düzeni var. */
.aty-ftv2__column > a:not(.aty-ftv2__contact-item) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--aty-muted-soft);
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out),
              transform var(--dur-fast) var(--ease-out);
}

.aty-ftv2__column > a:not(.aty-ftv2__contact-item):hover,
.aty-ftv2__column > a:not(.aty-ftv2__contact-item):focus-visible {
  color: var(--aty-white);
  transform: translateX(4px);
}

.aty-ftv2__contact {
  min-width: 0;
}

.aty-ftv2__contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 44px;
  padding: 8px 0;
  color: var(--aty-muted-soft);
  font-size: 14px;
  line-height: 1.6;
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}

.aty-ftv2__contact-item:hover,
.aty-ftv2__contact-item:focus-visible {
  color: var(--aty-white);
}

.aty-ftv2__contact-item svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  color: var(--aty-red);
}

/* Sosyal: kare kutular, hairline kenar — daire yok. */
.aty-ftv2__social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.aty-ftv2__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--aty-line-dark);
  border-radius: var(--aty-radius-sm);
  color: rgba(255, 255, 255, .72);
  transition: background var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out);
}

.aty-ftv2__social a:hover,
.aty-ftv2__social a:focus-visible {
  background: var(--aty-red);
  border-color: var(--aty-red);
  color: var(--aty-white);
}

/* 10.4 Alt bar ----------------------------------------------------------- */
.aty-ftv2__bottom {
  padding: 18px 0;
  border-top: 1px solid var(--aty-line-dark);
}

.aty-ftv2__bottom .aty-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.aty-ftv2__bottom span {
  color: var(--aty-muted-soft);
  font-size: 12px;
  line-height: 1.5;
}

.aty-ftv2__bottom-links {
  display: flex;
  align-items: center;
  gap: 6px;
}

.aty-ftv2__bottom-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 10px;
  color: var(--aty-muted-soft);
  font-size: 12px;
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}

.aty-ftv2__bottom-links a:hover,
.aty-ftv2__bottom-links a:focus-visible {
  color: var(--aty-white);
}

/* Yukarı çık: sabit değil, alt barın içinde KARE buton.
   Bağlam kapsamı, kardeş link kuralının padding'ini geçmek için gerekli. */
.aty-ftv2__bottom-links .aty-ftv2__totop {
  justify-content: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  margin-left: 4px;
  border: 1px solid var(--aty-line-dark);
  border-radius: var(--aty-radius-sm);
  transition: background var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out);
}

.aty-ftv2__bottom-links .aty-ftv2__totop:hover,
.aty-ftv2__bottom-links .aty-ftv2__totop:focus-visible {
  background: var(--aty-red);
  border-color: var(--aty-red);
  color: var(--aty-white);
}

/* ==========================================================================
   KIRILMA NOKTALARI
   ========================================================================== */

/* 1200px — menü aralıkları daralır, ızgara sıkışır. */
@media (max-width: 1200px) {
  .aty-navbar__inner {
    gap: 22px;
  }

  .aty-primary-nav {
    gap: 18px;
  }

  .aty-ftv2__grid {
    grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
    gap: 32px;
  }
}

/* 1024px — masaüstü menü kapanır, sağdan açılan antrasit panel devreye girer. */
@media (max-width: 1024px) {
  .aty-navbar__inner {
    min-height: 72px;
    gap: 10px;
    justify-content: flex-start; /* marka sola, hesap + hamburger sağa yapışık */
  }

  .aty-brand {
    margin-right: auto;
  }

  .aty-nav-toggle {
    display: flex;
    order: 3;
  }

  .aty-navbar__actions {
    order: 2;
    margin-left: 0;
    gap: 8px;
  }

  .aty-navbar__cta {
    display: none; /* mobil çubuktaki "Ön Kayıt" ile aynı işi görüyor */
  }

  /* Panel header'ın ALTINDA kalır; hamburger her zaman erişilebilir olsun diye
     menü açıkken header örtünün üstüne çıkarılır. */
  .aty-menu-open .aty-header {
    z-index: calc(var(--z-overlay) + 1);
  }
  /* Panel header'ın içinde (fixed) olduğu için marka, Hesabım ve hamburger panelin üstüne çıkarılır. */
  .aty-menu-open .aty-brand,
  .aty-menu-open .aty-navbar__actions,
  .aty-menu-open .aty-nav-toggle {
    position: relative;
    z-index: calc(var(--z-overlay) + 2);
  }

  .aty-primary-nav {
    /* Tam ekran beyaz panel; soldan açılır. Header üstte kalır (z-index), panel onun altından başlar. */
    position: fixed;
    inset: 0;
    top: 64px; /* header (64px) görünür kalır; panel hemen altından başlar */
    z-index: var(--z-overlay);
    width: 100%;
    margin-left: 0;
    padding: 12px 26px 40px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    overflow-y: auto;
    background: var(--aty-white);
    border-top: 3px solid var(--aty-red);
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform var(--dur-base) var(--ease-sharp),
                visibility var(--dur-base) linear;
  }

  .aty-primary-nav.is-open {
    transform: translateX(0);
    visibility: visible;
  }

  .aty-primary-nav > a,
  .aty-nav-group > button {
    width: 100%;
    min-height: 56px;
    justify-content: space-between;
    padding: 0;
    border-bottom: 1px solid var(--aty-line);
    color: var(--aty-ink);
    font-size: 17px;
    font-weight: 600;
    text-align: left;
  }

  .aty-primary-nav > a:hover,
  .aty-nav-group > button:hover {
    color: var(--aty-red);
  }

  /* Panelde alt çizgi soldan açılır; kenarlığın üstüne biner. */
  .aty-primary-nav > a::after,
  .aty-nav-group > button::after {
    bottom: -1px;
    transform-origin: left;
  }

  .aty-nav-group {
    display: block;
    width: 100%;
  }

  .aty-submenu {
    position: static;
    display: none;
    width: 100%;
    padding: 4px 0 10px 14px;
    background: transparent;
    border: 0;
    border-left: 1px solid var(--aty-red-line);
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }

  .aty-nav-group.is-open .aty-submenu {
    display: grid;
  }

  .aty-submenu a { color: var(--aty-muted); }
  .aty-submenu a:hover,
  .aty-submenu a:focus-visible {
    background: transparent;
    color: var(--aty-red);
  }

  .aty-ftv2__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 32px;
  }

  .aty-ftv2__brand {
    grid-column: 1 / -1;
  }
}

/* 860px — CTA ve bülten şeritleri dikeye döner. */
@media (max-width: 860px) {
  .aty-topline__contact,
  .aty-topline__utility {
    gap: 14px;
  }

  /* Dar ekranda e-posta kalır; taşmaması için kısaltılır. */
  .aty-topline__contact a {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .aty-brand > span {
    font-size: 20px;
  }

  .aty-ftv2__cta-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
  }

  .aty-ftv2__cta-actions {
    width: 100%;
  }

  .aty-ftv2__newsletter-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .aty-ftv2__newsletter form {
    width: 100%;
  }

  .aty-search-overlay__panel label {
    margin: 12px 0 14px;
  }
}

/* 640px — tek sütun footer + alttaki sabit hızlı eylem çubuğu. */
@media (max-width: 640px) {
  .aty-topline {
    font-size: 11px;
  }

  .aty-topline__inner {
    justify-content: center;
  }

  .aty-topline__contact {
    justify-content: center;
    gap: 16px;
    width: 100%;
  }

  .aty-topline__utility,
  .aty-topline__social {
    display: none; /* mobilde telefon + e-posta kalır */
  }

  .aty-navbar__inner {
    min-height: 64px;
  }

  .aty-brand > span {
    font-size: 18px;
  }

  .aty-brand strong {
    font-size: 7.5px;
    letter-spacing: .16em;
  }

  .aty-search-overlay {
    padding: 0;
    place-items: stretch;
  }

  .aty-search-overlay__panel {
    width: 100%;
    min-height: 100%;
    padding: 76px 20px 32px;
  }

  .aty-search-overlay__row {
    flex-wrap: wrap;
    padding: 10px 12px;
  }

  .aty-search-overlay__row button {
    width: 100%;
    margin: 0;
  }

  .aty-ftv2__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }

  .aty-ftv2__brand {
    grid-column: auto;
  }

  .aty-ftv2__cta-actions .aty-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .aty-ftv2__bottom {
    padding-bottom: 84px; /* sabit mobil çubuğun altında içerik kalmasın */
  }

  .aty-ftv2__bottom .aty-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  /* Sabit alt eylem çubuğu: beyaz zemin, üstte hairline, 3 eşit kolon. */
  .aty-mobile-actions {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-fixed);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 62px;
    background: var(--aty-white);
    border-top: 1px solid var(--aty-line);
  }

  .aty-mobile-actions a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 62px;
    color: var(--aty-ink);
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -.01em;
    text-decoration: none;
  }

  .aty-mobile-actions a + a {
    border-left: 1px solid var(--aty-line);
  }

  .aty-mobile-actions a.is-primary {
    background: var(--aty-red);
    color: var(--aty-white);
  }

  .aty-mobile-actions svg {
    width: 19px;
    height: 19px;
  }
}

/* 420px — en dar ekranda marka ve butonlar bir kademe daha küçülür. */
@media (max-width: 420px) {
  .aty-brand > span {
    font-size: 16px;
  }

  .aty-primary-nav {
    width: 100%;
    border-left: 0;
  }

  .aty-navbar__actions {
    gap: 6px;
  }

  .aty-search-trigger {
    width: 44px;
    height: 44px;
  }

  .aty-ftv2__cta-actions {
    flex-direction: column;
  }

  .aty-ftv2__cta-actions .aty-btn {
    width: 100%;
  }

  .aty-ftv2__newsletter form {
    flex-direction: column;
    flex-wrap: nowrap; /* sütun + wrap Chrome'da satırları eziyor */
  }
  .aty-ftv2__newsletter .aty-form-status:empty { display: none; }
  .aty-ftv2__newsletter .aty-form-status { flex-basis: auto; margin-top: 8px; } /* sütun düzeninde %100 basis yüksekliği yutuyordu */

  .aty-ftv2__newsletter input {
    flex: 0 0 auto;
    height: 52px;
    border-right: 1px solid var(--aty-line-dark);
    border-bottom: 0;
  }
  .aty-ftv2__newsletter button { min-height: 52px; }

  .aty-ftv2__bottom-links {
    flex-wrap: wrap;
  }

  .aty-mobile-actions a {
    font-size: 10px;
  }
}

/* Hesabım bağlantısı (eski arama tetikleyicisinin yerinde). */
.aty-navbar__account { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--aty-line); color: var(--aty-ink); font-size: 14px; font-weight: 600; transition: border-color var(--dur-fast) var(--ease-sharp), background var(--dur-fast) var(--ease-sharp), color var(--dur-fast) var(--ease-sharp); }
.aty-navbar__account svg { width: 16px; height: 16px; }
.aty-navbar__account:hover, .aty-navbar__account:focus-visible { background: var(--aty-ink); border-color: var(--aty-ink); color: var(--aty-white); }
@media (max-width: 640px) { .aty-navbar__account span { display: none; } .aty-navbar__account { padding: 0 12px; } }

/* --------------------------------------------------------------------------
   Sağ kenar hızlı eylem çubuğu: Ön kayıt · WhatsApp · Ara (alt alta, sağa yapışık).
   Mobilde alt çubuk (.aty-mobile-actions) kullanıldığı için 860px altında gizlenir.
   -------------------------------------------------------------------------- */
.aty-rail { position: fixed; top: 50%; right: 0; z-index: var(--z-fixed); display: flex; flex-direction: column; transform: translateY(-50%); }
.aty-rail__btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 72px; min-height: 72px; padding: 10px 6px; background: var(--aty-white); color: var(--aty-ink); border: 1px solid var(--aty-line); border-right: 0; text-decoration: none; transition: background-color var(--dur-fast) var(--ease-sharp), color var(--dur-fast) var(--ease-sharp), width var(--dur-fast) var(--ease-sharp); }
.aty-rail__btn + .aty-rail__btn { border-top: 0; }
.aty-rail__btn svg { width: 20px; height: 20px; }
.aty-rail__btn span { font-family: var(--font-mono); font-size: 9px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; line-height: 1; white-space: nowrap; }
.aty-rail__btn:hover, .aty-rail__btn:focus-visible { background: var(--aty-ink); color: var(--aty-white); border-color: var(--aty-ink); }
.aty-rail__btn--primary { background: var(--aty-red); color: var(--aty-white); border-color: var(--aty-red); }
.aty-rail__btn--primary:hover, .aty-rail__btn--primary:focus-visible { background: var(--aty-red-dark); border-color: var(--aty-red-dark); }
.aty-rail__btn--dark { background: var(--aty-ink); color: var(--aty-white); border-color: var(--aty-ink); }
.aty-rail__btn--dark:hover, .aty-rail__btn--dark:focus-visible { background: var(--aty-red); border-color: var(--aty-red); }
@media (max-width: 860px) { .aty-rail { display: none; } }

/* --------------------------------------------------------------------------
   Çerez onay çubuğu: alt kenarda antrasit şerit; onay localStorage'da tutulur.
   -------------------------------------------------------------------------- */
.aty-cookie { position: fixed; left: 0; right: 0; bottom: 0; z-index: calc(var(--z-fixed) + 1); background: var(--aty-ink); color: rgba(255,255,255,.82); border-top: 3px solid var(--aty-red); transform: translateY(100%); transition: transform var(--dur-base) var(--ease-sharp); }
.aty-cookie.is-visible { transform: translateY(0); }
.aty-cookie[hidden] { display: none; }
.aty-cookie__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; padding: 12px 0; }
.aty-cookie__text { margin: 0; font-size: 13px; line-height: 1.55; }
.aty-cookie__text a { color: var(--aty-white); text-decoration: underline; text-underline-offset: 3px; }
.aty-cookie__text a:hover { color: #f4b8bb; }
.aty-cookie__actions { display: flex; flex: 0 0 auto; gap: 8px; }
@media (max-width: 640px) {
  .aty-cookie { bottom: 63px; } /* mobil alt eylem çubuğunun (.aty-mobile-actions) üstünde durur */
  .aty-cookie__inner { flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 0; }
  .aty-cookie__actions .aty-btn { width: 100%; justify-content: center; }
}

/* ==== 03-anasayfa.css =================================================== */
/* ============================================================================
 * ATAYURT — BÖLÜM 03 · ANASAYFA BÖLÜMLERİ
 *
 * homepage_content.php içindeki 12 bölümün düzeni.
 * Dil: beyaz + kırmızı + antrasit. Krem yok, serif yok, bulanık gölge yok.
 * Derinlik 1px hairline, kontrast blok ve ofset çerçeveyle kurulur.
 *
 * Ritim: hero (antrasit) → finder (kırmızı) → beyaz bölümler dizisi →
 *        stats (antrasit) → beyaz bölümler → enroll (beyaz + antrasit kart).
 * Beyaz bölümler birbirinden 1px üst hairline ile ayrılır.
 *
 * Token'lar Bölüm 01'de tanımlıdır; burada yalnızca kullanılır.
 * ========================================================================= */

/* Yatay taşma kilidi: hero ölçeklenen görsel ve finder hayalet yazısı için. */
.aty-homepage {
  display: block;
  overflow-x: clip;
}

/* ===========================================================================
 * 1 · HERO
 * Antrasit zemin, görselin üzerinde soldan sağa açılan koyu veil.
 * ======================================================================== */
.aty-hero {
  position: relative;
  min-height: min(760px, calc(100vh - 116px));
  background: var(--aty-ink);
  color: var(--aty-white);
  overflow: hidden;
}

.aty-hero__slides {
  position: relative;
  min-height: inherit;
}

/* Slaytlar üst üste yığılır; geçiş yalnızca opaklıkla (kayma/zoom yok). */
.aty-hero__slide {
  position: absolute;
  inset: 0;
  min-height: inherit;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dur-slow) var(--ease-sharp),
              visibility 0s linear var(--dur-slow);
}
.aty-hero__slide.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--dur-slow) var(--ease-sharp), visibility 0s linear 0s;
}

.aty-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--aty-ink-2);
}
.aty-hero__media img,
.aty-hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Veil soldan sağa açılır: metin tarafı koyu, görsel tarafı okunur kalır. */
.aty-hero__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(14, 16, 19, .92) 0%, rgba(14, 16, 19, .74) 42%, rgba(14, 16, 19, .30) 100%),
    linear-gradient(0deg, rgba(14, 16, 19, .55) 0%, rgba(14, 16, 19, 0) 45%);
}

.aty-hero__content {
  position: relative;
  z-index: 2;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(32px, 4vw, 64px);
  padding-top: clamp(72px, 9vw, 120px);
  padding-bottom: clamp(96px, 10vw, 140px);
}

.aty-hero__copy {
  width: min(660px, 100%);
}
.aty-hero__copy .aty-kicker {
  color: var(--aty-white);
}
.aty-hero__copy h1,
.aty-hero__copy h2 {
  margin: 18px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(32px, 4.4vw, 60px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.aty-hero__copy p {
  max-width: 52ch;
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  line-height: 1.7;
}

.aty-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

/* Sağdaki kayıt kartı: kare kırmızı blok, gölgesiz, üstte beyaz hairline. */
.aty-hero__register {
  flex: 0 0 250px;
  width: 250px;
  align-self: center;
  padding: 26px 24px 24px;
  background: var(--aty-red);
  border: 1px solid var(--aty-red-dark);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-white);
}
.aty-hero__register strong {
  display: block;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.aty-hero__register p {
  margin: 10px 0 18px;
  color: rgba(255, 255, 255, .82);
  font-size: 13px;
  line-height: 1.6;
}
.aty-hero__register a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--aty-white);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, .45);
  transition: border-color var(--dur-fast) var(--ease-sharp);
}
.aty-hero__register a:hover,
.aty-hero__register a:focus-visible {
  border-bottom-color: var(--aty-white);
}
.aty-hero__register a svg { width: 15px; height: 15px; }

/* Kare beyaz ikon bloğu — daire değil, keskin. */
.aty-hero__register-icon {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  background: var(--aty-white);
  color: var(--aty-red);
  border-radius: var(--aty-radius-sm);
}
.aty-hero__register-icon svg { width: 21px; height: 21px; }

/* Slayt göstergeleri: 44px dokunma hedefi, içinde 34x2 çubuk. */
.aty-hero__controls {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 28px;
  display: flex;
  gap: 6px;
  transform: translateX(-50%);
}
.aty-hero__controls button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.aty-hero__controls button::before {
  content: "";
  width: 34px;
  height: 2px;
  background: rgba(255, 255, 255, .40);
  transition: background var(--dur-base) var(--ease-sharp);
}
.aty-hero__controls button[aria-current="true"]::before { background: var(--aty-red); }
.aty-hero__controls button:hover::before { background: rgba(255, 255, 255, .8); }

.aty-hero__video-toggle {
  position: absolute;
  z-index: 4;
  top: 24px;
  right: 24px;
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: rgba(14, 16, 19, .55);
  border: 1px solid var(--aty-line-dark);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-white);
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-sharp),
              color var(--dur-fast) var(--ease-sharp),
              border-color var(--dur-fast) var(--ease-sharp);
}
.aty-hero__video-toggle:hover,
.aty-hero__video-toggle:focus-visible {
  background: var(--aty-white);
  border-color: var(--aty-white);
  color: var(--aty-ink);
}
.aty-hero__video-toggle svg { width: 18px; height: 18px; }
.aty-hero__video-toggle [hidden] { display: none; }

/* Dikey "kaydır" ipucu: sağ kenarda 90° döndürülmüş mono etiket. */
.aty-scroll-cue {
  position: absolute;
  z-index: 3;
  right: 26px;
  bottom: 96px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  color: rgba(255, 255, 255, .72);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transition: color var(--dur-fast) var(--ease-sharp);
}
.aty-scroll-cue:hover,
.aty-scroll-cue:focus-visible { color: var(--aty-white); }
.aty-scroll-cue svg { width: 15px; height: 15px; }

/* ===========================================================================
 * 2 · HIZLI ARAMA — tam genişlik kırmızı bant
 * ======================================================================== */
.aty-finder {
  position: relative;
  padding: clamp(48px, 5.5vw, 80px) 0;
  background: var(--aty-red);
  color: var(--aty-white);
  overflow: hidden;
}

/* Dev "ATAYURT" hayaleti: konturlu değil, kırmızının koyusuyla dolu metin. */
.aty-finder__ghost {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--aty-red-dark);
  font-family: var(--font-display);
  font-size: clamp(48px, 9vw, 120px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.aty-finder__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.aty-finder__inner h2 {
  margin: 12px 0 24px;
  font-family: var(--font-display);
  font-size: clamp(24px, 2.8vw, 38px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  text-wrap: balance;
}
/* Kırmızı zeminde ikinci ton kırmızı olamaz; beyazın açık tonuyla kırılır. */
.aty-finder__inner h2 strong {
  color: rgba(255, 255, 255, .62);
  font-weight: 700;
}

.aty-finder__kicker {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.aty-finder__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 10px;
  max-width: 980px;
  margin: 0 auto;
}

.aty-finder__field { display: block; min-width: 0; }
.aty-finder__field select {
  width: 100%;
  height: 52px;
  padding: 0 44px 0 16px;
  background-color: var(--aty-white);
  border: 1px solid var(--aty-red-dark);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-ink);
  font-family: var(--font-body);
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230e1013' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.aty-finder__field select:focus-visible {
  outline: 2px solid var(--aty-white) !important; /* erişilebilirlik odak halkası */
  outline-offset: 2px;
}

.aty-finder__submit {
  height: 52px;
  min-height: 52px;
  white-space: nowrap;
}

.aty-finder__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 28px;
  margin-top: 26px;
}
.aty-finder__links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--aty-white);
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  transition: border-color var(--dur-fast) var(--ease-sharp);
}
.aty-finder__links a:hover,
.aty-finder__links a:focus-visible { border-bottom-color: var(--aty-white); }

/* ================================================ 3 · FAALİYET ALANLARI
 * Fotoğraflı kartlar; JS ile kart kart adımlayan yatay şerit (keskin ease),
 * altta ilerleme çizgisi. Hover'da durur; reduced-motion'da elle kaydırılır.
 * ------------------------------------------------------------------------- */
.aty-areas { padding: var(--aty-pad-section) 0; background: var(--aty-white); border-top: 1px solid var(--aty-line-soft); overflow: hidden; }
.aty-areas__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 24px; }
.aty-areas__head .aty-head { margin-bottom: 36px; }
.aty-areas__nav { display: flex; gap: 8px; margin-bottom: 40px; }
.aty-areas__btn { width: 48px; height: 48px; border: 1px solid var(--aty-ink); background: var(--aty-white); color: var(--aty-ink); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background var(--dur-fast) var(--ease-sharp), color var(--dur-fast) var(--ease-sharp); }
.aty-areas__btn svg { width: 18px; height: 18px; }
.aty-areas__btn:hover, .aty-areas__btn:focus-visible { background: var(--aty-red); border-color: var(--aty-red); color: var(--aty-white); }
.aty-areas__viewport { position: relative; width: 100%; overflow: hidden; padding-left: max(32px, calc((100vw - 1320px) / 2)); }
.aty-areas__track { display: flex; gap: 16px; width: max-content; margin: 0; padding: 0 0 26px; list-style: none; transition: transform 720ms var(--ease-sharp); will-change: transform; }
.aty-area { flex: 0 0 auto; width: 380px; }
.aty-area a { display: block; color: var(--aty-ink); border: 1px solid var(--aty-line); background: var(--aty-white); transition: border-color var(--dur-fast) var(--ease-sharp); }
.aty-area a:hover, .aty-area a:focus-visible { border-color: var(--aty-red); }
.aty-area__media { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--aty-ink); }
.aty-area__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--ease-out), filter 900ms var(--ease-out); }
.aty-area a:hover .aty-area__media img { transform: scale(1.06); }
.aty-area__num { position: absolute; left: 0; top: 0; padding: 6px 10px; background: var(--aty-red); color: var(--aty-white); font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; }
.aty-area__body { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; padding: 18px 20px 20px; }
.aty-area__body > svg { grid-row: span 2; width: 22px; height: 22px; margin-top: 2px; color: var(--aty-red); }
.aty-area__title { font-size: 17px; font-weight: 600; letter-spacing: -.012em; line-height: 1.3; }
.aty-area__desc { color: var(--aty-muted); font-size: 13.5px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.aty-areas__progress { height: 2px; width: calc(100% - max(32px, calc((100vw - 1320px) / 2))); background: var(--aty-line); }
.aty-areas__progress span { display: block; height: 100%; width: 0; background: var(--aty-red); transition: width 720ms var(--ease-sharp); }
/* Aktif kart vurgusu: JS .is-current ekler; görsel renklenir, diğerleri hafif soluk. */
.aty-areas__viewport.is-playing .aty-area:not(.is-current) .aty-area__media img { filter: saturate(.6); }
.aty-area.is-current a { border-color: var(--aty-ink); }

/* ===================================================== 8 · ODA GALERİSİ
 * Yatay kayan fotoğraf şeridi; her üçüncü kare daha uzun (ritim).
 * ------------------------------------------------------------------------- */
.aty-gallery2 { padding: var(--aty-pad-section) 0; background: var(--aty-white); border-top: 1px solid var(--aty-line-soft); overflow: hidden; }
.aty-gallery2 .aty-head { margin-bottom: 36px; }
.aty-gallery2__viewport { width: 100%; overflow: hidden; }
.aty-gallery2__track { display: flex; align-items: center; gap: 12px; width: max-content; margin: 0; padding: 0; list-style: none; animation: aty-marquee-left 70s linear infinite; }
.aty-gallery2__viewport:hover .aty-gallery2__track { animation-play-state: paused; }
.aty-gallery2__item { flex: 0 0 auto; width: 300px; height: 220px; overflow: hidden; border: 1px solid var(--aty-line); }
.aty-gallery2__item--tall { height: 300px; width: 240px; }
.aty-gallery2__item a { display: block; width: 100%; height: 100%; }
.aty-gallery2__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--ease-out); }
.aty-gallery2__item:hover img { transform: scale(1.05); }

@media (max-width: 640px) {
  .aty-area { width: 280px; }
  .aty-areas__head { grid-template-columns: minmax(0, 1fr); }
  .aty-areas__nav { display: none; } /* mobilde parmakla kaydırma yeter */
  .aty-gallery2__item { width: 220px; height: 160px; }
  .aty-gallery2__item--tall { width: 180px; height: 220px; }
  /* Mobilde marquee yerine parmakla kaydırılan şerit; tekrar kopyası gizlenir. */
  .aty-gallery2__viewport { overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 16px; scrollbar-width: none; }
  .aty-gallery2__viewport::-webkit-scrollbar { display: none; }
  .aty-gallery2__track { animation: none; width: max-content; padding: 0 16px; }
  .aty-gallery2__item { scroll-snap-align: start; }
  .aty-gallery2__item[aria-hidden="true"] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .aty-gallery2__track { animation: none; width: auto; }
  .aty-gallery2__viewport, .aty-areas__viewport { overflow-x: auto; }
}

/* ===========================================================================
 * 4 · ODALARIMIZ
 * ======================================================================== */
.aty-rooms {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
  border-top: 1px solid var(--aty-line-soft);
}

.aty-rooms__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.aty-room {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
  overflow: hidden;
  transition: border-color var(--dur-base) var(--ease-sharp);
}
.aty-room:hover,
.aty-room:focus-within { border-color: var(--aty-red); }

.aty-room__media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--aty-surface);
  border-bottom: 1px solid var(--aty-line-soft);
}
.aty-room__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--dur-slow) var(--ease-out);
}
.aty-room:hover .aty-room__media img { transform: scale(1.04); }

.aty-room__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  padding: 26px 24px 26px;
}
.aty-room__body h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
}
.aty-room__body h3 a:hover,
.aty-room__body h3 a:focus-visible { color: var(--aty-red); }
.aty-room__body > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin: 0;
  min-height: calc(1.7em * 4); /* açıklama 4 satır: özellik listesi her kartta aynı yükseklikten başlar */
  overflow: hidden;
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
}
.aty-room__body h3 { min-height: calc(1.3em * 1); }

.aty-room__features {
  margin: 2px 0 0;
  padding: 14px 0 0;
  list-style: none;
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--aty-line-soft);
}
.aty-room__features li {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 26px; /* sabit satır: kartlar arasında özellikler aynı hizada */
  font-size: 14px;
  line-height: 1.4;
}
.aty-room__features li span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.aty-room__features svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  color: var(--aty-red);
}

.aty-room__cta {
  margin-top: auto;
  align-self: flex-start;
}

/* ===========================================================================
 * 5 · KAMPÜS İMKANLARI
 * ======================================================================== */
.aty-amenities {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
  border-top: 1px solid var(--aty-line-soft);
}

.aty-amenities__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.aty-amenity {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
  overflow: hidden;
  transition: border-color var(--dur-base) var(--ease-sharp);
}
.aty-amenity:hover { border-color: var(--aty-red); }

.aty-amenity__media {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--aty-surface);
}
.aty-amenity__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--dur-slow) var(--ease-out);
}
.aty-amenity:hover .aty-amenity__media img { transform: scale(1.04); }

.aty-amenity__body {
  position: relative;
  flex: 1;
  padding: 26px 24px 26px;
}

/* Görselin alt kenarına binen kare kırmızı blok — gölgesiz, sol üstte. */
.aty-amenity__icon {
  position: absolute;
  top: -26px;
  left: 0;
  z-index: 2;
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  background: var(--aty-red);
  color: var(--aty-white);
  border-radius: 0 var(--aty-radius-sm) 0 0;
}
.aty-amenity__icon svg { width: 22px; height: 22px; }

.aty-amenity__body h3 {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
}
.aty-amenity__body p {
  margin: 0;
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* Görselsiz hizmetler: keskin köşeli hairline çipler (hap değil). */
.aty-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}
.aty-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 16px;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-ink-2);
  font-size: 14px;
  font-weight: 500;
}
.aty-chip svg { width: 16px; height: 16px; color: var(--aty-red); }

/* ===========================================================================
 * 6 · RAKAMLARLA ATAYURT — antrasit blok, ritmi kırar
 * ======================================================================== */
.aty-stats {
  position: relative;
  padding: var(--aty-pad-section) 0;
  background: var(--aty-ink);
  color: var(--aty-white);
  overflow: hidden;
  isolation: isolate;
}
.aty-stats__media {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.aty-stats__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: .14;
}
/* Görselin üstüne koyu degrade: metin kontrastı garanti altına alınır. */
.aty-stats::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(100deg, rgba(14, 16, 19, .94) 30%, rgba(14, 16, 19, .58) 100%);
}

.aty-stats__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 44px 64px;
}

.aty-stats__copy h2 {
  margin: 16px 0 18px;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.aty-stats__copy h2 strong { color: var(--aty-red); font-weight: 700; }
.aty-stats__copy .aty-kicker { color: var(--aty-white); }
.aty-stats__copy p {
  margin: 0 0 28px;
  max-width: 46ch;
  color: rgba(255, 255, 255, .74);
  font-size: 15px;
  line-height: 1.7;
}

/* Sayaç ızgarası: paylaşılan hairline hücreler, zemin şeffaf. */
.aty-stats__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--aty-line-dark);
  border-left: 1px solid var(--aty-line-dark);
}
.aty-stat {
  padding: 28px 24px;
  background: transparent;
  border-right: 1px solid var(--aty-line-dark);
  border-bottom: 1px solid var(--aty-line-dark);
}
.aty-stat strong {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(32px, 3.6vw, 48px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
}
.aty-stat span {
  display: block;
  margin-top: 10px;
  color: rgba(255, 255, 255, .70);
  font-size: 13px;
  line-height: 1.5;
}

/* ===========================================================================
 * 7 · ÜNİVERSİTELER
 * ======================================================================== */
.aty-unis {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
  border-top: 1px solid var(--aty-line-soft);
}

.aty-unis__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.aty-uni {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 84px;
  padding: 14px 16px;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
  transition: border-color var(--dur-base) var(--ease-sharp);
}
.aty-uni:hover,
.aty-uni:focus-visible { border-color: var(--aty-red); }

.aty-uni__logo {
  display: inline-flex;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  align-items: center;
  justify-content: center;
  background: var(--aty-surface);
  border: 1px solid var(--aty-line-soft);
  border-radius: var(--aty-radius-sm);
  overflow: hidden;
}
.aty-uni__logo img { width: 40px; height: 40px; object-fit: contain; }

.aty-uni__body {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.aty-uni__body strong {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.01em;
}

.aty-uni__meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--aty-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
}
.aty-uni__meta svg { width: 13px; height: 13px; flex: 0 0 13px; color: var(--aty-red); }

.aty-uni__arrow {
  width: 17px;
  height: 17px;
  color: var(--aty-muted-soft);
  transition: color var(--dur-fast) var(--ease-sharp),
              transform var(--dur-fast) var(--ease-sharp);
}
.aty-uni:hover .aty-uni__arrow { color: var(--aty-red); transform: translate(2px, -2px); }

.aty-unis__note {
  margin: 22px 0 0;
  color: var(--aty-muted);
  font-size: 13px;
  text-align: center;
}

/* ========================================================== 10 · SSS
 * Tek sütun akordiyon + kapsam filtresi + yardım kartı.
 * Kart yığını yerine hairline satırlar: 25+ soruda hafif kalır; tek sütun
 * olduğu için açılan cevap komşu sütunda boşluk bırakmaz.
 * ------------------------------------------------------------------------- */
.aty-faq2 { padding: var(--aty-pad-section) 0; background: var(--aty-white); border-top: 1px solid var(--aty-line-soft); }
.aty-faq2__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.aty-faq2__main { min-width: 0; }
.aty-faq2__main .aty-head { grid-template-columns: minmax(0, 1fr); margin-bottom: 28px; }

.aty-faq2__list { border-top: 1px solid var(--aty-ink); }
.aty-faq2__item { border-bottom: 1px solid var(--aty-line); }
.aty-faq2__item[hidden] { display: none; }
.aty-faq2__summary {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 18px;
  min-height: 64px; padding: 20px 0; list-style: none; cursor: pointer;
}
.aty-faq2__summary::-webkit-details-marker { display: none; }
.aty-faq2__num { padding-top: 4px; color: var(--aty-red); font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: .06em; }
.aty-faq2__q { margin: 0; color: var(--aty-ink); font-family: var(--font-body); font-size: 17px; font-weight: 600; line-height: 1.45; letter-spacing: -.012em; transition: color var(--dur-fast) var(--ease-sharp); }
.aty-faq2__summary:hover .aty-faq2__q,
.aty-faq2__item[open] .aty-faq2__q { color: var(--aty-red); }
/* Artı/eksi ikonu: iki hairline çizgi; açıkken dikey çizgi kaybolur. */
.aty-faq2__icon { position: relative; width: 28px; height: 28px; margin-top: 1px; border: 1px solid var(--aty-line); flex: 0 0 28px; transition: border-color var(--dur-fast) var(--ease-sharp), background var(--dur-fast) var(--ease-sharp); }
.aty-faq2__icon::before, .aty-faq2__icon::after { content: ""; position: absolute; left: 50%; top: 50%; background: currentColor; transform: translate(-50%, -50%); transition: transform var(--dur-base) var(--ease-sharp), opacity var(--dur-fast); }
.aty-faq2__icon::before { width: 12px; height: 1.5px; }
.aty-faq2__icon::after { width: 1.5px; height: 12px; }
.aty-faq2__item[open] .aty-faq2__icon { background: var(--aty-ink); border-color: var(--aty-ink); color: var(--aty-white); }
.aty-faq2__item[open] .aty-faq2__icon::after { transform: translate(-50%, -50%) scaleY(0); opacity: 0; }
.aty-faq2__a { padding: 0 46px 24px 34px; color: var(--aty-muted); font-size: 15px; line-height: 1.75; max-width: 72ch; }

.aty-faq2__aside { position: sticky; top: 120px; }
.aty-faq2__help { display: grid; gap: 14px; padding: 30px 28px; background: var(--aty-ink); color: var(--aty-white); }
.aty-faq2__help .aty-kicker { color: #f4b8bb; }
.aty-faq2__help .aty-kicker::before { background: #f4b8bb; }
.aty-faq2__help h3 { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.aty-faq2__help p { margin: 0; color: rgba(255, 255, 255, .72); font-size: 14.5px; line-height: 1.7; }
.aty-faq2__phone { display: inline-flex; align-items: center; gap: 10px; color: var(--aty-white); font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.aty-faq2__phone svg { width: 18px; height: 18px; color: var(--aty-red); }
.aty-faq2__help .aty-btn { justify-content: center; }
.aty-faq2__all { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .8); font-size: 13.5px; font-weight: 600; }
.aty-faq2__all svg { width: 14px; height: 14px; }
.aty-faq2__all:hover { color: var(--aty-white); }

@media (max-width: 1080px) { .aty-faq2__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; } .aty-faq2__aside { position: static; } }
@media (max-width: 640px) { .aty-faq2__summary { gap: 12px; } .aty-faq2__a { padding: 0 0 22px 30px; } .aty-faq2__q { font-size: 16px; } }

/* ===========================================================================
 * 11 · BLOG
 * ======================================================================== */
.aty-blog {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
  border-top: 1px solid var(--aty-line-soft);
}

.aty-blog__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.aty-post {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
  overflow: hidden;
  transition: border-color var(--dur-base) var(--ease-sharp);
}
.aty-post:hover,
.aty-post:focus-within { border-color: var(--aty-red); }

.aty-post__media {
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--aty-surface);
  border-bottom: 1px solid var(--aty-line-soft);
}
.aty-post__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--dur-slow) var(--ease-out);
}
.aty-post:hover .aty-post__media img { transform: scale(1.04); }

.aty-post__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  padding: 24px 22px 24px;
}
.aty-post__body time {
  color: var(--aty-muted-soft);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.aty-post__body h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.015em;
}
.aty-post__body h3 a:hover,
.aty-post__body h3 a:focus-visible { color: var(--aty-red); }
.aty-post__body p {
  margin: 0;
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
}

.aty-post__more {
  margin-top: auto;
  padding-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--aty-red);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.aty-post__more svg {
  width: 15px;
  height: 15px;
  transition: transform var(--dur-fast) var(--ease-sharp);
}
.aty-post:hover .aty-post__more svg { transform: translate(2px, -2px); }

/* ===========================================================================
 * 12 · ÖN KAYIT — beyaz zemin, antrasit kontrast kart
 * ======================================================================== */
.aty-enroll {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
  border-top: 1px solid var(--aty-line-soft);
}

.aty-enroll__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: 40px clamp(40px, 5vw, 72px);
}

.aty-enroll__copy h2 {
  margin: 16px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.aty-enroll__copy p {
  margin: 0 0 24px;
  max-width: 46ch;
  color: var(--aty-muted);
  font-size: 15px;
  line-height: 1.7;
}

.aty-enroll__phone {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 0 18px 0 16px;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-ink);
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 700;
  letter-spacing: -.03em;
  transition: border-color var(--dur-fast) var(--ease-sharp),
              color var(--dur-fast) var(--ease-sharp);
}
.aty-enroll__phone svg { width: 20px; height: 20px; color: var(--aty-red); }
.aty-enroll__phone:hover,
.aty-enroll__phone:focus-visible { border-color: var(--aty-red); color: var(--aty-red); }

/* Antrasit blok: sayfanın son vurgusu, gölge yerine tam kontrast. */
.aty-enroll__card {
  display: grid;
  gap: 12px;
  padding: 34px 30px 32px;
  background: var(--aty-ink);
  border: 1px solid var(--aty-ink);
  border-radius: var(--aty-radius);
  color: var(--aty-white);
}
.aty-enroll__card h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.02em;
}
.aty-enroll__card p {
  margin: 0 0 6px;
  color: rgba(255, 255, 255, .72);
  font-size: 15px;
  line-height: 1.7;
}
.aty-enroll__card .aty-btn {
  width: 100%;
  justify-content: center;
}

/* ===========================================================================
 * KIRILMA NOKTALARI
 * ======================================================================== */
@media (max-width: 1200px) {
  .aty-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* İki sütuna düşünce üstteki iki kartın altında paylaşılan çizgi gerekir. */
  .aty-why__card { border-top: 1px solid var(--aty-line); }
  .aty-why__card:nth-child(-n+2) { border-top-color: transparent; }
  .aty-why__card:nth-child(odd) { border-left-color: transparent; }
  .aty-unis__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
  .aty-hero { min-height: 660px; }
  .aty-hero__content { align-items: flex-end; }
  .aty-hero__register { flex-basis: 220px; width: 220px; }
  .aty-rooms__grid,
  .aty-amenities__grid,
  .aty-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aty-finder__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aty-finder__submit { grid-column: span 2; }
  .aty-stats__inner { gap: 40px 44px; }
}

@media (max-width: 860px) {
  .aty-hero { min-height: 600px; }
  .aty-hero__content { padding-bottom: 100px; }
  .aty-hero__register { display: none; }  /* dar ekranda ana CTA butonları yeter */
  .aty-scroll-cue { display: none; }
  .aty-hero__video-toggle { top: 16px; right: 16px; }

  .aty-stats__inner,
  .aty-trust__inner,
  .aty-enroll__inner { grid-template-columns: minmax(0, 1fr); }
  .aty-trust__media { aspect-ratio: 16 / 10; max-width: 560px; }
  .aty-trust__media::after { inset: 12px -12px -12px 12px; }

  .aty-faq__cols { grid-template-columns: minmax(0, 1fr); }
  .aty-gallery__mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    aspect-ratio: 3 / 4;
  }
  .aty-gallery__item--1 { grid-column: span 2; grid-row: span 1; }
}

@media (max-width: 640px) {
  .aty-hero { min-height: 540px; }
  /* Slider: ortalı metin, bir kademe küçük başlık, iki buton yan yana. */
  .aty-hero__content { justify-content: center; }
  .aty-hero__copy { margin: 0 auto; text-align: center; }
  .aty-hero__copy .aty-kicker { justify-content: center; }
  .aty-hero__copy h1,
  .aty-hero__copy h2 { margin: 16px 0 14px; font-size: clamp(30px, 8.4vw, 38px); }
  .aty-hero__copy p { margin: 0 auto; font-size: 15px; }
  .aty-hero__actions { flex-wrap: nowrap; gap: 8px; margin-top: 24px; }
  .aty-hero__actions .aty-btn { flex: 1 1 0; min-width: 0; padding-left: 10px; padding-right: 10px; justify-content: center; }
  /* Rakamlarla Atayurt + Ön kayıt: ortalı kopya. */
  .aty-stats__copy, .aty-enroll__copy { text-align: center; }
  .aty-stats__copy .aty-kicker, .aty-enroll__copy .aty-kicker { justify-content: center; }
  .aty-stats__copy p, .aty-enroll__copy p { margin-left: auto; margin-right: auto; }
  .aty-stat { text-align: center; }
  .aty-faq2__help { text-align: center; justify-items: center; }
  .aty-faq2__help .aty-kicker { justify-content: center; }

  .aty-finder__form { grid-template-columns: minmax(0, 1fr); }
  .aty-finder__submit { grid-column: auto; justify-content: center; }
  .aty-finder__links { gap: 4px 18px; }

  .aty-why__grid { grid-template-columns: minmax(0, 1fr); }
  .aty-why__card { border-left-color: transparent; }
  .aty-why__card:first-child { border-top-color: transparent; }
  .aty-why__card:nth-child(n+2) { border-top-color: var(--aty-line); }

  .aty-amenities__grid,
  .aty-blog__grid,
  .aty-unis__grid { grid-template-columns: minmax(0, 1fr); }

  /* Odalar: yan yana kaydırmalı şerit (scroll-snap), her kart ekranın ~%82'si. */
  .aty-rooms__grid { display: flex; align-items: stretch; gap: 14px; margin: 0; padding: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .aty-rooms__grid::-webkit-scrollbar { display: none; }
  .aty-room { flex: 0 0 82%; scroll-snap-align: start; }

  .aty-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aty-chips { justify-content: flex-start; }
  .aty-enroll__card { padding: 28px 22px; }
}

@media (max-width: 420px) {
  .aty-hero { min-height: 500px; }
  .aty-hero__controls { bottom: 18px; }
  .aty-gallery__mosaic {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(5, minmax(0, 1fr));
    aspect-ratio: 3 / 5;
  }
  .aty-gallery__item--1 { grid-column: span 1; }
  .aty-faq__item summary { gap: 10px; padding: 14px 14px; }
  .aty-faq__a { margin-left: 14px; margin-right: 14px; }
  .aty-room__body,
  .aty-amenity__body,
  .aty-post__body { padding-left: 18px; padding-right: 18px; }
}

/* Oda kartı: olmayan özellik çarpı ile soluk gösterilir (kıyaslama). */
.aty-room__features li.is-off { color: var(--aty-muted-soft); }
.aty-room__features li.is-off svg { color: var(--aty-muted-soft); }
/* Blog kartı alt satırı: tarih solda, "devamını oku" sağda aynı hizada. */
.aty-post__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--aty-line-soft); }
.aty-post__foot .aty-post__more { margin-top: 0; padding-top: 0; }

/* Ön kayıt kartı: koyu zemindeki ikincil buton görünür hairline (önceden koyu üstüne koyuydu). */
.aty-enroll__card .aty-btn--outline { border-color: rgba(255, 255, 255, .34); color: var(--aty-white); }
.aty-enroll__card .aty-btn--outline:hover, .aty-enroll__card .aty-btn--outline:focus-visible { background: var(--aty-white); border-color: var(--aty-white); color: var(--aty-ink); }

/* ==== 04-ic-sayfalar.css ================================================ */
/* ==========================================================================
   BÖLÜM 04 — İÇ SAYFA ŞABLONLARI
   Odalarımız · Hakkımızda/Standart · Koleksiyon · Detay · Galeri ·
   İletişim · Harita · Arama
   --------------------------------------------------------------------------
   Dil: beyaz + kırmızı + antrasit. Keskin köşe (0–3px), bulanık gölge yok.
   Derinlik hairline kenarlık, kontrast blok ve ofset çerçeveyle kurulur.
   Token'lar Bölüm 01'de tanımlıdır; burada yalnızca kullanılır.
   ========================================================================== */

/* ==========================================================================
   1) ODALARIMIZ — /odalarimiz
   ========================================================================== */

/* Sayfa zemini beyaz; bölümler arası kırılım hairline ile yapılır. */
.aty-oda-page {
  background: var(--aty-white);
}

/* --------------------------------------------------- 1.1 Hero -------- */
/* Görsel + antrasit degrade örtü; altında 3px kırmızı şerit sayfayı çerçeveler. */
.aty-oda-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(520px, 74vh, 760px);
  padding: 132px 0 84px;
  overflow: hidden;
  background: var(--aty-ink);
  border-bottom: 3px solid var(--aty-red);
}

.aty-oda-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.aty-oda-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Doygunluk düşürülür: fotoğraf antrasit paletin içinde kalsın. */
  filter: grayscale(.24) contrast(1.06) brightness(.72);
}

.aty-oda-hero__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(14,16,19,.62) 0%, rgba(14,16,19,.30) 42%, rgba(14,16,19,.94) 100%),
    linear-gradient(90deg, rgba(14,16,19,.80) 0%, rgba(14,16,19,0) 62%);
}

.aty-oda-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 48px;
  color: var(--aty-white);
}

.aty-oda-hero__left {
  max-width: 44ch;
}

/* Hero kicker koyu zeminde: kırmızı yerine kırık beyaz. */
.aty-oda-hero__kicker {
  color: rgba(255, 255, 255, .62);
}

.aty-oda-hero__left h1 {
  margin: 18px 0 20px;
  font-family: var(--font-display);
  font-size: clamp(38px, 5.4vw, 76px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.04em;
  color: var(--aty-white);
}

/* İki tonlu başlık: aynı ağırlık, yalnızca renk kırılımı. */
.aty-oda-hero__accent {
  color: var(--aty-red);
  font-weight: inherit;
  font-style: normal;
}

.aty-oda-hero__left p {
  margin: 0 0 30px;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .74);
}

.aty-oda-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* İstatistik sütunu: hairline ile bölünmüş dikey blok. */
.aty-oda-hero__stats {
  display: grid;
  gap: 0;
  min-width: 210px;
  border-top: 1px solid var(--aty-line-dark);
}

.aty-oda-stat {
  padding: 18px 0;
  border-bottom: 1px solid var(--aty-line-dark);
}

.aty-oda-stat strong {
  display: block;
  font-family: var(--font-display);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--aty-white);
}

.aty-oda-stat span {
  display: block;
  margin-top: 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .52);
}

.aty-oda-hero__scroll-hint {
  position: absolute;
  right: max(32px, calc((100% - 1240px) / 2));
  bottom: 26px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.aty-oda-hero__scroll-hint span {
  display: block;
  width: 44px;
  height: 1px;
  background: var(--aty-red);
}

.aty-oda-hero__scroll-hint small {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}

/* --------------------------------------------- 1.2 Oda showcase ------ */
.aty-oda-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  align-items: center;
  gap: clamp(40px, 5vw, 84px);
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: var(--aty-pad-section) 0;
  border-bottom: 1px solid var(--aty-line-soft);
}

/* Tek numaralı bölümlerde görsel sağa geçer; ritim kırılır. */
.aty-oda-showcase--odd .aty-oda-showcase__media {
  order: 2;
}

.aty-oda-showcase__media {
  position: relative;
}

.aty-oda-showcase__img-main {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
}

.aty-oda-showcase__img-main a {
  display: block;
  position: relative;
}

.aty-oda-showcase__img-main img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform var(--dur-slow) var(--ease-out);
}

.aty-oda-showcase:hover .aty-oda-showcase__img-main img {
  transform: scale(1.03);
}

/* Hover'da antrasit örtü: gölge yerine kontrast kırılımı. */
.aty-oda-showcase__img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(14,16,19,0) 55%, rgba(14,16,19,.42) 100%);
  opacity: 0;
  transition: opacity var(--dur-base) var(--ease-out);
}

.aty-oda-showcase:hover .aty-oda-showcase__img-overlay {
  opacity: 1;
}

/* İkincil görsel ana görselin üstüne biner: derinlik ofsetle kurulur. */
.aty-oda-showcase__img-secondary {
  position: absolute;
  right: -14px;
  bottom: -34px;
  width: 42%;
  max-width: 240px;
  overflow: hidden;
  border: 3px solid var(--aty-white);
  border-radius: var(--aty-radius);
  outline: 1px solid var(--aty-line);
}

.aty-oda-showcase__img-secondary img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Sıra numarası: mono, ince kontur, dekoratif. */
.aty-oda-showcase__ordinal {
  position: absolute;
  top: -22px;
  left: -10px;
  font-family: var(--font-mono);
  font-size: clamp(52px, 7vw, 92px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
  color: transparent;
  -webkit-text-stroke: 1px var(--aty-red-line);
  pointer-events: none;
  user-select: none;
}

.aty-oda-showcase__content {
  min-width: 0;
}

.aty-oda-showcase__top h2 {
  margin: 14px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-oda-showcase__top p {
  margin: 0 0 22px;
  max-width: 56ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

.aty-oda-showcase__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--aty-red-line);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-red-light);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--aty-red);
}

.aty-oda-showcase__badge svg {
  width: 15px;
  height: 15px;
}

.aty-oda-showcase__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--aty-line);
}

.aty-oda-showcase__price strong {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: var(--aty-ink);
}

.aty-oda-showcase__price small {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--aty-muted-soft);
}

.aty-oda-showcase__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

/* ------------------------------------------ 1.3 Oda özellikleri ------ */
.aty-oda-feat {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--aty-line);
}

.aty-oda-feat__heading {
  margin: 0 0 16px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aty-red);
}

.aty-oda-feat__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

.aty-oda-feat__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aty-oda-feat__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid var(--aty-line-soft);
  font-size: 14px;
  line-height: 1.5;
  color: var(--aty-ink-3);
}

.aty-oda-feat__list li svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--aty-red);
}

/* ----------------------------------------------- 1.4 Marquee --------- */
/* Kesintisiz kayan şerit: üst/alt hairline, kesik köşe, mono ritim. */
.aty-oda-gallery {
  padding: var(--aty-pad-section) 0 0;
  background: var(--aty-white);
}

.aty-oda-gallery__label {
  margin-bottom: 40px;
}

.aty-oda-gallery__label h2 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-oda-gallery__label h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-oda-marquee {
  overflow: hidden;
  padding: 14px 0;
  border-top: 1px solid var(--aty-line);
  border-bottom: 1px solid var(--aty-line);
}

.aty-oda-marquee + .aty-oda-marquee {
  border-top: 0;
}

.aty-oda-marquee__track {
  display: flex;
  align-items: stretch;
  gap: 14px;
  width: max-content;
  animation: aty-oda-marquee-run 46s linear infinite;
}

/* Ters yönlü ikinci şerit; iki şerit karşı yönde akar. */
.aty-oda-marquee--reverse .aty-oda-marquee__track {
  animation-direction: reverse;
}

.aty-oda-marquee:hover .aty-oda-marquee__track {
  animation-play-state: paused;
}

.aty-oda-marquee__item {
  flex: 0 0 auto;
  width: clamp(180px, 22vw, 300px);
  overflow: hidden;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
}

.aty-oda-marquee__item img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: grayscale(.18);
  transition: filter var(--dur-base) var(--ease-out);
}

.aty-oda-marquee__item:hover img {
  filter: grayscale(0);
}

/* Şerit iki kez basıldığı için -50% tam bir tur eder. */
@keyframes aty-oda-marquee-run {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

/* ------------------------------------------- 1.5 Ortak alanlar ------- */
.aty-oda-common {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
}

.aty-oda-common__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(36px, 5vw, 76px);
}

.aty-oda-common__media {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
}

.aty-oda-common__media img {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 4;
  object-fit: cover;
}

/* Kırmızı etiket bloğu görselin köşesine oturur. */
.aty-oda-common__tag {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  background: var(--aty-red);
  color: var(--aty-white);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aty-oda-common__tag svg {
  width: 15px;
  height: 15px;
}

.aty-oda-common__copy h2 {
  margin: 14px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-oda-common__copy h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-oda-common__copy > p {
  margin: 0 0 28px;
  max-width: 56ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

/* Hairline ızgara: hücreler arası 1px zemin çizgisiyle ayrılır. */
.aty-oda-common__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 30px;
  background: var(--aty-line);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
}

.aty-oda-common__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 16px;
  background: var(--aty-white);
}

.aty-oda-common__item svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--aty-red);
}

.aty-oda-common__item strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.3;
  color: var(--aty-ink);
}

.aty-oda-common__item span {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--aty-muted);
}

/* --------------------------------------------------- 1.6 CTA -------- */
.aty-oda-cta {
  position: relative;
  overflow: hidden;
  padding: clamp(64px, 7vw, 104px) 0;
  background: var(--aty-ink);
  border-top: 3px solid var(--aty-red);
}

.aty-oda-cta__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.aty-oda-cta__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.4) brightness(.5);
}

.aty-oda-cta__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(14,16,19,.95) 0%, rgba(14,16,19,.72) 70%, rgba(14,16,19,.86) 100%);
}

.aty-oda-cta__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 44px;
}

.aty-oda-cta__copy h2 {
  margin: 14px 0 14px;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-white);
}

.aty-oda-cta__copy h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-oda-cta__copy p {
  margin: 0;
  max-width: 52ch;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .72);
}

.aty-oda-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ---------------------------------------- 1.7 Odalar: kırılımlar ----- */
@media (max-width: 1024px) {
  .aty-oda-hero {
    min-height: 0;
    padding: 116px 0 64px;
  }

  .aty-oda-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }

  .aty-oda-hero__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    min-width: 0;
    background: var(--aty-line-dark);
    border-bottom: 1px solid var(--aty-line-dark);
  }

  .aty-oda-stat {
    padding: 16px;
    border-bottom: 0;
    background: rgba(14, 16, 19, .55);
  }

  .aty-oda-showcase {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Tek sütuna inince görsel her zaman üstte kalır. */
  .aty-oda-showcase--odd .aty-oda-showcase__media {
    order: 0;
  }

  .aty-oda-common__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-oda-cta__inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 860px) {
  .aty-oda-hero__scroll-hint {
    display: none;
  }

  .aty-oda-showcase {
    width: min(1240px, calc(100% - 40px));
  }
}

@media (max-width: 640px) {
  .aty-oda-hero {
    padding: 100px 0 48px;
  }

  .aty-oda-hero__stats {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Binen ikincil görsel dar ekranda taşmaya yol açar; kaldırılır. */
  .aty-oda-showcase__img-secondary {
    display: none;
  }

  .aty-oda-showcase__ordinal {
    top: -14px;
    left: 0;
  }

  .aty-oda-feat__cols {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-oda-common__items {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-oda-marquee__item {
    width: 150px;
  }
}

@media (max-width: 420px) {
  .aty-oda-showcase {
    width: calc(100% - 32px);
  }

  .aty-oda-hero__actions .aty-btn,
  .aty-oda-cta__actions .aty-btn {
    width: 100%;
  }
}

/* Marquee sürekli hareket eder; azaltılmış hareket tercihinde durdurulur. */
@media (prefers-reduced-motion: reduce) {
  .aty-oda-marquee__track {
    animation: none;
  }
}

/* ==========================================================================
   2) HAKKIMIZDA (about3) VE STANDART İÇERİK SAYFALARI
   ========================================================================== */

/* ------------------------------------------------- 2.1 Hero ---------- */
.aty-about3-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(480px, 70vh, 720px);
  padding: 132px 0 76px;
  overflow: hidden;
  background: var(--aty-ink);
  border-bottom: 3px solid var(--aty-red);
}

/* Sayfadaki dekoratif canvas hero'ya tam oturur. */
.aty-about3-hero canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.aty-about3-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(14,16,19,.55) 0%, rgba(14,16,19,.20) 45%, rgba(14,16,19,.92) 100%),
    linear-gradient(90deg, rgba(14,16,19,.78) 0%, rgba(14,16,19,0) 65%);
}

.aty-about3-hero__content {
  position: relative;
  z-index: 1;
  color: var(--aty-white);
}

.aty-about3-hero__content .aty-kicker {
  color: rgba(255, 255, 255, .60);
}

.aty-about3-hero__content h1 {
  margin: 18px 0 18px;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: clamp(38px, 5.4vw, 76px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.04em;
  color: var(--aty-white);
}

.aty-about3-hero__content h1 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-about3-hero__content > p {
  margin: 0;
  max-width: 48ch;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .74);
}

.aty-about3-hero__scroll {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}

.aty-about3-hero__scroll span {
  width: 44px;
  height: 1px;
  background: var(--aty-red);
}

.aty-about3-hero__scroll small {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}

/* ------------------------------------- 2.2 Ortak bölüm ritmi --------- */
.aty-about3-section {
  padding: var(--aty-pad-section) 0;
}

/* --------------------------------------------- 2.3 Hikaye ----------- */
.aty-about3-story {
  background: var(--aty-white);
  border-bottom: 1px solid var(--aty-line-soft);
}

.aty-about3-story__grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(40px, 5vw, 84px);
}

.aty-about3-story__media {
  position: relative;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
}

.aty-about3-story__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Kuruluş yılı kutusu görselin dışına taşar: ofset çerçeve etkisi. */
.aty-about3-story__float {
  position: absolute;
  right: -18px;
  bottom: -18px;
  padding: 16px 20px;
  background: var(--aty-red);
  color: var(--aty-white);
  border-radius: var(--aty-radius-sm);
}

.aty-about3-story__float strong {
  display: block;
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
}

.aty-about3-story__float span {
  display: block;
  margin-top: 5px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .8);
}

.aty-about3-story__copy h2 {
  margin: 14px 0 18px;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-about3-story__copy h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-about3-story__copy p {
  margin: 0 0 16px;
  max-width: 58ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

/* --------------------------------------------- 2.4 Rakamlar --------- */
/* Antrasit kontrast bloğu: sayfanın orta noktasında zemin kırılımı. */
.aty-about3-numbers {
  background: var(--aty-ink);
  color: var(--aty-white);
}

.aty-about3-numbers__header {
  max-width: 52ch;
  margin-bottom: 44px;
}

.aty-about3-numbers__header .aty-kicker {
  color: rgba(255, 255, 255, .55);
}

.aty-about3-numbers__header h2 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-white);
}

.aty-about3-numbers__header h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-about3-numbers__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--aty-line-dark);
  border: 1px solid var(--aty-line-dark);
}

.aty-about3-stat {
  padding: 30px 24px;
  background: var(--aty-ink);
  transition: background var(--dur-base) var(--ease-out);
}

.aty-about3-stat:hover {
  background: var(--aty-ink-2);
}

.aty-about3-stat__icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  border: 1px solid var(--aty-red-line);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-red);
}

.aty-about3-stat__icon svg {
  width: 19px;
  height: 19px;
}

.aty-about3-stat__value {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(34px, 3.4vw, 46px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--aty-white);
}

.aty-about3-stat span {
  display: block;
  margin-top: 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}

/* --------------------------------------------- 2.5 Değerler --------- */
.aty-about3-values {
  background: var(--aty-white);
}

.aty-about3-values__header {
  max-width: 52ch;
  margin-bottom: 44px;
}

.aty-about3-values__header h2 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-about3-values__header h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-about3-values__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--aty-line);
  border: 1px solid var(--aty-line);
}

.aty-about3-vcard {
  position: relative;
  padding: 30px 24px 32px;
  background: var(--aty-white);
  transition: background var(--dur-base) var(--ease-out);
}

.aty-about3-vcard:hover {
  background: var(--aty-surface);
}

/* "glow" bulanık ışık değil; üstte beliren 2px kırmızı işaret şeridi. */
.aty-about3-vcard__glow {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--aty-red);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--dur-base) var(--ease-sharp);
}

.aty-about3-vcard:hover .aty-about3-vcard__glow {
  transform: scaleX(1);
}

.aty-about3-vcard__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 20px;
  border: 1px solid var(--aty-red-line);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-red-light);
  color: var(--aty-red);
}

.aty-about3-vcard__icon svg {
  width: 20px;
  height: 20px;
}

.aty-about3-vcard h3 {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
  color: var(--aty-ink);
}

.aty-about3-vcard p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

/* --------------------------------------------- 2.6 Hizmetler -------- */
.aty-about3-services {
  background: var(--aty-white);
  border-top: 1px solid var(--aty-line-soft);
}

.aty-about3-services__header {
  max-width: 52ch;
  margin-bottom: 44px;
}

.aty-about3-services__header h2 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-about3-services__header h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

/* Bento: keskin köşeli, gölgesiz, hairline ızgara. */
.aty-about3-services__bento {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--aty-line);
  border: 1px solid var(--aty-line);
}

.aty-about3-service {
  position: relative;
  display: block;
  min-height: 200px;
  padding: 26px 24px 30px;
  background: var(--aty-white);
  color: var(--aty-ink);
  text-decoration: none;
  transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}

.aty-about3-service--large {
  grid-column: span 2;
}

.aty-about3-service:hover {
  background: var(--aty-ink);
  color: var(--aty-white);
}

.aty-about3-service__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 20px;
  border: 1px solid var(--aty-red-line);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-red);
  transition: border-color var(--dur-base) var(--ease-out);
}

.aty-about3-service:hover .aty-about3-service__icon {
  border-color: var(--aty-red);
  background: var(--aty-red);
  color: var(--aty-white);
}

.aty-about3-service__icon svg {
  width: 20px;
  height: 20px;
}

.aty-about3-service strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
}

.aty-about3-service small {
  display: block;
  max-width: 44ch;
  font-size: 14px;
  line-height: 1.6;
  color: var(--aty-muted);
  transition: color var(--dur-base) var(--ease-out);
}

.aty-about3-service:hover small {
  color: rgba(255, 255, 255, .70);
}

.aty-about3-service__arrow {
  position: absolute;
  top: 26px;
  right: 24px;
  width: 18px;
  height: 18px;
  color: var(--aty-red);
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out);
}

.aty-about3-service:hover .aty-about3-service__arrow {
  opacity: 1;
}

/* --------------------------------------------------- 2.7 CTA -------- */
.aty-about3-cta {
  position: relative;
  overflow: hidden;
  background: var(--aty-ink);
  border-top: 3px solid var(--aty-red);
}

/* Bulanık ışık yerine ince diyagonal çizgi dokusu. */
.aty-about3-cta__bg {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, .05) 0 1px,
    transparent 1px 14px
  );
}

.aty-about3-cta__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
}

.aty-about3-cta__content .aty-kicker {
  color: rgba(255, 255, 255, .55);
}

.aty-about3-cta__content h2 {
  margin: 14px 0 14px;
  max-width: 20ch;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.6vw, 50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: var(--aty-white);
}

.aty-about3-cta__content h2 strong {
  font-weight: inherit;
  color: var(--aty-red);
}

.aty-about3-cta__content p {
  margin: 0;
  max-width: 52ch;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .72);
}

.aty-about3-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

/* -------------------------------- 2.8 Standart içerik sayfaları ------ */
.aty-content-page {
  display: grid;
  gap: 44px;
}

.aty-content-body {
  max-width: 76ch;
}

.aty-content-sections {
  display: grid;
  gap: 1px;
  background: var(--aty-line);
  border-top: 1px solid var(--aty-line);
  border-bottom: 1px solid var(--aty-line);
}

/* Her bölüm sol kenarında kırmızı işaret taşır. */
.aty-content-section {
  padding: 34px 0 34px 24px;
  background: var(--aty-white);
  border-left: 2px solid var(--aty-red);
}

.aty-content-section h2 {
  margin: 12px 0 14px;
  font-family: var(--font-display);
  font-size: clamp(22px, 2.4vw, 32px);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -.03em;
  color: var(--aty-ink);
}

/* ------------------------------------- 2.9 Hikaye / olanak listesi --- */
.aty-story-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  gap: clamp(36px, 5vw, 76px);
}

.aty-story-media {
  overflow: hidden;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
}

.aty-story-media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.aty-story-copy h2 {
  margin: 14px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(26px, 3.2vw, 42px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-story-copy p {
  margin: 0 0 16px;
  max-width: 58ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

.aty-amenity-list {
  display: grid;
  gap: 0;
  margin-top: 28px;
  border-top: 1px solid var(--aty-line);
}

.aty-amenity-list a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 64px;
  padding: 16px 10px 16px 0;
  border-bottom: 1px solid var(--aty-line);
  color: var(--aty-ink);
  text-decoration: none;
  transition: padding-left var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);
}

.aty-amenity-list a:hover {
  padding-left: 12px;
  background: var(--aty-surface);
}

.aty-amenity-list a > svg:first-child {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--aty-red);
}

.aty-amenity-list a > svg:last-child {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: var(--aty-muted-soft);
}

.aty-amenity-list a span {
  min-width: 0;
}

.aty-amenity-list a strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.3;
}

.aty-amenity-list a small {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--aty-muted);
}

/* -------------------------------------------------- 2.10 SSS -------- */
.aty-faq-layout {
  display: grid;
  gap: 36px;
}

.aty-faq-list {
  display: grid;
  border-top: 1px solid var(--aty-line);
}

.aty-faq-row {
  border-bottom: 1px solid var(--aty-line);
}

.aty-faq-row summary {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  padding: 18px 0;
  cursor: pointer;
  list-style: none;
  color: var(--aty-ink);
}

.aty-faq-row summary::-webkit-details-marker {
  display: none;
}

.aty-faq-row summary > span {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  color: var(--aty-red);
}

.aty-faq-row summary strong {
  flex: 1 1 auto;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.015em;
}

.aty-faq-row summary svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: var(--aty-red);
  transition: transform var(--dur-base) var(--ease-sharp);
}

.aty-faq-row[open] summary svg {
  transform: rotate(45deg);
}

.aty-faq-row__answer {
  padding: 0 0 24px 34px;
  max-width: 72ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

/* ------------------------------ 2.11 Hakkımızda/standart kırılımlar -- */
@media (max-width: 1024px) {
  .aty-about3-hero {
    min-height: 0;
    padding: 116px 0 60px;
  }

  .aty-about3-story__grid,
  .aty-story-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-about3-numbers__grid,
  .aty-about3-values__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aty-about3-services__bento {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .aty-about3-hero {
    padding: 100px 0 48px;
  }

  .aty-about3-story__float {
    right: 0;
    bottom: 0;
  }

  .aty-about3-numbers__grid,
  .aty-about3-values__grid,
  .aty-about3-services__bento {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-about3-service--large {
    grid-column: span 1;
  }

  .aty-about3-service {
    min-height: 0;
  }

  /* Dokunmatikte hover yok; ok kalıcı görünür. */
  .aty-about3-service__arrow {
    opacity: 1;
  }

  .aty-content-section {
    padding-left: 18px;
  }

  .aty-faq-row__answer {
    padding-left: 0;
  }
}

@media (max-width: 420px) {
  .aty-about3-cta__actions .aty-btn {
    width: 100%;
  }
}

/* ==========================================================================
   3) KOLEKSİYON SAYFALARI — odalar / üniversiteler / kampüs / dergi
   ========================================================================== */

/* ------------------------------------------------- 3.1 Hero ---------- */

/* Kayıt sayısı: mono, konturlu, dekoratif sayaç. */

/* --------------------------------------------- 3.2 Izgara alanı ------ */
.aty-coll-grid-section {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
}

/* Üç koleksiyon ızgarası da 1px hairline ile bölünür. */
.aty-coll-rooms,
.aty-coll-unis,
.aty-coll-standard {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--aty-line);
  border: 1px solid var(--aty-line);
}

.aty-coll-empty {
  display: grid;
  justify-items: start;
  gap: 10px;
  padding: 56px 32px;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
  background: var(--aty-surface);
}

.aty-coll-empty svg {
  width: 26px;
  height: 26px;
  color: var(--aty-red);
}

.aty-coll-empty h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.015em;
  color: var(--aty-ink);
}

.aty-coll-empty p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

/* ---------------------------------------------- 3.3 Oda kartı -------- */
.aty-room-card {
  display: flex;
  flex-direction: column;
  background: var(--aty-white);
  transition: background var(--dur-base) var(--ease-out);
}

.aty-room-card:hover {
  background: var(--aty-surface);
}

/* İlk kart iki sütun kaplar: ızgarada hiyerarşi kurar. */
.aty-room-card--featured {
  grid-column: span 2;
}

.aty-room-card__media {
  position: relative;
  display: block;
  overflow: hidden;
}

.aty-room-card__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform var(--dur-slow) var(--ease-out);
}

.aty-room-card--featured .aty-room-card__media img {
  aspect-ratio: 16 / 9;
}

.aty-room-card:hover .aty-room-card__media img {
  transform: scale(1.03);
}

.aty-room-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(14,16,19,0) 60%, rgba(14,16,19,.55) 100%);
}

.aty-room-card__price {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 10px 14px;
  background: var(--aty-red);
  color: var(--aty-white);
}

.aty-room-card__price strong {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.02em;
}

.aty-room-card__price small {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .78);
}

.aty-room-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 24px 22px 26px;
}

.aty-room-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aty-red);
}

.aty-room-card__tag svg {
  width: 14px;
  height: 14px;
}

.aty-room-card__body h3 {
  margin: 12px 0 10px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
}

.aty-room-card__body h3 a {
  color: var(--aty-ink);
  text-decoration: none;
}

.aty-room-card__body h3 a:hover {
  color: var(--aty-red);
}

.aty-room-card__body p {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

.aty-room-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--aty-red);
  text-decoration: none;
}

.aty-room-card__link svg {
  width: 16px;
  height: 16px;
  transition: transform var(--dur-fast) var(--ease-out);
}

.aty-room-card__link:hover svg {
  transform: translateX(4px);
}

/* ------------------------------------------ 3.4 Üniversite kartı ----- */
.aty-uni-card {
  display: flex;
  flex-direction: column;
  background: var(--aty-white);
  transition: background var(--dur-base) var(--ease-out);
}

.aty-uni-card:hover {
  background: var(--aty-surface);
}

.aty-uni-card__visual {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--aty-ink-2);
}

.aty-uni-card__campus {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  filter: grayscale(.25) brightness(.78);
  transition: filter var(--dur-base) var(--ease-out);
}

.aty-uni-card:hover .aty-uni-card__campus {
  filter: grayscale(0) brightness(.9);
}

/* Logo, görselin alt kenarına binen beyaz kare blok. */
.aty-uni-card__logo-wrap {
  position: absolute;
  left: 22px;
  bottom: 0;
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  transform: translateY(50%);
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-red);
}

.aty-uni-card__logo-wrap > svg {
  width: 26px;
  height: 26px;
}

.aty-uni-card__logo {
  max-width: 46px;
  max-height: 46px;
  object-fit: contain;
}

.aty-uni-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 54px 22px 26px;
}

.aty-uni-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.aty-uni-card__type {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aty-muted);
}

.aty-uni-card__verified {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aty-red);
}

.aty-uni-card__verified svg {
  width: 14px;
  height: 14px;
}

.aty-uni-card__body h3 {
  margin: 12px 0 10px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
}

.aty-uni-card__body h3 a {
  color: var(--aty-ink);
  text-decoration: none;
}

.aty-uni-card__body h3 a:hover {
  color: var(--aty-red);
}

.aty-uni-card__distance {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 18px;
  font-size: 14px;
  color: var(--aty-muted);
}

.aty-uni-card__distance svg {
  width: 15px;
  height: 15px;
  color: var(--aty-red);
}

.aty-uni-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--aty-red);
  text-decoration: none;
}

.aty-uni-card__link svg {
  width: 16px;
  height: 16px;
  transition: transform var(--dur-fast) var(--ease-out);
}

.aty-uni-card__link:hover svg {
  transform: translate(3px, -3px);
}

/* ------------------------------------------- 3.5 Standart kart ------- */
.aty-std-card {
  display: flex;
  flex-direction: column;
  background: var(--aty-white);
  transition: background var(--dur-base) var(--ease-out);
}

.aty-std-card:hover {
  background: var(--aty-surface);
}

.aty-std-card__media {
  display: block;
  overflow: hidden;
}

.aty-std-card__media img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: transform var(--dur-slow) var(--ease-out);
}

.aty-std-card:hover .aty-std-card__media img {
  transform: scale(1.03);
}

.aty-std-card__body {
  padding: 24px 22px 28px;
}

.aty-std-card__meta {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aty-red);
}

.aty-std-card__body h3 {
  margin: 12px 0 10px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
}

.aty-std-card__body h3 a {
  color: var(--aty-ink);
  text-decoration: none;
}

.aty-std-card__body h3 a:hover {
  color: var(--aty-red);
}

.aty-std-card__body p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

/* --------------------------------------------- 3.6 Koleksiyon CTA ---- */
.aty-coll-cta {
  padding: clamp(56px, 6vw, 84px) 0;
  background: var(--aty-ink);
  border-top: 3px solid var(--aty-red);
}

.aty-coll-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 36px;
}

.aty-coll-cta__text h2 {
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-size: clamp(24px, 2.8vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.035em;
  color: var(--aty-white);
}

.aty-coll-cta__text p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .70);
}

.aty-coll-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ------------------------------------ 3.7 Koleksiyon kırılımları ----- */
@media (max-width: 1024px) {
  .aty-coll-rooms,
  .aty-coll-unis,
  .aty-coll-standard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aty-coll-cta__inner {
    grid-template-columns: minmax(0, 1fr);
  }
}


@media (max-width: 640px) {
  .aty-coll-rooms,
  .aty-coll-unis,
  .aty-coll-standard {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-room-card--featured {
    grid-column: span 1;
  }

  .aty-room-card--featured .aty-room-card__media img {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 420px) {
  .aty-coll-cta__actions .aty-btn {
    width: 100%;
  }
}

/* ==========================================================================
   4) DETAY SAYFALARI — oda / üniversite / kampüs / yazı
   ========================================================================== */
.aty-dtl-content {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
}

.aty-dtl-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: clamp(36px, 4vw, 64px);
}

.aty-dtl-main {
  min-width: 0;
}

.aty-dtl-cover {
  margin: 0 0 28px;
  overflow: hidden;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
}

.aty-dtl-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Meta çipleri: mono, hairline kutu. */
.aty-dtl-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
}

.aty-dtl-meta span,
.aty-dtl-meta time {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aty-muted);
}

.aty-dtl-meta .aty-dtl-meta--verified {
  border-color: var(--aty-red-line);
  background: var(--aty-red-light);
  color: var(--aty-red);
}

.aty-dtl-meta .aty-dtl-meta--pending {
  border-color: var(--aty-line);
  color: var(--aty-muted-soft);
}

.aty-dtl-lead {
  margin: 0 0 26px;
  max-width: 68ch;
  padding-left: 18px;
  border-left: 2px solid var(--aty-red);
  font-size: 17px;
  line-height: 1.66;
  color: var(--aty-ink-3);
}

.aty-dtl-section {
  margin: 0 0 30px;
  padding-top: 26px;
  border-top: 1px solid var(--aty-line);
}

.aty-dtl-section h2 {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.03em;
  color: var(--aty-ink);
}

.aty-dtl-section p {
  margin: 0;
  max-width: 68ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

.aty-dtl-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--aty-line);
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
}

.aty-dtl-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 14px;
  background: var(--aty-white);
  font-size: 14px;
  line-height: 1.4;
  color: var(--aty-ink-3);
}

.aty-dtl-feature svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  color: var(--aty-red);
}

.aty-dtl-fact {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 26px;
  padding: 18px;
  border: 1px solid var(--aty-line);
  border-left: 2px solid var(--aty-red);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-surface);
}

.aty-dtl-fact__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 1px solid var(--aty-red-line);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-white);
  color: var(--aty-red);
}

.aty-dtl-fact__icon svg {
  width: 18px;
  height: 18px;
}

.aty-dtl-fact__text small {
  display: block;
  margin-bottom: 5px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aty-red);
}

.aty-dtl-fact__text strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -.01em;
  color: var(--aty-ink);
}

/* Yan sütun: antrasit kontrast bloğu, yapışkan. */
.aty-dtl-aside {
  position: sticky;
  top: 104px;
}

.aty-dtl-aside__card {
  padding: 28px 24px 26px;
  background: var(--aty-ink);
  border-radius: var(--aty-radius);
  color: var(--aty-white);
}

.aty-dtl-aside__card .aty-kicker {
  color: rgba(255, 255, 255, .55);
}

.aty-dtl-aside__card h3 {
  margin: 12px 0 10px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
  color: var(--aty-white);
}

.aty-dtl-aside__card p {
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .70);
}

.aty-dtl-aside__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 14px;
  padding-top: 14px;
  width: 100%;
  border-top: 1px solid var(--aty-line-dark);
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, .82);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}

.aty-dtl-aside__link:hover {
  color: var(--aty-white);
}

.aty-dtl-aside__link svg {
  width: 16px;
  height: 16px;
  color: var(--aty-red);
}

/* --------------------------------------- 4.1 Detay kırılımları ------- */
@media (max-width: 1024px) {
  .aty-dtl-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-dtl-aside {
    position: static;
  }
}

@media (max-width: 860px) {
  .aty-dtl-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .aty-dtl-features {
    grid-template-columns: minmax(0, 1fr);
  }

  .aty-dtl-lead {
    padding-left: 14px;
    font-size: 16px;
  }
}

/* ==========================================================================
   5) GALERİ SAYFASI
   ========================================================================== */

/* ------------------------------------------------ 5.1 Araç çubuğu ---- */

/* ----------------------------------------------- 5.2 Bento ızgara ---- */

/* Alt yazı yalnızca ekran okuyucuya ve lightbox'a hizmet eder. */

.aty-gallery-bento__link:hover .aty-gallery-bento__overlay,

/* Masonry görünümü: sütun akışı, span kuralları devre dışı. */

/* ------------------------------------------------- 5.3 Lightbox ------ */
.aty-lightbox {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.aty-lightbox[hidden] {
  display: none;
}

.aty-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(14, 16, 19, .96);
}

.aty-lightbox__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: min(1180px, 100%);
  max-height: 100%;
}

.aty-lightbox__figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  min-height: 0;
}

.aty-lightbox__img {
  display: block;
  max-width: 100%;
  max-height: 74vh;
  object-fit: contain;
  border: 1px solid var(--aty-line-dark);
}

.aty-lightbox__caption {
  max-width: 66ch;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .74);
}

.aty-lightbox__counter {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .18em;
  color: var(--aty-red);
}

/* Keskin kare kontroller; hepsi 48px dokunma hedefi. */
.aty-lightbox__content button {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--aty-line-dark);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-ink-2);
  color: var(--aty-white);
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}

.aty-lightbox__content button:hover {
  background: var(--aty-red);
  border-color: var(--aty-red);
}

.aty-lightbox__content button svg {
  width: 20px;
  height: 20px;
}

.aty-lightbox__close {
  top: -8px;
  right: 0;
}

.aty-lightbox__prev {
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
}

.aty-lightbox__next {
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
}

/* ------------------------------------- 5.4 Galeri kırılımları -------- */

@media (max-width: 640px) {

  /* Dokunmatikte örtü kalıcı: zoom hedefi görünür olmalı. */

  .aty-lightbox {
    padding: 16px;
  }

  .aty-lightbox__close {
    top: 0;
    right: 0;
  }

  .aty-lightbox__prev {
    top: auto;
    bottom: 0;
    left: 0;
    transform: none;
  }

  .aty-lightbox__next {
    top: auto;
    bottom: 0;
    right: 0;
    transform: none;
  }

  .aty-lightbox__img {
    max-height: 60vh;
  }
}

@media (max-width: 420px) {

  .aty-gallery-bento__item--hero,

}

/* Bento reveal hareketi kapatılır. */

/* ==========================================================================
   6) İLETİŞİM SAYFASI
   Mevcut düzen korunur (harita hero, hero'ya binen bilgi karoları,
   iki sütunlu form); yalnızca keskin dile uyarlanır.
   ========================================================================== */

.aty-contact-hero2 {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(420px, 58vh, 560px);
  padding-top: 112px;
  overflow: hidden;
  background: var(--aty-ink);
  border-bottom: 3px solid var(--aty-red);
}

.aty-contact-hero2__map {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.aty-contact-hero2__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  /* Harita antrasit paletle uyumlansın diye doygunluğu düşürülür. */
  filter: grayscale(.55) contrast(1.05) brightness(.82);
}

.aty-contact-hero2__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(14,16,19,.34) 0%, rgba(14,16,19,.62) 48%, rgba(14,16,19,.95) 100%);
}

.aty-contact-hero2__content {
  position: relative;
  z-index: 2;
  padding: 72px 0 88px;
  color: var(--aty-white);
}

.aty-contact-hero2__content .aty-kicker {
  color: rgba(255, 255, 255, .62);
}

.aty-contact-hero2__content h1 {
  margin: 16px 0 14px;
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 68px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.04em;
  color: var(--aty-white);
}

.aty-contact-hero2__content > p {
  margin: 0 0 26px;
  max-width: 54ch;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .74);
}

.aty-contact-hero2__directions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 24px;
  background: var(--aty-red);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-white);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  text-decoration: none;
  transition: background var(--dur-fast) var(--ease-out);
}

.aty-contact-hero2__directions:hover {
  background: var(--aty-red-dark);
}

.aty-contact-hero2__directions svg {
  width: 16px;
  height: 16px;
}

/* --------------------------------- 6.1 Bilgi karoları (hero'ya biner) */
.aty-contact-strip {
  position: relative;
  z-index: 3;
  margin-top: -52px;
  padding: 0;
}

.aty-contact-strip__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--aty-line);
  border: 1px solid var(--aty-line);
}

.aty-contact-tile {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 92px;
  padding: 20px 18px;
  background: var(--aty-white);
  color: var(--aty-ink);
  text-decoration: none;
  transition: background var(--dur-base) var(--ease-out);
}

.aty-contact-tile:hover {
  background: var(--aty-surface);
}

/* Kırmızı kare ikon karosu — kullanıcının beğendiği detay, köşe 2px'e iner. */
.aty-contact-tile__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  background: var(--aty-red);
  border-radius: var(--aty-radius-sm);
  color: var(--aty-white);
}

.aty-contact-tile__icon svg {
  width: 20px;
  height: 20px;
}

.aty-contact-tile__text {
  min-width: 0;
}

.aty-contact-tile__text span {
  display: block;
  margin-bottom: 4px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aty-muted);
}

.aty-contact-tile__text strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}

.aty-contact-tile__arrow {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: var(--aty-red);
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out);
}

.aty-contact-tile:hover .aty-contact-tile__arrow {
  opacity: 1;
}

/* ------------------------------------------------ 6.2 Form alanı ----- */
.aty-contact-form2 {
  padding: var(--aty-pad-section) 0;
  background: var(--aty-white);
}

.aty-contact-form2__wrapper {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: start;
  gap: clamp(40px, 5vw, 72px);
}

.aty-contact-form2__sidebar h2 {
  margin: 14px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(26px, 3.2vw, 42px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.035em;
  color: var(--aty-ink);
}

.aty-contact-form2__sidebar h2 strong {
  font-weight: inherit;
  font-style: normal;
  color: var(--aty-red);
}

.aty-contact-form2__sidebar > p {
  margin: 0 0 30px;
  max-width: 44ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

.aty-contact-form2__info {
  display: grid;
  margin-bottom: 34px;
  border-top: 1px solid var(--aty-line);
}

.aty-contact-form2__info-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  border-bottom: 1px solid var(--aty-line);
  font-size: 14px;
  line-height: 1.5;
  color: var(--aty-ink-3);
}

.aty-contact-form2__info-item svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  color: var(--aty-red);
}

.aty-contact-form2__social > span {
  display: block;
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aty-muted);
}

.aty-contact-form2__social-links {
  display: flex;
  gap: 8px;
}

.aty-contact-form2__social-links a {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-white);
  color: var(--aty-ink);
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}

.aty-contact-form2__social-links a:hover {
  background: var(--aty-red);
  border-color: var(--aty-red);
  color: var(--aty-white);
}

.aty-contact-form2__social-links a svg {
  width: 18px;
  height: 18px;
}

/* Form paneli: beyaz kart, gölge yerine hairline çerçeve. */
.aty-contact-form2__panel {
  padding: clamp(24px, 3vw, 40px);
  background: var(--aty-white);
  border: 1px solid var(--aty-line);
  border-top: 3px solid var(--aty-red);
  border-radius: var(--aty-radius);
}

/* ------------------------------------ 6.3 İletişim kırılımları ------- */
@media (max-width: 1200px) {
  .aty-contact-strip__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .aty-contact-form2__wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .aty-contact-hero2 {
    min-height: 0;
  }

  .aty-contact-hero2__content {
    padding: 56px 0 76px;
  }

  .aty-contact-strip {
    margin-top: -40px;
  }

  .aty-contact-strip__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Dokunmatikte hover yok; ok kalıcı görünür. */
  .aty-contact-tile__arrow {
    opacity: 1;
  }
}

@media (max-width: 420px) {
  .aty-contact-hero2__directions {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   7) HARİTA SAYFASI
   ========================================================================== */

.aty-map-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr);
  align-items: start;
  gap: clamp(32px, 4vw, 56px);
}

.aty-map-card {
  display: grid;
  border: 1px solid var(--aty-line);
  border-radius: var(--aty-radius);
  overflow: hidden;
  background: var(--aty-white);
}

.aty-map-card__heading {
  padding: 28px 26px 30px;
  border-bottom: 1px solid var(--aty-line);
}

.aty-map-card__heading h2 {
  margin: 12px 0 12px;
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.03em;
  color: var(--aty-ink);
}

.aty-map-card__heading p {
  margin: 0 0 22px;
  max-width: 52ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

.aty-map-card__embed {
  height: clamp(320px, 42vh, 460px);
  background: var(--aty-surface);
}

.aty-map-card__embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(.4) contrast(1.04);
}

.aty-map-notes h2 {
  margin: 12px 0 12px;
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.03em;
  color: var(--aty-ink);
}

.aty-map-notes p {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--aty-muted);
}

.aty-map-universities {
  display: grid;
  border-top: 1px solid var(--aty-line);
}

.aty-map-universities a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 56px;
  padding: 14px 10px 14px 0;
  border-bottom: 1px solid var(--aty-line);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--aty-ink);
  text-decoration: none;
  transition: padding-left var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);
}

.aty-map-universities a:hover {
  padding-left: 12px;
  background: var(--aty-surface);
  color: var(--aty-red);
}

.aty-map-universities a svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: var(--aty-red);
}

@media (max-width: 1024px) {
  .aty-map-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ==========================================================================
   8) ARAMA SAYFASI — filtre bloğu
   ========================================================================== */

.aty-search-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}

/* Aktif filtre özeti: mono etiketler, keskin çipler. */
.aty-search-filter-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--aty-line);
}

.aty-search-filter-summary > span {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aty-muted);
}

.aty-search-filter-summary > strong {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid var(--aty-red-line);
  border-radius: var(--aty-radius-sm);
  background: var(--aty-red-light);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--aty-red);
}

@media (max-width: 860px) {
  .aty-search-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .aty-search-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ==== Üniversiteler: alt alta satır düzeni (tablo) ======================== */
.aty-uni-table { display: grid; border-top: 1px solid var(--aty-ink); }
.aty-uni-table__head,
.aty-uni-row {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) 120px 150px minmax(0, 1.1fr) 170px;
  align-items: center;
  gap: 20px;
  padding: 18px 8px;
  border-bottom: 1px solid var(--aty-line);
}
.aty-uni-table__head {
  padding: 12px 8px;
  color: var(--aty-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.aty-uni-table__head-action { text-align: right; }
.aty-uni-row { color: var(--aty-ink); transition: background var(--dur-fast) var(--ease-sharp); }
.aty-uni-row:hover,
.aty-uni-row:focus-visible { background: var(--aty-surface); }
.aty-uni-row__name { display: flex; align-items: center; gap: 16px; min-width: 0; }
.aty-uni-row__logo {
  display: inline-flex; width: 52px; height: 52px; flex: 0 0 52px;
  align-items: center; justify-content: center;
  border: 1px solid var(--aty-line); background: #fff;
}
.aty-uni-row__logo img { width: 40px; height: 40px; object-fit: contain; }
.aty-uni-row__logo svg { width: 22px; height: 22px; color: var(--aty-red); }
.aty-uni-row__title { display: grid; gap: 3px; min-width: 0; }
.aty-uni-row__title strong { font-size: 16px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; }
.aty-uni-row__title small { display: inline-flex; align-items: center; gap: 5px; color: var(--aty-red); font-size: 12px; font-weight: 500; }
.aty-uni-row__title small svg { width: 13px; height: 13px; }
.aty-uni-row__type,
.aty-uni-row__transport { color: var(--aty-muted); font-size: 14px; }
.aty-uni-row__time { font-size: 14px; color: var(--aty-muted); }
.aty-uni-row__time strong { color: var(--aty-ink); font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.aty-uni-row__action {
  display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px;
  color: var(--aty-red); font-size: 13px; font-weight: 600; white-space: nowrap;
}
.aty-uni-row__action svg { width: 15px; height: 15px; transition: transform var(--dur-fast) var(--ease-sharp); }
.aty-uni-row:hover .aty-uni-row__action svg { transform: translate(2px, -2px); }

@media (max-width: 860px) {
  .aty-uni-table__head { display: none; }
  .aty-uni-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "name name" "type time" "transport transport" "action action";
    gap: 10px 16px;
    padding: 18px 0;
  }
  .aty-uni-row__name { grid-area: name; }
  .aty-uni-row__type { grid-area: type; }
  .aty-uni-row__time { grid-area: time; }
  .aty-uni-row__transport { grid-area: transport; }
  .aty-uni-row__action { grid-area: action; }
  .aty-uni-row__type::before,
  .aty-uni-row__time::before,
  .aty-uni-row__transport::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    color: var(--aty-muted-soft);
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
}

/* ==== Oda kartı: özellik listesi ve eylem satırı ========================= */
.aty-room-card__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.aty-room-card__features { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.aty-room-card__features li { display: flex; align-items: center; gap: 8px; color: var(--aty-muted); font-size: 13.5px; }
.aty-room-card__features svg { width: 14px; height: 14px; color: var(--aty-red); flex: 0 0 14px; }
.aty-room-card__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 20px; }
.aty-room-card__actions .aty-btn { flex: 1 1 auto; justify-content: center; min-height: 46px; padding: 0 18px; font-size: 13.5px; }

/* ==== Oda detayı: 3D tur ================================================== */
.aty-dtl-tour { margin-top: 40px; }
.aty-dtl-tour__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.aty-dtl-tour__head h2 { margin: 0; }
.aty-dtl-tour__head p { margin: 6px 0 0; color: var(--aty-muted); font-size: 14px; }
.aty-dtl-tour__frame {
  position: relative; width: 100%; aspect-ratio: 16 / 9;
  background: var(--aty-ink); border: 1px solid var(--aty-ink);
}
.aty-dtl-tour__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.aty-dtl-tour__open { display: inline-flex; align-items: center; gap: 8px; color: var(--aty-red); font-size: 13px; font-weight: 600; white-space: nowrap; }
.aty-dtl-tour__open svg { width: 15px; height: 15px; }
.aty-dtl-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.aty-dtl-gallery figure { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--aty-line); }
.aty-dtl-gallery img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 640px) {
  .aty-dtl-tour__head { flex-direction: column; align-items: flex-start; }
  .aty-dtl-gallery { grid-template-columns: minmax(0, 1fr); }
}

/* ==========================================================================
   Alt bilgi ikon ölçüleri — satır içi SVG yerine lucide ile çizilen ikonlar.
   ========================================================================== */
.aty-ftv2__social svg { width: 18px; height: 18px; }
.aty-ftv2__bottom-links .aty-ftv2__totop svg { width: 14px; height: 14px; }

/* 3D tur facade: poster + başlat butonu; iframe tıklayınca gelir. */
.aty-dtl-tour__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.aty-dtl-tour__play {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: inline-flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 26px;
  border: 1px solid var(--aty-white); background: var(--aty-red); color: var(--aty-white);
  font-family: var(--font-body); font-size: 14px; font-weight: 600; cursor: pointer;
  transition: background var(--dur-fast) var(--ease-sharp);
}
.aty-dtl-tour__play svg { width: 20px; height: 20px; }
.aty-dtl-tour__play:hover, .aty-dtl-tour__play:focus-visible { background: var(--aty-ink); }

/* ==== Hakkımızda: hero görseli, hizmet kartı fotoğrafı ve hizmet çipleri ==== */
.aty-about3-hero__img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aty-about3-service__media {
  display: block;
  margin: -26px -24px 20px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--aty-line-soft);
}
.aty-about3-service__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aty-about3-services__chips { justify-content: flex-start; margin-top: 26px; }

/* ==== Öğrenci girişi (geçici) ============================================ */
.aty-student { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 130px); background: var(--aty-white); }
.aty-student__panel { width: 100%; padding: 64px 24px; }
.aty-student__inner { width: min(460px, 100%); margin: 0 auto; padding: 40px 36px; border: 1px solid var(--aty-line); text-align: left; }
.aty-student__inner h1 { margin: 14px 0 12px; font-size: clamp(30px, 3.4vw, 42px); }
.aty-student__inner > p { margin: 0 0 24px; color: var(--aty-muted); font-size: 15px; line-height: 1.7; }
.aty-student__notice { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; margin-bottom: 24px; border: 1px solid var(--aty-red-line); background: var(--aty-red-light); color: var(--aty-ink); font-size: 14px; line-height: 1.55; }
.aty-student__notice svg { width: 18px; height: 18px; flex: 0 0 18px; color: var(--aty-red); margin-top: 2px; }
.aty-student__form { display: grid; gap: 14px; }
.aty-student__field { display: grid; gap: 6px; font-size: 13px; font-weight: 600; }
.aty-student__field input { height: 52px; padding: 0 14px; border: 1px solid var(--aty-line); background: var(--aty-surface); color: var(--aty-muted); font: inherit; }
.aty-student__form .aty-btn[disabled] { opacity: .55; cursor: not-allowed; }
.aty-student__links { display: grid; gap: 10px; margin-top: 24px; font-size: 14px; font-weight: 600; }
.aty-student__links a { display: inline-flex; align-items: center; gap: 8px; color: var(--aty-red); }
.aty-student__links svg { width: 15px; height: 15px; }
@media (max-width: 640px) { .aty-student__inner { padding: 28px 20px; border: 0; } }

/* ==== Galeri: albümler ve albüm görselleri ================================ */
.aty-galx { padding: var(--aty-pad-section) 0; background: var(--aty-white); }
.aty-galx__albums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.aty-galx__albums--compact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.aty-album { display: flex; flex-direction: column; color: var(--aty-ink); border: 1px solid var(--aty-line); background: var(--aty-white); transition: border-color var(--dur-fast) var(--ease-sharp); }
.aty-album:hover, .aty-album:focus-visible { border-color: var(--aty-red); }
.aty-album__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--aty-ink); }
.aty-album__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--ease-out); }
.aty-album:hover .aty-album__media img { transform: scale(1.05); }
.aty-album__body { display: grid; gap: 6px; padding: 18px 20px 20px; }
.aty-album__count { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--aty-red); }
.aty-album__body strong { font-size: 20px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.aty-album__desc { color: var(--aty-muted); font-size: 14px; line-height: 1.6; }
.aty-album__cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--aty-ink); }
.aty-album__cta svg { width: 14px; height: 14px; }
.aty-galx__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 220px; grid-auto-flow: dense; gap: 12px; }
.aty-galx__item { margin: 0; overflow: hidden; border: 1px solid var(--aty-line); }
.aty-galx__item:nth-child(5n+1) { grid-column: span 2; grid-row: span 2; }
.aty-galx__open { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: var(--aty-ink); cursor: zoom-in; }
.aty-galx__open img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--ease-out); }
.aty-galx__open:hover img { transform: scale(1.05); }
.aty-galx__zoom { position: absolute; right: 10px; bottom: 10px; display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; background: var(--aty-red); color: var(--aty-white); opacity: 0; transition: opacity var(--dur-fast); }
.aty-galx__zoom svg { width: 16px; height: 16px; }
.aty-galx__open:hover .aty-galx__zoom, .aty-galx__open:focus-visible .aty-galx__zoom { opacity: 1; }
.aty-galx__others { margin-top: clamp(48px, 6vw, 80px); padding-top: 32px; border-top: 1px solid var(--aty-ink); }
.aty-galx__others h2 { margin: 0 0 20px; font-size: 22px; }
@media (max-width: 1080px) { .aty-galx__albums { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aty-galx__albums--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aty-galx__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 180px; } }
@media (max-width: 640px) { .aty-galx__albums, .aty-galx__albums--compact { grid-template-columns: minmax(0, 1fr); } .aty-galx__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 140px; } .aty-galx__item:nth-child(5n+1) { grid-column: span 2; grid-row: span 1; } }

/* ==== Blog listesi: öne çıkan yazı + ızgara ============================== */
.aty-blogx { padding: var(--aty-pad-section) 0; background: var(--aty-white); }
.aty-blogx__featured { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); border: 1px solid var(--aty-ink); margin-bottom: 20px; color: var(--aty-ink); }
.aty-blogx__featured-media { display: block; min-height: 380px; background: var(--aty-ink); overflow: hidden; }
.aty-blogx__featured-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--ease-out); }
.aty-blogx__featured:hover .aty-blogx__featured-media img { transform: scale(1.04); }
.aty-blogx__featured-body { display: grid; align-content: center; gap: 14px; padding: clamp(28px, 4vw, 56px); }
.aty-blogx__featured-body h2 { margin: 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.1; }
.aty-blogx__featured-body p { margin: 0; color: var(--aty-muted); font-size: 15.5px; line-height: 1.75; }
.aty-blogx__meta { display: flex; flex-wrap: wrap; gap: 14px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--aty-muted); }
.aty-blogx__meta strong { color: var(--aty-red); font-weight: 500; }
.aty-blogx__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.aty-blogx__card { display: flex; flex-direction: column; color: var(--aty-ink); border: 1px solid var(--aty-line); transition: border-color var(--dur-fast) var(--ease-sharp); }
.aty-blogx__card:hover, .aty-blogx__card:focus-visible { border-color: var(--aty-red); }
.aty-blogx__card-media { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--aty-ink); }
.aty-blogx__card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--ease-out); }
.aty-blogx__card:hover .aty-blogx__card-media img { transform: scale(1.05); }
.aty-blogx__card-body { display: grid; gap: 10px; padding: 20px 22px 22px; }
.aty-blogx__card-body h3 { margin: 0; font-size: 19px; line-height: 1.3; }
.aty-blogx__card-body p { margin: 0; color: var(--aty-muted); font-size: 14.5px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.aty-blogx__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--aty-red); }
.aty-blogx__more svg { width: 14px; height: 14px; }
@media (max-width: 1080px) { .aty-blogx__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px) { .aty-blogx__featured { grid-template-columns: minmax(0, 1fr); } .aty-blogx__featured-media { min-height: 240px; } }
@media (max-width: 640px) { .aty-blogx__grid { grid-template-columns: minmax(0, 1fr); } }

/* ==== Sayfa başlığı: tüm iç sayfalarda tek bileşen ========================
   Koyu antrasit blok, altında kırmızı şerit. İsteğe bağlı: arka plan görseli
   (--image), geri bağlantısı, meta satırı ve dekoratif kayıt sayacı. */
.aty-page-head { position: relative; display: flex; align-items: flex-end; min-height: 320px; padding: clamp(56px, 7vw, 88px) 0 clamp(40px, 5vw, 60px); overflow: hidden; background: var(--aty-ink); color: var(--aty-white); border-bottom: 3px solid var(--aty-red); }
.aty-page-head__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.3) brightness(.55); }
.aty-page-head__overlay { position: absolute; inset: 0; background-image: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 60%), repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 1px, transparent 1px 16px); }
.aty-page-head--image .aty-page-head__overlay { background-image: linear-gradient(180deg, rgba(14,16,19,.55) 0%, rgba(14,16,19,.35) 45%, rgba(14,16,19,.92) 100%); }
.aty-page-head__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 32px; }
.aty-page-head__content { max-width: 780px; }
.aty-page-head__back { display: flex; width: fit-content; align-items: center; gap: 8px; min-height: 44px; margin-bottom: 8px; font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.62); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }
.aty-page-head__back:hover { color: var(--aty-white); }
.aty-page-head__back svg { width: 15px; height: 15px; color: var(--aty-red); }
.aty-page-head__content .aty-kicker { color: rgba(255,255,255,.62); }
.aty-page-head__content .aty-kicker::before { background: var(--aty-red); }
.aty-page-head__content h1 { margin: 16px 0 14px; font-family: var(--font-display); font-size: clamp(32px, 4.6vw, 60px); font-weight: 800; line-height: 1.03; letter-spacing: -.04em; color: var(--aty-white); overflow-wrap: anywhere; }
.aty-page-head__content p { margin: 0; max-width: 60ch; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.72); }
.aty-page-head__meta { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.aty-page-head__meta svg { width: 14px; height: 14px; color: var(--aty-red); }
.aty-page-head__count span { display: block; font-family: var(--font-mono); font-size: clamp(48px, 6vw, 84px); font-weight: 500; line-height: .9; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.34); }
@media (max-width: 860px) { .aty-page-head { min-height: 264px; } .aty-page-head__inner { grid-template-columns: minmax(0, 1fr); gap: 20px; } .aty-page-head__count { display: none; } }
@media (max-width: 640px) { .aty-page-head { min-height: 220px; } }

/* ==== Yasal / politika sayfaları (pages tablosu) ========================== */
.aty-legal { padding: var(--aty-pad-section) 0; background: var(--aty-white); }
.aty-legal__layout { display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 64px; align-items: start; }
.aty-legal__nav { position: sticky; top: 96px; border: 1px solid var(--aty-line); background: var(--aty-white); }
.aty-legal__nav-title { display: block; padding: 14px 18px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--aty-muted-soft); border-bottom: 1px solid var(--aty-line); }
.aty-legal__nav a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; padding: 0 18px; font-size: 14px; font-weight: 600; color: var(--aty-ink); border-bottom: 1px solid var(--aty-line-soft); transition: color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out); }
.aty-legal__nav a:last-child { border-bottom: 0; }
.aty-legal__nav a svg { width: 14px; height: 14px; color: var(--aty-red); opacity: 0; transition: opacity var(--dur-fast) var(--ease-out); }
.aty-legal__nav a:hover { color: var(--aty-red); }
.aty-legal__nav a:hover svg, .aty-legal__nav a.is-active svg { opacity: 1; }
.aty-legal__nav a.is-active { color: var(--aty-red); background: var(--aty-red-light); }
.aty-legal__body { max-width: 760px; }
.aty-legal__summary { margin: 0 0 32px; padding: 18px 22px; border: 1px solid var(--aty-line); font-size: 15px; font-weight: 500; line-height: 1.65; color: var(--aty-ink); }
.aty-legal__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--aty-line); }
.aty-legal__foot strong { display: block; margin-bottom: 4px; font-family: var(--font-display); font-size: 16px; }
.aty-legal__foot p { margin: 0; font-size: 14px; color: var(--aty-muted); }
@media (max-width: 960px) { .aty-legal__layout { grid-template-columns: minmax(0, 1fr); gap: 36px; } .aty-legal__nav { position: static; } }

/* Politika tabloları dar ekranda kendi içinde kayar; sayfa yatay taşmaz. */
.aty-legal__body .aty-prose table { display: block; max-width: 100%; overflow-x: auto; }

/* ============================================================ ARAMA (/arama) */
.aty-search { padding: clamp(48px, 6vw, 80px) 0 var(--aty-pad-section); }
.aty-search__form { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 10px; align-items: end; padding: 20px; border: 1px solid var(--aty-line); background: var(--aty-white); }
.aty-search__field { display: grid; gap: 6px; min-width: 0; }
.aty-search__field span { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--aty-muted-soft); }
.aty-search__field input, .aty-search__field select { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--aty-line); border-radius: var(--aty-radius-sm); background: var(--aty-white); color: var(--aty-ink); font: 500 14px/1.2 var(--font-body); }
.aty-search__field input:focus-visible, .aty-search__field select:focus-visible { outline: none; border-color: var(--aty-red); box-shadow: 0 0 0 3px var(--aty-red-light); }
.aty-search__active { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin: 18px 0 0; font-size: 14px; color: var(--aty-muted); }
.aty-search__active strong { color: var(--aty-ink); font-weight: 600; }
.aty-search__count { display: flex; align-items: center; gap: 10px; margin: 40px 0 0; font-size: 15px; color: var(--aty-muted); }
.aty-search__count strong { color: var(--aty-ink); font-family: var(--font-mono); font-size: 18px; }
.aty-search__empty { margin-top: 40px; padding: 40px; border: 1px solid var(--aty-line); text-align: center; }
.aty-search__empty h2 { margin: 0 0 8px; font-family: var(--font-display); font-size: 26px; font-weight: 700; letter-spacing: -.03em; }
.aty-search__empty p { margin: 0 auto 20px; max-width: 52ch; color: var(--aty-muted); }
.aty-search__group { margin-top: 40px; }
.aty-search__group-title { display: flex; align-items: baseline; gap: 10px; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--aty-line); font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: -.025em; }
.aty-search__group-title span { font-family: var(--font-mono); font-size: 12px; color: var(--aty-red); }
.aty-search__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.aty-search__card { display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--aty-line); background: var(--aty-white); color: var(--aty-ink); text-decoration: none; transition: border-color var(--dur-fast) var(--ease-out); }
.aty-search__card:hover, .aty-search__card:focus-visible { border-color: var(--aty-red); }
.aty-search__thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--aty-surface); }
.aty-search__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aty-search__body { display: grid; gap: 8px; padding: 18px 20px 20px; }
.aty-search__body strong { font-family: var(--font-display); font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: -.02em; }
.aty-search__text { font-size: 14px; line-height: 1.6; color: var(--aty-muted); }
.aty-search__open { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--aty-red); }
.aty-search__open svg { width: 14px; height: 14px; }
@media (max-width: 960px) { .aty-search__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aty-search__form .aty-btn { grid-column: span 2; } .aty-search__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .aty-search__form { grid-template-columns: minmax(0, 1fr); } .aty-search__form .aty-btn { grid-column: auto; } .aty-search__grid { grid-template-columns: minmax(0, 1fr); } }

/* ===================================================== KURUMSAL SAYFALAR (corporate.php) */
/* Hakkımızda ile aynı bölüm dili (aty-about4-*); burada yalnız kurumsal sayfalara özgü parçalar. */
.aty-vec-accent { color: var(--aty-red); }
.aty-corp__figure-svg { display: block; width: 100%; height: auto; }
.aty-corp-figure { padding: 24px; background: var(--aty-surface); }
.aty-corp-subnav { border-bottom: 1px solid var(--aty-line); background: var(--aty-white); }
.aty-corp-subnav__inner { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.aty-corp-subnav__inner::-webkit-scrollbar { display: none; }
.aty-corp-subnav a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 52px; padding: 0 16px; border-bottom: 2px solid transparent; font-size: 13.5px; font-weight: 600; color: var(--aty-muted); text-decoration: none; white-space: nowrap; transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out); }
.aty-corp-subnav a:hover, .aty-corp-subnav a:focus-visible { color: var(--aty-ink); }
.aty-corp-subnav a.is-active { color: var(--aty-red); border-bottom-color: var(--aty-red); }
.aty-corp-intro p { margin: 0 0 14px; max-width: 58ch; color: var(--aty-muted); font-size: 16px; line-height: 1.75; }
.aty-corp-intro p:last-child { margin-bottom: 0; }
.aty-corp-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.aty-corp-card { display: flex; flex-direction: column; gap: 10px; padding: 28px; background: var(--aty-white); border: 1px solid var(--aty-line); transition: border-color var(--dur-fast) var(--ease-out); }
.aty-corp-card:hover { border-color: var(--aty-red); }
.aty-corp-card h3 { margin: 0; font-family: var(--font-display); font-size: 19px; font-weight: 700; line-height: 1.25; letter-spacing: -.02em; }
.aty-corp-card .aty-prose p, .aty-corp-person .aty-prose p, .aty-corp-timeline__card .aty-prose p { margin: 0 0 10px; color: var(--aty-muted); font-size: 14.5px; line-height: 1.65; }
.aty-corp-card .aty-prose ul, .aty-corp-timeline__card .aty-prose ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.aty-corp-card .aty-prose li, .aty-corp-timeline__card .aty-prose li { position: relative; padding-left: 22px; color: var(--aty-muted); font-size: 14.5px; line-height: 1.55; }
.aty-corp-card .aty-prose li::before, .aty-corp-timeline__card .aty-prose li::before { content: ""; position: absolute; left: 0; top: 7px; width: 9px; height: 9px; border: 1.75px solid var(--aty-red); }
.aty-corp-card .aty-prose img { display: block; max-width: 160px; height: auto; border: 1px solid var(--aty-line); }
.aty-corp-timeline { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 0; }
.aty-corp-timeline__item { position: relative; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 24px; padding: 0 0 32px; }
.aty-corp-timeline__item::before { content: ""; position: absolute; left: 47px; top: 34px; bottom: 0; width: 1px; background: var(--aty-red-line); }
.aty-corp-timeline__item:last-child::before { display: none; }
.aty-corp-timeline__num { position: relative; z-index: 1; display: grid; place-items: center; width: 96px; height: 34px; font-family: var(--font-mono); font-size: 13px; letter-spacing: .14em; color: var(--aty-red); background: var(--aty-surface); }
.aty-corp-timeline__num::after { content: ""; position: absolute; left: 41px; top: 11px; width: 12px; height: 12px; border-radius: 50%; background: var(--aty-white); border: 3px solid var(--aty-red); }
.aty-corp-timeline__num { justify-items: start; padding-left: 62px; width: auto; }
.aty-corp-timeline__card { padding: 24px 28px; background: var(--aty-white); border: 1px solid var(--aty-line); }
.aty-corp-timeline__card h3 { margin: 0 0 8px; font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: -.025em; }
.aty-corp-people { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.aty-corp-person { display: flex; flex-direction: column; gap: 12px; padding: 28px; background: var(--aty-white); border: 1px solid var(--aty-line); }
.aty-corp-person__mark { display: grid; place-items: center; width: 56px; height: 56px; background: var(--aty-surface); color: var(--aty-red); }
.aty-corp-person__mark svg { width: 26px; height: 26px; }
.aty-corp-person__role { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--aty-red); }
.aty-corp-person .aty-prose strong { display: block; margin-bottom: 4px; font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--aty-ink); }
.aty-corp-contact { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 40px; }
.aty-corp-contact__actions { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 960px) { .aty-corp-cards, .aty-corp-people { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aty-corp-contact { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .aty-corp-cards, .aty-corp-people { grid-template-columns: minmax(0, 1fr); } .aty-corp-timeline__item { grid-template-columns: minmax(0, 1fr); gap: 10px; } .aty-corp-timeline__item::before { display: none; } .aty-corp-timeline__num { padding-left: 0; } .aty-corp-timeline__num::after { display: none; } }

/* ===================================================== HAKKIMIZDA v4 (vektörel) */
.aty-about4-section { padding: var(--aty-pad-section) 0; }
.aty-about4-section--tight { padding-top: 0; }
.aty-about4-section--surface { background: var(--aty-surface); }
.aty-about4-section--ink { background: var(--aty-ink); color: var(--aty-white); }
.aty-about4-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.aty-about4-title { margin: 14px 0 18px; font-family: var(--font-display); font-size: clamp(28px, 3.4vw, 40px); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.aty-about4-title strong { color: var(--aty-red); font-weight: 700; }
.aty-about4-section--ink .aty-about4-title strong { color: rgba(255, 255, 255, .55); }
.aty-about4-lead { margin: 0; max-width: 58ch; color: var(--aty-muted); font-size: 16px; line-height: 1.75; }
.aty-about4-section--ink .aty-about4-lead { color: rgba(255, 255, 255, .72); }
.aty-about4-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.aty-about4-figure { margin: 0; border: 1px solid var(--aty-line); overflow: hidden; color: var(--aty-ink); }
.aty-about4-figure svg { display: block; width: 100%; height: auto; }
.aty-about4-figure--ink { border-color: var(--aty-ink); background: var(--aty-ink); color: var(--aty-white); }
.aty-about4-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--aty-line); border-bottom: 1px solid var(--aty-line); }
.aty-about4-stat { display: flex; flex-direction: column; gap: 6px; padding: 32px 28px; border-right: 1px solid var(--aty-line); }
.aty-about4-stat:last-child { border-right: 0; }
.aty-about4-stat strong { font-family: var(--font-mono); font-size: clamp(32px, 3.4vw, 44px); font-weight: 500; line-height: 1; letter-spacing: -.04em; color: var(--aty-ink); }
.aty-about4-stat span { font-size: 13px; color: var(--aty-muted); }
.aty-about4-day { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: 36px; }
.aty-about4-card { display: flex; flex-direction: column; gap: 10px; padding: 24px; background: var(--aty-white); border: 1px solid var(--aty-line); color: var(--aty-ink); text-decoration: none; transition: border-color var(--dur-fast) var(--ease-out); }
.aty-about4-card:hover, .aty-about4-card:focus-visible { border-color: var(--aty-red); }
.aty-about4-card svg { width: 24px; height: 24px; color: var(--aty-red); }
.aty-about4-card time, .aty-about4-card .aty-about4-card__num { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; color: var(--aty-red); }
.aty-about4-card h3 { margin: 0; font-family: var(--font-display); font-size: 18px; font-weight: 700; line-height: 1.25; letter-spacing: -.02em; }
.aty-about4-card p { margin: 0; color: var(--aty-muted); font-size: 14.5px; line-height: 1.6; }
.aty-about4-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 40px; border-top: 1px solid var(--aty-line-dark); }
.aty-about4-value { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; padding: 32px 32px 32px 0; border-bottom: 1px solid var(--aty-line-dark); }
.aty-about4-value span { font-family: var(--font-mono); font-size: 13px; letter-spacing: .14em; color: var(--aty-red); }
.aty-about4-value h3 { margin: 0 0 6px; font-family: var(--font-display); font-size: 20px; font-weight: 700; letter-spacing: -.025em; }
.aty-about4-value p { margin: 0; color: rgba(255, 255, 255, .7); font-size: 14.5px; }
.aty-about4-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.aty-about4-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 40px; padding: 48px; border: 1px solid var(--aty-line); }
.aty-about4-cta h3 { margin: 6px 0 0; font-family: var(--font-display); font-size: clamp(22px, 2.6vw, 28px); font-weight: 700; letter-spacing: -.03em; }
.aty-about4-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 1100px) { .aty-about4-day { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .aty-about4-two { grid-template-columns: minmax(0, 1fr); gap: 36px; } .aty-about4-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aty-about4-stat:nth-child(2) { border-right: 0; } .aty-about4-stat:nth-child(-n+2) { border-bottom: 1px solid var(--aty-line); } .aty-about4-values { grid-template-columns: minmax(0, 1fr); } .aty-about4-links { grid-template-columns: minmax(0, 1fr); } .aty-about4-cta { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .aty-about4-day { grid-template-columns: minmax(0, 1fr); } }

/* ==== 05-hareket.css ==================================================== */
/* ==========================================================================
   ATAYURT — BÖLÜM 05: HAREKET / ANİMASYON KATMANI
   --------------------------------------------------------------------------
   Bu dosya SADECE hareket tanımlar: reveal durumları, sayfa geçişi perdesi,
   preloader giriş/çıkış, sayaç, marquee keyframe'i, iskelet, ilerleme çubuğu,
   imleç ve mıknatıs yardımcıları. Token TANIMLAMAZ (Bölüm 01), yapısal/görsel
   sınıf TANIMLAMAZ (Bölüm 01-04).

   Hareket dili: keskin. Kısa mesafe (18-28px), clip-path wipe, ease-sharp
   ağırlıklı. Yaylanma/bounce ve blur YOK — derinlik hairline ve zemin
   kırılımıyla kurulduğu için hareket de "kesme" hissi vermeli.

   ERİŞİLEBİLİRLİK KİLİDİ: Gizleyen hiçbir kural çıplak sınıfa yazılmaz.
   Hepsi `html.aty-motion` kapsamındadır; bu sınıfı JS ekler. JS çalışmazsa
   (hata, devre dışı, eski tarayıcı) içerik ilk halinde GÖRÜNÜR kalır.
   ========================================================================== */


/* --------------------------------------------------------------------------
   01. REVEAL — bölüm/kart/görsel giriş animasyonu
   -------------------------------------------------------------------------- */

/* Görünür varsayılan: JS yoksa .aty-reveal hiçbir şey yapmaz, içerik açıktır. */
.aty-reveal {
  /* Reveal sırasında alt öğe taşmasın diye sadece kompozit ipucu bırakıyoruz. */
  backface-visibility: hidden;
}

/* Gizleme YALNIZCA motion sınıfı varken devreye girer. */
html.aty-motion .aty-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    opacity var(--dur-reveal) var(--ease-out),
    transform var(--dur-reveal) var(--ease-out),
    clip-path var(--dur-reveal) var(--ease-sharp);
  will-change: opacity, transform;
}

/* Varyantlar (2 sınıf) — is-visible kuralı 3 sınıf olduğu için her zaman ezer. */

/* Görsel wipe: soldan sağa açılır, opaklık kullanmaz ki kenar keskin kalsın. */
html.aty-motion .aty-reveal--clip {
  opacity: 1;
  transform: none;
  clip-path: inset(0 100% 0 0);
}

/* Başlık satırı mask-up: alttan yukarı sıyrılır, kesme çizgisi net görünür. */
html.aty-motion .aty-reveal--mask {
  opacity: 1;
  transform: translate3d(0, 12px, 0);
  clip-path: inset(0 0 100% 0);
}

/* Kart/rozet: çok küçük ölçek farkı — büyüme değil, "yerine oturma" hissi. */
html.aty-motion .aty-reveal--scale {
  transform: scale(0.965);
}

html.aty-motion .aty-reveal--left {
  transform: translate3d(-26px, 0, 0);
}

html.aty-motion .aty-reveal--right {
  transform: translate3d(26px, 0, 0);
}

/* Kademe: 80ms adım. 60-90ms aralığı sıra hissini verir, beklemeye dönüşmez. */
html.aty-motion .aty-reveal--delay-1 { transition-delay: 80ms; }
html.aty-motion .aty-reveal--delay-2 { transition-delay: 160ms; }
html.aty-motion .aty-reveal--delay-3 { transition-delay: 240ms; }
html.aty-motion .aty-reveal--delay-4 { transition-delay: 320ms; }

/* Tetiklenmiş son durum: tüm varyantlar buraya iner. */
html.aty-motion .aty-reveal.is-visible {
  opacity: 1;
  transform: none;
  clip-path: inset(0 0 0 0);
  will-change: auto;
}

/* Küçük ekranda mesafeyi kısalt — dar viewport'ta uzun kayma yorucu olur. */
@media (max-width: 640px) {
  html.aty-motion .aty-reveal { transform: translate3d(0, 16px, 0); }
  html.aty-motion .aty-reveal--left { transform: translate3d(-14px, 0, 0); }
  html.aty-motion .aty-reveal--right { transform: translate3d(14px, 0, 0); }
  html.aty-motion .aty-reveal--delay-1 { transition-delay: 50ms; }
  html.aty-motion .aty-reveal--delay-2 { transition-delay: 100ms; }
  html.aty-motion .aty-reveal--delay-3 { transition-delay: 150ms; }
  html.aty-motion .aty-reveal--delay-4 { transition-delay: 200ms; }
}


/* --------------------------------------------------------------------------
   02. SPLIT — satır/kelime bölerek başlık girişi
   JS başlığı .aty-split__line > .aty-split__word yapısına böler.
   Bölünmemiş haliyle de okunabilir kalması için taban kurallar nötrdür.
   -------------------------------------------------------------------------- */

.aty-split {
  display: block;
}

/* Satır kabı maskedir: kelime yukarı çıkarken alt kenar keskin kesilir. */
.aty-split__line {
  display: block;
  overflow: hidden;
  /* İniş/çıkış payı: descender'lar (g, y, ş) kırpılmasın. */
  padding-bottom: 0.06em;
  margin-bottom: -0.06em;
}

.aty-split__word {
  display: inline-block;
  white-space: pre;
}

html.aty-motion .aty-split__word {
  transform: translate3d(0, 108%, 0);
  transition: transform var(--dur-reveal) var(--ease-sharp);
  /* Sıra gecikmesi: JS her kelimeye --aty-i indeksini yazar. */
  transition-delay: calc(var(--aty-i, 0) * 62ms);
  will-change: transform;
}

html.aty-motion .aty-split.is-visible .aty-split__word {
  transform: translate3d(0, 0, 0);
  will-change: auto;
}


/* --------------------------------------------------------------------------
   03. SAYFA GEÇİŞİ — iki panelli wipe (kırmızı önde, antrasit arkada)
   -------------------------------------------------------------------------- */

.aty-page-transition {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  pointer-events: none;
  /* Perde varsayılan olarak yoktur; sadece durum sınıfıyla görünür. */
  visibility: hidden;
}

/* Ayrılış ve giriş fazlarında perde tıklamayı yutar (çift tık engeli). */
.aty-page-transition.is-leaving,
.aty-page-transition.is-entering {
  visibility: visible;
  pointer-events: auto;
}

.aty-page-transition__panel {
  position: absolute;
  inset: 0;
  /* Başlangıçta ekran dışında: alt kenardan kırpılmış. */
  clip-path: inset(100% 0 0 0);
  will-change: clip-path;
}

.aty-page-transition__panel--red {
  background: var(--aty-red);
}

.aty-page-transition__panel--ink {
  background: var(--aty-ink);
}

/* Ayrılış: kırmızı önce kapatır, antrasit 90ms sonra üstüne biner. */
.aty-page-transition.is-leaving .aty-page-transition__panel--red {
  animation: aty-curtain-in var(--dur-slow) var(--ease-sharp) both;
}

.aty-page-transition.is-leaving .aty-page-transition__panel--ink {
  animation: aty-curtain-in var(--dur-slow) var(--ease-sharp) 90ms both;
}

/* Giriş: ters sıra — antrasit önce sıyrılır, kırmızı bir ince şerit gibi kalır. */
.aty-page-transition.is-entering .aty-page-transition__panel--ink {
  animation: aty-curtain-out var(--dur-slow) var(--ease-sharp) both;
}

.aty-page-transition.is-entering .aty-page-transition__panel--red {
  animation: aty-curtain-out var(--dur-slow) var(--ease-sharp) 90ms both;
}

/* Perdenin ortasındaki imza: mono kicker, sadece perde kapalıyken görünür. */
.aty-page-transition__mark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--aty-white);
  opacity: 0;
  white-space: nowrap;
}

.aty-page-transition.is-leaving .aty-page-transition__mark {
  animation: aty-mark-in 520ms var(--ease-out) 180ms both;
}

.aty-page-transition.is-entering .aty-page-transition__mark {
  animation: aty-mark-out var(--dur-base) var(--ease-sharp) both;
}

/* View Transitions API varsa perdeye gerek kalmaz; aynı keskin wipe'ı
   tarayıcı kendi anlık görüntüsüyle yapar. Token yerine sabit değer
   kullanıyoruz: bu pseudo'lar belge ağacının dışında yaşar. */
@supports (view-transition-name: none) {
  ::view-transition-old(root) {
    animation: aty-vt-out 300ms cubic-bezier(.77, 0, .18, 1) both;
  }

  ::view-transition-new(root) {
    animation: aty-vt-in 420ms cubic-bezier(.77, 0, .18, 1) both;
  }
}


/* --------------------------------------------------------------------------
   04. PRELOADER — yapı Bölüm 02'de; burada YALNIZCA hareket durumları
   Antrasit tam ekran, ortada kırmızı çizgi soldan sağa dolar,
   biterken perde yukarı sıyrılır.
   -------------------------------------------------------------------------- */

html.aty-motion .aty-preloader {
  clip-path: inset(0 0 0 0);
  transition:
    clip-path var(--dur-slow) var(--ease-sharp),
    visibility 0s linear var(--dur-slow);
  will-change: clip-path;
}

html.aty-motion .aty-preloader.is-hidden {
  clip-path: inset(0 0 100% 0);
  visibility: hidden;
  pointer-events: none;
}

/* Çizgi dolumu — sadece animation özelliği; ölçü/renk Bölüm 02'nin işi. */
html.aty-motion .aty-preloader:not(.is-hidden) .aty-preloader__line::after {
  animation: aty-preloader-fill 1600ms var(--ease-out) both;
}

/* İçerik perdeyle birlikte kalkmasın; önce sönsün, sonra perde sıyrılsın. */
html.aty-motion .aty-preloader__inner {
  transition: opacity var(--dur-fast) linear, transform var(--dur-base) var(--ease-sharp);
}

html.aty-motion .aty-preloader.is-hidden .aty-preloader__inner {
  opacity: 0;
  transform: translate3d(0, -8px, 0);
}


/* --------------------------------------------------------------------------
   05. SAYAÇ — JS sayıyı basar, CSS yalnızca oturma hareketini verir
   -------------------------------------------------------------------------- */

.aty-counter {
  display: inline-block;
}

.aty-counter__value {
  display: inline-block;
  /* Rakamlar sayarken genişlik oynamasın: sabit genişlikli rakam. */
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

html.aty-motion .aty-counter:not(.is-counted) .aty-counter__value {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}

html.aty-motion .aty-counter.is-counting .aty-counter__value,
html.aty-motion .aty-counter.is-counted .aty-counter__value {
  opacity: 1;
  transform: none;
  transition: opacity var(--dur-base) linear, transform var(--dur-base) var(--ease-sharp);
}


/* --------------------------------------------------------------------------
   06. MARQUEE — yalnızca hareket; şerit yapısı Bölüm 03/04'te
   İz genişliği %200 (içerik iki kez basılır) varsayımıyla -%50 kaydırır.
   -------------------------------------------------------------------------- */

.aty-marquee-anim {
  animation: aty-marquee-shift var(--aty-marquee-dur, 38s) linear infinite;
}

.aty-marquee-anim--reverse {
  animation-direction: reverse;
}

/* Okunabilirlik: üzerine gelince durur. */
.aty-marquee-anim:hover,
.aty-marquee-anim:focus-within {
  animation-play-state: paused;
}


/* --------------------------------------------------------------------------
   07. SKELETON — yüklenme iskeleti
   Blur yasak olduğu için parlama yumuşak gradyan değil, KESKİN kenarlı bant.
   -------------------------------------------------------------------------- */

.aty-skeleton {
  position: relative;
  overflow: hidden;
  background: var(--aty-surface);
  border-radius: var(--aty-radius-sm);
}

.aty-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translate3d(-100%, 0, 0);
  background: linear-gradient(
    90deg,
    transparent 0 42%,
    var(--aty-white) 42% 58%,
    transparent 58% 100%
  );
  animation: aty-skeleton-sweep 1150ms var(--ease-sharp) infinite;
}

.aty-skeleton--text {
  height: 12px;
  margin-block: 8px;
}

/* Paragraf iskeletinin son satırı kısa olur — gerçek metin ritmi. */
.aty-skeleton--text:last-child {
  width: 62%;
}

.aty-skeleton--media {
  width: 100%;
  aspect-ratio: 4 / 3;
}


/* --------------------------------------------------------------------------
   08. PROGRESS — sayfa üstü okuma/yüklenme çubuğu
   -------------------------------------------------------------------------- */

.aty-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: var(--z-fixed);
  background: var(--aty-line-soft);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--dur-fast) linear;
}

.aty-progress.is-active {
  opacity: 1;
}

.aty-progress__bar {
  display: block;
  height: 100%;
  width: 100%;
  background: var(--aty-red);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform var(--dur-fast) linear;
}

/* Süresi bilinmeyen yükleme: soldan sağa geçen kısa kırmızı blok. */
.aty-progress--indeterminate .aty-progress__bar {
  transform: none;
  animation: aty-progress-sweep 1200ms var(--ease-sharp) infinite;
}





/* --------------------------------------------------------------------------
   10. MIKNATIS — buton imlece doğru küçük bir kayma yapar
   JS yalnızca --aty-mx / --aty-my yazar; hesap CSS'te kalır.
   -------------------------------------------------------------------------- */

.aty-magnetic {
  transform: translate3d(var(--aty-mx, 0px), var(--aty-my, 0px), 0);
  transition: transform var(--dur-base) var(--ease-out);
}

/* İmleç üstündeyken takip anlık, ayrılınca yavaş geri döner. */
.aty-magnetic.is-magnetized {
  transition-duration: var(--dur-fast);
}


/* --------------------------------------------------------------------------
   11. KEYFRAMES
   -------------------------------------------------------------------------- */

/* Perde iner: alttan yukarı doğru ekranı kapatır. */
@keyframes aty-curtain-in {
  from { clip-path: inset(100% 0 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}

/* Perde sıyrılır: üstten yukarı çıkar. */
@keyframes aty-curtain-out {
  from { clip-path: inset(0 0 0 0); }
  to   { clip-path: inset(0 0 100% 0); }
}

@keyframes aty-mark-in {
  from { opacity: 0; transform: translate3d(-50%, calc(-50% + 10px), 0); }
  to   { opacity: 1; transform: translate3d(-50%, -50%, 0); }
}

@keyframes aty-mark-out {
  from { opacity: 1; transform: translate3d(-50%, -50%, 0); }
  to   { opacity: 0; transform: translate3d(-50%, calc(-50% - 10px), 0); }
}

/* Preloader çizgisi: soldan sağa dolar, sonda hız keser. */
@keyframes aty-preloader-fill {
  from { transform-origin: 0 50%; transform: scaleX(0); }
  62%  { transform-origin: 0 50%; transform: scaleX(0.72); }
  to   { transform-origin: 0 50%; transform: scaleX(1); }
}

@keyframes aty-marquee-shift {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

@keyframes aty-skeleton-sweep {
  from { transform: translate3d(-100%, 0, 0); }
  to   { transform: translate3d(100%, 0, 0); }
}

/* Belirsiz ilerleme: kısa blok soldan sağa geçer, ölçek de değişir. */
@keyframes aty-progress-sweep {
  0%   { transform: translate3d(-100%, 0, 0) scaleX(0.28); }
  60%  { transform: translate3d(60%, 0, 0) scaleX(0.5); }
  100% { transform: translate3d(200%, 0, 0) scaleX(0.28); }
}

/* View Transitions: eski sayfa yukarı sıyrılır, yeni sayfa alttan girer. */
@keyframes aty-vt-out {
  from { clip-path: inset(0 0 0 0); }
  to   { clip-path: inset(0 0 100% 0); }
}

@keyframes aty-vt-in {
  from { clip-path: inset(100% 0 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}


/* --------------------------------------------------------------------------
   12. HAREKET AZALTMA — dosyanın sonu, kapsamlı ve kesin
   Kullanıcı sistem düzeyinde hareket istemiyorsa hiçbir şey oynamaz;
   ama HİÇBİR içerik gizli kalmaz.
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  /* Reveal ve split: doğrudan son duruma sabitlenir. */
  html.aty-motion .aty-reveal,
  html.aty-motion .aty-reveal--clip,
  html.aty-motion .aty-reveal--mask,
  html.aty-motion .aty-reveal--scale,
  html.aty-motion .aty-reveal--left,
  html.aty-motion .aty-reveal--right,
  html.aty-motion .aty-reveal.is-visible,
  html.aty-motion .aty-split__word,
  html.aty-motion .aty-counter:not(.is-counted) .aty-counter__value {
    opacity: 1;
    transform: none;
    clip-path: none;
    transition-delay: 0s;
  }

  html.aty-motion .aty-reveal--delay-1,
  html.aty-motion .aty-reveal--delay-2,
  html.aty-motion .aty-reveal--delay-3,
  html.aty-motion .aty-reveal--delay-4 {
    transition-delay: 0s;
  }

  /* Perde ve preloader: anında geçer, ekranda takılı kalmaz. */
  html.aty-motion .aty-preloader,
  html.aty-motion .aty-preloader__inner,
  .aty-page-transition__panel,
  .aty-page-transition__mark,
  .aty-magnetic,
  .aty-progress__bar {
    transition: none;
    animation: none;
  }

  html.aty-motion .aty-preloader.is-hidden {
    clip-path: none;
    opacity: 0;
  }

  .aty-page-transition.is-leaving .aty-page-transition__panel--red,
  .aty-page-transition.is-leaving .aty-page-transition__panel--ink,
  .aty-page-transition.is-entering .aty-page-transition__panel--red,
  .aty-page-transition.is-entering .aty-page-transition__panel--ink,
  .aty-page-transition.is-leaving .aty-page-transition__mark,
  .aty-page-transition.is-entering .aty-page-transition__mark {
    animation: none;
    clip-path: none;
    opacity: 0;
  }

  .aty-magnetic {
    transform: none;
  }

  /* Sonsuz döngüler tamamen kapanır. */
  .aty-marquee-anim,
  .aty-marquee-anim--reverse,
  .aty-progress--indeterminate .aty-progress__bar,
  html.aty-motion .aty-preloader:not(.is-hidden) .aty-preloader__line::after {
    animation: none;
  }

  /* İskelet parlaması tamamen kalkar; sabit gri zemin yeterlidir. */
  .aty-skeleton::after {
    animation: none;
    transform: none;
    opacity: 0;
  }

  /* Özel imleç devre dışı; sistem imleci yeterlidir. */
    display: none;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}


/* ==========================================================================
   JS KANCALARI — Bölüm 06 bu sözleşmeye dayanır
   --------------------------------------------------------------------------
   html.aty-motion
     JS'in ilk işi: <html> üzerine eklenir. Yoksa hiçbir reveal gizlenmez.
     matchMedia('(prefers-reduced-motion: reduce)') doğruysa yine EKLENİR
     (CSS zaten hareketi kapatır), ama observer'lar kurulmayabilir.

   .aty-reveal → .is-visible
     IntersectionObserver (threshold ~0.15) görünürlükte ekler, bir daha
     kaldırmaz (unobserve). Fallback: 1500ms sonra kalanlara toplu eklenir.

   .aty-split
     JS başlığı .aty-split__line > .aty-split__word olarak sarar ve her
     kelimeye style.setProperty('--aty-i', sıra) yazar. Görünürlükte
     .aty-split üzerine .is-visible eklenir. Yeniden boyutlandırmada
     satırlar yeniden bölünmeli (debounce).

   .aty-preloader
     Yükleme bitince (window load veya 2200ms zaman aşımı) .is-hidden
     eklenir; transitionend'de DOM'dan kaldırılabilir.

   .aty-page-transition
     Aynı origin link tıklamasında: .is-leaving eklenir, animationend
     (en geç 520ms) sonrasında navigasyon yapılır.
     Yeni sayfa açılışında: .is-entering eklenir, bitince iki sınıf da
     temizlenir. View Transitions API destekleniyorsa bu perde hiç
     kullanılmaz, document.startViewTransition() tercih edilir.

   .aty-counter → .is-counting → .is-counted
     Görünürlükte .is-counting eklenir, rakam .aty-counter__value içine
     yazılır, bitince .is-counting kaldırılıp .is-counted eklenir.

   .aty-marquee-anim
     İz elemanına eklenir; içerik JS ile İKİ KEZ basılmalıdır (-50% kaydırma
     bu varsayıma dayanır). Hız: style.setProperty('--aty-marquee-dur','38s').

   .aty-skeleton
     Sunucu/JS içerik gelene kadar basar; veri gelince düğüm kaldırılır.

   .aty-progress / .aty-progress__bar
     Okuma çubuğu: scroll'da bar.style.transform = 'scaleX(oran)' ve kapsayıcıya
     .is-active. Süresi bilinmeyen yükleme: kapsayıcıya .aty-progress--indeterminate.

     Sadece matchMedia('(hover:hover) and (pointer:fine)') doğruysa oluşturulur.
     pointermove'da --aty-cx/--aty-cy yazılır; a/button üzerinde .is-hovering,
     pointerdown'da .is-down, pencereden çıkınca .is-hidden.

   .aty-magnetic
     pointermove'da --aty-mx/--aty-my (±8px sınırlı) yazılır ve .is-magnetized
     eklenir; pointerleave'de iki değişken sıfırlanıp sınıf kaldırılır.
   ========================================================================== */

/* Kesintisiz yatay şerit: içerik iki kez basılır, yarı genişlik kadar kayar. */
@keyframes aty-marquee-left { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@keyframes aty-marquee-right { from { transform: translate3d(-50%, 0, 0); } to { transform: translate3d(0, 0, 0); } }

/* Mobilde reveal mesafesi büyür; kartlar sırayla gelir. */
@media (max-width: 640px) {
  html.aty-motion .aty-reveal { transform: translate3d(0, 40px, 0); }
  html.aty-motion .aty-reveal--delay-3 { transition-delay: 120ms; }
  html.aty-motion .aty-reveal--delay-4 { transition-delay: 160ms; }
}