/* Klinik sitesi (leylatekin.ptmetre.com). Tasarim sistemi: PTMetre ile ayni --color-* jetonlari (static/css/styles.css), Figtree (govde) + Fraunces (baslik), 4 pt aralik olcegi. */
@font-face { font-family: "Figtree"; src: url("../fonts/klinik/figtree-latin-wght-normal.woff2") format("woff2"); font-weight: 300 900; 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+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Figtree"; src: url("../fonts/klinik/figtree-latin-ext-wght-normal.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Fraunces"; src: url("../fonts/klinik/fraunces-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; 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+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; src: url("../fonts/klinik/fraunces-latin-ext-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Yedek yazi tipleri: yukleme sirasinda kayma (CLS) olmasin diye olculeri esitlenmis (web.dev font-best-practices) */
@font-face { font-family: "Figtree Yedek"; src: local("Arial"); size-adjust: 100%; ascent-override: 95%; descent-override: 25%; line-gap-override: 0%; }
@font-face { font-family: "Fraunces Yedek"; src: local("Georgia"); size-adjust: 96%; ascent-override: 93%; descent-override: 24%; line-gap-override: 0%; }

:root {
  /* PTMetre jetonlari (styles.css) ile ayni ad ve deger */
  --color-paper: #F4F8FC;
  --color-surface: #FCFDFF;
  --color-surface-2: #EAF1F9;
  --color-surface-3: #DEE8F3;
  --color-rule: #D9DFE7;
  --color-ink: #151D2B;
  --color-muted: #505964;
  --color-accent: #1463DC;
  --color-accent-hover: #0D50C3;
  --color-accent-soft: #DEEDFF;
  --color-on-accent: #FAFCFE;
  --color-focus: #0E6EE6;
  --color-ok: #006D45;
  --color-ok-soft: #DBF6E7;
  --color-warn: #934F00;
  --color-warn-soft: #FFEED3;
  --color-danger: #B72725;
  --color-danger-soft: #FFE9E5;
  /* Yalniz klinik sitesi: koyu zeminde okunur baglanti ve odak (ink uzerinde 10:1 ustu) */
  --kl-koyu-metin: #D6DEEA;
  --kl-koyu-link: #A9CBFF;
  --kl-koyu-cizgi: #33405A;
  --kl-koyu-zemin: #151D2B;
  --kl-koyu-baslik: #FCFDFF;
  --font-govde: "Figtree", "Figtree Yedek", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-baslik: "Fraunces", "Fraunces Yedek", Georgia, "Times New Roman", serif;
  /* 4 pt aralik olcegi */
  --kl-s1: 0.25rem; --kl-s2: 0.5rem; --kl-s3: 0.75rem; --kl-s4: 1rem; --kl-s5: 1.5rem; --kl-s6: 2.5rem; --kl-s7: 4rem;
  --kl-gutter: 1rem;
  --kl-r: 6px;
  /* Yazi olcegi */
  --kl-t-xs: 0.8125rem; --kl-t-sm: 0.9375rem; --kl-t-md: 1rem; --kl-t-lg: 1.1875rem; --kl-t-govde: 1.0625rem;
  --kl-t-h3: 1.1875rem; --kl-t-h2: clamp(1.45rem, 1.2rem + 1vw, 1.875rem); --kl-t-h1: clamp(1.9rem, 1.3rem + 2.6vw, 2.875rem);
  --kl-olcu: 68ch;
}

/* Bootstrap yuklenmiyor: kucuk reset ve konteyner. */
.kl, .kl *, .kl *::before, .kl *::after { box-sizing: border-box; }
.kl { margin: 0; -webkit-text-size-adjust: 100%; }
.kl [hidden] { display: none !important; }
:where(.kl p) { margin: 0 0 var(--kl-s4); max-width: var(--kl-olcu); }
:where(.kl ul, .kl ol) { margin: 0 0 var(--kl-s4); padding-left: 2rem; }
:where(.kl figure) { margin: 0; }
:where(.kl address) { line-height: inherit; }
:where(.kl button) { font-family: inherit; }
.kl .container { width: 100%; margin-inline: auto; padding-inline: var(--kl-gutter); }
@media (min-width: 576px) { .kl .container { max-width: 540px; } }
@media (min-width: 768px) { .kl .container { max-width: 720px; } }
@media (min-width: 992px) { .kl .container { max-width: 960px; } }
@media (min-width: 1200px) { .kl .container { max-width: 1140px; } }

.kl {
  font-family: var(--font-govde);
  background: var(--color-paper);
  color: var(--color-ink);
  font-size: var(--kl-t-md);
  line-height: 1.65;
  overflow-wrap: break-word;
  padding-bottom: calc(52px + env(safe-area-inset-bottom));
}
.kl a { color: var(--color-accent); text-underline-offset: 0.18em; }
.kl a:hover { color: var(--color-accent-hover); }
.kl :focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; border-radius: 2px; }
.kl-footer :focus-visible, .kl-bolum-koyu :focus-visible, .kl-cubuk :focus-visible { outline-color: var(--kl-koyu-link); }
.kl img { max-width: 100%; height: auto; display: block; }
.kl h1, .kl h2, .kl h3 { font-family: var(--font-baslik); font-weight: 600; line-height: 1.2; color: var(--color-ink); text-wrap: balance; letter-spacing: -0.01em; }
.kl h1 { font-size: var(--kl-t-h1); margin: 0 0 var(--kl-s3); }
.kl h2 { font-size: var(--kl-t-h2); margin: var(--kl-s6) 0 var(--kl-s3); }
.kl h3 { font-size: var(--kl-t-h3); margin: 0 0 var(--kl-s2); line-height: 1.3; }
.kl main:focus { outline: none; }

.kl-skip { position: absolute; left: var(--kl-s2); top: -4rem; background: var(--color-surface); color: var(--color-ink); padding: var(--kl-s3) var(--kl-s4); z-index: 30; }
.kl-skip:focus { top: var(--kl-s2); }

/* Ust cubuk: acik yuzey, PTMetre mavisi tek vurgu. Mobilde marka + tek satir menu; 992 px ustunde tek satir */
.kl-header { background: var(--color-surface); border-bottom: 1px solid var(--color-rule); }
.kl-header-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: var(--kl-s5); padding-block: var(--kl-s1); }
.kl .kl-brand { display: inline-flex; align-items: center; gap: var(--kl-s3); color: var(--color-ink); text-decoration: none; font-family: var(--font-baslik); font-weight: 600; font-size: 1.0625rem; min-height: 48px; order: 1; }
.kl-brand img { width: 40px; height: 40px; border-radius: 50%; }
.kl-header nav { flex: 1 1 100%; order: 3; }
.kl-nav { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; }
.kl .kl-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--kl-s2); color: var(--color-muted); text-decoration: none; font-size: var(--kl-t-sm); font-weight: 500; border-bottom: 3px solid transparent; }
.kl .kl-nav a:hover { color: var(--color-ink); border-bottom-color: var(--color-surface-3); }
.kl .kl-nav a[aria-current="page"] { color: var(--color-ink); font-weight: 600; border-bottom-color: var(--color-accent); }
.kl .kl-nav-ana { display: none; }
@media (max-width: 575.98px) { .kl .kl-nav a { padding: 0 var(--kl-s1); font-size: var(--kl-t-xs); } }
@media (min-width: 768px) { .kl .kl-nav-ana { display: list-item; } .kl-nav { justify-content: flex-start; } .kl-header nav { flex-basis: auto; } }
@media (min-width: 768px) and (max-width: 991.98px) { .kl-header nav { flex: 1 1 100%; } .kl-header-in { padding-bottom: 0; } }
@media (min-width: 992px) { .kl-header nav { flex: 1 1 auto; order: 2; } .kl .kl-ara { order: 3; } .kl-nav { justify-content: center; } }

