/* ==========================================================================
   OCW — Prof. Dr. Öner Çelik · tek global stil dosyası
   Sıra sabittir: 1 değişkenler → 2 font → 3 temel → 4 yerleşim → 5 bileşenler
   → 6 bölümler → 7 şablona özel → 8 yardımcılar → 9 medya sorguları.
   Görsel dil dronercelik.com/lp ile ortaktır (renk, font, buton, üst etiket).
   Kontrast oranları tests/kontrast.py ile ölçülür; yeni renk çifti oraya eklenir.
   Kırılımlar: 640 (küçük), 960 (mobil çubuk ↔ sabit WhatsApp), 1200 (menü paneli ↔ yatay menü).
   ========================================================================== */

/* 1. Değişkenler ---------------------------------------------------------- */
:root {
	--ocw-ink: #14181b;
	--ocw-paper: #f5f1ea;
	--ocw-white: #ffffff;
	--ocw-petrol: #1b3a4b;
	--ocw-petrol-dk: #12293a;
	--ocw-brass: #c9a96e;      /* yalnızca koyu zeminde (LP'de --gold) */
	--ocw-brass-ink: #7e6139;  /* açık zeminde vurgu metni */
	--ocw-slate: #55606a;
	--ocw-mist: #e4e9e8;
	--ocw-sage: #9fb7b9;       /* koyu zeminde ikincil metin */
	--ocw-line: #d8d1c4;       /* dekoratif */
	--ocw-line-ui: #8b857a;    /* açık zeminde arayüz kenarı */
	--ocw-line-dk-ui: #7d8c93; /* koyu zeminde arayüz kenarı */

	--ocw-serif: "Bodoni Moda", "Bodoni 72", "Didot", "Bodoni MT", Georgia, serif;
	--ocw-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	--ocw-fs-gov: clamp(1.0625rem, 1rem + 0.2vw, 1.125rem);
	--ocw-fs-kucuk: 0.9375rem;
	--ocw-fs-h3: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem);
	--ocw-fs-h2: clamp(2.1rem, 1.5rem + 2.6vw, 3.6rem);
	--ocw-fs-h1: clamp(2.75rem, 1.5rem + 5.4vw, 5.6rem);

	--ocw-kap: 1240px;
	--ocw-dar: 960px;
	--ocw-bosluk: clamp(1.125rem, 0.7rem + 1.8vw, 2rem);
	--ocw-bolum: clamp(4rem, 2.8rem + 5vw, 7.5rem);
	--ocw-ust-h: 4.5rem;
	--ocw-cubuk-h: 0px;
	--ocw-gecis: 160ms ease;
}

/* 2. Font (yerel WOFF2, OFL — Google Fonts'a bağlanılmaz) ------------------ */
@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-latin.woff2) format("woff2"); 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: "Bodoni Moda"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bodoni Moda"; font-style: italic; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-italik-latin.woff2) format("woff2"); 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: "Bodoni Moda"; font-style: italic; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-italik-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/hanken-latin.woff2) format("woff2"); 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: "Hanken Grotesk"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/hanken-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }

/* 3. Temel ---------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--ocw-ust-h) + 1rem); }
body {
	margin: 0;
	background: var(--ocw-paper);
	color: var(--ocw-ink);
	font-family: var(--ocw-sans);
	font-size: var(--ocw-fs-gov);
	line-height: 1.65;
	text-rendering: optimizeLegibility;
	padding-bottom: var(--ocw-cubuk-h);
}
body.ocw-menu-acik { overflow: hidden; }
/* Öğe kuralları :where() ile sıfır özgüllükte: Elementor içeriğinde (geçiş dönemi) Elementor'un kendi kuralları kazanır. */
:where(img, svg, video) { max-width: 100%; height: auto; display: block; }
:where(a) { color: var(--ocw-petrol); text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
:where(a:hover) { text-decoration-thickness: 2px; }
:where(button) { font: inherit; }
:focus-visible { outline: 2px solid var(--ocw-petrol); outline-offset: 3px; }
.ocw-iletisim-bandi :focus-visible, .ocw-alt :focus-visible, .ocw-mobil-cubuk :focus-visible, .ocw-nav__alt :focus-visible, .ocw-yan__hekim :focus-visible { outline-color: var(--ocw-brass); }
:where(h1, h2, h3, h4) { font-family: var(--ocw-serif); font-weight: 500; line-height: 1.08; margin: 0 0 0.5em; letter-spacing: -0.015em; }
:where(h1, h2, h3) em { font-style: italic; color: var(--ocw-petrol); }
:where(p, ul, ol, table, details, address) { margin: 0 0 1.1em; }
:where(address) { font-style: normal; }
:where(table) { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
:where(th, td) { text-align: left; padding: 0.6rem 0.75rem; border-bottom: 1px solid var(--ocw-line); vertical-align: top; }
:where(th) { font-weight: 600; }

/* 4. Yerleşim ------------------------------------------------------------- */
.ocw-kap { width: 100%; max-width: var(--ocw-kap); margin-inline: auto; padding-inline: var(--ocw-bosluk); }
.ocw-dar { max-width: var(--ocw-dar); }
.ocw-kap.ocw-dar { max-width: var(--ocw-kap); }
.ocw-kap.ocw-dar > * { max-width: var(--ocw-dar); } /* 0.9.9: dar içerik sayfa başlığıyla aynı sol kenardan başlar (ortalanmaz) */
.ocw-ana { display: block; }
.ocw-ana:focus { outline: none; }
.ocw-izgara { display: grid; gap: var(--ocw-bosluk); grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }

/* 5. Bileşenler ----------------------------------------------------------- */
/* Temel buton: background her zaman tanımlı (standart §5 — <button> varsayılan gri zemini) */
.ocw-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.6em;
	min-height: 52px; padding: 0.8em 1.5em;
	background: transparent; appearance: none; -webkit-appearance: none;
	border: 1px solid var(--ocw-line-ui); border-radius: 0;
	color: var(--ocw-ink); font: inherit; font-size: 0.98rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.2;
	text-decoration: none; cursor: pointer; transition: background-color var(--ocw-gecis), color var(--ocw-gecis), border-color var(--ocw-gecis);
}
.ocw-btn:hover { border-color: var(--ocw-ink); text-decoration: none; }
.ocw-btn--dolu { background: var(--ocw-petrol); border-color: var(--ocw-petrol); color: var(--ocw-paper); }
.ocw-btn--dolu:hover { background: var(--ocw-petrol-dk); border-color: var(--ocw-petrol-dk); }
.ocw-btn--altin { background: var(--ocw-brass); border-color: var(--ocw-brass); color: var(--ocw-petrol-dk); }
.ocw-btn--altin:hover { background: var(--ocw-paper); border-color: var(--ocw-paper); }
.ocw-btn--cizgi { background: transparent; border-color: var(--ocw-line-ui); color: var(--ocw-ink); }
.ocw-btn--acik { background: var(--ocw-paper); border-color: var(--ocw-paper); color: var(--ocw-petrol); }
.ocw-btn--cizgi-koyu { background: transparent; border-color: var(--ocw-line-dk-ui); color: var(--ocw-paper); }
.ocw-btn--cizgi-koyu:hover { border-color: var(--ocw-paper); }
.ocw-btn--kucuk { min-height: 44px; padding: 0.55em 1.1em; font-size: 0.9rem; }
.ocw-dugmeler { display: flex; flex-wrap: wrap; gap: 0.75rem; }

.ocw-kicker { font-family: var(--ocw-sans); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; color: var(--ocw-brass-ink); margin-bottom: 1.1rem; }
.ocw-kicker--altin { color: var(--ocw-brass); } /* yalnızca koyu zeminde */
.ocw-btn__ikon { width: 1.25em; height: 1.25em; fill: currentColor; flex: none; }
.ocw-bag-ok { display: inline-flex; align-items: center; min-height: 48px; font-weight: 600; color: var(--ocw-petrol); text-decoration: none; }
.ocw-bag-ok::after { content: "→"; margin-left: 0.4em; transition: transform var(--ocw-gecis); }
.ocw-bag-ok:hover { text-decoration: underline; }
.ocw-bag-ok:hover::after { transform: translateX(3px); }
.ocw-bag-ok--acik { color: var(--ocw-paper); }
.ocw-bolum { padding-block: var(--ocw-bolum); }
.ocw-bolum__bas { max-width: 46rem; margin-bottom: clamp(2rem, 1.4rem + 2vw, 3.25rem); }
.ocw-bolum__bas--yan { max-width: none; display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem 2rem; }
.ocw-bolum__baslik { font-size: var(--ocw-fs-h2); }
.ocw-bolum__giris { font-size: 1.08em; color: var(--ocw-slate); max-width: 40rem; }
/* Görsel çerçevesi: görsel yüklenmezse monogram görünür */
.ocw-gorsel-alani { position: relative; overflow: hidden; background: var(--ocw-petrol); }
.ocw-gorsel-alani::before { content: ""; position: absolute; inset: 0; background: url(../img/ikon-acik.webp) center / 34% auto no-repeat; opacity: 0.14; }
.ocw-gorsel-alani img { position: relative; width: 100%; height: 100%; object-fit: cover; }
/* Kaydırılan şerit + oklar (tedavi kartları, videolar) */
.ocw-serit-kutu { position: relative; }
.ocw-serit { --kenar: max(var(--ocw-bosluk), calc((100vw - var(--ocw-kap)) / 2 + var(--ocw-bosluk))); list-style: none; margin: 0; padding: 0.25rem var(--kenar) 0.5rem; display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--kenar); scrollbar-width: none; overscroll-behavior-x: contain; }
.ocw-serit::-webkit-scrollbar { display: none; }
.ocw-serit > li { flex: none; scroll-snap-align: start; }
.ocw-ok { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); display: none; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0; border: 1px solid var(--ocw-brass); border-radius: 50%; background: rgba(18, 41, 58, 0.92); color: var(--ocw-brass); cursor: pointer; transition: background-color var(--ocw-gecis), color var(--ocw-gecis), opacity var(--ocw-gecis); }
.ocw-ok svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ocw-ok:hover { background: var(--ocw-brass); color: var(--ocw-petrol-dk); }
.ocw-ok:disabled { opacity: 0; pointer-events: none; }
.ocw-ok--geri { left: max(12px, calc((100vw - var(--ocw-kap)) / 2 + var(--ocw-bosluk) - 26px)); }
.ocw-ok--ileri { right: max(100px, calc((100vw - var(--ocw-kap)) / 2 + var(--ocw-bosluk) - 26px)); } /* sağdaki sabit WhatsApp düğmesiyle çakışmasın */
.ocw-h1 { font-size: var(--ocw-fs-h1); }
.ocw-h2 { font-size: var(--ocw-fs-h2); }
.ocw-h3 { font-size: var(--ocw-fs-h3); }

