/* ═══════════════════════════════════════════════════════════════
   ANKARA UMUT DİYALİZ MERKEZİ — Tasarım sistemi v2
   Krem zemin · Lora (başlık) + Manrope (gövde) · kemer motifi
   Tek dosya, derleme yok. JS yoksa her şey görünür kalır.
   ═══════════════════════════════════════════════════════════════ */

/* ── Fontlar: kendi sunucumuzda, dış istek yok ───────────────────
   Not: Başlık fontu Fraunces'tı; derlemesindeki "i" nokta hizalama
   hatası (Türkçe metinde belirgin) nedeniyle Lora'ya geçildi. */
@font-face {
  font-family: 'Lora';
  src: url('../fontlar/lora-latin.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
  /* U+0131 (ı) bu dosyada — ext dosyasında değil; range dışı kalırsa sistem fontuna düşüyor */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201D, U+2026;
}
@font-face {
  font-family: 'Lora';
  src: url('../fontlar/lora-latin-ext.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
  /* U+0131 (ı) aralık dışı: çizimi ext değil latin dosyasında.
     Çakışan aralıkta son kural kazandığı için buradan çıkarılmalı. */
  unicode-range: U+0100-0130, U+0132-02BA, U+1E00-1EFF, U+2113, U+A720-A7FF; /* ğışİ */
}
@font-face {
  font-family: 'Manrope';
  src: url('../fontlar/manrope-latin.woff2') format('woff2');
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201D, U+2026;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fontlar/manrope-latin-ext.woff2') format('woff2');
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0100-0130, U+0132-02BA, U+1E00-1EFF, U+2113, U+A720-A7FF;
}

/* ── Değişkenler ───────────────────────────────────────────────── */
:root {
  /* Renk: tabela kırmızısı + koyu orman yeşili + sıcak krem */
  --orman:        #16352B;
  --orman-koyu:   #0D241C;
  --orman-cizgi:  rgba(247, 243, 233, .14);

  --kagit:        #FBF8F1;
  --kagit-koyu:   #F3EDDF;
  --beyaz:        #FFFFFF;

  --mercan:       #C2503C;
  --mercan-koyu:  #9E3B29;
  --mercan-parlak:#E0684E;
  --mercan-soluk: #F7E7DF;

  --adacayi:      #4E7D6C;
  --adacayi-soluk:#E8EFE9;

  --metin:        #24322B;
  --metin-soft:   #5C6A61;
  --cizgi:        #E4DCC9;

  --krem-metin:   #F7F3E9;
  --krem-soft:    rgba(247, 243, 233, .68);

  /* Tipografi */
  --serif: 'Lora', Georgia, 'Times New Roman', serif;
  --sans:  'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --f-govde: 1.125rem;                                   /* 18px — yaşlı kitle */
  --f-kucuk: .95rem;
  --f-dev:   clamp(2.75rem, 1.4rem + 5.2vw, 5.1rem);
  --f-h1:    clamp(2.4rem, 1.5rem + 3.4vw, 4rem);
  --f-h2:    clamp(1.85rem, 1.3rem + 2vw, 2.75rem);
  --f-h3:    clamp(1.25rem, 1.1rem + .5vw, 1.45rem);

  --bosluk:  clamp(3rem, 2.2rem + 3.2vw, 5.25rem);
  --kap:     1200px;
  --dar:     860px;
  --r:       22px;
  --r-k:     14px;

  --golge-s: 0 1px 2px rgba(22, 40, 32, .05), 0 6px 18px rgba(22, 40, 32, .06);
  --golge-m: 0 2px 6px rgba(22, 40, 32, .05), 0 18px 44px rgba(22, 40, 32, .10);
  --golge-b: 0 6px 16px rgba(22, 40, 32, .07), 0 32px 80px rgba(22, 40, 32, .16);

  --yay:   cubic-bezier(.22, 1, .36, 1);
  --ziplat: cubic-bezier(.34, 1.45, .55, 1);
}

/* ── Temel ─────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 110px; }

body {
  margin: 0;
  min-height: 100svh;
  display: flex; flex-direction: column;
  font-family: var(--sans);
  font-size: var(--f-govde);
  font-weight: 450;
  line-height: 1.75;
  color: var(--metin);
  background: var(--kagit);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
main { flex: 1; }

h1, h2, h3, h4 {
  margin: 0 0 .5em;
  font-family: var(--serif);
  font-weight: 540;
  line-height: 1.08;
  letter-spacing: -.015em;
  color: var(--orman);
  text-wrap: balance;
}
h1 { font-size: var(--f-h1); }
h2 { font-size: var(--f-h2); }
h3 { font-size: var(--f-h3); line-height: 1.3; }
h1 em, h2 em { font-style: normal; color: var(--mercan); }

p { margin: 0 0 1.15em; max-width: 66ch; }
p:last-child { margin-bottom: 0; }
strong { font-weight: 700; }

a { color: var(--mercan-koyu); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: var(--mercan); }

img, picture, svg, video { max-width: 100%; height: auto; display: block; }
picture { width: 100%; height: 100%; }

:focus-visible { outline: 3px solid var(--adacayi); outline-offset: 3px; border-radius: 6px; }

.ikon { width: 20px; height: 20px; flex: none; }

.gorunmez { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -999px; top: 0; z-index: 300; background: var(--orman); color: var(--krem-metin); padding: .85rem 1.3rem; border-radius: 0 0 12px 0; }
.atla:focus { left: 0; }

.kap      { width: min(100% - 2.75rem, var(--kap)); margin-inline: auto; }
.kap--dar { width: min(100% - 2.75rem, var(--dar)); margin-inline: auto; }

/* ── Hareket sistemi ───────────────────────────────────────────
   Kural: JS yüklenmezse HİÇBİR ŞEY gizli kalmaz.
   Gizleme yalnızca html.js altında yapılır; gözlemci sınıf ekler. */
html.js [data-gel] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s var(--yay), transform .8s var(--yay);
  transition-delay: var(--gecikme, 0ms);
}
html.js [data-gel="sol"]   { transform: translateX(-36px); }
html.js [data-gel="sag"]   { transform: translateX(36px); }
html.js [data-gel="olcek"] { transform: scale(.95); }
html.js .gorundu[data-gel] { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  html.js [data-gel] { opacity: 1 !important; transform: none !important; }
}

/* ── Okuma çubuğu ──────────────────────────────────────────────── */
.ilerleme {
  position: fixed; inset: 0 auto auto 0; z-index: 120;
  height: 3px; width: 100%;
  background: linear-gradient(90deg, var(--mercan), var(--mercan-parlak));
  transform: scaleX(0); transform-origin: 0 50%;
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.dugme {
  position: relative; overflow: hidden; isolation: isolate;
  display: inline-flex; align-items: center; justify-content: center; gap: .65rem;
  min-height: 58px; padding: 1rem 1.9rem;
  font: inherit; font-weight: 700; font-size: 1.02rem; letter-spacing: -.005em;
  color: var(--krem-metin); background: var(--mercan);
  border: 1.5px solid var(--mercan); border-radius: var(--r-k);
  text-decoration: none; cursor: pointer;
  box-shadow: 0 2px 10px rgba(194, 80, 60, .22);
  transition: transform .4s var(--ziplat), box-shadow .4s var(--yay),
              background .35s var(--yay), border-color .35s var(--yay), color .35s var(--yay);
}
.dugme::after {           /* parlama süpürmesi */
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%);
  transform: translateX(-130%);
  transition: transform .8s var(--yay);
}
.dugme:hover { background: var(--mercan-koyu); border-color: var(--mercan-koyu); color: var(--krem-metin); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(158, 59, 41, .3); }
.dugme:hover::after { transform: translateX(130%); }
.dugme:active { transform: translateY(0); }
.dugme .ikon { transition: transform .35s var(--yay); }
.dugme:hover .ikon:last-child { transform: translateX(4px); }

.dugme--cizgi {
  background: transparent; color: var(--orman);
  border-color: rgba(22, 53, 43, .3); box-shadow: none;
}
.dugme--cizgi::after { background: linear-gradient(105deg, transparent 35%, rgba(22,53,43,.06) 50%, transparent 65%); }
.dugme--cizgi:hover { background: var(--orman); border-color: var(--orman); color: var(--krem-metin); box-shadow: 0 10px 26px rgba(22, 53, 43, .22); }

.dugme--acik {
  background: var(--krem-metin); color: var(--orman);
  border-color: var(--krem-metin); box-shadow: none;
}
.dugme--acik:hover { background: #fff; border-color: #fff; color: var(--orman); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }

.dugme--seffaf {
  background: rgba(247, 243, 233, .09); color: var(--krem-metin);
  border-color: rgba(247, 243, 233, .35); box-shadow: none;
}
.dugme--seffaf:hover { background: rgba(247, 243, 233, .16); border-color: rgba(247, 243, 233, .7); color: #fff; box-shadow: none; }

.dugme--kucuk { min-height: 48px; padding: .55rem 1.3rem; font-size: var(--f-kucuk); }

/* ── Üst şerit ─────────────────────────────────────────────────── */
.ust-serit {
  background: var(--orman-koyu); color: var(--krem-soft);
  font-size: .92rem; font-weight: 550; padding: .55rem 0;
}
.ust-serit__ic { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.ust-serit__saat { display: inline-flex; align-items: center; gap: .55rem; }
.ust-serit__nokta {
  width: 8px; height: 8px; border-radius: 50%; background: #58BE8A; flex: none;
  box-shadow: 0 0 0 0 rgba(88, 190, 138, .55); animation: nabiz 2.4s infinite;
}
@keyframes nabiz { 70% { box-shadow: 0 0 0 8px rgba(88, 190, 138, 0); } 100% { box-shadow: 0 0 0 0 rgba(88, 190, 138, 0); } }
.ust-serit a { display: inline-flex; align-items: center; gap: .5rem; color: var(--krem-metin); text-decoration: none; font-weight: 700; white-space: nowrap; }
.ust-serit a:hover { color: #fff; }
.ust-serit .ikon { width: 15px; height: 15px; }
.ust-serit__sag { display: inline-flex; gap: 1.4rem; }
@media (max-width: 900px) { .ust-serit__saat span { display: none; } }
@media (max-width: 640px) {
  .ust-serit__saat { display: none; }
  .ust-serit__ic { justify-content: center; }
  .ust-serit__sag { gap: 1.2rem; }
}

/* ── Başlık çubuğu ─────────────────────────────────────────────── */
.ust {
  position: sticky; top: 0; z-index: 100;
  border-bottom: 1px solid transparent;
  transition: border-color .3s, box-shadow .3s;
}
/* Performans notu: burada bilinçli olarak backdrop-filter YOK —
   sabit başlıkta blur, her kaydırma karesinde yeniden hesaplanır ve
   sayfayı takılttırır. Yarı saydam düz zemin aynı hissi bedavaya verir. */
.ust::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: rgba(251, 248, 241, .95);
}
.ust.kaydi { border-bottom-color: var(--cizgi); box-shadow: 0 8px 30px rgba(22, 40, 32, .07); }
.ust__ic { display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; min-height: 88px; transition: min-height .35s var(--yay); }
.ust.kaydi .ust__ic { min-height: 72px; }

.marka { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; color: var(--orman); }
.marka img { width: 48px; height: 48px; object-fit: contain; transition: transform .5s var(--ziplat); }
.marka:hover img { transform: rotate(-7deg) scale(1.07); }
.marka__yazi { display: flex; flex-direction: column; }
.marka__yazi strong { font-family: var(--serif); font-size: 1.28rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.1; white-space: nowrap; }
.marka__yazi span { font-size: .74rem; font-weight: 750; letter-spacing: .22em; text-transform: uppercase; color: var(--metin-soft); margin-top: .18rem; }

.menu { display: flex; align-items: center; gap: 1.3rem; }
.menu > ul { display: flex; align-items: center; gap: 1.15rem; list-style: none; margin: 0; padding: 0; }
.menu li a {
  position: relative; display: inline-block; padding: .4rem 0;
  color: var(--metin); text-decoration: none; white-space: nowrap;
  font-size: .94rem; font-weight: 650; letter-spacing: -.008em;
}
.menu li a::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px;
  background: var(--mercan); border-radius: 2px;
  transform: scaleX(0); transform-origin: 100% 50%; transition: transform .45s var(--yay);
}
.menu li a:hover { color: var(--orman); }
.menu li a:hover::after, .menu li a[aria-current="page"]::after { transform: scaleX(1); transform-origin: 0 50%; }
.menu li a[aria-current="page"] { color: var(--mercan-koyu); }
.menu li a .ikon { display: inline-block; width: 13px; height: 13px; vertical-align: -1px; margin-left: .1rem; transition: transform .3s var(--yay); }

/* ── Açılır menü ── */
.menu__ebeveyn { position: relative; }
.menu__ebeveyn:hover > a .ikon,
.menu__ebeveyn:focus-within > a .ikon { transform: rotate(180deg); }
.menu__alt {
  position: absolute; top: calc(100% + .55rem); left: -.9rem; z-index: 95;
  min-width: 250px; padding: .5rem; margin: 0; list-style: none;
  display: grid; gap: 2px;
  background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 14px;
  box-shadow: var(--golge-m);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .25s var(--yay), transform .25s var(--yay), visibility 0s .25s;
}
.menu__alt::before {          /* fare köprüsü: bağlantı ile menü arasındaki boşluk */
  content: ""; position: absolute; left: 0; right: 0; top: -.6rem; height: .6rem;
}
.menu__ebeveyn:hover > .menu__alt,
.menu__ebeveyn:focus-within > .menu__alt {
  opacity: 1; visibility: visible; transform: none;
  transition: opacity .25s var(--yay), transform .25s var(--yay), visibility 0s;
}
.menu__alt a { display: block; padding: .6rem .95rem; border-radius: 9px; font-size: .93rem; white-space: nowrap; }
.menu__alt a::after { display: none; }
.menu__alt a:hover { background: var(--kagit); color: var(--mercan-koyu); }
.menu__alt a[aria-current="page"] { background: var(--mercan-soluk); }
.menu__cta { display: contents; }
.menu__tel { display: inline-flex; white-space: nowrap; }
.menu__mobil-wp { display: none; }

.menu-dugme { display: none; }
.menu__kapat { display: none; }

@media (max-width: 1220px) {
  .menu-dugme {
    display: inline-flex; align-items: center; gap: .6rem;
    background: none; border: 1.5px solid var(--cizgi); border-radius: 12px;
    min-height: 50px; padding: 0 1.1rem; cursor: pointer;
    font: inherit; font-size: .95rem; font-weight: 750; color: var(--orman);
  }
  .menu-dugme__cizgi { position: relative; display: block; width: 20px; height: 2px; background: currentColor; border-radius: 2px; transition: background .2s; }
  .menu-dugme__cizgi::before, .menu-dugme__cizgi::after {
    content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: currentColor; border-radius: 2px;
    transition: transform .35s var(--yay);
  }
  .menu-dugme__cizgi::before { transform: translateY(-6px); }
  .menu-dugme__cizgi::after  { transform: translateY(6px); }

  .menu {
    position: fixed; inset: 0; z-index: 110;
    flex-direction: column; align-items: stretch; justify-content: flex-start;
    gap: 0; padding: clamp(1.5rem, 4vw, 3rem);
    background: var(--orman-koyu); color: var(--krem-metin);
    transform: translateY(-100%); visibility: hidden;
    transition: transform .55s var(--yay), visibility 0s .55s;
    overflow-y: auto;
  }
  .menu.acik { transform: none; visibility: visible; transition: transform .55s var(--yay); }
  .menu > ul { flex-direction: column; align-items: stretch; gap: 0; }

  .menu__kapat {
    display: grid; place-items: center; align-self: flex-end;
    width: 52px; height: 52px; margin-bottom: 1rem;
    background: rgba(247, 243, 233, .08); border: 1px solid var(--orman-cizgi);
    border-radius: 50%; color: var(--krem-metin); cursor: pointer;
  }
  .menu__kapat .ikon { transform: rotate(45deg); }

  .menu li { border-bottom: 1px solid var(--orman-cizgi); opacity: 0; transform: translateY(14px); transition: opacity .45s var(--yay), transform .45s var(--yay); }
  .menu.acik li { opacity: 1; transform: none; }
  .menu.acik li:nth-child(1) { transition-delay: .08s } .menu.acik li:nth-child(2) { transition-delay: .13s }
  .menu.acik li:nth-child(3) { transition-delay: .18s } .menu.acik li:nth-child(4) { transition-delay: .23s }
  .menu.acik li:nth-child(5) { transition-delay: .28s } .menu.acik li:nth-child(6) { transition-delay: .33s }
  .menu.acik li:nth-child(7) { transition-delay: .38s }
  .menu li a {
    display: block; padding: 1.05rem 0;
    font-family: var(--serif); font-size: clamp(1.4rem, 5vw, 1.9rem); font-weight: 520;
    color: var(--krem-metin); letter-spacing: -.01em; white-space: normal;
  }
  .menu li a::after { display: none; }
  .menu li a[aria-current="page"] { color: var(--mercan-parlak); }
  .menu li a .ikon { display: none; }

  /* Açılır menü mobilde: her zaman açık, girintili alt liste */
  .menu__alt {
    position: static; opacity: 1; visibility: visible; transform: none;
    min-width: 0; padding: 0 0 .9rem 1.1rem; gap: 0;
    background: transparent; border: 0; box-shadow: none;
  }
  .menu__alt::before { display: none; }
  .menu__alt li { border: 0 !important; opacity: 1 !important; transform: none !important; }
  .menu__alt li a {
    font-family: var(--sans); font-size: 1.05rem; font-weight: 650;
    color: var(--krem-soft); padding: .5rem 0; white-space: normal;
  }
  .menu__alt li a:hover { background: transparent; color: #fff; }
  .menu__alt li a[aria-current="page"] { background: transparent; color: var(--mercan-parlak); }
  .menu__ebeveyn > a { padding-bottom: .35rem; }
  .menu__cta { margin-top: 2rem; display: grid; gap: .8rem; max-width: 420px; }
  .menu__cta .dugme--kucuk { min-height: 58px; font-size: 1.02rem; }
  .menu__mobil-wp { display: inline-flex; }
}

/* ── GİRİŞ (ana sayfa hero) ────────────────────────────────────── */
.giris { position: relative; overflow: clip; padding: clamp(2.2rem, 1.6rem + 2.6vw, 4.2rem) 0 0; }
.giris__akis {
  position: absolute; inset: -8% -14% auto auto; width: 70%; min-width: 640px;
  color: var(--adacayi); opacity: .35; z-index: 0; pointer-events: none;
}
.akis { display: block; }
html.js .akis path { stroke-dasharray: 2600; stroke-dashoffset: 2600; animation: akis-ciz 3.4s var(--yay) forwards; }
html.js .akis path:nth-child(2) { animation-delay: .25s }
html.js .akis path:nth-child(3) { animation-delay: .5s }
html.js .akis path:nth-child(4) { animation-delay: .75s }
@keyframes akis-ciz { to { stroke-dashoffset: 0; } }

.giris__izgara {
  position: relative; z-index: 1;
  display: grid; gap: clamp(2.5rem, 5vw, 5rem);
  grid-template-columns: 1.04fr .96fr; align-items: center;
}
@media (max-width: 980px) { .giris__izgara { grid-template-columns: 1fr; } }

.giris__rozet {
  display: inline-flex; align-items: center; gap: .6rem;
  margin-bottom: 1.7rem; padding: .55rem 1.15rem;
  background: var(--adacayi-soluk); color: var(--adacayi);
  border-radius: 100px; font-size: .93rem; font-weight: 750; letter-spacing: .01em;
}
.giris__rozet .ust-serit__nokta { background: var(--adacayi); box-shadow: 0 0 0 0 rgba(78, 125, 108, .45); }

.giris h1 { font-size: var(--f-dev); font-weight: 560; margin-bottom: .45em; max-width: 13ch; }

/* satır satır maskeyle açılan başlık */
.mask { display: block; overflow: clip; }
html.js .mask > span { display: block; transform: translateY(112%); animation: satir-gel 1s var(--yay) forwards; }
html.js .mask:nth-of-type(2) > span { animation-delay: .14s }
html.js .mask:nth-of-type(3) > span { animation-delay: .28s }
@keyframes satir-gel { to { transform: none; } }

.giris__alt { font-size: clamp(1.12rem, 1rem + .5vw, 1.3rem); color: var(--metin-soft); max-width: 34rem; margin-bottom: 2.3rem; }
.giris__dugmeler { display: flex; flex-wrap: wrap; gap: .9rem; margin-bottom: 2.4rem; }

.giris__notlar { display: flex; flex-wrap: wrap; gap: 1.5rem; padding: 0; margin: 0; list-style: none; }
.giris__notlar li { display: inline-flex; align-items: center; gap: .55rem; font-size: .97rem; font-weight: 650; color: var(--metin-soft); }
.giris__notlar .ikon { width: 21px; height: 21px; color: var(--adacayi); }

html.js .giris__metin > * { opacity: 0; transform: translateY(20px); animation: yumusak-gel .9s var(--yay) forwards; }
html.js .giris__metin > *:nth-child(1) { animation-delay: .05s }
html.js .giris__metin > *:nth-child(2) { animation-delay: .12s }
html.js .giris__metin > *:nth-child(3) { animation-delay: .3s }
html.js .giris__metin > *:nth-child(4) { animation-delay: .42s }
html.js .giris__metin > *:nth-child(5) { animation-delay: .54s }
@keyframes yumusak-gel { to { opacity: 1; transform: none; } }

/* Kemerli görsel + dönen mühür */
.giris__gorsel { position: relative; max-width: 580px; justify-self: end; width: 100%; }
[data-paralaks] { will-change: transform; }
@media (max-width: 980px) { .giris__gorsel { justify-self: center; } }
.kemer {
  overflow: clip; border-radius: 999px 999px var(--r) var(--r);
  box-shadow: var(--golge-b);
  background: var(--kagit-koyu);
}
.kemer img { width: 100%; height: 100%; object-fit: cover; }
.giris__gorsel .kemer { aspect-ratio: 4 / 4.9; }
html.js .giris__gorsel .kemer { clip-path: inset(0 0 100% 0 round 999px 999px var(--r) var(--r)); animation: kemer-ac 1.2s var(--yay) .15s forwards; }
html.js .giris__gorsel .kemer img { transform: scale(1.12); animation: kemer-yakin 1.6s var(--yay) .15s forwards; }
@keyframes kemer-ac    { to { clip-path: inset(0 0 0 0 round 999px 999px var(--r) var(--r)); } }
@keyframes kemer-yakin { to { transform: none; } }

.muhur {
  position: absolute; left: -2.4rem; bottom: 2.2rem;
  width: 132px; height: 132px; display: grid; place-items: center;
  filter: drop-shadow(0 14px 30px rgba(22, 40, 32, .25));
}
.muhur__yazi { position: absolute; inset: 0; animation: don 26s linear infinite; }
@keyframes don { to { transform: rotate(1turn); } }
.muhur__orta {
  display: grid; place-items: center; text-align: center;
  width: 82px; height: 82px; border-radius: 50%;
  background: var(--mercan); color: var(--krem-metin);
  font-family: var(--serif); line-height: 1;
}
.muhur__orta strong { font-size: 1.9rem; font-weight: 600; }
.muhur__orta span { font-size: .62rem; font-family: var(--sans); font-weight: 800; letter-spacing: .18em; text-transform: uppercase; margin-top: .15rem; }
@media (max-width: 520px) { .muhur { left: -.6rem; width: 112px; height: 112px; } .muhur__orta { width: 72px; height: 72px; } }

/* ── Bant (kayan bilgi şeridi) ─────────────────────────────────── */
.bant { border-block: 1px solid var(--cizgi); margin-top: clamp(2rem, 1.4rem + 2vw, 3.4rem); background: var(--beyaz); }
.serit { overflow: clip; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.serit__ic { display: flex; width: max-content; animation: kay 46s linear infinite; will-change: transform; }
.serit:hover .serit__ic { animation-play-state: paused; }
@keyframes kay { to { transform: translateX(-50%); } }
.serit__grup { display: flex; align-items: center; }
.bant .serit__grup { padding: 1.05rem 0; }
.serit__oge { display: inline-flex; align-items: center; gap: .8rem; padding-right: 2.8rem; white-space: nowrap; font-weight: 700; font-size: 1.02rem; color: var(--orman); }
.serit__oge .ikon { width: 17px; height: 17px; color: var(--mercan); }
@media (prefers-reduced-motion: reduce) { .serit__ic { animation: none; flex-wrap: wrap; width: auto; } }

/* ── Bölüm iskeleti ────────────────────────────────────────────── */
.bolum { padding: var(--bosluk) 0; position: relative; }
/* Performans: ekran dışındaki bölümler kaydırma sırasında işlenmez */
.bolum, .alt { content-visibility: auto; contain-intrinsic-size: auto 640px; }
.bolum--beyaz { background: var(--beyaz); }
.bolum--krem  { background: var(--kagit-koyu); }
.bolum--koyu  { background: var(--orman); color: var(--krem-soft); }
.bolum--koyu h2, .bolum--koyu h3 { color: var(--krem-metin); }
.bolum--cagri { padding-bottom: clamp(3rem, 2.4rem + 2.4vw, 4.6rem); }

.bolum__ust { max-width: 50rem; margin-bottom: clamp(1.9rem, 1.3rem + 1.6vw, 2.9rem); }
.bolum__ust--orta { margin-inline: auto; text-align: center; }
.bolum__ust--orta p { margin-inline: auto; }

.etiket {
  display: inline-flex; align-items: baseline; gap: .7rem; margin-bottom: 1.15rem;
  font-size: .82rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: var(--mercan-koyu);
}
.etiket__no { font-family: var(--serif); font-size: 1rem; font-weight: 600; letter-spacing: 0; color: var(--adacayi); }
.etiket::after { content: ""; align-self: center; width: 34px; height: 1.5px; background: currentColor; opacity: .55; }
.bolum--koyu .etiket { color: var(--mercan-parlak); }
.bolum--koyu .etiket__no { color: var(--krem-soft); }
.bolum__ust--orta .etiket::after { display: none; }

.bolum__ust > p { color: var(--metin-soft); font-size: 1.13rem; }
.bolum--koyu .bolum__ust > p { color: var(--krem-soft); }

/* ── Sayı bandı ────────────────────────────────────────────────── */
.sayilar { border-block: 1px solid var(--cizgi); background: var(--beyaz); }
.sayilar__izgara { display: grid; grid-template-columns: repeat(4, 1fr); }
.sayilar__oge { padding: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem) 1.2rem; text-align: center; position: relative; }
.sayilar__oge + .sayilar__oge::before { content: ""; position: absolute; left: 0; top: 26%; bottom: 26%; width: 1px; background: var(--cizgi); }
.sayilar__deger {
  display: block; font-family: var(--serif); font-weight: 560; line-height: 1;
  font-size: clamp(2.5rem, 1.6rem + 3vw, 4rem); color: var(--orman);
  letter-spacing: -.02em; font-variant-numeric: tabular-nums;
}
.sayilar__deger sup { font-size: .45em; color: var(--mercan); font-weight: 600; }
.sayilar__ad { display: block; margin-top: .6rem; font-size: .95rem; font-weight: 650; color: var(--metin-soft); }
@media (max-width: 780px) {
  .sayilar__izgara { grid-template-columns: 1fr 1fr; }
  .sayilar__oge:nth-child(3)::before { display: none; }
  .sayilar__oge:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
}

/* ── Adım kartları ─────────────────────────────────────────────── */
.adimlar { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); counter-reset: adim; }
.adim {
  position: relative; display: flex; flex-direction: column;
  padding: 2.5rem 2.1rem 2.1rem;
  background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r);
  text-decoration: none; color: inherit; overflow: clip;
  transition: transform .5s var(--ziplat), box-shadow .5s var(--yay), border-color .4s;
}
.adim::before {
  counter-increment: adim; content: counter(adim, decimal-leading-zero);
  position: absolute; top: 1.2rem; right: 1.6rem;
  font-family: var(--serif); font-size: 4rem; font-weight: 500; line-height: 1;
  color: var(--kagit-koyu); z-index: 0;
  transition: color .5s, transform .6s var(--ziplat);
}
a.adim:hover { transform: translateY(-7px); box-shadow: var(--golge-m); border-color: transparent; color: inherit; }
a.adim:hover::before { color: var(--mercan-soluk); transform: translateY(-4px) rotate(3deg); }
.adim > * { position: relative; z-index: 1; }
.adim__ikon {
  display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 1.4rem;
  background: var(--adacayi-soluk); color: var(--adacayi);
  border-radius: 999px 999px 14px 14px;                       /* mini kemer */
  transition: background .45s, color .45s, transform .5s var(--ziplat);
}
.adim__ikon .ikon { width: 26px; height: 26px; }
a.adim:hover .adim__ikon { background: var(--mercan); color: var(--krem-metin); transform: scale(1.08) rotate(-5deg); }
.adim h3 { margin-bottom: .5em; }
.adim p { color: var(--metin-soft); font-size: 1.03rem; flex: 1; }
.adim__ok { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.5rem; font-weight: 750; color: var(--mercan-koyu); font-size: .98rem; }
.adim__ok .ikon { width: 18px; height: 18px; transition: transform .4s var(--yay); }
a.adim:hover .adim__ok .ikon { transform: translateX(5px); }

/* ── Ekip kartları ─────────────────────────────────────────────── */
.ekip-izgara { display: grid; gap: clamp(1.3rem, 1rem + 1.2vw, 2rem); grid-template-columns: repeat(auto-fit, minmax(min(262px, 100%), 1fr)); }
.ekip-kart { display: block; text-decoration: none; color: inherit; }
.ekip-kart__foto {
  position: relative; overflow: clip; aspect-ratio: 3 / 3.6;
  border-radius: 999px 999px var(--r) var(--r);
  background: linear-gradient(160deg, var(--adacayi-soluk), var(--kagit-koyu));
  box-shadow: var(--golge-s);
  transition: box-shadow .5s var(--yay), transform .55s var(--ziplat);
}
.ekip-kart__foto img { width: 100%; height: 100%; object-fit: cover; object-position: center 15%; transition: transform 1s var(--yay); }
a.ekip-kart:hover .ekip-kart__foto { transform: translateY(-6px); box-shadow: var(--golge-m); }
a.ekip-kart:hover .ekip-kart__foto img { transform: scale(1.06); }
.ekip-kart__foto--yok { display: grid; place-items: center; }
.ekip-kart__foto--yok span { font-family: var(--serif); font-size: 3.2rem; font-weight: 540; color: var(--adacayi); opacity: .5; }
.ekip-kart__ic { padding: 1.3rem .4rem 0; text-align: center; }
.ekip-kart__unvan { display: block; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--mercan-koyu); margin-bottom: .3rem; }
.ekip-kart__ad { font-family: var(--serif); font-size: 1.35rem; font-weight: 560; color: var(--orman); margin: 0 0 .35rem; line-height: 1.2; }
.ekip-kart__not { font-size: .97rem; color: var(--metin-soft); margin: 0; line-height: 1.6; }
.ekip-kart__git { display: inline-flex; align-items: center; gap: .45rem; margin-top: .8rem; font-weight: 750; font-size: .95rem; color: var(--mercan-koyu); }
.ekip-kart__git .ikon { width: 17px; height: 17px; transition: transform .4s var(--yay); }
a.ekip-kart:hover .ekip-kart__git .ikon { transform: translateX(5px); }

/* ── İkili düzen + rozetli görsel ──────────────────────────────── */
.ikili { display: grid; gap: clamp(2rem, 1.3rem + 2.6vw, 3.6rem); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 960px) { .ikili { grid-template-columns: .92fr 1.08fr; } .ikili--ters > :first-child { order: 2; } }

.cerceve { position: relative; }
.cerceve__gorsel { overflow: clip; border-radius: var(--r); box-shadow: var(--golge-b); }
.cerceve__gorsel img { width: 100%; aspect-ratio: 4 / 3.35; object-fit: cover; transition: transform 1.2s var(--yay); }
.cerceve:hover .cerceve__gorsel img { transform: scale(1.04); }
.cerceve--kemer .cerceve__gorsel { border-radius: 999px 999px var(--r) var(--r); }
.cerceve--kemer .cerceve__gorsel img { aspect-ratio: 4 / 4.4; }
.cerceve__rozet {
  position: absolute; right: -1rem; bottom: -1.5rem;
  display: grid; gap: .15rem; padding: 1.25rem 1.5rem; max-width: 15rem;
  background: var(--mercan); color: var(--krem-metin);
  border-radius: var(--r-k); box-shadow: var(--golge-m);
}
.cerceve__rozet strong { font-family: var(--serif); font-size: 2rem; font-weight: 560; line-height: 1; }
.cerceve__rozet span { font-size: .93rem; opacity: .92; line-height: 1.45; }
@media (max-width: 520px) { .cerceve__rozet { right: .6rem; bottom: -1.1rem; padding: 1rem 1.2rem; } }

/* ── İşaretli liste ────────────────────────────────────────────── */
.oge-liste { list-style: none; margin: 1.7rem 0 0; padding: 0; display: grid; gap: .95rem; }
.oge-liste li { display: flex; gap: .9rem; align-items: flex-start; font-size: 1.05rem; }
.oge-liste .ikon { width: 24px; height: 24px; margin-top: .18em; color: var(--adacayi); background: var(--adacayi-soluk); border-radius: 50%; padding: 4px; }
.bolum--koyu .oge-liste .ikon { color: var(--krem-metin); background: rgba(247, 243, 233, .12); }

/* ── Yazı kartları ─────────────────────────────────────────────── */
.yazi-izgara { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.yazi-kart {
  display: flex; flex-direction: column; padding: 2.1rem 2rem;
  background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r);
  text-decoration: none; color: inherit; position: relative; overflow: clip;
  transition: transform .5s var(--ziplat), box-shadow .5s var(--yay), border-color .4s;
}
.yazi-kart::before {
  content: ""; position: absolute; inset: 0 auto 0 0; width: 4px;
  background: linear-gradient(var(--mercan), var(--mercan-parlak));
  transform: scaleY(0); transform-origin: 50% 100%; transition: transform .5s var(--yay);
}
a.yazi-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-m); border-color: transparent; color: inherit; }
a.yazi-kart:hover::before { transform: scaleY(1); }
.yazi-kart__ust { display: flex; align-items: center; gap: .7rem; margin-bottom: 1rem; font-size: .88rem; font-weight: 600; color: var(--metin-soft); }
.yazi-kart__sutun { padding: .24rem .75rem; background: var(--adacayi-soluk); color: var(--adacayi); border-radius: 100px; font-weight: 750; font-size: .8rem; }
.yazi-kart h3 { font-size: 1.35rem; margin-bottom: .5em; }
.yazi-kart p { font-size: 1rem; color: var(--metin-soft); flex: 1; }
.yazi-kart__oku { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.4rem; font-weight: 750; color: var(--mercan-koyu); font-size: .97rem; }
.yazi-kart__oku .ikon { width: 17px; height: 17px; transition: transform .4s var(--yay); }
a.yazi-kart:hover .yazi-kart__oku .ikon { transform: translateX(5px); }

