/* drcihanaydogan.com — sade, hızlı, dış kaynaksız stil. Renkler önceki taslakla aynı. */
:root {
  --beyaz: #ffffff;
  --siyah: #111111;
  --metin: #1d1d1d;
  --soluk: #5e5e5e;
  --cizgi: #dadada;
  --kum: #f7f5f1;
  --pirinc: #8a6a28;
  --pirinc-acik: #a07a2f;
  --yazi: Avenir, "Avenir Next", "Nunito Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --genislik: 1120px;
  --dar: 760px;
  --yaricap: 10px;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--beyaz); color: var(--metin); font: 17px/1.65 var(--yazi); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--pirinc); text-underline-offset: 3px; }
a:hover { color: var(--siyah); }
h1, h2, h3 { color: var(--siyah); line-height: 1.25; font-weight: 600; letter-spacing: -0.01em; }
h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); margin: .4em 0 .3em; }
h2 { font-size: clamp(1.35rem, 2.6vw, 1.7rem); margin: 1.8em 0 .6em; }
h3 { font-size: 1.12rem; margin: 1.2em 0 .4em; }
address { font-style: normal; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .65rem .8rem; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
:focus-visible { outline: 2px solid var(--pirinc); outline-offset: 2px; }

.kap { max-width: var(--genislik); margin: 0 auto; padding: 0 16px; }
.dar { max-width: var(--dar); }
.kucuk { font-size: .88rem; color: var(--soluk); }
.ust-bilgi { font-size: .85rem; color: var(--soluk); margin: 0 0 .3rem; letter-spacing: .02em; }
.giris { font-size: 1.12rem; color: #333; }
.alt-baslik-buyuk { font-size: 1.1rem; color: var(--soluk); margin-top: 0; }
.atla { position: absolute; left: -999px; }
.atla:focus { left: 16px; top: 8px; background: var(--beyaz); padding: .5rem 1rem; z-index: 10; }

/* düğmeler */
.dugmeler { display: flex; flex-wrap: wrap; gap: .6rem; }
.dugme { display: inline-block; background: var(--siyah); color: var(--beyaz); text-decoration: none; padding: .75rem 1.25rem; border-radius: 999px; font-weight: 600; border: 1px solid var(--siyah); }
.dugme:hover { background: #333; color: var(--beyaz); }
.dugme-ikincil { background: transparent; color: var(--siyah); }
.dugme-ikincil:hover { background: var(--kum); color: var(--siyah); }
.dugme-kucuk { padding: .45rem .9rem; font-size: .9rem; }

/* üst bölüm */
.ust { border-bottom: 1px solid var(--cizgi); background: var(--beyaz); position: sticky; top: 0; z-index: 5; }
.ust-ic { display: flex; align-items: center; gap: 1.2rem; min-height: 72px; }
.logo img { width: 112px; height: auto; }
.menu { margin-left: auto; }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu-genis { display: flex; gap: 1.1rem; }
.menu a { color: var(--metin); text-decoration: none; font-size: .96rem; }
.menu a:hover, .menu a[aria-current] { color: var(--pirinc); }
.menu-mobil { display: none; }
@media (max-width: 960px) {
  .menu-genis, .ust-ara { display: none; }
  .menu-mobil { display: block; position: relative; }
  .menu-mobil summary { list-style: none; cursor: pointer; border: 1px solid var(--cizgi); border-radius: 999px; padding: .4rem 1rem; font-weight: 600; }
  .menu-mobil summary::-webkit-details-marker { display: none; }
  .menu-mobil ul { position: absolute; right: 0; top: calc(100% + 8px); background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: .5rem 0; min-width: 210px; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
  .menu-mobil li a { display: block; padding: .6rem 1.1rem; }
}

/* ana sayfa */
.kahraman { background: var(--kum); padding: 2.5rem 0 3rem; }
.kahraman-ic { display: grid; grid-template-columns: 1.1fr 1fr; gap: 2.5rem; align-items: center; }
.kahraman-gorsel img { border-radius: var(--yaricap); }
@media (max-width: 860px) { .kahraman-ic { grid-template-columns: 1fr; } }

.bolum { padding: 1.5rem 0 2.5rem; }
.bolum-kum { background: var(--kum); }
.bolum > .kap > h2:first-child, .bolum h2:first-child { margin-top: .8em; }
.izgara-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.2rem; }
.iki-sutun { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; }
@media (max-width: 860px) { .iki-sutun { grid-template-columns: 1fr; gap: 0; } }

.kart { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 1.2rem 1.3rem; }
.kart h3 { margin-top: .2em; }
.kart h3 a { color: var(--siyah); text-decoration: none; }
.kart h3 a:hover { color: var(--pirinc); }
.kart p:last-child { margin-bottom: 0; color: #444; font-size: .96rem; }
.kart-link { display: block; text-decoration: none; color: inherit; transition: border-color .15s; }
.kart-link:hover { border-color: var(--pirinc-acik); color: inherit; }
.adimlar { padding-left: 1.2rem; }
.adimlar li { margin-bottom: .5rem; }
.gorsel-link { display: block; text-decoration: none; margin-top: 1.5rem; }
.gorsel-link img { border-radius: var(--yaricap); }
.gorsel-link span { display: inline-block; margin-top: .5rem; }

/* tablo */
.tablo-kap { overflow-x: auto; background: var(--beyaz); border-radius: var(--yaricap); border: 1px solid var(--cizgi); }
.karsilastirma caption { text-align: left; padding: .8rem .8rem 0; color: var(--soluk); font-size: .88rem; }
.karsilastirma th[scope=row] { font-weight: 600; white-space: nowrap; }
.karsilastirma tr:last-child th, .karsilastirma tr:last-child td { border-bottom: 0; }

/* SSS */
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss summary { cursor: pointer; list-style: none; padding: 1rem 2rem 1rem 0; position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: .3rem; top: .85rem; font-size: 1.4rem; color: var(--pirinc); }
.sss details[open] summary::after { content: "–"; }
.sss summary h2, .sss summary h3 { display: inline; font-size: 1.05rem; margin: 0; }
.sss details p { margin: 0 0 1.1rem; color: #333; }

/* içerik sayfaları */
.kirinti ol { list-style: none; display: flex; flex-wrap: wrap; gap: .3rem; padding: 0; margin: 1.4rem 0 0; font-size: .85rem; color: var(--soluk); }
.kirinti li + li::before { content: "›"; margin-right: .3rem; }
.kirinti a { color: var(--soluk); }
.ozet-kutu { background: var(--kum); border-left: 3px solid var(--pirinc-acik); padding: 1rem 1.2rem; border-radius: 0 var(--yaricap) var(--yaricap) 0; font-size: 1.06rem; }
.metin li { margin-bottom: .35rem; }
.metin table { margin: 1rem 0; }
.tedavi-ozet { border-bottom: 1px solid var(--cizgi); padding-bottom: .5rem; }
.tedavi-ozet h2 a { color: var(--siyah); text-decoration: none; }
.hekim-kutusu { border-top: 1px solid var(--cizgi); margin-top: 2.5rem; padding-top: 1rem; }
.randevu { background: var(--kum); border-radius: var(--yaricap); padding: 1.3rem 1.5rem; margin: 2rem 0; }
.randevu h2 { margin-top: 0; }

/* galeri */
.galeri { columns: 3 280px; column-gap: 1rem; }
.galeri a { display: block; margin-bottom: 1rem; break-inside: avoid; }
.galeri img { border-radius: var(--yaricap); width: 100%; }

/* video: tıklayana kadar YouTube yüklenmez */
.video { margin: 0; }
.video-oynat, .video iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--yaricap); display: block; }
.video-oynat { background: #1d1d1d; color: #ddd; cursor: pointer; position: relative; font: inherit; overflow: hidden; padding: 0; }
.video-oynat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 760px) { .logo img { width: 88px; } .ust-ic { min-height: 60px; } }
.video-ikon { position: absolute; left: 50%; top: 42%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: var(--beyaz); }
.video-ikon::after { content: ""; position: absolute; left: 26px; top: 20px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent var(--siyah); }
.video-not { position: absolute; left: 0; right: 0; bottom: 0; font-size: .78rem; padding: 1.5rem 1rem .6rem; background: linear-gradient(transparent, rgba(0,0,0,.65)); color: #eee; }
.video-oynat:hover .video-ikon { background: var(--pirinc-acik); }
.video figcaption { margin-top: .6rem; }

/* alt bölüm */
.alt { background: var(--siyah); color: #cfcfcf; margin-top: 3rem; padding: 2.5rem 0 5.5rem; font-size: .94rem; }
.alt a { color: var(--beyaz); }
.alt strong { color: var(--beyaz); }
.alt-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; }
.alt-baslik { font-size: .95rem; color: var(--beyaz); margin: 0 0 .5rem; }
.alt-logo { filter: invert(1); width: 110px; margin-bottom: .6rem; }
.alt .kucuk { color: #a8a8a8; }
.alt-yasal { border-top: 1px solid #333; margin-top: 1.5rem; padding-top: 1rem; font-size: .84rem; color: #a8a8a8; }
.alt-yasal p { margin: .3rem 0; }

/* mobil hızlı iletişim çubuğu */
.mobil-cubuk { display: none; }
@media (max-width: 760px) {
  body { font-size: 16px; }
  .mobil-cubuk { display: grid; grid-template-columns: 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 6; background: var(--beyaz); border-top: 1px solid var(--cizgi); }
  .mobil-cubuk a { text-align: center; padding: .9rem; font-weight: 600; text-decoration: none; color: var(--siyah); }
  .mobil-cubuk a + a { border-left: 1px solid var(--cizgi); }
}

@media print { .ust, .alt, .mobil-cubuk, .randevu { display: none; } }

/* dikey videolar (YouTube Shorts) */
.izgara-video { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1.2rem; }
.video-dikey .video-oynat, .video-dikey iframe { aspect-ratio: 9 / 16; }
.yazi-video { max-width: 320px; margin: 1.2rem 0 1.6rem; }

/* taslak önizleme uyarıları */
.taslak-serit { display: inline-block; background: #fff3cd; color: #6b4e00; border: 1px solid #e6c65c; border-radius: 6px; padding: .2rem .6rem; font-size: .8rem; font-weight: 600; letter-spacing: .04em; margin: 0 0 .5rem; }
.taslak-ust { display: block; border-radius: 0; text-align: center; margin: 0; }

/* portre */
.kahraman-portre { border-radius: var(--yaricap); width: 100%; max-width: 420px; justify-self: end; }
@media (max-width: 860px) { .kahraman-portre { justify-self: start; max-width: 340px; } }
.hakkimda-portre { float: right; width: 300px; margin: 0 0 1rem 1.5rem; border-radius: var(--yaricap); }
@media (max-width: 600px) { .hakkimda-portre { float: none; width: 100%; max-width: 360px; margin: 0 0 1rem; } }
.metin table { clear: both; }
.hekim-kutusu { display: flex; gap: 1rem; align-items: flex-start; }
.hekim-kutusu img { border-radius: 50%; flex: none; }
.hekim-kutusu p { margin: 0; }
.video-dikey .video-not { display: none; }
.video-bilgi { margin-top: .4rem; }
.video-dikey .video-ikon { width: 40px; height: 40px; margin: 0; top: 10px; left: auto; right: 10px; background: rgba(255,255,255,.9); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.video-dikey .video-ikon::after { left: 16px; top: 12px; border-width: 8px 0 8px 13px; }
.metin { overflow-wrap: anywhere; }

/* ---- mobil düzenlemeler ---- */
@media (max-width: 860px) {
  .kahraman-portre { justify-self: center; max-width: 320px; }
}
@media (max-width: 760px) {
  /* metinler iki yana yaslı; dar ekranda boşluk açılmaması için heceleme */
  main p, main li, .sss details p { text-align: justify; hyphens: auto; -webkit-hyphens: auto; }
  main .ust-bilgi, main .kucuk, main .dugmeler, main .kirinti, main figcaption, main .kart p, .randevu p { text-align: left; hyphens: manual; }
  .hakkimda-portre { margin-left: auto; margin-right: auto; }

  /* karşılaştırma tablosu: her özellik ayrı bir kart */
  .tablo-kap { border: 0; background: transparent; overflow: visible; }
  .karsilastirma caption { display: block; padding: 0 0 .6rem; text-align: left; }
  .karsilastirma thead { display: none; }
  .karsilastirma, .karsilastirma tbody, .karsilastirma tr, .karsilastirma th, .karsilastirma td { display: block; width: 100%; }
  .karsilastirma tr { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--yaricap); margin-bottom: .8rem; overflow: hidden; }
  .karsilastirma th[scope=row] { white-space: normal; background: var(--kum); padding: .6rem .9rem; border-bottom: 1px solid var(--cizgi); }
  .karsilastirma td { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem .9rem; border-bottom: 1px solid var(--cizgi); text-align: right; }
  .karsilastirma td::before { content: attr(data-etiket); font-weight: 600; color: var(--siyah); text-align: left; flex: none; }
  .karsilastirma tr td:last-child { border-bottom: 0; }

  /* içerik tabloları (Hakkımda, yazılar): daha sıkı */
  .metin table { font-size: .92rem; }
  .metin th, .metin td { padding: .5rem .4rem; text-align: left; hyphens: manual; }
}