.ocw-kart { background: var(--ocw-white); border: 1px solid var(--ocw-line); padding: 1.5rem; }
.ocw-kart__baslik { font-size: var(--ocw-fs-h3); }
.ocw-kart__baslik a { color: inherit; text-decoration: none; }
.ocw-kart__baslik a:hover { text-decoration: underline; }
.ocw-kart__tarih { font-size: var(--ocw-fs-kucuk); color: var(--ocw-slate); margin-bottom: 0.5rem; }
.ocw-kart__gorsel { display: block; margin: -1.5rem -1.5rem 1.25rem; }

.ocw-kisa-cevap { background: var(--ocw-mist); border-left: 3px solid var(--ocw-petrol); padding: 1.25rem 1.5rem; margin-bottom: 2rem; }
.ocw-kisa-cevap p { margin: 0; }
.ocw-bir-bakista { margin-bottom: 2rem; }
.ocw-bir-bakista th { width: 40%; color: var(--ocw-slate); font-weight: 500; }
.ocw-hekim-serit { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.75rem; }
.ocw-hekim-serit__foto { width: 60px; height: 60px; flex: none; border-radius: 50%; outline: 1px solid var(--ocw-brass-ink); outline-offset: 3px; }
.ocw-hekim-serit__metin { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0; margin: 0; font-size: 0.875rem; line-height: 1.45; color: var(--ocw-slate); }
.ocw-hekim-serit__etiket { flex-basis: 100%; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ocw-brass-ink); }
.ocw-hekim-serit__ad { flex-basis: 100%; font-family: var(--ocw-serif); font-size: 1.2rem; line-height: 1.3; color: var(--ocw-ink); text-decoration: none; }
a.ocw-hekim-serit__ad:hover { color: var(--ocw-petrol); text-decoration: underline; }
.ocw-hekim-serit__unvan { flex-basis: 100%; }
.ocw-hekim-serit__tarih { font-variant-numeric: tabular-nums; }
.ocw-toc { border-top: 1px solid var(--ocw-line); border-bottom: 1px solid var(--ocw-line); padding: 1rem 0; margin-bottom: 2rem; }
.ocw-toc__baslik { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: var(--ocw-slate); margin-bottom: 0.5rem; }
.ocw-toc__liste { margin: 0; padding-left: 1.25rem; }
.ocw-soru { border-bottom: 1px solid var(--ocw-line); margin: 0; }
.ocw-soru:first-of-type { border-top: 1px solid var(--ocw-line); }
.ocw-soru summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 64px; padding: 1rem 0; font-family: var(--ocw-serif); font-size: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem); line-height: 1.25; }
.ocw-soru summary::-webkit-details-marker { display: none; }
.ocw-soru summary::after { content: "+"; flex: none; font-family: var(--ocw-sans); font-size: 1.5rem; color: var(--ocw-petrol); transition: transform 200ms ease; }
.ocw-soru[open] summary::after { transform: rotate(45deg); }
.ocw-soru__cevap { padding-bottom: 1.4rem; color: var(--ocw-slate); max-width: 44rem; }
.ocw-soru__cevap > :last-child { margin-bottom: 0; }
.ocw-bilgilendirme { font-size: var(--ocw-fs-kucuk); color: var(--ocw-slate); border-top: 1px solid var(--ocw-line); padding-top: 1rem; margin-top: 2rem; }
.ocw-yayin-liste { list-style: none; padding: 0; }
.ocw-yayin { display: grid; gap: 0.15rem; padding: 0.9rem 0; border-bottom: 1px solid var(--ocw-line); }
.ocw-yayin__baslik { font-weight: 600; }
.ocw-yayin__yazarlar, .ocw-yayin__kaynak { font-size: var(--ocw-fs-kucuk); color: var(--ocw-slate); }
.ocw-yayin__bag { display: flex; gap: 1rem; font-size: var(--ocw-fs-kucuk); }
.ocw-saatler { margin: 1rem 0 0; }
.ocw-saatler div { display: flex; justify-content: space-between; gap: 1rem; }
.ocw-saatler dd { margin: 0; }
.ocw-arama { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.ocw-arama label { width: 100%; font-weight: 600; }
.ocw-arama input { flex: 1 1 14rem; min-height: 44px; padding: 0.5rem 0.75rem; font: inherit; border: 1px solid var(--ocw-line-ui); border-radius: var(--ocw-radius); background: var(--ocw-white); color: var(--ocw-ink); }


/* 6. Bölümler ------------------------------------------------------------- */
.ocw-atla { position: absolute; left: 1rem; top: -5rem; z-index: 100; padding: 0.8rem 1rem; background: var(--ocw-petrol-dk); color: var(--ocw-paper); }
.ocw-atla:focus { top: 1rem; }

/* 6.1 Üst çubuk (mobil önce: panel düğmesi; ≥1200 px yatay menü) */
.ocw-ust { position: sticky; top: 0; z-index: 40; background: var(--ocw-paper); border-bottom: 1px solid var(--ocw-line); transition: box-shadow var(--ocw-gecis); }
.admin-bar .ocw-ust { top: var(--wp-admin--admin-bar--height, 0px); }
.ocw-ust.is-kaydi { box-shadow: 0 6px 18px rgba(18, 41, 58, 0.08); }
.ocw-ust__ic { display: flex; align-items: center; gap: 1.25rem; min-height: var(--ocw-ust-h); }
.ocw-logo { flex: none; display: block; }
.ocw-logo img { height: 38px; width: auto; }

.ocw-nav-ac { margin-left: auto; display: inline-flex; align-items: center; gap: 0.65rem; min-height: 44px; padding: 0 0.25rem 0 0.75rem; background: transparent; border: 0; color: var(--ocw-ink); font-weight: 600; font-size: 0.94rem; cursor: pointer; }
.ocw-nav-ac__cizgi, .ocw-nav-ac__cizgi::before, .ocw-nav-ac__cizgi::after { display: block; width: 22px; height: 2px; background: currentColor; transition: transform var(--ocw-gecis), opacity var(--ocw-gecis); }
.ocw-nav-ac__cizgi { position: relative; order: 2; }
.ocw-nav-ac__cizgi::before, .ocw-nav-ac__cizgi::after { content: ""; position: absolute; left: 0; }
.ocw-nav-ac__cizgi::before { top: -7px; }
.ocw-nav-ac__cizgi::after { top: 7px; }
.ocw-nav-ac[aria-expanded="true"] .ocw-nav-ac__cizgi { background: transparent; }
.ocw-nav-ac[aria-expanded="true"] .ocw-nav-ac__cizgi::before { transform: translateY(7px) rotate(45deg); }
.ocw-nav-ac[aria-expanded="true"] .ocw-nav-ac__cizgi::after { transform: translateY(-7px) rotate(-45deg); }

/* Panel (mobil): koyu petrol, tam ekran, akordeon alt menüler */
.ocw-ust__panel { display: none; }
.ocw-ust__panel.is-acik {
	display: flex; flex-direction: column; gap: 1.5rem;
	position: fixed; inset: var(--ocw-ust-h) 0 0 0; z-index: 39; overflow-y: auto; overscroll-behavior: contain;
	padding: 1.5rem var(--ocw-bosluk) calc(2rem + var(--ocw-cubuk-h));
	background: var(--ocw-petrol-dk); color: var(--ocw-paper);
}
.admin-bar .ocw-ust__panel.is-acik { top: calc(var(--ocw-ust-h) + var(--wp-admin--admin-bar--height, 0px)); }
.no-js .ocw-ust__ic { flex-wrap: wrap; }
.no-js .ocw-nav-ac { display: none; }
.no-js .ocw-ust__panel { display: block; width: 100%; padding-bottom: 1rem; }

.ocw-nav__liste { list-style: none; margin: 0; padding: 0; }
.ocw-nav__liste > .ocw-nav__oge { position: relative; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid rgba(125, 140, 147, 0.4); }
.ocw-nav__bag, .ocw-nav__ac--etiket { flex: 1; display: flex; align-items: center; min-height: 52px; color: var(--ocw-paper); text-decoration: none; font-family: var(--ocw-serif); font-size: 1.35rem; line-height: 1.2; }
.ocw-nav__bag[aria-current="page"], .is-etkin > .ocw-nav__bag, .is-etkin > .ocw-nav__ac--etiket { color: var(--ocw-brass); }
.ocw-nav__ac { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; min-width: 52px; min-height: 52px; padding: 0; background: transparent; border: 0; color: var(--ocw-paper); cursor: pointer; text-align: left; }
.ocw-nav__ac--etiket { justify-content: space-between; }
.ocw-nav__ok { width: 9px; height: 9px; border-right: 2px solid var(--ocw-brass); border-bottom: 2px solid var(--ocw-brass); transform: rotate(45deg) translate(-2px, -2px); transition: transform var(--ocw-gecis); flex: none; }
.ocw-nav__ac[aria-expanded="true"] .ocw-nav__ok { transform: rotate(225deg) translate(-2px, -2px); }
.ocw-nav__alt, .ocw-nav__mega { display: none; width: 100%; }
.is-acik > .ocw-nav__alt, .is-acik > .ocw-nav__mega { display: block; }
.no-js .ocw-nav__alt, .no-js .ocw-nav__mega { display: block; }
.ocw-nav__alt, .ocw-nav__grup ul { list-style: none; margin: 0; padding: 0; }
.ocw-nav__mega-ic { display: grid; gap: 1.25rem; padding: 0.25rem 0 1.25rem 1rem; border-left: 1px solid var(--ocw-brass); }
.ocw-nav__grup-baslik { margin: 0 0 0.25rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ocw-brass); }
.ocw-nav__grup-baslik a { color: inherit; text-decoration: none; }
.ocw-nav__alt-bag, .ocw-nav__pasif { display: flex; align-items: center; min-height: 44px; color: var(--ocw-sage); text-decoration: none; font-size: 1rem; }
.ocw-nav__alt-bag:hover, .ocw-nav__alt-bag[aria-current="page"] { color: var(--ocw-paper); }
.ocw-nav__pasif { opacity: 0.7; }
.ocw-nav__alt-ic { padding: 0.25rem 0 1.25rem 1rem; border-left: 1px solid var(--ocw-brass); }
.ocw-nav__alt--panel .ocw-nav__grup-baslik { display: none; }
.ocw-nav__alt-liste { list-style: none; margin: 0; padding: 0; }