/* ── Bölge kartları (koyu zemin) ───────────────────────────────── */
.bolge-izgara { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); }
.bolge-kart {
  display: flex; align-items: center; gap: .7rem;
  padding: 1.15rem 1.4rem;
  background: rgba(247, 243, 233, .05);
  border: 1px solid rgba(247, 243, 233, .14);
  border-radius: var(--r-k);
  font-family: var(--serif); font-size: 1.22rem; font-weight: 540;
  color: var(--krem-metin);
  transition: background .35s, border-color .35s, transform .4s var(--ziplat);
}
.bolge-kart:hover { background: rgba(247, 243, 233, .1); border-color: rgba(247, 243, 233, .3); transform: translateY(-3px); }
.bolge-kart .ikon { color: var(--mercan-parlak); }

/* ── Koyu bölümde bölge şeridi ─────────────────────────────────── */
.bolum--koyu .serit { border-top: 1px solid var(--orman-cizgi); margin-top: clamp(2.5rem, 2rem + 2vw, 4rem); }
.bolum--koyu .serit__grup { padding: 1.6rem 0; }
.bolum--koyu .serit__oge { font-family: var(--serif); font-size: 1.5rem; font-weight: 520; color: var(--krem-metin); }
.bolum--koyu .serit__oge .ikon { color: var(--mercan-parlak); }