/* Dugmeler: birincil dolu (vurgu), ikincil cizgili */
.kl-eylem { display: flex; flex-wrap: wrap; gap: var(--kl-s3); margin: var(--kl-s5) 0; max-width: none; }
.kl .kl-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: var(--kl-s2) var(--kl-s5); background: var(--color-accent); color: var(--color-on-accent); border: 2px solid var(--color-accent); border-radius: var(--kl-r); text-decoration: none; font-weight: 600; transition: background-color 0.15s, color 0.15s; }
.kl .kl-btn:hover { background: var(--color-accent-hover); border-color: var(--color-accent-hover); color: var(--color-on-accent); }
.kl .kl-btn-ikinci { background: transparent; color: var(--color-accent); }
.kl .kl-btn-ikinci:hover { background: var(--color-accent-soft); border-color: var(--color-accent); color: var(--color-accent-hover); }
.kl-bolum-koyu .kl-btn { background: var(--kl-koyu-baslik); color: #151D2B; border-color: var(--kl-koyu-baslik); }
.kl-bolum-koyu .kl-btn:hover { background: #DEEDFF; border-color: #DEEDFF; color: #151D2B; }

/* Anasayfa ust alan */
.kl-hero { background: var(--color-surface-2); border-bottom: 1px solid var(--color-rule); }
.kl-hero-grid { display: grid; gap: 0; padding-inline: 0; }
.kl-hero-img { margin: 0; order: -1; }
.kl-hero-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.kl-hero-metin { padding: var(--kl-s5) var(--kl-gutter) var(--kl-s6); }
.kl-ust { margin: 0 0 var(--kl-s2); font-size: var(--kl-t-sm); color: var(--color-accent-hover); font-weight: 600; }
.kl-lead { font-size: var(--kl-t-lg); color: var(--color-muted); line-height: 1.55; }

/* Sayfa basligi alani (ic sayfalar): kirinti (yalniz derin sayfada), h1, tek cumle */
.kl-bas { background: var(--color-surface-2); border-bottom: 1px solid var(--color-rule); padding-block: var(--kl-s5); }
.kl-bas h1 { margin-bottom: var(--kl-s2); }
.kl-bas .kl-lead, .kl-bas .kl-tarih { margin: 0; }
.kl-ic { padding-block: var(--kl-s5) var(--kl-s7); }

/* Bolumler */
.kl-bolum { padding: var(--kl-s6) 0; }
.kl-bolum h2:first-child { margin-top: 0; }
.kl-bolum-koyu { background: var(--kl-koyu-zemin); color: var(--kl-koyu-metin); }
.kl-bolum-koyu h2 { color: var(--kl-koyu-baslik); }
.kl-bolum-koyu a { color: var(--kl-koyu-link); }
.kl-iki { display: grid; gap: var(--kl-s5) var(--kl-s6); }
.kl-fig img, .kl-kart-img img { width: 100%; border-radius: var(--kl-r); background: var(--color-surface-3); }
.kl-fig figcaption, .kl-kart-img figcaption { font-size: var(--kl-t-xs); color: var(--color-muted); margin-top: var(--kl-s2); }
.kl-fig-genis { margin: 0 0 var(--kl-s5); }
.kl-fig-genis img { max-height: 420px; object-fit: cover; }
.kl-adim { padding-left: 1.4rem; margin: 0; }
.kl-adim li { margin-bottom: var(--kl-s4); padding-left: var(--kl-s1); }
.kl-adim strong { color: var(--kl-koyu-baslik); }

/* Kartlar: baslik baglantisi tum karta yayilir (tek baglanti). Liste halinde: kucuk gorsel solda, metin sagda */
.kl-izgara { list-style: none; padding: 0; margin: var(--kl-s5) 0; display: grid; gap: var(--kl-s4); }
.kl-kart { position: relative; background: var(--color-surface); border: 1px solid var(--color-rule); border-radius: var(--kl-r); overflow: hidden; display: flex; flex-direction: column; transition: border-color 0.15s; }
.kl-kart:has(.kl-kart-baslik a):hover { border-color: var(--color-accent); }
.kl-kart:has(a:focus-visible) { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.kl .kl-kart-baslik { font-size: var(--kl-t-h3); margin: 0 0 var(--kl-s2); line-height: 1.3; }
.kl .kl-kart-baslik a { color: var(--color-ink); text-decoration: none; }
.kl .kl-kart-baslik a:focus-visible { outline: none; }
.kl .kl-kart-baslik a::after { content: ""; position: absolute; inset: 0; }
.kl .kl-kart:hover .kl-kart-baslik a { color: var(--color-accent-hover); }
.kl-kart-img { display: block; margin: 0; }
.kl-kart-img img { border-radius: 0; aspect-ratio: 16 / 9; object-fit: cover; }
.kl-kart-img figcaption { padding: 0 var(--kl-s4) var(--kl-s3); }
.kl-kart-govde { padding: var(--kl-s4) var(--kl-s4) var(--kl-s4); }
.kl-kart-govde p { margin: 0; color: var(--color-muted); font-size: var(--kl-t-sm); line-height: 1.55; }
.kl-tarih { font-size: var(--kl-t-xs); color: var(--color-muted); margin: 0 0 var(--kl-s1); }
.kl-devam { margin-top: var(--kl-s4); font-weight: 600; }

/* Liste: ic sayfalardaki hizmet/yazi listeleri (her genislikte) ve anasayfa satir listesi (dar ekranda) */
.kl-izgara-liste .kl-kart, .kl-izgara-satir .kl-kart { flex-direction: row; }
.kl-izgara-liste .kl-kart-img, .kl-izgara-satir .kl-kart-img { flex: 0 0 6.5rem; align-self: stretch; }
.kl-izgara-liste .kl-kart-img img, .kl-izgara-satir .kl-kart-img img { height: 100%; aspect-ratio: auto; min-height: 6.5rem; }
.kl-izgara-liste .kl-kart-govde, .kl-izgara-satir .kl-kart-govde { padding: var(--kl-s3) var(--kl-s4); align-self: center; }
@media (min-width: 576px) {
  .kl-izgara-liste .kl-kart-img { flex-basis: 10rem; }
  .kl-izgara-liste .kl-kart-govde { padding: var(--kl-s4) var(--kl-s5); }
  .kl .kl-izgara-liste .kl-kart-baslik { font-size: 1.3125rem; }
  .kl-izgara-satir { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--kl-s5); }
  .kl-izgara-satir .kl-kart { flex-direction: column; background: transparent; border: 0; border-top: 2px solid var(--color-ink); border-radius: 0; overflow: visible; }
  .kl-izgara-satir .kl-kart:hover { border-top-color: var(--color-accent); }
  .kl-izgara-satir .kl-kart-img { flex-basis: auto; padding-top: var(--kl-s3); }
  .kl-izgara-satir .kl-kart-img img { height: auto; aspect-ratio: 3 / 2; min-height: 0; border-radius: var(--kl-r); }
  .kl-izgara-satir .kl-kart-govde { padding: var(--kl-s3) 0 var(--kl-s2); align-self: stretch; }
}
@media (min-width: 768px) { .kl-izgara-satir { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 992px) { .kl-izgara-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Makale ve hizmet sayfasi: metin + sag yan kutu (randevu) */
.kl-makale-iki { display: grid; gap: var(--kl-s5) var(--kl-s6); align-items: start; }
.kl-govde { font-size: var(--kl-t-govde); line-height: 1.7; }
.kl-govde h2 { margin-top: var(--kl-s6); }
.kl-govde h3 { margin-top: var(--kl-s5); }
.kl-govde ul, .kl-govde ol { max-width: var(--kl-olcu); padding-left: 1.4rem; }
.kl-govde li { margin-bottom: var(--kl-s2); }
.kl-guncel { font-size: var(--kl-t-sm); color: var(--color-muted); border-top: 1px solid var(--color-rule); padding-top: var(--kl-s4); margin-top: var(--kl-s6); }
.kl-kaynak { margin-top: var(--kl-s6); }
.kl-kaynak ul { padding-left: 1.2rem; }
.kl-yan { background: var(--color-surface); border: 1px solid var(--color-rule); border-radius: var(--kl-r); padding: var(--kl-s5); }
.kl-yan h2 { margin: 0 0 var(--kl-s2); font-size: var(--kl-t-h3); }
.kl-yan p { font-size: var(--kl-t-sm); color: var(--color-muted); margin: 0 0 var(--kl-s3); }
.kl-yan .kl-eylem { margin: var(--kl-s4) 0 var(--kl-s3); flex-direction: column; gap: var(--kl-s2); }
.kl-yan .kl-btn { width: 100%; }
.kl-yan .kl-saat { margin: 0; font-size: var(--kl-t-xs); }
@media (min-width: 992px) {
  .kl-makale-iki { grid-template-columns: minmax(0, 1fr) 19rem; }
  .kl-yan { position: sticky; top: var(--kl-s5); }
}

/* Kirinti: yalniz derin sayfalarda, kucuk, tek satir, son oge kesilir (NN/g: sarma yok, mobilde ust seviye) */
.kl-kirinti ol { list-style: none; display: flex; flex-wrap: nowrap; align-items: center; margin: 0 0 var(--kl-s3); padding: 0; font-size: var(--kl-t-xs); color: var(--color-muted); }
.kl-kirinti li { display: inline-flex; align-items: center; flex: none; white-space: nowrap; }
.kl-kirinti li:last-child { flex: 0 1 auto; min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; }
.kl-kirinti li + li::before { content: "\203A"; flex: none; margin: 0 0.5em; font-size: 1.25em; line-height: 1; color: var(--color-muted); }
.kl .kl-kirinti a { display: inline-block; padding-block: var(--kl-s1); color: var(--color-muted); text-decoration: none; }
.kl .kl-kirinti a:hover { color: var(--color-ink); text-decoration: underline; }

.kl-plain { list-style: none; padding: 0; margin: 0 0 var(--kl-s4); }
.kl address { font-style: normal; margin: 0 0 var(--kl-s4); max-width: 40ch; }
.kl-portre img { width: 100%; max-width: 280px; aspect-ratio: 1; object-fit: cover; }
.kl-ofis img { aspect-ratio: auto; }
.kl-ofis { max-width: 520px; }

/* Alt bilgi: koyu, tek iletisim sutunu */
.kl-footer { background: var(--kl-koyu-zemin); color: var(--kl-koyu-metin); padding: var(--kl-s6) 0 var(--kl-s5); font-size: var(--kl-t-sm); }
.kl-footer h2 { color: var(--kl-koyu-baslik); font-size: var(--kl-t-lg); margin: 0 0 var(--kl-s2); }
.kl-footer a { color: var(--kl-koyu-link); }
.kl-footer a:hover { color: #fff; }
.kl-footer p { margin: 0 0 var(--kl-s3); }
.kl-footer .kl-plain { margin: 0; }
.kl-footer-grid { display: grid; gap: var(--kl-s5) var(--kl-s6); }
.kl-footer-alt { display: flex; flex-wrap: wrap; gap: 0 var(--kl-s5); border-top: 1px solid var(--kl-koyu-cizgi); padding-top: var(--kl-s3); margin-top: var(--kl-s5); max-width: none; }
.kl-footer-alt a { display: inline-block; padding-block: var(--kl-s2); }
.kl-footer-not { font-size: var(--kl-t-xs); color: #B7C2D2; max-width: none; margin: 0; }

/* Galeri */
.kl-arac { margin: var(--kl-s5) 0 var(--kl-s2); display: grid; gap: var(--kl-s3); align-content: start; min-height: 13rem; } /* JS araci doldurur; yer ayrilmazsa CLS olur */
.kl-sekmeler { display: flex; gap: var(--kl-s1); border-bottom: 2px solid var(--color-rule); }
.kl .kl-sekme { appearance: none; background: transparent; border: 0; border-bottom: 3px solid transparent; margin-bottom: -2px; min-height: 48px; padding: 0 var(--kl-s4); font: inherit; font-weight: 500; color: var(--color-muted); cursor: pointer; }
.kl .kl-sekme:hover { color: var(--color-ink); }
.kl .kl-sekme[aria-selected="true"] { color: var(--color-ink); border-bottom-color: var(--color-accent); font-weight: 700; }
.kl-filtre { display: flex; flex-wrap: wrap; gap: var(--kl-s2); }
.kl .kl-chip { appearance: none; min-height: 44px; padding: 0 var(--kl-s4); border: 1.5px solid var(--color-rule); border-radius: 22px; background: var(--color-surface); color: var(--color-ink); font: inherit; font-size: var(--kl-t-sm); cursor: pointer; }
.kl .kl-chip:hover { border-color: var(--color-accent); }
.kl .kl-chip[aria-pressed="true"] { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-on-accent); }
.kl-gizli { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.kl-panel[hidden], .kl-oge[hidden] { display: none; }
.kl-galeri { list-style: none; padding: 0; margin: var(--kl-s4) 0 var(--kl-s5); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--kl-s4) var(--kl-s3); align-items: start; }
.kl-oge { margin: 0; }
.kl-oge-bag { position: relative; display: block; border-radius: var(--kl-r); overflow: hidden; background: var(--color-surface-3); }
.kl-oge-bag img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 0.4s ease; }
.kl-galeri-video .kl-oge-bag img { aspect-ratio: 9 / 16; }
.kl-oge-bag:hover img { transform: scale(1.03); }
.kl-oynat { position: absolute; inset: auto var(--kl-s2) var(--kl-s2) auto; width: 44px; height: 44px; border-radius: 50%; background: rgba(21, 29, 43, 0.88); color: #fff; display: grid; place-items: center; }
.kl-oge-bilgi { margin: var(--kl-s2) 0 0; display: grid; gap: 0.1rem; font-size: var(--kl-t-sm); line-height: 1.4; max-width: none; }
.kl-etiket { font-size: var(--kl-t-xs); color: var(--color-accent-hover); font-weight: 600; }
.kl-oge-ad { color: var(--color-ink); }
@media (min-width: 576px) { .kl-arac { min-height: 7.5rem; } .kl-galeri { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--kl-s5) var(--kl-s4); } }
@media (min-width: 992px) { .kl-galeri-video { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Lightbox (<dialog>) */
html.kl-lb-acik { overflow: hidden; }
.kl-lb { padding: 0; border: 0; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; background: var(--kl-koyu-zemin); color: #fff; }
.kl-lb[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.kl-lb::backdrop { background: var(--kl-koyu-zemin); }
.kl-lb-ust { display: flex; align-items: center; justify-content: space-between; padding: 0.4rem 0.6rem 0.4rem 1rem; }
.kl-lb-say { font-size: var(--kl-t-sm); color: var(--kl-koyu-metin); }
.kl-lb-sahne { min-height: 0; overflow: hidden; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; padding: 0 3.5rem; touch-action: pan-y; }
.kl-lb-sahne img, .kl-lb-sahne video { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: 2px; }
.kl-lb-yazi { margin: 0 auto; justify-self: center; width: 100%; padding: var(--kl-s3) var(--kl-s4) var(--kl-s4); font-size: var(--kl-t-sm); line-height: 1.5; color: var(--kl-koyu-metin); max-width: 60rem; text-align: center; }
.kl-lb .kl-lb-d { appearance: none; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #fff; display: grid; place-items: center; cursor: pointer; }
.kl-lb .kl-lb-d:hover { background: rgba(255, 255, 255, 0.24); }
.kl-lb :focus-visible { outline: 3px solid var(--kl-koyu-link); outline-offset: 2px; }
.kl-lb-onceki, .kl-lb-sonraki { position: absolute; top: 50%; translate: 0 -50%; }
.kl-lb-onceki { left: 0.25rem; }
.kl-lb-sonraki { right: 0.25rem; }
@media (min-width: 768px) { .kl-lb-sahne { padding: 0 5rem; } .kl-lb-onceki { left: 1rem; } .kl-lb-sonraki { right: 1rem; } }
@media (prefers-reduced-motion: no-preference) {
  .kl-lb[open] { animation: kl-lb-ac 0.2s ease-out; }
  @keyframes kl-lb-ac { from { opacity: 0; } to { opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) { .kl * { scroll-behavior: auto; transition: none; } .kl-oge-bag img { transition: none; } .kl-oge-bag:hover img { transform: none; } }
@media (forced-colors: active) { .kl .kl-btn { border: 2px solid ButtonText; } }

/* Randevu cagrisi: ust cubukta (genis ekran) ve altta sabit cubuk (dar ekran). Ara dolu vurgu, WhatsApp koyu */
.kl .kl-ara { display: none; align-items: center; min-height: 44px; padding: 0 var(--kl-s4); background: var(--color-accent); border-radius: var(--kl-r); color: var(--color-on-accent); text-decoration: none; font-size: var(--kl-t-sm); font-weight: 600; order: 2; }
.kl .kl-ara:hover { background: var(--color-accent-hover); color: var(--color-on-accent); }
.kl-cubuk { position: fixed; inset: auto 0 0 0; z-index: 20; display: grid; grid-template-columns: 1fr 1fr; background: var(--kl-koyu-zemin); border-top: 1px solid var(--kl-koyu-cizgi); padding-bottom: env(safe-area-inset-bottom); }
.kl .kl-cubuk a { display: flex; align-items: center; justify-content: center; min-height: 52px; color: #fff; text-decoration: none; font-weight: 600; }
.kl .kl-cubuk-ara { background: var(--color-accent); color: var(--color-on-accent); }
.kl .kl-cubuk-ara:hover { background: var(--color-accent-hover); }
.kl .kl-cubuk-wa { color: var(--kl-koyu-link); }
.kl .kl-cubuk-wa:hover { background: #222d44; color: #fff; }

/* Genis ekran */
@media (min-width: 576px) {
  .kl-izgara-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .kl { padding-bottom: 0; }
  .kl-cubuk { display: none; }
  .kl .kl-ara { display: inline-flex; }
  .kl-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kl-iki { grid-template-columns: 1fr 1fr; align-items: center; }
  .kl-iki-ust { align-items: start; }
  .kl-bas { padding-block: var(--kl-s6); }
  .kl-ic { padding-top: var(--kl-s6); }
}
@media (min-width: 992px) {
  .kl-hero-grid { grid-template-columns: 5fr 6fr; align-items: stretch; padding-inline: var(--kl-gutter); }
  .kl-hero-img { order: 0; }
  .kl-hero-img img { height: 100%; aspect-ratio: auto; min-height: 420px; }
  .kl-hero-metin { align-self: center; padding: var(--kl-s7) var(--kl-s6) var(--kl-s7) 0; }
  .kl-izgara-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Dokunma hedefi: satir ici olmayan baglantilar en az 24 px (WCAG 2.5.8) */
.kl-devam a, .kl-footer p a, .kl-guncel a, .kl-plain a { display: inline-block; min-height: 24px; }