.ocw-ust__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.ocw-ust__tel { display: inline-flex; align-items: center; min-height: 52px; padding: 0 1.1rem; border: 1px solid var(--ocw-line-dk-ui); color: var(--ocw-paper); text-decoration: none; font-weight: 600; font-size: 0.94rem; font-variant-numeric: tabular-nums; }
.ocw-ust__panel .ocw-ust__randevu { background: var(--ocw-brass); border-color: var(--ocw-brass); color: var(--ocw-petrol-dk); }
.ocw-dil { min-height: 44px; display: flex; align-items: center; }
.ocw-dil ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; }
.ocw-dil a { color: inherit; text-decoration: none; font-size: var(--ocw-fs-kucuk); }
.ocw-dil a[aria-current] { font-weight: 700; text-decoration: underline; }

.ocw-sayfa-basi { padding-block: clamp(2.5rem, 1.5rem + 4vw, 5rem) 2rem; }
.ocw-icerik { padding-bottom: var(--ocw-bolum); }


.ocw-ilgili { padding-bottom: var(--ocw-bolum); }

.ocw-iletisim-bandi { background: var(--ocw-petrol); color: var(--ocw-paper); padding-block: var(--ocw-bolum); }
.ocw-iletisim-bandi h2 { color: var(--ocw-paper); }
.ocw-iletisim-bandi a:not(.ocw-btn) { color: var(--ocw-paper); }
.ocw-iletisim-bandi__ic { max-width: 46rem; }


/* 6.4 Ana sayfa (front-page.php · template-parts/sections/ana-*.php) — LP ile aynı bileşenler */
/* Giriş: koyu petrol, Ö penceresi, kimlik şeridi */
.ocw-giris { background: var(--ocw-petrol-dk); color: var(--ocw-paper); padding-top: clamp(3rem, 2rem + 4vw, 6rem); overflow: hidden; }
.ocw-giris :focus-visible, .ocw-surec :focus-visible, .ocw-ana-iletisim :focus-visible, .ocw-cizim :focus-visible { outline-color: var(--ocw-brass); }
.ocw-giris__ic { display: grid; gap: clamp(2.5rem, 1.5rem + 3vw, 4rem); align-items: center; }
.ocw-giris__baslik { font-size: var(--ocw-fs-h1); color: var(--ocw-paper); margin-bottom: 0.4em; }
.ocw-giris__baslik em { color: var(--ocw-brass); white-space: nowrap; }
.ocw-giris__alt { font-size: clamp(1.1rem, 1rem + 0.45vw, 1.3rem); color: var(--ocw-sage); max-width: 34rem; margin-bottom: 2rem; }
.ocw-giris__yer { margin: 1.75rem 0 0; font-size: 0.95rem; color: var(--ocw-sage); }
.ocw-giris__yer strong { color: var(--ocw-paper); font-weight: 600; }
.ocw-o-pencere { position: relative; margin: 2.25rem auto 0; width: min(68vw, 320px); }
.ocw-o-pencere__cerceve { aspect-ratio: 4 / 5; border-radius: 50%; outline: 1px solid var(--ocw-brass); outline-offset: 12px; }
.ocw-o-pencere__nokta { position: absolute; top: -2.4rem; width: 16px; height: 16px; border-radius: 50%; background: var(--ocw-brass); }
.ocw-o-pencere__nokta:first-child { left: 36%; }
.ocw-o-pencere__nokta:nth-child(2) { left: calc(64% - 16px); }
.ocw-o-pencere__alt { margin-top: 1.75rem; text-align: center; font-family: var(--ocw-serif); font-style: italic; color: var(--ocw-sage); }
.ocw-kanit { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: clamp(3rem, 2rem + 3vw, 5rem) auto 0; border-top: 1px solid var(--ocw-line-dk-ui); }
.ocw-kanit li { padding: 1.25rem 1rem 1.5rem 0; font-size: 0.94rem; color: var(--ocw-paper); line-height: 1.45; }
.ocw-kanit span { display: block; margin-bottom: 0.35rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ocw-brass); }

/* Görünen / görünmeyen: şikâyet seçici + profil çizimi */
.ocw-gorunen { background: var(--ocw-white); border-block: 1px solid var(--ocw-line); }
.ocw-gorunen__duzen { display: grid; gap: 1.5rem; }
.ocw-gorunen__duzen > * { min-width: 0; }
.ocw-secici { min-inline-size: 0; border: 0; margin: 0; padding: 0 0 0.4rem; display: flex; gap: 0.6rem; overflow-x: auto; scroll-snap-type: x mandatory; }
.ocw-secici__secenek { position: relative; flex: none; scroll-snap-align: start; cursor: pointer; }
.ocw-secici__secenek input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.ocw-secici__secenek span { display: flex; align-items: center; min-height: 52px; padding: 0.7rem 1.15rem; border: 1px solid var(--ocw-line-ui); background: var(--ocw-white); color: var(--ocw-ink); font-weight: 600; font-size: 0.97rem; line-height: 1.3; transition: background-color var(--ocw-gecis), color var(--ocw-gecis), border-color var(--ocw-gecis); }
.ocw-secici__secenek input:checked + span { background: var(--ocw-petrol); border-color: var(--ocw-petrol); color: var(--ocw-paper); }
.ocw-secici__secenek input:focus-visible + span { outline: 2px solid var(--ocw-petrol); outline-offset: 3px; }
.ocw-secici__secenek:hover span { border-color: var(--ocw-ink); }
.ocw-cizim { background: var(--ocw-petrol-dk); color: var(--ocw-paper); display: grid; }
.ocw-profil { width: 100%; max-width: 420px; margin: 0 auto; padding: 1.5rem 1rem 0; }
.ocw-profil__yuz, .ocw-profil__ala, .ocw-profil__on { fill: none; stroke: var(--ocw-sage); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ocw-profil__izgara line { stroke: var(--ocw-line-dk-ui); stroke-width: 1; stroke-dasharray: 2 6; }
.ocw-profil__ok { fill: var(--ocw-brass); }
.ocw-bolge { opacity: 0; transition: opacity 260ms ease; fill: none; stroke: var(--ocw-brass); stroke-width: 3.5; stroke-linecap: round; }
.ocw-bolge ellipse { fill: rgba(201, 169, 110, 0.22); stroke-width: 2; }
.ocw-bolge__plan { stroke-dasharray: 4 7; stroke-width: 2; }
.ocw-bolge__ic { stroke-width: 2.5; }
.ocw-bolge__akis { stroke-width: 2; stroke-dasharray: 6 8; animation: ocw-akis 1.6s linear infinite; }
.ocw-bolge__daire, .ocw-bolge__eksen { stroke: var(--ocw-line-dk-ui); stroke-width: 1.5; }
.ocw-bolge__eksen { stroke-dasharray: 4 6; }
.ocw-bolge .ocw-profil__on { stroke: var(--ocw-sage); }
.ocw-cizim[data-bolge="kemer"] .ocw-bolge--kemer,
.ocw-cizim[data-bolge="uc"] .ocw-bolge--uc,
.ocw-cizim[data-bolge="nefes"] .ocw-bolge--nefes,
.ocw-cizim[data-bolge="revizyon"] .ocw-bolge--revizyon,
.ocw-cizim[data-bolge="egrilik"] .ocw-bolge--egrilik { opacity: 1; }
.ocw-cizim[data-bolge="nefes"] .ocw-profil__yuz { stroke-dasharray: 3 6; }
@keyframes ocw-akis { to { stroke-dashoffset: -28; } }
.ocw-cizim__metin { padding: 1.5rem var(--ocw-bosluk) 2rem; }
.ocw-cizim__baslik { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem); color: var(--ocw-paper); }
.ocw-cizim__metin p:not(.ocw-dugmeler) { color: var(--ocw-sage); max-width: 34rem; }
.ocw-cizim .ocw-dugmeler { align-items: center; margin: 0; }

/* Sekmeli tedavi karuseli */
.ocw-tedaviler { overflow: hidden; }
.ocw-sekmeler { display: flex; gap: 0.25rem 1.75rem; overflow-x: auto; scrollbar-width: none; margin-bottom: 1.75rem; border-bottom: 1px solid var(--ocw-line); }
.ocw-sekmeler::-webkit-scrollbar { display: none; }
.ocw-sekme { flex: none; display: inline-flex; align-items: center; gap: 0.5rem; min-height: 52px; padding: 0; background: transparent; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; color: var(--ocw-slate); font-weight: 600; font-size: 1rem; cursor: pointer; transition: color var(--ocw-gecis), border-color var(--ocw-gecis); }
.ocw-sekme:hover { color: var(--ocw-ink); }
.ocw-sekme[aria-selected="true"] { color: var(--ocw-ink); border-bottom-color: var(--ocw-petrol); }
.ocw-sekme__sayi { font-family: var(--ocw-serif); font-style: italic; font-weight: 500; font-size: 0.95rem; color: var(--ocw-brass-ink); font-variant-numeric: tabular-nums; }
.ocw-sekme-panel__baslik { display: none; }
.no-js .ocw-sekmeler { display: none; }
.no-js .ocw-sekme-panel[hidden] { display: block; }
.no-js .ocw-sekme-panel + .ocw-sekme-panel { margin-top: 2rem; }
.no-js .ocw-sekme-panel__baslik { display: block; width: min(100%, var(--ocw-kap)); margin: 0 auto 0.75rem; padding-inline: var(--ocw-bosluk); font-weight: 700; }
.ocw-tkart { width: clamp(260px, 78vw, 340px); display: flex; }
.ocw-tkart__bag { position: relative; display: flex; flex-direction: column; width: 100%; min-height: 15rem; padding: 1.5rem 1.5rem 1.25rem; background: var(--ocw-white); border: 1px solid var(--ocw-line); color: var(--ocw-ink); text-decoration: none; transition: border-color var(--ocw-gecis), transform var(--ocw-gecis); }
.ocw-tkart__bag::before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 3px; background: var(--ocw-petrol); transform: scaleX(0); transform-origin: left; transition: transform 240ms ease; }
.ocw-tkart__bag:hover { border-color: var(--ocw-petrol); }
.ocw-tkart__bag:hover::before, .ocw-tkart__bag:focus-visible::before { transform: scaleX(1); }
.ocw-tkart__no { font-family: var(--ocw-serif); font-style: italic; font-size: 1.6rem; line-height: 1; color: var(--ocw-brass-ink); margin-bottom: 1.25rem; }
.ocw-tkart__baslik { font-size: clamp(1.35rem, 1.2rem + 0.5vw, 1.6rem); line-height: 1.15; margin-bottom: 0.6rem; }
.ocw-tkart__metin { color: var(--ocw-slate); font-size: 0.97rem; line-height: 1.5; margin-bottom: 1.25rem; }
.ocw-tkart__ok { margin-top: auto; font-weight: 600; font-size: 0.94rem; color: var(--ocw-petrol); }
.ocw-tkart__ok::after { content: " →"; }