/* ── Çağrı bloğu ───────────────────────────────────────────────── */
.cagri {
  position: relative; overflow: clip;
  background: var(--orman); color: var(--krem-soft);
  border-radius: clamp(20px, 3vw, 34px);
  padding: clamp(2.8rem, 2rem + 4vw, 5rem);
}
.cagri__akis { position: absolute; inset: auto -10% -30% auto; width: 75%; color: var(--mercan-parlak); opacity: .3; pointer-events: none; }
.cagri__ic { position: relative; z-index: 1; max-width: 42rem; }
.cagri__baslik { color: var(--krem-metin); font-size: clamp(1.9rem, 1.4rem + 2.2vw, 3rem); }
.cagri__metin { color: var(--krem-soft); font-size: 1.1rem; }
.cagri__saat { display: inline-flex; align-items: center; gap: .6rem; margin: .4rem 0 1.9rem; font-size: .99rem; font-weight: 650; color: var(--krem-soft); }
.cagri__saat .ikon { width: 18px; height: 18px; color: var(--mercan-parlak); }
.cagri__dugmeler { display: flex; flex-wrap: wrap; gap: .9rem; }

/* ── İç sayfa başlığı ──────────────────────────────────────────── */
.sayfa-basi { position: relative; overflow: clip; padding: clamp(2.2rem, 1.6rem + 2.2vw, 3.6rem) 0 clamp(1.9rem, 1.5rem + 1.6vw, 2.8rem); border-bottom: 1px solid var(--cizgi); }
.sayfa-basi__akis { position: absolute; inset: -30% -12% auto auto; width: 62%; min-width: 560px; color: var(--adacayi); opacity: .28; pointer-events: none; }
.sayfa-basi .kap { position: relative; z-index: 1; }
.sayfa-basi__h1 { max-width: 18ch; margin-bottom: .3em; }
.sayfa-basi__alt { font-size: clamp(1.1rem, 1rem + .4vw, 1.26rem); color: var(--metin-soft); max-width: 46rem; margin: 0; }

.kirinti { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: 1.4rem; font-size: .9rem; font-weight: 600; color: var(--metin-soft); }
.kirinti a { color: var(--metin-soft); text-decoration: none; }
.kirinti a:hover { color: var(--mercan-koyu); }
.kirinti__ayrac { opacity: .5; }
.kirinti span[aria-current] { color: var(--orman); font-weight: 750; }

/* ── Düz metin (makale/prose) ──────────────────────────────────── */
.duz-metin { max-width: var(--dar); }
.duz-metin h2 { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem); margin: 1.7em 0 .55em; }
.duz-metin h2:first-child { margin-top: 0; }
.duz-metin h3 { margin: 1.8em 0 .5em; }
.duz-metin ul, .duz-metin ol { padding-left: 1.3em; margin: 0 0 1.3em; }
.duz-metin li { margin-bottom: .5em; }
.duz-metin li::marker { color: var(--mercan); font-weight: 700; }
.duz-metin blockquote {
  margin: 2rem 0; padding: 1.6rem 2rem;
  background: var(--beyaz); border-left: 4px solid var(--mercan); border-radius: 0 var(--r-k) var(--r-k) 0;
  font-family: var(--serif); font-size: 1.22rem; font-weight: 480; color: var(--orman);
}
.duz-metin blockquote p { max-width: none; }
.duz-metin table { width: 100%; border-collapse: collapse; margin: 1.6rem 0; font-size: 1rem; }
.duz-metin th, .duz-metin td { padding: .75rem .9rem; text-align: left; border-bottom: 1px solid var(--cizgi); }
.duz-metin th { font-weight: 750; color: var(--orman); font-size: .92rem; letter-spacing: .04em; text-transform: uppercase; }