/* Hekim ve akademik şerit */
.ocw-hekim__ic { display: grid; gap: clamp(2rem, 1.2rem + 3vw, 4rem); align-items: start; }
.ocw-hekim__gorsel { aspect-ratio: 4 / 5; max-width: 460px; }
.ocw-hekim__giris { font-size: 1.12em; max-width: 38rem; }
.ocw-ozgecmis { margin: 2rem 0; border-top: 1px solid var(--ocw-line); }
.ocw-ozgecmis div { display: grid; gap: 0.15rem; padding: 0.95rem 0; border-bottom: 1px solid var(--ocw-line); }
.ocw-ozgecmis dt { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ocw-brass-ink); }
.ocw-ozgecmis dd { margin: 0; }
.ocw-dipnot { background: var(--ocw-white); border: 1px solid var(--ocw-line); padding: 1.4rem 1.5rem; }
.ocw-dipnot__baslik { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ocw-slate); margin-bottom: 0.8rem; }
.ocw-dipnot ol { margin: 0; padding-left: 1.2rem; display: grid; gap: 0.9rem; font-size: 0.95rem; }
.ocw-dipnot cite { font-family: var(--ocw-serif); font-size: 1.05rem; color: var(--ocw-ink); }
.ocw-dipnot span { color: var(--ocw-slate); }
.ocw-hekim__bag { display: flex; flex-wrap: wrap; gap: 0 2rem; margin: 1.25rem 0 0; }

/* Süreç */
.ocw-surec { background: var(--ocw-petrol); color: var(--ocw-paper); }
.ocw-surec h2 { color: var(--ocw-paper); }
.ocw-surec h2 em { color: var(--ocw-brass); }
.ocw-adimlar { list-style: none; padding: 0; margin: 0; display: grid; counter-reset: ocw-adim; border-top: 1px solid var(--ocw-line-dk-ui); }
.ocw-adimlar li { counter-increment: ocw-adim; position: relative; padding: 1.5rem 0 1.6rem 3.75rem; border-bottom: 1px solid var(--ocw-line-dk-ui); }
.ocw-adimlar li::before { content: counter(ocw-adim, decimal-leading-zero); position: absolute; left: 0; top: 1.3rem; font-family: var(--ocw-serif); font-style: italic; font-size: 1.9rem; line-height: 1; color: var(--ocw-brass); }
.ocw-adimlar__zaman { display: block; margin-bottom: 0.35rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ocw-brass); }
.ocw-adimlar h3 { font-size: 1.45rem; color: var(--ocw-paper); margin-bottom: 0.3em; }
.ocw-adimlar p { margin: 0; color: var(--ocw-sage); font-size: 0.98rem; }
.ocw-surec__not { margin: 1.5rem 0 0; font-size: 0.9rem; color: var(--ocw-sage); }
.ocw-surec__cta { margin: 2rem 0 0; align-items: center; }

/* Kısa videolar */
.ocw-kisa { width: clamp(200px, 58vw, 250px); }
.ocw-kisa__dugme { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; border-radius: 14px; overflow: hidden; background: var(--ocw-petrol-dk); }
.ocw-kisa__dugme img { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.ocw-kisa__dugme:hover img { transform: scale(1.03); }
.ocw-kisa__dugme::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(18, 41, 58, 0.55)); pointer-events: none; }
.ocw-kisa__oynat { position: absolute; z-index: 1; left: 50%; bottom: 1.1rem; width: 54px; height: 54px; margin-left: -27px; border-radius: 50%; background: var(--ocw-brass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7v10l8-5z' fill='%2312293a'/%3E%3C/svg%3E") center / 28px no-repeat; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); }
.ocw-kisa__baslik { margin: 0.7rem 0 0; font-weight: 600; font-size: 0.95rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ocw-serit-kutu:has(.ocw-serit--video) .ocw-ok { top: calc(50% - 1.8rem); }
.ocw-oynatici { padding: 0; border: 0; background: transparent; width: min(92vw, calc(82vh * 9 / 16)); max-height: 94vh; }
.ocw-oynatici::backdrop { background: rgba(18, 41, 58, 0.92); }
.ocw-oynatici__cerceve { aspect-ratio: 9 / 16; width: 100%; background: #000; border-radius: 14px; overflow: hidden; }
.ocw-oynatici__cerceve iframe { display: block; width: 100%; height: 100%; border: 0; }
.ocw-oynatici__kapat { display: block; margin: 0.75rem auto 0; min-height: 48px; padding: 0.6rem 1.6rem; border: 1px solid var(--ocw-paper); background: transparent; color: var(--ocw-paper); font-weight: 600; cursor: pointer; }

/* Sık sorulanlar */
.ocw-ana-sorular { background: var(--ocw-white); border-block: 1px solid var(--ocw-line); }
.ocw-ana-sorular__ic { display: grid; gap: 1rem 4rem; }
.ocw-ana-sorular .ocw-bolum__bas { margin-bottom: 1rem; }

/* Son yazılar */
.ocw-ykartlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem var(--ocw-bosluk); grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); }
.ocw-ykart { position: relative; display: flex; flex-direction: column; }
.ocw-ykart__gorsel { aspect-ratio: 16 / 10; margin-bottom: 1rem; order: -1; }
.ocw-ykart__gorsel img { transition: transform 300ms ease; }
.ocw-ykart:hover .ocw-ykart__gorsel img { transform: scale(1.03); }
.ocw-ykart__tarih { margin: 0 0 0.35rem; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ocw-brass-ink); font-variant-numeric: tabular-nums; }
.ocw-ykart__baslik { font-size: clamp(1.3rem, 1.15rem + 0.5vw, 1.55rem); line-height: 1.2; margin: 0; }
.ocw-ykart__baslik a { color: var(--ocw-ink); text-decoration: none; }
.ocw-ykart__baslik a::after { content: ""; position: absolute; inset: 0; } /* tüm kart tıklanır */
.ocw-ykart__baslik a:hover { text-decoration: underline; }
.ocw-ykart__ozet { margin: 0.6rem 0 0; color: var(--ocw-slate); font-size: 0.97rem; line-height: 1.55; }
.ocw-ykart__baslik a:focus-visible { outline: none; }
.ocw-ykart:has(a:focus-visible) { outline: 2px solid var(--ocw-petrol); outline-offset: 6px; }

/* İletişim */
.ocw-ana-iletisim { background: var(--ocw-petrol); color: var(--ocw-paper); }
.ocw-ana-iletisim h2 { color: var(--ocw-paper); }
.ocw-ana-iletisim h2 em { color: var(--ocw-brass); }
.ocw-ana-iletisim__ic { display: grid; gap: clamp(2rem, 1.2rem + 3vw, 4rem); align-items: start; }
.ocw-ana-iletisim__metin > p:not(.ocw-dugmeler, .ocw-kicker) { color: var(--ocw-sage); max-width: 32rem; }
.ocw-ana-iletisim a:not(.ocw-btn) { color: var(--ocw-paper); }
.ocw-ana-iletisim .ocw-form a:not(.ocw-btn) { color: var(--ocw-petrol); }
.ocw-sonra { margin: 1.75rem 0 2rem; padding-left: 1.4rem; display: grid; gap: 0.4rem; }
.ocw-sonra li::marker { color: var(--ocw-brass); font-family: var(--ocw-serif); font-style: italic; }
.ocw-ana-iletisim__adres { border-top: 1px solid var(--ocw-line-dk-ui); padding-top: 1.5rem; color: var(--ocw-sage); }
.ocw-ana-iletisim__adres .ocw-saatler { border-top: 1px solid rgba(125, 140, 147, 0.45); padding-top: 1rem; }

/* 6.5 Blog (index.php · single.php · cards/yazi.php · sections/yazar.php) */
.ocw-iz { margin-bottom: 1.25rem; font-size: 0.85rem; }
.ocw-iz ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25rem 0; }
.ocw-iz li { display: inline-flex; align-items: center; min-width: 0; }
.ocw-iz li + li::before { content: "/"; margin: 0 0.6rem; color: var(--ocw-line-ui); }
.ocw-iz a { color: var(--ocw-slate); text-decoration: none; display: inline-flex; align-items: center; min-height: 32px; }
.ocw-iz a:hover { color: var(--ocw-petrol); text-decoration: underline; }
.ocw-iz [aria-current] { color: var(--ocw-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60vw; }

.ocw-blog-bas { padding-bottom: clamp(2rem, 1.5rem + 2vw, 3rem); }
.ocw-blog-bas__baslik { max-width: 18ch; }
.ocw-blog { padding-bottom: var(--ocw-bolum); }
.ocw-ykartlar--liste { row-gap: 3rem; }
.ocw-ykart--one { grid-column: 1 / -1; }
.ocw-ykart--one .ocw-ykart__baslik { font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.6rem); line-height: 1.12; }
.ocw-ykart--one .ocw-ykart__ozet { font-size: 1.05rem; max-width: 40rem; }
.ocw-ykart__metin { display: flex; flex-direction: column; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--ocw-line); }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 0 1rem; border: 1px solid var(--ocw-line-ui); color: var(--ocw-ink); text-decoration: none; font-weight: 600; font-variant-numeric: tabular-nums; }
.pagination a.page-numbers:hover { border-color: var(--ocw-ink); }
.pagination .page-numbers.current { background: var(--ocw-petrol); border-color: var(--ocw-petrol); color: var(--ocw-paper); }
.pagination .page-numbers.dots { border-color: transparent; }