.not-kutu {
  display: flex; gap: 1rem; align-items: flex-start;
  margin: 2rem 0; padding: 1.4rem 1.6rem;
  background: var(--adacayi-soluk); border-radius: var(--r-k);
  font-size: 1rem; color: var(--metin);
}
.not-kutu .ikon { width: 24px; height: 24px; flex: none; margin-top: .15em; color: var(--adacayi); }
.not-kutu p { margin: 0; max-width: none; }
.not-kutu--mercan { background: var(--mercan-soluk); }
.not-kutu--mercan .ikon { color: var(--mercan-koyu); }

/* ── SSS akordiyonu ────────────────────────────────────────────── */
.sss-dizi { display: grid; gap: .9rem; max-width: var(--dar); }
.sss { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-k); overflow: clip; transition: box-shadow .4s var(--yay), border-color .3s; }
.sss[open] { box-shadow: var(--golge-s); border-color: transparent; }
.sss summary {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.35rem 1.6rem; cursor: pointer; list-style: none;
  font-family: var(--serif); font-size: 1.18rem; font-weight: 560; color: var(--orman);
}
.sss summary::-webkit-details-marker { display: none; }
.sss summary:hover { color: var(--mercan-koyu); }
.sss__arti { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--kagit); color: var(--mercan-koyu); transition: transform .45s var(--yay), background .3s, color .3s; }
.sss__arti .ikon { width: 17px; height: 17px; }
.sss[open] .sss__arti { transform: rotate(45deg); background: var(--mercan); color: var(--krem-metin); }
.sss__icerik { padding: 0 1.6rem 1.5rem; color: var(--metin-soft); }
.sss__icerik > *:first-child { animation: sss-gel .45s var(--yay); }
@keyframes sss-gel { from { opacity: 0; transform: translateY(-6px); } }

/* ── Zaman çizelgesi ───────────────────────────────────────────── */
.cizelge { position: relative; max-width: var(--dar); display: grid; gap: 1.7rem; padding-left: 2.4rem; }
.cizelge::before { content: ""; position: absolute; left: 10px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(var(--adacayi) 0%, var(--cizgi) 100%); border-radius: 2px; }
.cizelge__adim { position: relative; }
.cizelge__adim::before {
  content: ""; position: absolute; left: calc(-2.4rem + 3px); top: .45em;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--kagit); border: 3.5px solid var(--adacayi);
}
.cizelge__etiket { display: inline-block; margin-bottom: .35rem; padding: .2rem .8rem; background: var(--adacayi-soluk); color: var(--adacayi); border-radius: 100px; font-size: .82rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.cizelge__adim h3 { margin-bottom: .35em; }
.cizelge__adim p { color: var(--metin-soft); }

/* ── Belge kartları ────────────────────────────────────────────── */
.belge-izgara { display: grid; gap: 1.3rem; grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr)); counter-reset: belge; }
.belge {
  position: relative; padding: 1.9rem 1.8rem;
  background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r);
  transition: transform .45s var(--ziplat), box-shadow .45s var(--yay);
}
.belge:hover { transform: translateY(-4px); box-shadow: var(--golge-s); }
.belge::before {
  counter-increment: belge; content: counter(belge);
  display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 1.1rem;
  background: var(--mercan-soluk); color: var(--mercan-koyu); border-radius: 999px 999px 10px 10px;
  font-family: var(--serif); font-size: 1.35rem; font-weight: 600;
}
.belge h3 { font-size: 1.22rem; margin-bottom: .4em; }
.belge p { font-size: .99rem; color: var(--metin-soft); margin: 0; }