/* Yazı başlığı */
.ocw-yazi-bas { padding-block: clamp(2.25rem, 1.5rem + 3vw, 4.5rem) clamp(1.75rem, 1.2rem + 2vw, 2.75rem); }
.ocw-yazi-bas__ic { max-width: calc(1080px + 2 * var(--ocw-bosluk)); }
.ocw-yazi-bas__baslik { font-size: clamp(2.2rem, 1.4rem + 3.4vw, 4.2rem); line-height: 1.06; max-width: 22ch; margin-bottom: 1.5rem; }
.ocw-yazi-bas__meta { display: flex; flex-wrap: wrap; gap: 0.35rem 1.1rem; margin: 0; padding-top: 1.1rem; border-top: 1px solid var(--ocw-line); font-size: 0.9rem; color: var(--ocw-slate); }

.ocw-yazi-bas__yazar { display: inline-flex; align-items: center; gap: 0.55rem; color: var(--ocw-ink); font-weight: 600; }
.ocw-yazi-bas__yazar img { width: 32px; height: 32px; border-radius: 50%; }
.ocw-yazi-bas__yazar a { color: inherit; text-decoration: none; }
.ocw-yazi-bas__yazar a:hover { text-decoration: underline; }
.ocw-yazi-kapak { max-width: calc(1080px + 2 * var(--ocw-bosluk)); margin-block: 0 clamp(2rem, 1.5rem + 2vw, 3.5rem); }
.ocw-yazi-kapak img { width: 100%; height: auto; }

/* Gövde düzeni: içindekiler + 720 px metin */
.ocw-yazi-duzen { display: grid; gap: 1.5rem; max-width: calc(1080px + 2 * var(--ocw-bosluk)); padding-bottom: clamp(3rem, 2rem + 3vw, 5rem); }
.ocw-yazi-duzen > * { min-width: 0; }
.ocw-yazi { max-width: 720px; }
.ocw-ici { border-block: 1px solid var(--ocw-line); }
.ocw-ici__baslik { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 52px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ocw-slate); }
.ocw-ici__baslik::-webkit-details-marker { display: none; }
.ocw-ici__baslik span { margin-left: 0.5rem; font-family: var(--ocw-serif); font-style: italic; font-size: 1rem; letter-spacing: 0; text-transform: none; color: var(--ocw-brass-ink); }
.ocw-ici__baslik::after { content: "+"; font-size: 1.35rem; font-weight: 400; letter-spacing: 0; color: var(--ocw-petrol); margin-left: auto; padding-left: 0.75rem; }
.ocw-ici[open] .ocw-ici__baslik::after { content: "−"; }
.ocw-ici__liste { list-style: none; margin: 0 0 1rem; padding: 0; counter-reset: ocw-ici; display: grid; gap: 0.1rem; }
.ocw-ici__liste li { counter-increment: ocw-ici; }
.ocw-ici__liste a { display: grid; grid-template-columns: 2rem 1fr; padding: 0.4rem 0; color: var(--ocw-slate); text-decoration: none; font-size: 0.93rem; line-height: 1.4; }
.ocw-ici__liste a::before { content: counter(ocw-ici, decimal-leading-zero); font-family: var(--ocw-serif); font-style: italic; color: var(--ocw-brass-ink); }
.ocw-ici__liste a:hover, .ocw-ici__liste a.is-etkin { color: var(--ocw-ink); }
.ocw-ici__liste a.is-etkin { font-weight: 600; }

/* Metin (yazı içeriği olduğu gibi; yalnızca tipografi) */
.ocw-yazi-govde { font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.15rem); line-height: 1.75; }
.ocw-yazi-govde > :first-child { margin-top: 0; }
.ocw-yazi-govde > p:first-child:has(> strong:first-child) { padding: 1.25rem 1.5rem; background: var(--ocw-mist); border-left: 3px solid var(--ocw-petrol); font-size: 1.05em; line-height: 1.6; } /* ilk paragraf = kısa cevap */
.ocw-yazi-govde :where(h2) { font-size: clamp(1.65rem, 1.35rem + 1.2vw, 2.25rem); line-height: 1.15; margin: 2.4em 0 0.6em; }
.ocw-yazi-govde :where(h3) { font-size: clamp(1.3rem, 1.15rem + 0.5vw, 1.55rem); line-height: 1.25; margin: 1.8em 0 0.5em; }
.ocw-yazi-govde :where(h4) { font-family: var(--ocw-sans); font-size: 1.05rem; font-weight: 700; margin: 1.6em 0 0.4em; }
.ocw-yazi-govde :where(p, ul, ol) { margin: 0 0 1.15em; }
.ocw-yazi-govde :where(ul, ol) { padding-left: 1.3em; }
.ocw-yazi-govde :where(li) { margin-bottom: 0.4em; }
.ocw-yazi-govde :where(li)::marker { color: var(--ocw-brass-ink); }
.ocw-yazi-govde :where(strong, b) { color: var(--ocw-ink); font-weight: 650; }
.ocw-yazi-govde :where(blockquote) { margin: 2em 0; padding: 0.25em 0 0.25em 1.5em; border-left: 2px solid var(--ocw-brass-ink); font-family: var(--ocw-serif); font-style: italic; font-size: 1.15em; }
.ocw-yazi-govde :where(img) { height: auto; margin-block: 1.5em; }
.ocw-yazi-govde p:has(> img + img) { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 0.75rem; margin-block: 1.5em; } /* yan yana görseller (Elementor'dan gelen galeri) */
.ocw-yazi-govde p:has(> img + img) > img { width: 100%; height: auto; aspect-ratio: 3 / 5; object-fit: cover; margin: 0; border-radius: 4px; } /* dikey ameliyathane fotoğraflarının siyah kenarları kırpılır */
.ocw-yazi-govde :where(figure) { margin: 2em 0; }
.ocw-yazi-govde :where(figcaption) { font-size: 0.85rem; color: var(--ocw-slate); margin-top: 0.5em; }
.ocw-yazi-govde :where(table) { display: block; overflow-x: auto; font-size: 0.95rem; margin-block: 1.5em; }
.ocw-yazi-govde :where(th) { background: var(--ocw-mist); }
.ocw-yazi-govde :where(hr) { border: 0; border-top: 1px solid var(--ocw-line); margin: 2.5em 0; }
.ocw-yazi-govde :where(iframe, video) { max-width: 100%; }

/* İlgili tedavi kartı (koyu) */
.ocw-yazi-tedavi { margin: 3rem 0 0; padding: clamp(1.5rem, 1rem + 2vw, 2.25rem); background: var(--ocw-petrol-dk); color: var(--ocw-paper); }
.ocw-yazi-tedavi :focus-visible { outline-color: var(--ocw-brass); }
.ocw-yazi-tedavi .ocw-kicker { margin-bottom: 0.6rem; }
.ocw-yazi-tedavi__baslik { font-family: var(--ocw-serif); font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.15; margin: 0 0 0.6rem; }
.ocw-yazi-tedavi__metin { color: var(--ocw-sage); margin-bottom: 1.4rem; }
.ocw-yazi-tedavi .ocw-dugmeler { margin: 0; }

/* Yazar kutusu */
.ocw-yazar { display: grid; grid-template-columns: 88px 1fr; gap: 1.25rem; align-items: start; margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--ocw-line); }
.ocw-yazar__gorsel { width: 88px; aspect-ratio: 1; border-radius: 50%; outline: 1px solid var(--ocw-brass-ink); outline-offset: 4px; }
.ocw-yazar__gorsel img { object-position: 50% 18%; }
.ocw-yazar__metin p { margin: 0; }
.ocw-yazar__etiket { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ocw-brass-ink); }
.ocw-yazar__ad { font-family: var(--ocw-serif); font-size: 1.5rem; line-height: 1.2; margin-top: 0.2rem !important; }
.ocw-yazar__unvan { color: var(--ocw-slate); font-size: 0.93rem; }
.ocw-yazar__bio { margin-top: 0.8rem !important; font-size: 0.97rem; max-width: 36rem; }
.ocw-yazar__tarih { display: flex; flex-wrap: wrap; gap: 0.2rem 1.25rem; margin-top: 0.8rem !important; font-size: 0.85rem; color: var(--ocw-slate); font-variant-numeric: tabular-nums; }
.ocw-diger-yazilar { background: var(--ocw-white); border-top: 1px solid var(--ocw-line); }
.ocw-eski-yazi-son { padding-block: 1rem clamp(3rem, 2rem + 3vw, 5rem); }

/* 6.6 Muayene formu + iletişim sayfası (sections/randevu-formu.php · page-iletisim.php) */
.ocw-form { display: grid; gap: 1.1rem; padding: clamp(1.5rem, 1rem + 2vw, 2.5rem); background: var(--ocw-paper); color: var(--ocw-ink); }
.ocw-form :focus-visible { outline-color: var(--ocw-petrol); }
.ocw-form__baslik { margin: 0 0 0.25rem; font-family: var(--ocw-serif); font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.15; }
.ocw-form__alan { display: grid; gap: 0.4rem; }
.ocw-form label { font-weight: 600; font-size: 0.95rem; }
.ocw-form__istege { font-weight: 400; color: var(--ocw-slate); }
.ocw-form :is(input:not([type="checkbox"]), select, textarea) { width: 100%; min-height: 52px; padding: 0.7rem 0.9rem; font: inherit; font-size: 1rem; color: var(--ocw-ink); background: var(--ocw-white); border: 1px solid var(--ocw-line-ui); border-radius: 0; appearance: none; -webkit-appearance: none; }
.ocw-form select { background-image: linear-gradient(45deg, transparent 50%, var(--ocw-ink) 50%), linear-gradient(135deg, var(--ocw-ink) 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 2.5rem; }
.ocw-form textarea { min-height: 96px; resize: vertical; }
.ocw-form :is(input, select, textarea):focus-visible { outline: 2px solid var(--ocw-petrol); outline-offset: 1px; border-color: var(--ocw-petrol); }
.ocw-form [aria-invalid="true"] { border-color: #a32d2d; }
.ocw-form__onay { display: grid; grid-template-columns: auto 1fr; gap: 0.7rem; align-items: start; font-weight: 400 !important; font-size: 0.92rem !important; line-height: 1.5; }
.ocw-form__onay input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--ocw-petrol); }
.ocw-form__bal { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ocw-form__gonder { width: 100%; }
.ocw-form__gonder:disabled { opacity: 0.6; cursor: progress; }
.ocw-form__durum { margin: 0; min-height: 1.5em; font-weight: 600; color: var(--ocw-petrol); }
.ocw-form__durum.is-hata { color: #a32d2d; }
.ocw-form__durum.is-tamam { padding: 0.9rem 1rem; background: var(--ocw-mist); border-left: 3px solid var(--ocw-petrol); }
.ocw-form__not { margin: 0; font-size: 0.82rem; color: var(--ocw-slate); }
.ocw-ana-iletisim__form .ocw-form { box-shadow: 0 24px 48px rgba(18, 41, 58, 0.25); }
.ocw-ana-iletisim__adres { margin-top: 2rem; }

.ocw-iletisim-bas { padding-bottom: clamp(2rem, 1.5rem + 2vw, 3rem); }
.ocw-iletisim { padding-bottom: clamp(3rem, 2rem + 3vw, 5rem); }
.ocw-iletisim__ic { display: grid; gap: clamp(2rem, 1.2rem + 3vw, 4rem); align-items: start; }
.ocw-iletisim__form .ocw-form { background: var(--ocw-white); border: 1px solid var(--ocw-line); border-top: 3px solid var(--ocw-petrol); }
.ocw-hatlar { list-style: none; margin: 0 0 2rem; padding: 0; border-top: 1px solid var(--ocw-line); }
.ocw-hat { display: grid; gap: 0.2rem; padding: 1rem 0; border-bottom: 1px solid var(--ocw-line); }
.ocw-hat__etiket { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ocw-brass-ink); }
.ocw-hat__deger { display: inline-flex; align-items: center; gap: 0.6rem; min-height: 44px; font-family: var(--ocw-serif); font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.85rem); line-height: 1.15; color: var(--ocw-ink); text-decoration: none; font-variant-numeric: lining-nums; overflow-wrap: anywhere; }
.ocw-hat__deger:hover { color: var(--ocw-petrol); text-decoration: underline; text-decoration-thickness: 1px; }
.ocw-hat__ikon { width: 1.1em; height: 1.1em; fill: var(--ocw-petrol); flex: none; }
.ocw-yerler { display: grid; gap: 1.5rem; }
.ocw-iletisim .ocw-adres, .ocw-yer { color: var(--ocw-slate); line-height: 1.7; }
.ocw-iletisim .ocw-adres strong, .ocw-yer strong { display: block; margin-bottom: 0.35rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ocw-brass-ink); }
.ocw-iletisim .ocw-adres a.ocw-bag-ok { margin-top: 0.25rem; }
.ocw-yer p { margin: 0; }
.ocw-iletisim-surec { background: var(--ocw-white); border-top: 1px solid var(--ocw-line); }
.ocw-adimlar--acik { border-top-color: var(--ocw-line); }
.ocw-adimlar--acik li { border-color: var(--ocw-line) !important; }
.ocw-adimlar--acik li::before { color: var(--ocw-brass-ink); }
.ocw-adimlar--acik .ocw-adimlar__zaman { color: var(--ocw-brass-ink); }
.ocw-adimlar--acik h3 { color: var(--ocw-ink); }
.ocw-adimlar--acik p { color: var(--ocw-slate); }

/* 6.2 Altbilgi */
.ocw-alt { background: var(--ocw-petrol-dk); color: var(--ocw-sage); padding-top: clamp(3.5rem, 2.5rem + 3vw, 5rem); font-size: var(--ocw-fs-kucuk); }
.ocw-alt a:not(.ocw-btn) { color: var(--ocw-paper); text-decoration: none; }
.ocw-alt a:not(.ocw-btn):hover { text-decoration: underline; }
.ocw-alt__bas { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1.5rem 2rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(125, 140, 147, 0.45); }
.ocw-alt__kimlik img { height: 46px; width: auto; }
.ocw-alt__unvan { margin: 1rem 0 0; max-width: 26rem; font-family: var(--ocw-serif); font-style: italic; font-size: 1.15rem; line-height: 1.35; color: var(--ocw-paper); }
.ocw-alt__dugmeler { margin: 0; }
.ocw-alt__izgara { display: grid; gap: 2.5rem; padding-block: 2.75rem; }
.ocw-alt__baslik { margin: 0 0 0.85rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; color: var(--ocw-brass); }
.ocw-alt ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.15rem; }
.ocw-alt li a { display: inline-flex; align-items: center; min-height: 36px; }
.ocw-alt__tedaviler { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); }
.ocw-adres { color: var(--ocw-sage); line-height: 1.8; }
.ocw-adres strong { display: block; margin-bottom: 0.4rem; font-size: 0.72rem; letter-spacing: 0.26em; text-transform: uppercase; color: var(--ocw-brass); }
.ocw-alt__alt { display: grid; gap: 1rem; padding-block: 1.75rem 2.25rem; border-top: 1px solid rgba(125, 140, 147, 0.45); }
.ocw-alt__uyari { margin: 0; max-width: 52rem; }
.ocw-alt__kunye { margin: 0; }
.ocw-alt__satir { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem 2rem; }
.ocw-alt__yasal { display: flex !important; flex-wrap: wrap; gap: 0.25rem 1.5rem !important; }
.ocw-alt__ajans { margin: 0; }
.ocw-alt__yasal-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 1.5rem; }
.ocw-alt__yasal-nav .ocw-alt__yasal:empty { display: none !important; }
.ocw-alt__cerez { min-height: 36px; padding: 0; border: 0; background: none; font: inherit; color: var(--ocw-paper); cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em; }
.ocw-alt__cerez:hover { text-decoration-thickness: 2px; }

/* 6.7 Çerez onay penceresi (sections/cerez.php · inc/consent.php) — mobilde alt çubuğun üstünde */
.ocw-cerez { position: fixed; left: 12px; right: 12px; bottom: calc(56px + 12px + env(safe-area-inset-bottom)); z-index: 60; max-width: 34rem; margin: 0 auto; padding: 1.15rem 1.25rem 1.25rem; background: var(--ocw-paper); color: var(--ocw-ink); border: 1px solid var(--ocw-line-ui); box-shadow: 0 18px 50px rgba(18, 41, 58, 0.35); font-size: var(--ocw-fs-kucuk); }
.ocw-cerez[hidden] { display: none; }
.ocw-cerez__baslik { margin: 0 0 0.4rem; font-family: var(--ocw-serif); font-style: italic; font-size: 1.2rem; color: var(--ocw-petrol); }
.ocw-cerez__metin { margin: 0 0 1rem; line-height: 1.55; }
.ocw-cerez__metin a { color: var(--ocw-petrol); }
.ocw-cerez__dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.ocw-cerez .ocw-btn { min-height: 48px; width: 100%; justify-content: center; }
.ocw-cerez :focus-visible { outline: 2px solid var(--ocw-petrol); outline-offset: 2px; }
.ocw-cerez .ocw-btn--cizgi:hover { border-color: var(--ocw-petrol); }

/* 6.3 Sabit öğeler: mobil alt çubuk (<960) ve masaüstü WhatsApp düğmesi (≥960) */
.ocw-mobil-cubuk { position: fixed; inset: auto 0 0 0; z-index: 50; display: grid; grid-template-columns: repeat(3, 1fr); padding-bottom: env(safe-area-inset-bottom); background: var(--ocw-petrol-dk); }
.ocw-mobil-cubuk a { display: flex; align-items: center; justify-content: center; min-height: 56px; color: var(--ocw-paper); text-decoration: none; font-size: 0.95rem; font-weight: 700; }
.ocw-mobil-cubuk a:first-child { background: var(--ocw-brass); color: var(--ocw-petrol-dk); }
.ocw-mobil-cubuk a + a { border-left: 1px solid var(--ocw-line-dk-ui); }
.ocw-mobil-cubuk :focus-visible { outline: 2px solid var(--ocw-paper); outline-offset: -4px; }
.ocw-wa-sabit { display: none; position: fixed; right: 22px; top: 50%; z-index: 45; width: 60px; height: 60px; margin-top: -30px; border-radius: 50%; background: var(--ocw-petrol-dk); border: 2px solid var(--ocw-brass); align-items: center; justify-content: center; }
.ocw-wa-sabit svg { width: 28px; height: 28px; fill: var(--ocw-brass); }
.ocw-wa-sabit:hover { background: var(--ocw-petrol); }
.ocw-wa-sabit:focus-visible { outline: 2px solid var(--ocw-ink); outline-offset: 3px; }

/* 7.0 Geçiş dönemi: Elementor içeriği (templates/eski.php) ----------------------
   İçerik olduğu gibi basılır. Eski temanın (clinical) temel ölçüleri burada yeniden kurulur;
   böylece tema değişince Elementor sayfaları kaymaz. Yazı tipleri LP ile aynı: metin Hanken
   Grotesk, h1/h2 Bodoni Moda. Renk, boşluk ve yerleşim Elementor'da kalır.
   Kurallar :where() içinde (özgüllük 0): Elementor'un kendi ayarları her zaman kazanır.
   Canlı sitede (hakkimda, burun-estetigi-ameliyati) benzetimle doğrulandı. B fazında sayfalar
   dönüştürülünce bu blok silinir. */