/* ── Sertifika listesi ─────────────────────────────────────────── */
.sertifika-ozet { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.6rem 0; }
.sertifika-ozet__kutu {
  flex: 1 1 200px; padding: 1.5rem 1.6rem;
  background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-k);
}
.sertifika-ozet__kutu strong { display: block; font-family: var(--serif); font-size: 2.2rem; font-weight: 560; color: var(--mercan-koyu); line-height: 1.1; }
.sertifika-ozet__kutu span { font-size: .95rem; color: var(--metin-soft); font-weight: 600; }

.sertifika-liste { list-style: none; margin: 0; padding: 0; }
.sertifika-liste li { display: flex; gap: 1.2rem; padding: .85rem 0; border-bottom: 1px solid var(--cizgi); font-size: 1rem; align-items: baseline; }
.sertifika-liste li:last-child { border-bottom: 0; }
.sertifika-liste .yil { flex: none; width: 3.6rem; font-family: var(--serif); font-weight: 600; color: var(--mercan-koyu); font-variant-numeric: tabular-nums; }
.sertifika-liste .yer { margin-left: auto; flex: none; color: var(--metin-soft); font-size: .92rem; padding-left: 1rem; text-align: right; }
@media (max-width: 620px) { .sertifika-liste .yer { display: none; } }

/* ── Kişi sayfası ──────────────────────────────────────────────── */
.kisi { display: grid; gap: clamp(2rem, 3vw, 3.4rem); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 880px) { .kisi { grid-template-columns: 400px 1fr; } .kisi__foto { position: sticky; top: 120px; } }
.kisi__foto .kemer { aspect-ratio: 3 / 3.7; }
.kisi__foto .kemer--yok { display: grid; place-items: center; aspect-ratio: 3 / 3.7; }
.kisi__foto .kemer--yok span { font-family: var(--serif); font-size: 4rem; font-weight: 540; color: var(--adacayi); opacity: .45; }
.kisi__unvan { display: block; margin-top: 1.4rem; text-align: center; font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--mercan-koyu); }
.kisi__rozetler { display: flex; flex-direction: column; gap: .7rem; margin-top: 1.4rem; }
.kisi__rozet { display: flex; gap: .8rem; align-items: center; padding: .9rem 1.1rem; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-k); font-size: .95rem; font-weight: 650; }
.kisi__rozet .ikon { color: var(--adacayi); }

/* ── Künye kartı ───────────────────────────────────────────────── */
.kunye { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 1.8rem 1.9rem; box-shadow: var(--golge-s); }
.kunye__baslik { font-size: 1.3rem; margin-bottom: 1rem; padding-bottom: .9rem; border-bottom: 1px solid var(--cizgi); }
.kunye__liste { margin: 0; display: grid; gap: .8rem; }
.kunye__liste > div { display: grid; gap: .1rem; }
.kunye__liste dt { font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--metin-soft); }
.kunye__liste dd { margin: 0; font-size: 1rem; font-weight: 600; color: var(--metin); line-height: 1.5; }

/* ── Form ──────────────────────────────────────────────────────── */
.form-izgara { display: grid; gap: 1.2rem; grid-template-columns: 1fr 1fr; }
.form-izgara .form-alan--genis { grid-column: 1 / -1; }
@media (max-width: 640px) { .form-izgara { grid-template-columns: 1fr; } }
.form-alan label { display: block; margin-bottom: .45rem; font-weight: 750; font-size: .98rem; color: var(--orman); }
.form-alan input, .form-alan select, .form-alan textarea {
  width: 100%; min-height: 58px; padding: .9rem 1.15rem;
  font: inherit; color: var(--metin);
  background: var(--beyaz); border: 1.5px solid var(--cizgi); border-radius: var(--r-k);
  transition: border-color .25s, box-shadow .25s;
}
.form-alan textarea { min-height: 150px; resize: vertical; }
.form-alan input:focus, .form-alan select:focus, .form-alan textarea:focus {
  outline: none; border-color: var(--adacayi); box-shadow: 0 0 0 4px rgba(78, 125, 108, .14);
}
.form-not { font-size: .92rem; color: var(--metin-soft); }
.form-durum { padding: 1.1rem 1.4rem; border-radius: var(--r-k); font-weight: 650; margin-bottom: 1.4rem; }
.form-durum--ok { background: var(--adacayi-soluk); color: #2E5A4B; }
.form-durum--hata { background: var(--mercan-soluk); color: var(--mercan-koyu); }
.balkupu { position: absolute !important; left: -9999px !important; opacity: 0; pointer-events: none; }

/* ── İletişim kartları + harita ────────────────────────────────── */
.iletisim-izgara { display: grid; gap: 1.3rem; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); }
.iletisim-kart { padding: 1.8rem 1.7rem; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r); }
.iletisim-kart .ikon { width: 26px; height: 26px; color: var(--mercan); margin-bottom: .9rem; }
.iletisim-kart h3 { font-size: 1.15rem; margin-bottom: .35em; }
.iletisim-kart p { font-size: 1rem; color: var(--metin-soft); margin: 0; }
.iletisim-kart a { font-weight: 700; }
.harita { overflow: clip; border-radius: var(--r); border: 1px solid var(--cizgi); box-shadow: var(--golge-s); }
.harita iframe { display: block; width: 100%; height: clamp(320px, 45vw, 480px); border: 0; }
.harita-baglantilar { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .9rem; }

/* ── WhatsApp yüzen düğme ──────────────────────────────────────── */
.wp-yuzen {
  position: fixed; right: 1.3rem; bottom: 1.3rem; z-index: 90;
  display: grid; place-items: center; width: 60px; height: 60px;
  background: #23B85B; border-radius: 50%;
  box-shadow: 0 8px 24px rgba(35, 184, 91, .4);
  transition: transform .4s var(--ziplat), box-shadow .4s;
}
.wp-yuzen::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #23B85B; animation: halka 2.8s var(--yay) infinite; }
@keyframes halka { 0% { transform: scale(1); opacity: .7 } 100% { transform: scale(1.6); opacity: 0 } }
.wp-yuzen .ikon { width: 30px; height: 30px; color: #fff; stroke-width: 1.6; }
.wp-yuzen:hover { transform: scale(1.1) rotate(6deg); box-shadow: 0 10px 32px rgba(35, 184, 91, .55); }

/* ── Alt bilgi ─────────────────────────────────────────────────── */
.alt { position: relative; overflow: clip; background: var(--orman-koyu); color: var(--krem-soft); font-size: 1rem; }
.alt__filigran {
  position: absolute; left: 50%; bottom: -.34em; transform: translateX(-50%);
  font-family: var(--serif); font-weight: 560; font-size: clamp(8rem, 24vw, 22rem);
  line-height: 1; color: rgba(247, 243, 233, .035); pointer-events: none; user-select: none; white-space: nowrap;
}
.alt__izgara { position: relative; display: grid; gap: 2.4rem; padding: clamp(2.8rem, 2.2rem + 2vw, 4.2rem) 0 clamp(2rem, 1.6rem + 1.4vw, 3rem); grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); }
.alt a { color: var(--krem-metin); text-decoration: none; }
.alt a:hover { color: #fff; }

.alt .marka { color: var(--krem-metin); margin-bottom: 1.3rem; }
.alt .marka__yazi span { color: var(--krem-soft); }
.alt__ozet { font-size: .99rem; max-width: 30ch; margin-bottom: 1.5rem; }
.alt__baslik { font-family: var(--sans); font-size: .8rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--krem-metin); margin-bottom: 1.2rem; }
.alt__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.alt__liste a { position: relative; display: inline-block; font-weight: 550; }
.alt__liste a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: 100% 50%; transition: transform .35s var(--yay); }
.alt__liste a:hover::after { transform: scaleX(1); transform-origin: 0 50%; }
.alt__kapali { color: rgba(247, 243, 233, .45); font-size: .92rem; }
.alt__bolgeler { font-size: .97rem; line-height: 1.9; margin-bottom: 1.4rem; }
.alt__sosyal { display: flex; gap: .7rem; }
.alt__sosyal a { display: grid; place-items: center; width: 46px; height: 46px; background: rgba(247, 243, 233, .07); border: 1px solid var(--orman-cizgi); border-radius: 999px 999px 12px 12px; transition: background .3s, transform .35s var(--ziplat), border-color .3s; }
.alt__sosyal .ikon { width: 20px; height: 20px; color: var(--krem-metin); }
.alt__sosyal a:hover { background: var(--mercan); border-color: var(--mercan); transform: translateY(-4px); }

.alt__son { position: relative; border-top: 1px solid var(--orman-cizgi); padding: 1.8rem 0 2.4rem; font-size: .92rem; }
.alt__son p { margin: 0 0 .55rem; max-width: none; }
.alt__yasal a { margin-right: .3rem; }
.alt__mevzuat, .alt__uyari { color: rgba(247, 243, 233, .45); font-size: .88rem; }
.alt__uyari { max-width: 76ch; margin-top: 1rem; line-height: 1.65; }

/* ── 404 ───────────────────────────────────────────────────────── */
.kayip { text-align: center; padding: clamp(5rem, 4rem + 6vw, 10rem) 0; }
.kayip__kod { font-family: var(--serif); font-size: clamp(6rem, 18vw, 12rem); font-weight: 560; line-height: 1; color: var(--mercan-soluk); }
.kayip h1 { margin-top: -.4em; }

/* ── Küçük yardımcılar ─────────────────────────────────────────── */
.ust-bosluk { margin-top: 2rem; }
.orta { text-align: center; }
.dugme-satir { display: flex; flex-wrap: wrap; gap: .9rem; }

/* ── Diyaliz sözlüğü ───────────────────────────────────────────── */
[hidden] { display: none !important; }
.sozluk-ust { max-width: var(--dar); display: grid; gap: 1.1rem; margin-bottom: 2.4rem; }
.sozluk-harfler { display: flex; flex-wrap: wrap; gap: .45rem; }
.sozluk-harfler a {
  display: grid; place-items: center; min-width: 2.6rem; height: 2.6rem; padding: 0 .6rem;
  border-radius: 999px; background: var(--beyaz); border: 1px solid var(--cizgi);
  font-family: var(--serif); font-weight: 600; font-size: 1.05rem; color: var(--orman); text-decoration: none;
  transition: background .25s, color .25s, border-color .25s, transform .3s var(--yay);
}
.sozluk-harfler a:hover { background: var(--mercan); border-color: var(--mercan); color: var(--krem-metin); transform: translateY(-2px); }
.sozluk-ara { display: flex; align-items: center; gap: .9rem; }
.sozluk-ara input {
  flex: 1; min-width: 0; padding: .85rem 1.2rem; font: inherit; color: var(--metin);
  background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 999px; outline: none;
  transition: border-color .25s, box-shadow .25s;
}
.sozluk-ara input:focus { border-color: var(--adacayi); box-shadow: 0 0 0 4px var(--adacayi-soluk); }
.sozluk-ara__sayi { color: var(--metin-soft); font-size: var(--f-kucuk); white-space: nowrap; }
.sozluk { max-width: var(--dar); }
.sozluk-grup { display: grid; grid-template-columns: 4rem 1fr; gap: 1.2rem; padding: 1.8rem 0; border-top: 1px solid var(--cizgi); scroll-margin-top: 120px; }
.sozluk-grup:first-child { border-top: 0; padding-top: 0; }
.sozluk-grup__harf { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 2.2rem; line-height: 1; color: var(--mercan); position: sticky; top: 110px; align-self: start; }
.sozluk-dizi { margin: 0; display: grid; gap: 1.5rem; }
.sozluk-terim { scroll-margin-top: 120px; }
.sozluk-terim dt { font-family: var(--serif); font-weight: 600; font-size: 1.28rem; color: var(--orman); margin-bottom: .3rem; }
.sozluk-terim dd { margin: 0; color: var(--metin); }
.sozluk-terim dd p { margin: 0 0 .5rem; max-width: none; }
.sozluk-terim:target dt { color: var(--mercan-koyu); }
.sozluk-bkz { font-size: var(--f-kucuk); color: var(--metin-soft); }
.sozluk-bkz a { color: var(--adacayi); text-decoration: none; border-bottom: 1px solid currentColor; }
.sozluk-bkz a:hover { color: var(--mercan-koyu); }
.sozluk-bos { max-width: var(--dar); padding: 1.4rem 1.6rem; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-k); color: var(--metin-soft); }
@media (max-width: 600px) {
  .sozluk-grup { grid-template-columns: 1fr; gap: .6rem; }
  .sozluk-grup__harf { position: static; font-size: 1.8rem; }
}