.ocw-eski {
	--e-global-typography-primary-font-family: "Hanken Grotesk";
	--e-global-typography-secondary-font-family: "Hanken Grotesk";
	--e-global-typography-text-font-family: "Hanken Grotesk";
	--e-global-typography-accent-font-family: "Hanken Grotesk";
	font-family: var(--ocw-sans);
	font-size: 16px;
	line-height: 29px;
	color: #5c5c5c;
	overflow-x: clip;
}
/* Eski temanın içerik kabı (1200 px). Dar ekranda eski sabit adımlar (960/748/460/300)
   yerine akışkan genişlik: mobilde metin alanı genişler. */
.ocw-eski__kap { width: min(1200px, 100% - 2 * var(--ocw-bosluk)); margin-inline: auto; }
.ocw-eski :where(h1, h2, h3, h4, h5, h6) { margin: 0; color: #2e2e2e; font-family: var(--ocw-sans); font-weight: 400; letter-spacing: normal; }
.ocw-eski :where(h1) { font-size: 60px; line-height: 60px; }
.ocw-eski :where(h2) { font-size: 55px; line-height: 66px; }
.ocw-eski :where(h3) { font-size: 30px; line-height: 36px; }
.ocw-eski :where(h4) { font-size: 25px; line-height: 30px; }
.ocw-eski :where(h5) { font-size: 12px; line-height: 12px; letter-spacing: 4px; }
.ocw-eski :where(h6) { font-size: 10px; line-height: 10px; font-weight: 700; letter-spacing: 2px; }
.ocw-eski :where(p) { margin: 0; font-size: 14px; line-height: 28px; letter-spacing: 0.02em; }
.ocw-eski :where(a) { color: inherit; text-decoration: none; }
.ocw-eski :where(ul, ol) { margin: 0; }
.ocw-eski :where(table) { width: auto; }
.ocw-eski :where(img) { display: inline-block; }
/* Büyük başlıklar LP'deki gibi serif. Elementor başlık parçacığı kit değişkeniyle yazı tipi
   verdiği için burada !important zorunlu; yalnızca yazı tipi ailesi zorlanır. */
.ocw-eski :is(h1, h2),
.ocw-eski :is(h1, h2).elementor-heading-title { font-family: var(--ocw-serif) !important; font-weight: 500; letter-spacing: normal; }
/* Eski temanın "Ek CSS" kaydından (Özelleştir → Ek CSS, temaya özel; tema değişince düşer):
   tedavi sayfalarının hero'sundaki iz yolu (Rank Math kısa kodu, bf66f86 parçacığı) beyaz ve ortalı. */
.ocw-eski .elementor-element-bf66f86 .elementor-shortcode p { color: #ffffff; text-align: center; }
.ocw-eski .elementor-element-bf66f86 .elementor-shortcode p a { color: #ffffff; }
@media (max-width: 767px) {
	.ocw-eski :where(h1) { font-size: 40px; line-height: 40px; }
	.ocw-eski :where(h2) { font-size: 30px; line-height: 36px; }
	.ocw-eski :where(h3) { font-size: 25px; line-height: 30px; }
}

/* 7. Şablona özel --------------------------------------------------------- */
.ocw-tedavi__ust { margin-bottom: 1rem; }
/* Tedavi / tedavi grubu düzeni (0.9.7): içerik + sağ yan sütun. Mobilde tek sütun, yan sütun içerikten sonra. */
.ocw-tedavi-duzen { display: grid; gap: 2.5rem; padding-bottom: var(--ocw-bolum); }
.ocw-tedavi-duzen > * { min-width: 0; }
.ocw-tedavi-duzen .ocw-icerik { padding-bottom: 0; }
.ocw-tedavi-ana { max-width: var(--ocw-dar); }
.ocw-yan__hekim, .ocw-yan--kartli, .ocw-yan--listesiz { display: none; }
.ocw-yan__ic { display: flex; flex-direction: column; gap: 1.25rem; }
.ocw-yan__hekim { padding: 1.5rem; background: var(--ocw-petrol-dk); color: var(--ocw-paper); border-top: 2px solid var(--ocw-brass); }
.ocw-yan__kimlik { display: flex; align-items: center; gap: 1rem; }
.ocw-yan__kimlik p { display: flex; flex-direction: column; gap: 0.15rem; margin: 0; }
.ocw-yan__foto { width: 72px; height: 72px; flex: none; border-radius: 50%; outline: 1px solid var(--ocw-brass); outline-offset: 3px; }
.ocw-yan__etiket { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ocw-brass); }
.ocw-yan__ad { font-family: var(--ocw-serif); font-size: 1.25rem; line-height: 1.2; color: var(--ocw-paper); text-decoration: none; }
a.ocw-yan__ad:hover { text-decoration: underline; }
.ocw-yan__unvan { font-size: 0.8rem; line-height: 1.35; color: var(--ocw-sage); }
.ocw-yan__yer { list-style: none; margin: 1.1rem 0 0; padding: 0.9rem 0 0; border-top: 1px solid rgba(125, 140, 147, 0.45); font-size: 0.85rem; line-height: 1.4; color: var(--ocw-sage); }
.ocw-yan__yer li + li { margin-top: 0.3rem; }
.ocw-yan__dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin: 1.1rem 0 0; }
.ocw-yan__dugmeler .ocw-btn { min-height: 44px; padding: 0.5em 0.75em; font-size: 0.9rem; }
.ocw-yan__dugmeler .ocw-btn--altin { grid-column: 1 / -1; }
.ocw-yan__dugmeler .ocw-btn__ikon { width: 1.05em; height: 1.05em; fill: currentColor; }
.ocw-yan__grup { padding: 1.4rem 1.5rem 1.25rem; background: var(--ocw-white); border: 1px solid var(--ocw-line); border-top: 2px solid var(--ocw-brass-ink); }
.ocw-yan__baslik { margin: 0 0 0.6rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ocw-brass-ink); }
.ocw-yan__baslik a { color: inherit; text-decoration: none; }
.ocw-yan__baslik a:hover { text-decoration: underline; }
.ocw-yan__liste { list-style: none; margin: 0; padding: 0; }
.ocw-yan__liste li + li { border-top: 1px solid var(--ocw-line); }
.ocw-yan__liste a { position: relative; display: flex; align-items: center; min-height: 44px; padding: 0.45rem 0 0.45rem 1rem; color: var(--ocw-ink); font-size: 0.95rem; line-height: 1.35; text-decoration: none; }
.ocw-yan__liste a::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-right: 1.5px solid var(--ocw-brass-ink); border-bottom: 1.5px solid var(--ocw-brass-ink); transform: translateY(-50%) rotate(-45deg); }
.ocw-yan__liste a:hover { color: var(--ocw-petrol); }
.ocw-yan__liste a[aria-current="page"] { color: var(--ocw-petrol); font-weight: 600; }
.ocw-yan__liste a[aria-current="page"]::before { width: 6px; height: 6px; border: 0; border-radius: 50%; background: var(--ocw-brass-ink); transform: translateY(-50%); }
.ocw-yan__tumu { margin: 0.6rem 0 0; padding-top: 0.6rem; border-top: 1px solid var(--ocw-line); font-size: var(--ocw-fs-kucuk); }
.ocw-uygun-degil, .ocw-sorular, .ocw-yayinlar, .ocw-kaynaklar { margin-top: 3rem; }
.ocw-kaynaklar ol { font-size: var(--ocw-fs-kucuk); color: var(--ocw-slate); }
.ocw-tedavi-grup { padding-bottom: 3rem; }
.ocw-sss { padding-bottom: var(--ocw-bolum); }
.ocw-sss__giris { margin-bottom: 2.5rem; }
.ocw-sss__konular { padding-block: 1rem; border-block: 1px solid var(--ocw-line); }
.ocw-sss__konular ul { margin: 0; }
.ocw-sss__konular ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }
.ocw-sss__grup { padding-top: 2rem; }
.ocw-eserler { padding-bottom: var(--ocw-bolum); }
.ocw-iletisim-duzen { display: grid; gap: var(--ocw-bosluk); padding-bottom: var(--ocw-bolum); }
.ocw-kap.ocw-dar.ocw-yasal > * { max-width: 52rem; }
.ocw-yasal h2 { margin-top: 2.25rem; font-size: var(--ocw-fs-h3); }
.ocw-yasal h3 { margin-top: 1.5rem; font-size: 1.15rem; font-family: var(--ocw-sans); font-weight: 700; letter-spacing: 0; }
.ocw-yasal ul { padding-left: 1.2rem; }
.ocw-yasal li + li { margin-top: 0.35rem; }
.ocw-yasal code { font-size: 0.92em; padding: 0.05em 0.3em; background: var(--ocw-mist); border-radius: 3px; word-break: break-word; }
.ocw-yasal__giris { font-size: 1.12em; }
.ocw-yasal__tablo { overflow-x: auto; margin: 0 0 1.1em; border: 1px solid var(--ocw-line); }
.ocw-yasal__tablo table { width: 100%; min-width: 40rem; margin: 0; border-collapse: collapse; font-size: var(--ocw-fs-kucuk); }
.ocw-yasal__tablo th, .ocw-yasal__tablo td { padding: 0.7rem 0.85rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ocw-line); }
.ocw-yasal__tablo th { background: var(--ocw-mist); font-weight: 700; color: var(--ocw-ink); }
.ocw-yasal__tablo tr:last-child td { border-bottom: 0; }
.ocw-yasal__cerez { padding: 0; border: 0; background: none; font: inherit; color: var(--ocw-petrol); text-decoration: underline; cursor: pointer; }
.ocw-yasal__dil { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--ocw-line); }
.ocw-yasal__ek { margin-top: 2rem; }
.ocw-yasal__tarih { margin-top: 2.5rem; font-size: var(--ocw-fs-kucuk); color: var(--ocw-slate); }

/* 8. Yardımcılar ---------------------------------------------------------- */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.ocw-bos { color: var(--ocw-slate); }

/* 9. Medya sorguları ------------------------------------------------------ */
@media (max-width: 959px) {
	:root { --ocw-cubuk-h: calc(56px + env(safe-area-inset-bottom)); }
}
@media (max-width: 639px) {
	.ocw-kanit li:nth-child(even) { padding-left: 1rem; border-left: 1px solid var(--ocw-line-dk-ui); }
	.ocw-kanit li:nth-child(n+3) { border-top: 1px solid var(--ocw-line-dk-ui); }
}
@media (min-width: 640px) {
	.ocw-hekim-serit__unvan { flex-basis: auto; }
	.ocw-hekim-serit__unvan::after { content: "·"; margin: 0 0.55rem; color: var(--ocw-line-ui); }
	.ocw-yazi-bas__meta { column-gap: 0; }
	.ocw-yazi-bas__meta > span + span::before { content: "·"; margin: 0 0.7rem; color: var(--ocw-line-ui); }
	.ocw-kanit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ocw-kanit li + li { padding-left: 1rem; border-left: 1px solid var(--ocw-line-dk-ui); }
	.ocw-alt__izgara { grid-template-columns: 1fr 1fr; }
	.ocw-alt__sutun--adres { grid-row: span 2; }
}
@media (min-width: 960px) {
	.ocw-mobil-cubuk { display: none; }
	.ocw-cerez { left: 24px; right: auto; bottom: 24px; margin: 0; }
	.ocw-wa-sabit { display: inline-flex; }
	.ocw-giris__ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	.ocw-o-pencere { margin: 2.5rem 0 0 auto; width: 100%; max-width: 420px; }
	.ocw-gorunen__duzen { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 2rem; align-items: start; }
	.ocw-secici { flex-direction: column; overflow: visible; }
	.ocw-secici__secenek span { width: 100%; }
	.ocw-cizim { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); align-items: center; }
	.ocw-profil { padding: 2rem 0 2rem 1.5rem; }
	.ocw-cizim__metin { padding: 2rem 2.25rem 2rem 1rem; }
	.ocw-ok { display: inline-flex; }
	.ocw-ok[hidden] { display: none; }
	.ocw-tkart { width: clamp(300px, 27vw, 360px); }
	.ocw-hekim__ic { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
	.ocw-adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2.5rem; border-top: 0; }
	.ocw-adimlar li { border-top: 1px solid var(--ocw-line-dk-ui); border-bottom: 0; padding: 4.25rem 0 2.5rem; }
	.ocw-adimlar li::before { top: 1.4rem; }
	.ocw-ana-sorular__ic { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: start; }
	.ocw-ana-sorular .ocw-bolum__bas { position: sticky; top: calc(var(--ocw-ust-h) + 2rem); }
	.ocw-ana-iletisim__ic { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
	.ocw-ykart--one { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2.5rem; align-items: center; }
	.ocw-ykart--one .ocw-ykart__gorsel { margin: 0; }
	.ocw-yazar { grid-template-columns: 120px 1fr; gap: 1.75rem; }
	.ocw-yazar__gorsel { width: 120px; }
	.ocw-iletisim__ic { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
	.ocw-form { grid-template-columns: 1fr 1fr; column-gap: 1.25rem; }
	.ocw-form > :not(.ocw-form__alan), .ocw-form__alan:nth-of-type(n+3) { grid-column: 1 / -1; }
	.ocw-alt__izgara { grid-template-columns: minmax(14rem, 3fr) 7fr 2fr; }
	.ocw-alt__izgara--adressiz { grid-template-columns: 8fr 2fr; }
	.ocw-alt__sutun--adres { grid-row: auto; }
	.ocw-iletisim-duzen { grid-template-columns: minmax(0, 7fr) 5fr; }
}
@media (max-width: 1199px) {
	.ocw-ust__panel .ocw-ust__eylem .ocw-btn { flex: 1 1 12rem; }
}
@media (min-width: 1100px) {
	/* Yazı: solda metin; sağ üstte içindekiler, altında yapışkan yan sütun */
	.ocw-yazi-duzen { grid-template-columns: minmax(0, 1fr) 19rem; grid-template-rows: auto 1fr; column-gap: 3rem; row-gap: 1.5rem; }
	.ocw-yazi-duzen > .ocw-yazi { grid-column: 1; grid-row: 1 / span 2; }
	.ocw-yazi-yan { grid-column: 2; grid-row: 1; }
	.ocw-yazi-duzen > .ocw-yan { grid-column: 2; grid-row: 2; }
	.ocw-yazi-duzen--tek > .ocw-yan { grid-row: 1 / span 2; }
	/* Tedavi / tedavi grubu */
	.ocw-tedavi-duzen { grid-template-columns: minmax(0, 1fr) 20rem; column-gap: clamp(2.5rem, 0.5rem + 3vw, 4.5rem); }
	.ocw-tedavi-ana { max-width: none; }
	/* Yan sütun: hekim kartı hep görünür, liste gerekirse kendi içinde kayar */
	.ocw-yan, .ocw-yan--kartli, .ocw-yan--listesiz, .ocw-yan__hekim { display: block; }
	.ocw-yan__ic { position: sticky; top: calc(var(--ocw-ust-h) + 1.5rem); max-height: calc(100vh - var(--ocw-ust-h) - 3rem); }
	.ocw-yan__hekim { flex: none; }
	.ocw-yan__grup { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
	.ocw-ici { border-bottom: 0; }
	.js .ocw-ici__baslik { pointer-events: none; } /* masaüstünde JS kutuyu açık tutar */
	.js .ocw-ici__baslik::after { display: none; }
}
@media (min-width: 1200px) {
	:root { --ocw-ust-h: 5rem; }
	.ocw-logo img { height: 42px; }
	.ocw-nav-ac { display: none; }
	.ocw-ust__panel, .ocw-ust__panel.is-acik { display: flex; flex-direction: row; align-items: center; gap: 1.25rem; position: static; padding: 0; overflow: visible; background: transparent; color: var(--ocw-ink); margin-left: auto; }
	.ocw-nav__liste { display: flex; align-items: center; gap: 0.15rem; }
	.ocw-nav__liste > .ocw-nav__oge { border: 0; flex-wrap: nowrap; }
	.ocw-nav__liste { gap: 0.5rem; }
	.ocw-nav__bag, .ocw-nav__ac--etiket { flex: none; min-height: 44px; padding: 0 0.6rem; color: var(--ocw-ink); font-family: var(--ocw-sans); font-size: 0.95rem; font-weight: 500; white-space: nowrap; }
	.ocw-nav__ac--etiket { gap: 0.45rem; }
	.ocw-nav__bag:hover, .ocw-nav__ac--etiket:hover { color: var(--ocw-petrol); }
	.ocw-nav__bag[aria-current="page"], .is-etkin > .ocw-nav__bag, .is-etkin > .ocw-nav__ac--etiket { color: var(--ocw-petrol); box-shadow: inset 0 -2px 0 var(--ocw-brass-ink); }
	.ocw-nav__ac { min-width: 28px; min-height: 44px; color: var(--ocw-ink); }
	.ocw-nav__oge--alt > .ocw-nav__bag { padding-right: 0; }
	.ocw-nav__ok { width: 7px; height: 7px; border-color: var(--ocw-brass-ink); border-width: 0 1.5px 1.5px 0; }
	/* Mega panel: başlığın tam genişliğinde, koyu petrol, pirinç üst çizgi; her tedavi grubu bir sütun */
	.ocw-ust__ic { position: relative; }
	.ocw-nav__liste > .ocw-nav__oge--mega { position: static; }
	.ocw-nav__mega { position: absolute; top: 100%; left: var(--ocw-bosluk); right: var(--ocw-bosluk); z-index: 41; width: auto; border-top: 2px solid var(--ocw-brass); background: var(--ocw-petrol-dk); box-shadow: 0 24px 48px rgba(18, 41, 58, 0.25); }
	/* Fare: üzerine gelince açılır. Klavye: düğmeyle (is-acik). :focus-within kullanılmaz; Esc sonrası odak düğmede kalınca panel açık kalıyordu. */
	.ocw-nav__oge--alt:hover > .ocw-nav__mega { display: block; }
	.ocw-nav__oge--mega > .ocw-nav__ac--etiket { min-height: var(--ocw-ust-h); } /* düğme ile panel arasında boşluk kalmasın, fare geçerken panel kapanmasın */
	.ocw-nav__mega-ic { grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)); gap: 2rem; padding: 2rem 2.5rem 2.25rem; border: 0; }
	.ocw-nav__grup-baslik { margin-bottom: 0.6rem; padding-bottom: 0.6rem; border-bottom: 1px solid rgba(125, 140, 147, 0.45); }
	.ocw-nav__alt-bag, .ocw-nav__pasif { display: block; min-height: 0; padding: 0.4rem 0; font-size: 0.93rem; line-height: 1.35; }
	/* Ayrı açılır grup (Burun Estetiği): öğenin altında, iki sütunlu panel */
	.ocw-nav__oge--ayri > .ocw-nav__bag, .ocw-nav__oge--ayri > .ocw-nav__ac { min-height: var(--ocw-ust-h); }
	.ocw-nav__alt--panel { position: absolute; top: 100%; left: 0; z-index: 41; width: 34rem; border-top: 2px solid var(--ocw-brass); background: var(--ocw-petrol-dk); box-shadow: 0 24px 48px rgba(18, 41, 58, 0.25); }
	.ocw-nav__oge--ayri:hover > .ocw-nav__alt { display: block; }
	.ocw-nav__alt--panel .ocw-nav__alt-ic { padding: 1.75rem 2rem 2rem; border: 0; }
	.ocw-nav__alt--panel .ocw-nav__grup-baslik { display: block; }
	.ocw-nav__alt-liste { columns: 2; column-gap: 2rem; }
	.ocw-nav__alt-liste li { break-inside: avoid; }
	.ocw-ust__eylem { flex-wrap: nowrap; gap: 0.6rem; }
	.ocw-ust__tel { border-color: var(--ocw-line-ui); color: var(--ocw-ink); min-height: 44px; padding: 0 0.9rem; font-size: 0.88rem; }
	.ocw-ust__tel:hover { border-color: var(--ocw-ink); }
	.ocw-ust__panel .ocw-ust__randevu { min-height: 44px; padding: 0.55em 1.1em; font-size: 0.9rem; background: var(--ocw-petrol); border-color: var(--ocw-petrol); color: var(--ocw-paper); }
	.ocw-ust__panel .ocw-ust__randevu:hover { background: var(--ocw-petrol-dk); }
	.ocw-dil { color: var(--ocw-ink); }
}
@media (min-width: 1200px) and (max-width: 1379px) {
	.ocw-ust__tel { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.ocw-bolge__akis { animation: none; }
	*, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; scroll-behavior: auto !important; }
}