/* psikologcansuparlak.com — "editorial psikoloji": kırık beyaz, açık mavi, adaçayı, sıcak bej, çok az pudra.
   Başlıklar Cormorant Garamond, metin DM Sans (ikisi de sitede barındırılır). */

@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-display: swap; font-weight: 300 700;
  src: url(/assets/fonts/cormorant-garamond-latin-wght-normal.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: "Cormorant Garamond"; font-style: normal; font-display: swap; font-weight: 300 700;
  src: url(/assets/fonts/cormorant-garamond-latin-ext-wght-normal.woff2) format("woff2");
  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: "Cormorant Garamond"; font-style: italic; font-display: swap; font-weight: 300 700;
  src: url(/assets/fonts/cormorant-garamond-latin-wght-italic.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: "Cormorant Garamond"; font-style: italic; font-display: swap; font-weight: 300 700;
  src: url(/assets/fonts/cormorant-garamond-latin-ext-wght-italic.woff2) format("woff2");
  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: "DM Sans"; font-style: normal; font-display: swap; font-weight: 100 1000;
  src: url(/assets/fonts/dm-sans-latin-wght-normal.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: "DM Sans"; font-style: normal; font-display: swap; font-weight: 100 1000;
  src: url(/assets/fonts/dm-sans-latin-ext-wght-normal.woff2) format("woff2");
  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; }

:root {
  --zemin: #faf7f2;          /* kırık beyaz */
  --kart: #fffdf9;
  --bej: #f1e9dd;            /* sıcak bej */
  --bej-orta: #e2d3bd;
  --bej-koyu: #9c7f5f;
  --adacayi: #e3eadf;        /* adaçayı */
  --adacayi-orta: #b8c8b2;
  --adacayi-koyu: #3e5246;
  --mavi: #e4edf1;           /* açık mavi */
  --mavi-orta: #b5ccd7;
  --mavi-koyu: #3b6174;
  --pudra: #f3e2dd;          /* çok az pudra */
  --pudra-orta: #e3c3ba;
  --murekkep: #262d29;
  --murekkep-2: #5a625d;
  --cizgi: #e2dace;
  --vurgu: var(--adacayi-koyu);

  --baslik-yazi: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --metin-yazi: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --genislik: 76rem;
  --kenar: clamp(1rem, 4vw, 2.5rem);
  --bolum: clamp(4rem, 9vw, 7.5rem);
  --yaricap: 1.25rem;
  --golge: 0 1px 2px rgb(38 45 41 / 4%), 0 12px 32px -18px rgb(38 45 41 / 18%);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 6rem; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--zemin);
  color: var(--murekkep);
  font: 400 1.0625rem/1.7 var(--metin-yazi);
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body[data-menu-acik] { overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--mavi-koyu); text-underline-offset: .2em; text-decoration-thickness: 1px; }
a:hover { color: var(--adacayi-koyu); }
:focus-visible { outline: 2px solid var(--mavi-koyu); outline-offset: 3px; border-radius: 4px; }
main:focus { outline: none; }
h1, h2, h3 { font-family: var(--baslik-yazi); font-weight: 500; line-height: 1.08; letter-spacing: -.01em; margin: 0 0 .5em; text-wrap: balance; }
h1 em, h2 em, h3 em, .buyuk em { font-style: italic; color: var(--adacayi-koyu); }
p { margin: 0 0 1em; }
abbr[title] { text-decoration: none; }
.gorunmez { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.kap { width: 100%; max-width: var(--genislik); margin-inline: auto; padding-inline: var(--kenar); }
.kap--orta { max-width: 56rem; }
.kap--dar { max-width: 48rem; }

.atla { position: absolute; left: 1rem; top: -4rem; z-index: 100; background: var(--murekkep); color: var(--zemin); padding: .6rem 1rem; border-radius: .5rem; }
.atla:focus { top: 1rem; }
.taslak-seridi { background: #fff3c4; color: #5c4600; text-align: center; font-size: .85rem; padding: .4rem 1rem; }

/* Yer tutucu: henüz gelmemiş bilgi */
mark.eksik {
  background: #fde8e4; color: #a12a1a; font: 600 .78rem/1.3 var(--metin-yazi); letter-spacing: .04em;
  padding: .15em .45em; border-radius: .3em; border: 1px dashed #e0907f; white-space: normal;
}

/* ---------- Düğmeler ve bağlantılar ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .95rem 1.6rem; border-radius: 999px; border: 1px solid var(--adacayi-koyu);
  background: var(--adacayi-koyu); color: #fbfaf6; font: 500 .98rem/1 var(--metin-yazi); letter-spacing: .01em;
  text-decoration: none; cursor: pointer; transition: background .2s, color .2s, transform .2s;
}
.dugme:hover { background: #2f4036; color: #fff; }
.dugme:active { transform: translateY(1px); }
.dugme--kucuk { padding: .7rem 1.2rem; font-size: .9rem; }
.dugme--cizgi { background: transparent; color: var(--adacayi-koyu); }
.dugme--cizgi:hover { background: var(--adacayi); color: var(--adacayi-koyu); }
.dugme--acik { background: var(--zemin); color: var(--adacayi-koyu); border-color: var(--zemin); }
.dugme--acik:hover { background: #fff; color: var(--murekkep); }

.ok-link { display: inline-flex; align-items: center; gap: .5rem; font-weight: 500; color: var(--murekkep); text-decoration: none; border-bottom: 1px solid var(--bej-orta); padding-bottom: .2rem; }
.ok-link svg { width: 1.1rem; height: 1.1rem; transition: transform .25s; }
.ok-link:hover { color: var(--adacayi-koyu); border-color: currentColor; }
.ok-link:hover svg { transform: translateX(4px); }

/* ---------- Üst başlık ---------- */
.baslik { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid transparent; transition: border-color .25s; }
/* Bulanıklık ayrı katmanda: başlığın kendisinde olsaydı mobil menünün (position: fixed) kapsayıcısı olurdu. */
.baslik::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(250 247 242 / 88%); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px); }
body[data-menu-acik] .baslik::before { background: var(--zemin); }
.baslik--kaydi { border-bottom-color: var(--cizgi); }
.baslik__ic { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 4.75rem; }
.imza { display: flex; flex-direction: column; white-space: nowrap; text-decoration: none; color: var(--murekkep); line-height: 1.1; }
.imza__ad { font: 500 1.6rem/1 var(--baslik-yazi); letter-spacing: .01em; }
.imza__unvan { font-size: .7rem; letter-spacing: .22em; text-transform: uppercase; color: var(--murekkep-2); margin-top: .3rem; }

.menu__liste { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: .25rem; }
.menu__baglanti { display: block; white-space: nowrap; padding: .5rem .65rem; text-decoration: none; color: var(--murekkep); font-size: .94rem; border-radius: 999px; transition: background .2s; }
.menu__baglanti:hover { background: var(--bej); color: var(--murekkep); }
.menu__baglanti[aria-current] { color: var(--adacayi-koyu); box-shadow: inset 0 -1px 0 var(--adacayi-koyu); border-radius: 0; }
.menu__oge--mobil { display: none; }
.menu__oge--dugme { margin-left: .75rem; }
.menu-dugmesi { display: none; }

@media (max-width: 79.99rem) {
  .menu-dugmesi { display: inline-flex; align-items: center; gap: .6rem; background: none; border: 1px solid var(--cizgi); border-radius: 999px; padding: .55rem 1rem; font: 500 .9rem var(--metin-yazi); color: var(--murekkep); cursor: pointer; }
  .menu-dugmesi__cizgiler, .menu-dugmesi__cizgiler::before, .menu-dugmesi__cizgiler::after { display: block; width: 1rem; height: 1.5px; background: currentColor; position: relative; transition: transform .25s, background .25s; }
  .menu-dugmesi__cizgiler::before, .menu-dugmesi__cizgiler::after { content: ""; position: absolute; left: 0; }
  .menu-dugmesi__cizgiler::before { top: -5px; }
  .menu-dugmesi__cizgiler::after { top: 5px; }
  .menu-dugmesi[aria-expanded="true"] .menu-dugmesi__cizgiler { background: transparent; }
  .menu-dugmesi[aria-expanded="true"] .menu-dugmesi__cizgiler::before { transform: translateY(5px) rotate(45deg); }
  .menu-dugmesi[aria-expanded="true"] .menu-dugmesi__cizgiler::after { transform: translateY(-5px) rotate(-45deg); }

  .menu { position: fixed; inset: var(--menu-ust, 4.75rem) 0 0 0; background: var(--zemin); padding: 1.5rem var(--kenar) 3rem; overflow-y: auto; display: none; }
  .menu[data-acik] { display: block; }
  .menu__liste { flex-direction: column; align-items: stretch; gap: 0; }
  .menu__oge--mobil { display: block; }
  .menu__baglanti { font: 500 1.75rem/1.2 var(--baslik-yazi); padding: .7rem 0; border-bottom: 1px solid var(--cizgi); border-radius: 0; }
  .menu__baglanti:hover { background: none; }
  .menu__baglanti[aria-current] { box-shadow: none; font-style: italic; }
  .menu__oge--dugme { margin: 1.75rem 0 0; }
  .menu__oge--dugme .dugme { width: 100%; padding: 1rem; font-size: 1rem; }
}

/* ---------- Ortak bölüm yapısı ---------- */
.bolum { padding-block: var(--bolum); position: relative; }
.bolum--ust-bosluk-az { padding-top: clamp(2.5rem, 5vw, 4rem); }
.bolum--bej { background: var(--bej); }
.bolum--kirik { background: #f6f1e9; }
.bolum--adacayi { background: var(--adacayi); }
.bolum--mavi { background: var(--mavi); }
.bolum__no { font-size: .74rem; letter-spacing: .2em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: 1.1rem; display: flex; align-items: center; gap: .75rem; }
.bolum__no::after { content: ""; flex: 0 0 2.5rem; height: 1px; background: currentColor; opacity: .5; }
.bolum__baslik { font-size: clamp(2.25rem, 4.6vw, 3.75rem); max-width: 22ch; }
.bolum__baslik--orta { font-size: clamp(2rem, 3.6vw, 2.9rem); }
.bolum__baslik--kucuk { font-size: clamp(1.75rem, 2.8vw, 2.25rem); margin-bottom: 1.5rem; }
.bolum__bas { margin-bottom: clamp(2.25rem, 4vw, 3.5rem); }
.bolum__bas--yan { display: grid; gap: 1rem 4rem; align-items: end; }
@media (min-width: 60rem) { .bolum__bas--yan { grid-template-columns: 1.3fr 1fr; } .bolum__bas--yan .bolum__giris { margin-bottom: .9rem; } }
.bolum__giris { font-size: 1.12rem; color: var(--murekkep-2); max-width: 38rem; }
.bolum__son { margin: 2.5rem 0 0; }
.baglanti-sirasi { display: flex; flex-wrap: wrap; gap: 1rem 2rem; }
.buyuk-paragraf { font: 400 clamp(1.4rem, 2.2vw, 1.75rem)/1.4 var(--baslik-yazi); color: var(--murekkep); }
.ara-baslik { font-size: 1.6rem; margin: 2.5rem 0 1rem; }
.ara-baslik:first-child { margin-top: 0; }
.kucuk-not { font-size: .9rem; color: var(--murekkep-2); }

.cizgi { display: block; width: 100%; height: 5rem; color: var(--adacayi-orta); pointer-events: none; }

/* ---------- Fotoğraflar ve yer tutucular ---------- */
.foto { margin: 0; position: relative; border-radius: var(--yaricap); overflow: hidden; background: var(--bej); }
.foto img { width: 100%; height: 100%; object-fit: cover; }
.foto--dikey img { object-position: 50% 25%; }
.ofis-izgara img { object-position: 50% 72%; }
.ofis-izgara__oge--4 img { object-position: 50% 66%; }
.foto--genis img { object-position: 50% 65%; }
.foto--portre { aspect-ratio: 4 / 5; border-radius: 48% 48% var(--yaricap) var(--yaricap) / 32% 32% var(--yaricap) var(--yaricap); }
.foto--dikey { aspect-ratio: 4 / 5; }
.foto--genis { aspect-ratio: 5 / 4; }
.foto--bos { display: grid; }
.foto__etiket { position: absolute; left: .75rem; bottom: .75rem; padding: .35rem .75rem; border-radius: 999px; background: rgb(250 247 242 / 90%); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--murekkep); }
.foto--mavi { background: var(--mavi); }
.foto--adacayi { background: var(--adacayi); }
.foto--bej { background: var(--bej); }
.foto--pudra { background: var(--pudra); }
.foto__yer { display: grid; place-items: center; position: relative; min-height: 12rem; }
.foto__sekil { position: absolute; width: 62%; aspect-ratio: 1; border-radius: 58% 42% 49% 51% / 47% 55% 45% 53%; background: rgb(255 255 255 / 45%); border: 1px solid rgb(38 45 41 / 10%); }
.foto--mavi .foto__sekil { background: rgb(181 204 215 / 45%); }
.foto--adacayi .foto__sekil { background: rgb(184 200 178 / 45%); }
.foto--pudra .foto__sekil { background: rgb(227 195 186 / 45%); }
.foto--bej .foto__sekil { background: rgb(226 211 189 / 55%); }
.foto__not { position: absolute; left: 1rem; bottom: 1rem; right: 1rem; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep-2); }

/* ---------- Ana sayfa: giriş ---------- */
.kahraman { padding-block: clamp(2.5rem, 6vw, 5rem) clamp(3rem, 6vw, 5rem); overflow: hidden; }
.kahraman__ic { display: grid; gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
@media (min-width: 60rem) { .kahraman__ic { grid-template-columns: 1.15fr .85fr; } }
.kahraman__ust { display: flex; align-items: center; gap: .9rem; font-size: .76rem; letter-spacing: .24em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: 1.75rem; }
.kahraman__ust-cizgi { width: 2.5rem; height: 1px; background: currentColor; opacity: .5; }
.kahraman h1 { margin-bottom: 1.5rem; }
.kahraman__seo { display: block; font: 500 .95rem/1.5 var(--metin-yazi); letter-spacing: .01em; color: var(--adacayi-koyu); margin-bottom: 1.1rem; }
.kahraman__buyuk { display: block; font-size: clamp(3rem, 7.2vw, 5.9rem); line-height: .98; letter-spacing: -.02em; font-weight: 400; }
.kahraman__giris { font-size: clamp(1.1rem, 1.6vw, 1.25rem); color: var(--murekkep-2); max-width: 34rem; margin-bottom: 2rem; }
.kahraman__dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; }
.kahraman__yer { margin: 2.25rem 0 0; font-size: .82rem; letter-spacing: .14em; text-transform: uppercase; color: var(--murekkep-2); }
.kahraman__yer span { margin-inline: .5rem; opacity: .5; }
.kahraman__gorsel { position: relative; max-width: 28rem; justify-self: center; width: 100%; }
.kahraman__gorsel .foto { z-index: 1; }
.kahraman__gorsel .foto__not { bottom: 4.5rem; text-align: center; }
.kahraman__kimlik { position: relative; z-index: 2; margin: -2.5rem 0 0 1rem; background: var(--kart); border-radius: 1rem; padding: 1rem 1.25rem; box-shadow: var(--golge); max-width: 19rem; }
@media (min-width: 60rem) { .kahraman__kimlik { margin-left: -2.5rem; } }
.kahraman__kimlik-ad { font: 500 1.35rem/1.2 var(--baslik-yazi); margin: 0 0 .2rem; }
.kahraman__kimlik-unvan { font-size: .8rem; color: var(--murekkep-2); margin: 0; }
.kahraman__leke { position: absolute; z-index: 0; border-radius: 58% 42% 49% 51% / 47% 55% 45% 53%; }
.kahraman__leke--1 { width: 70%; aspect-ratio: 1; background: var(--adacayi); top: -8%; right: -18%; }
.kahraman__leke--2 { width: 34%; aspect-ratio: 1; background: var(--pudra); bottom: 14%; left: -14%; border-radius: 45% 55% 60% 40% / 52% 44% 56% 48%; }

.etiketler-seridi { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.25rem; padding-block: 1.6rem; border-block: 1px solid var(--cizgi); font: italic 400 clamp(1.4rem, 2.4vw, 1.9rem)/1 var(--baslik-yazi); color: var(--murekkep-2); }
.etiketler-seridi span[aria-hidden] { color: var(--adacayi-orta); font-style: normal; }

/* ---------- Tanışma ---------- */
.tanisma { display: grid; gap: clamp(2.5rem, 5vw, 5.5rem); align-items: center; }
@media (min-width: 60rem) {
  .tanisma { grid-template-columns: .8fr 1.2fr; }
  .tanisma--ters { grid-template-columns: 1.2fr .8fr; }
}
.tanisma__metin p:not(.bolum__no):not(.buyuk-paragraf) { color: var(--murekkep-2); max-width: 38rem; }

/* ---------- Gözlem kartları ---------- */
.gozlem-kartlari { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
@media (min-width: 52rem) { .gozlem-kartlari { grid-template-columns: repeat(3, 1fr); } .gozlem-karti a { min-height: 12rem; gap: 2.5rem; } }
.gozlem-karti a { display: flex; flex-direction: column; justify-content: space-between; gap: 1.75rem; height: 100%; min-height: 9rem; padding: 1.75rem; border-radius: var(--yaricap); text-decoration: none; color: var(--murekkep); transition: transform .3s, box-shadow .3s; }
.gozlem-karti--mavi a { background: var(--mavi); }
.gozlem-karti--adacayi a { background: var(--adacayi); }
.gozlem-karti--bej a { background: var(--bej); }
.gozlem-karti--pudra a { background: var(--pudra); }
.gozlem-karti a:hover { transform: translateY(-4px); box-shadow: var(--golge); color: var(--murekkep); }
.gozlem-karti__soz { font: 500 clamp(1.6rem, 2.4vw, 2rem)/1.15 var(--baslik-yazi); }
.gozlem-karti__alt { display: inline-flex; align-items: center; gap: .5rem; font-size: .88rem; font-weight: 500; color: var(--murekkep-2); }
.gozlem-karti__alt svg { width: 1rem; height: 1rem; transition: transform .25s; }
.gozlem-karti a:hover .gozlem-karti__alt svg { transform: translateX(4px); }

/* ---------- Çalışma alanı kartları ---------- */
.alan-kartlari { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; }
@media (min-width: 56rem) { .alan-kartlari { grid-template-columns: repeat(3, 1fr); } }
.alan-karti a { position: relative; display: flex; flex-direction: column; gap: .9rem; height: 100%; padding: 2rem 1.75rem 4.5rem; border-radius: var(--yaricap); text-decoration: none; color: var(--murekkep); border: 1px solid var(--cizgi); background: var(--kart); transition: background .3s, border-color .3s; }
.alan-karti--mavi a:hover { background: var(--mavi); border-color: var(--mavi-orta); }
.alan-karti--bej a:hover { background: var(--bej); border-color: var(--bej-orta); }
.alan-karti--adacayi a:hover { background: var(--adacayi); border-color: var(--adacayi-orta); }
.alan-karti a:hover { color: var(--murekkep); }
.alan-karti__no { font: italic 400 1.1rem/1 var(--baslik-yazi); color: var(--murekkep-2); }
.alan-karti__ad { font: 500 clamp(1.9rem, 2.6vw, 2.4rem)/1.05 var(--baslik-yazi); }
.alan-karti__oz { color: var(--murekkep-2); }
.alan-karti__konular { font-size: .85rem; color: var(--murekkep-2); border-top: 1px solid var(--cizgi); padding-top: .9rem; margin-top: auto; }
.alan-karti__liste { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; }
.alan-karti__liste span { font-size: .8rem; padding: .3rem .7rem; border-radius: 999px; background: rgb(255 255 255 / 65%); border: 1px solid var(--cizgi); }
.alan-karti__ok { position: absolute; right: 1.5rem; bottom: 1.5rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--murekkep-2); }
.alan-karti__ok svg { width: 1.1rem; height: 1.1rem; }
.alan-karti a:hover .alan-karti__ok { background: var(--adacayi-koyu); color: #fff; border-color: var(--adacayi-koyu); }
.alan-kartlari--buyuk .alan-karti a { padding-top: 2.5rem; }

/* ---------- İlkeler ve süreç ---------- */
.ilke-kartlari { list-style: none; margin: 0 0 clamp(3rem, 6vw, 4.5rem); padding: 0; display: grid; gap: 1px; background: var(--adacayi-orta); border: 1px solid var(--adacayi-orta); border-radius: var(--yaricap); overflow: hidden; }
@media (min-width: 52rem) { .ilke-kartlari { grid-template-columns: repeat(3, 1fr); } .ilke-kartlari--dort { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 72rem) { .ilke-kartlari--dort { grid-template-columns: repeat(4, 1fr); } }
.ilke-karti { background: var(--adacayi); padding: 2rem 1.75rem; }
.bolum--kirik .ilke-karti { background: #f6f1e9; }
.ilke-karti p { margin: 0; color: var(--murekkep-2); }
.ilke-karti__ad { font: 500 1.65rem/1.15 var(--baslik-yazi); color: var(--murekkep) !important; margin-bottom: .75rem !important; }
.bolum--adacayi .ilke-kartlari:last-child { margin-bottom: 0; }

.surec-seridi { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem; counter-reset: s; }
@media (min-width: 52rem) { .surec-seridi { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } }
.surec-seridi li { position: relative; padding-top: 1.25rem; border-top: 1px solid var(--adacayi-koyu); display: flex; flex-direction: column; gap: .4rem; }
.surec-seridi li::before { content: ""; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--adacayi-koyu); }
.surec-seridi__no { font: italic 400 2.6rem/1 var(--baslik-yazi); color: var(--adacayi-koyu); }
.surec-seridi__ad { font: 500 1.45rem/1.2 var(--baslik-yazi); }
.surec-seridi__metin { font-size: .95rem; color: var(--murekkep-2); }

/* ---------- Geniş görsel ---------- */
.genis-gorsel__ic { display: grid; gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
@media (min-width: 60rem) { .genis-gorsel__ic { grid-template-columns: 1.1fr .9fr; } }
.genis-gorsel__metin p:not(.bolum__no) { color: var(--murekkep-2); }
.genis-gorsel .bolum__baslik { font-size: clamp(2rem, 3.6vw, 3rem); }

/* ---------- Yazı kartları ---------- */
.yazi-kartlari { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: var(--cizgi); border-block: 1px solid var(--cizgi); }
@media (min-width: 52rem) { .yazi-kartlari { grid-template-columns: repeat(3, 1fr); } }
.bolum--bej .yazi-kartlari { background: var(--bej-orta); border-color: var(--bej-orta); }
.yazi-karti a { display: flex; flex-direction: column; gap: .7rem; height: 100%; padding: 1.75rem 1.5rem 2rem; background: var(--zemin); color: var(--murekkep); text-decoration: none; transition: background .25s; }
.bolum--bej .yazi-karti a { background: var(--bej); }
.yazi-karti a:hover { background: var(--kart); color: var(--murekkep); }
.bolum--bej .yazi-karti a:hover { background: #f7f1e8; }
.yazi-karti__kategori { font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--adacayi-koyu); }
.yazi-karti__baslik { font: 500 1.6rem/1.15 var(--baslik-yazi); }
.yazi-karti a:hover .yazi-karti__baslik { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.yazi-karti__oz { font-size: .92rem; color: var(--murekkep-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yazi-kartlari--liste { border: 0; background: none; gap: 1rem; }
.yazi-kartlari--liste .yazi-karti a { border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--kart); }
.yazi-kartlari--liste .yazi-karti a:hover { background: var(--bej); }

/* ---------- Ofis ---------- */
.ofis-izgara { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.ofis-izgara .foto { aspect-ratio: 1; }
@media (min-width: 52rem) {
  .ofis-izgara { grid-template-columns: 1.4fr 1fr 1fr; grid-template-rows: repeat(2, 17rem); }
  .ofis-izgara .foto img { position: absolute; inset: 0; }
  .ofis-izgara__oge--1 { grid-row: span 2; aspect-ratio: auto !important; }
  .ofis-izgara__oge--4 { grid-column: span 2; aspect-ratio: auto !important; }
  .ofis-izgara .foto { aspect-ratio: auto; }
}

/* ---------- SSS ---------- */
.sss-bolumu { display: grid; gap: 2.5rem 5rem; }
@media (min-width: 60rem) { .sss-bolumu { grid-template-columns: .8fr 1.2fr; } }
.sss-listesi { border-top: 1px solid var(--cizgi); }
.sss-listesi details { border-bottom: 1px solid var(--cizgi); }
.sss-listesi summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.35rem 0; font: 500 clamp(1.3rem, 2vw, 1.5rem)/1.25 var(--baslik-yazi); }
.sss-listesi summary::-webkit-details-marker { display: none; }
.sss-listesi summary::after { content: ""; flex: 0 0 auto; width: 2rem; height: 2rem; border-radius: 50%; border: 1px solid var(--bej-orta);
  background: linear-gradient(currentColor, currentColor) center / .8rem 1px no-repeat, linear-gradient(currentColor, currentColor) center / 1px .8rem no-repeat; transition: transform .25s; }
.sss-listesi details[open] summary::after { transform: rotate(45deg); }
.sss-listesi summary:hover { color: var(--adacayi-koyu); }
.sss__yanit { padding: 0 3rem 1.5rem 0; color: var(--murekkep-2); }
.sss__yanit p { margin: 0; }

/* ---------- Son çağrı ---------- */
.son-cagri { background: var(--adacayi-koyu); color: #f4f1ea; padding-block: clamp(4.5rem, 10vw, 8rem); text-align: center; overflow: hidden; }
.son-cagri__ic { position: relative; display: flex; flex-direction: column; align-items: center; }
.son-cagri__baslik { font-size: clamp(2.4rem, 5.4vw, 4.4rem); max-width: 18ch; font-weight: 400; }
.son-cagri__baslik em { color: #cfe0d2; }
.son-cagri p { color: #d6ddd5; max-width: 34rem; margin-bottom: 2rem; }
.son-cagri__cizgi { position: absolute; top: -3.5rem; left: 50%; width: min(36rem, 90%); transform: translateX(-50%); color: rgb(207 224 210 / 45%); height: 4rem; }

/* ---------- Alt bilgi ---------- */
.alt { background: #1f2622; color: #c9cfc9; font-size: .92rem; padding-top: clamp(3.5rem, 7vw, 5rem); }
.alt a { color: #eef0ec; text-decoration: none; }
.alt a:hover { color: #fff; text-decoration: underline; }
.alt__ust { display: grid; gap: 2.5rem; padding-bottom: 3rem; }
@media (min-width: 52rem) { .alt__ust { grid-template-columns: 1.6fr 1fr 1fr 1.2fr; } }
.alt__ad { font: 500 2.1rem/1 var(--baslik-yazi); color: #fbfaf6; margin-bottom: .6rem; }
.alt__unvan { margin-bottom: .3rem; }
.alt__yer { font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; color: #9aa59c; }
.alt__adres { font-style: normal; margin-top: 1.25rem; line-height: 1.6; }
.alt__baslik { font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: #9aa59c; margin-bottom: 1rem; }
.alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.alt mark.eksik { font-size: .7rem; }
.alt__uyari { border-top: 1px solid #36403a; padding-block: 1.5rem; font-size: .84rem; color: #9aa59c; }
.alt__uyari p { margin: 0; max-width: 60rem; }
.alt__alt { border-top: 1px solid #36403a; padding-block: 1.25rem 1.75rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem 2rem; font-size: .82rem; color: #9aa59c; }
.alt__alt p { margin: 0; }
.alt__yasal { display: flex !important; flex-wrap: wrap; gap: .4rem 1.25rem !important; }
.alt__yasal a { color: #c9cfc9; }

/* ---------- İç sayfa başlığı ---------- */
.sayfa-basi { position: relative; padding-block: clamp(2rem, 4vw, 3rem) clamp(2.5rem, 5vw, 4rem); background: #f6f1e9; overflow: hidden; }
.sayfa-basi--mavi { background: var(--mavi); }
.sayfa-basi--bej { background: var(--bej); }
.sayfa-basi--adacayi { background: var(--adacayi); }
.sayfa-basi--pudra { background: var(--pudra); }
.sayfa-basi--yazi { background: var(--zemin); border-bottom: 1px solid var(--cizgi); padding-bottom: 2.5rem; }
.sayfa-basi h1 { font-size: clamp(2.5rem, 5.6vw, 4.6rem); font-weight: 400; max-width: 20ch; position: relative; z-index: 1; }
.sayfa-basi--yazi h1 { font-size: clamp(2.3rem, 4.8vw, 3.6rem); }
.sayfa-basi__giris { font-size: clamp(1.08rem, 1.5vw, 1.22rem); color: var(--murekkep-2); max-width: 40rem; position: relative; z-index: 1; margin-bottom: 0; }
.sayfa-basi__cizgi { position: absolute; right: -4rem; bottom: .5rem; width: min(40rem, 70%); height: 6rem; color: rgb(62 82 70 / 22%); }
.sayfa-basi--yazi .sayfa-basi__cizgi { display: none; }
@media (max-width: 40rem) { .sayfa-basi__cizgi { display: none; } }
.etiket { font-size: .74rem; letter-spacing: .2em; text-transform: uppercase; color: var(--adacayi-koyu); margin-bottom: 1rem; }
.kirinti ol { list-style: none; margin: 0 0 2rem; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem; font-size: .82rem; color: var(--murekkep-2); }
.kirinti li:not(:last-child)::after { content: "/"; margin-left: .35rem; opacity: .5; }
.kirinti a { color: var(--murekkep-2); text-decoration: none; }
.kirinti a:hover { color: var(--murekkep); text-decoration: underline; }
.yazi-bilgi { display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; margin: 1.75rem 0 0; font-size: .85rem; color: var(--murekkep-2); }

/* ---------- İki sütun, listeler ---------- */
.iki-sutun { display: grid; gap: 3rem clamp(3rem, 6vw, 6rem); }
@media (min-width: 60rem) { .iki-sutun { grid-template-columns: 1fr 1fr; } .iki-sutun--metin { grid-template-columns: 1.15fr .85fr; align-items: start; } }
.iki-sutun--metin > div:first-child .bolum__baslik { position: sticky; top: 7rem; }

.konu-listesi { list-style: none; margin: 0; padding: 0; display: grid; gap: 0 3rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); border-top: 1px solid var(--cizgi); }
.konu-listesi li { padding: 1.1rem 0 1.1rem 2rem; border-bottom: 1px solid var(--cizgi); font: 500 1.35rem/1.25 var(--baslik-yazi); position: relative; }
.konu-listesi li::before { content: ""; position: absolute; left: 0; top: 1.55rem; width: .8rem; height: .8rem; border-radius: 58% 42% 49% 51% / 47% 55% 45% 53%; background: var(--adacayi-orta); }

.isaret-listesi { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.isaret-listesi li { padding-left: 1.75rem; position: relative; color: var(--murekkep); }
.isaret-listesi li::before { content: ""; position: absolute; left: 0; top: .7em; width: .9rem; height: 1px; background: var(--adacayi-koyu); }

.etiket-listesi { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.etiket-listesi li { padding: .45rem 1rem; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--kart); font-size: .92rem; }

.zaman-cizelgesi { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--bej-orta); }
.zaman-cizelgesi li { position: relative; padding: 0 0 2rem 1.75rem; }
.zaman-cizelgesi li::before { content: ""; position: absolute; left: -5px; top: .45rem; width: 9px; height: 9px; border-radius: 50%; background: var(--zemin); border: 1px solid var(--adacayi-koyu); }
.zaman-cizelgesi p { margin: 0; }
.zaman-cizelgesi__kurum { font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep-2); }
.zaman-cizelgesi__ad { font: 500 1.6rem/1.2 var(--baslik-yazi); margin: .2rem 0 !important; }
.zaman-cizelgesi__not { font-size: .92rem; color: var(--adacayi-koyu); }

.sertifika-listesi { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.sertifika-listesi li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1rem; padding: .9rem 0; border-bottom: 1px solid var(--cizgi); }

/* ---------- Sertifikalar ---------- */
.sertifika-gruplari { display: grid; gap: 1.25rem; }
@media (min-width: 52rem) { .sertifika-gruplari { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 72rem) { .sertifika-gruplari { grid-template-columns: repeat(3, 1fr); } }
.sertifika-grubu { background: var(--kart); border-radius: var(--yaricap); padding: 1.75rem; }
.sertifika-grubu__baslik { font-size: 1.7rem; margin-bottom: 1rem; }
.sertifika-grubu ul { list-style: none; margin: 0; padding: 0; }
.sertifika-grubu li { display: flex; flex-direction: column; gap: .15rem; padding: .85rem 0; border-top: 1px solid var(--cizgi); }
.sertifika-grubu__ad { font-weight: 500; }
.sertifika-grubu__kaynak { font-size: .84rem; color: var(--murekkep-2); }

/* ---------- Süreç sayfası ---------- */
.surec-adimlari { list-style: none; margin: 0; padding: 0; }
.surec-adim { display: grid; grid-template-columns: 4.5rem 1fr; gap: 1.5rem; padding: 2rem 0; border-bottom: 1px solid var(--cizgi); }
.surec-adim--on { border-top: 1px solid var(--cizgi); }
.surec-adim__no { font: italic 400 3rem/1 var(--baslik-yazi); color: var(--adacayi-koyu); }
.surec-adim--on .surec-adim__no { color: var(--bej-koyu); }
.surec-adim__ad { font-size: clamp(1.8rem, 2.6vw, 2.2rem); margin-bottom: .6rem; }
.surec-adim p { color: var(--murekkep-2); margin-bottom: .6rem; }

.pratik-bilgiler { margin: 0 0 3rem; display: grid; gap: 1px; background: var(--cizgi); border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; }
@media (min-width: 52rem) { .pratik-bilgiler { grid-template-columns: repeat(4, 1fr); } }
.pratik-bilgiler div { background: var(--kart); padding: 1.5rem; }
.pratik-bilgiler dt { font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: .5rem; }
.pratik-bilgiler dd { margin: 0; font: 500 1.25rem/1.3 var(--baslik-yazi); }

/* ---------- Yazı sayfası ---------- */
.icerik-izgara { display: grid; gap: 3rem; padding-block: clamp(2.5rem, 5vw, 4rem) var(--bolum); }
@media (min-width: 64rem) { .icerik-izgara { grid-template-columns: minmax(0, 46rem) 16rem; justify-content: space-between; } }
.yan__blok { position: sticky; top: 7rem; }
.yan__baslik { font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--murekkep-2); }
.icindekiler { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--cizgi); font-size: .9rem; }
.icindekiler a { display: block; padding: .4rem 0 .4rem 1rem; margin-left: -1px; border-left: 1px solid transparent; color: var(--murekkep-2); text-decoration: none; }
.icindekiler a:hover, .icindekiler a[aria-current] { color: var(--adacayi-koyu); border-left-color: var(--adacayi-koyu); }
@media (max-width: 63.99rem) { .yan { display: none; } }

.metin { font-size: 1.08rem; }
.metin > :first-child { margin-top: 0; }
.metin h2 { font-size: clamp(1.9rem, 3vw, 2.4rem); margin: 2.75rem 0 1rem; }
.metin h3 { font-size: 1.5rem; margin: 2rem 0 .75rem; }
.metin p, .metin li { color: #3c443f; }
.metin ul, .metin ol { padding-left: 1.25rem; margin: 0 0 1.25em; }
.metin li { margin-bottom: .55em; padding-left: .25rem; }
.metin li::marker { color: var(--adacayi-orta); }
.metin strong { color: var(--murekkep); font-weight: 600; }
.metin--genis p { color: var(--murekkep-2); }

.randevu-kutusu { margin: 3.5rem 0 2rem; padding: 2rem; border-radius: var(--yaricap); background: var(--adacayi); position: relative; overflow: hidden; }
.randevu-kutusu::after { content: ""; position: absolute; right: -3rem; top: -3rem; width: 10rem; aspect-ratio: 1; border-radius: 58% 42% 49% 51% / 47% 55% 45% 53%; background: rgb(255 255 255 / 40%); }
.randevu-kutusu__baslik { font: 500 1.85rem/1.15 var(--baslik-yazi); margin-bottom: .5rem; position: relative; }
.randevu-kutusu p { color: var(--murekkep-2); max-width: 34rem; position: relative; }
.randevu-kutusu .dugme { position: relative; }
.uyari-notu { font-size: .84rem; color: var(--murekkep-2); border-top: 1px solid var(--cizgi); padding-top: 1.25rem; }

/* ---------- İletişim ve form ---------- */
.iletisim-izgara { display: grid; gap: 3rem clamp(3rem, 6vw, 5rem); padding-bottom: var(--bolum); }
@media (min-width: 60rem) { .iletisim-izgara { grid-template-columns: .85fr 1.15fr; align-items: start; } }
.iletisim-bilgileri { margin: 0 0 2rem; border-top: 1px solid var(--cizgi); }
.iletisim-bilgileri div { padding: 1.1rem 0; border-bottom: 1px solid var(--cizgi); }
.iletisim-bilgileri dt { font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: .3rem; }
.iletisim-bilgileri dd { margin: 0; font-size: 1.05rem; }
.ayrac { margin-inline: .5rem; color: var(--murekkep-2); }
.saat-satiri { display: flex; justify-content: space-between; gap: 1rem; }

.form-kutusu { background: var(--kart); border: 1px solid var(--cizgi); border-radius: calc(var(--yaricap) * 1.4); padding: clamp(1.5rem, 4vw, 2.75rem); box-shadow: var(--golge); scroll-margin-top: 6rem; }
.form-kutusu__baslik { font-size: clamp(2rem, 3.4vw, 2.6rem); margin-bottom: .5rem; }
.form-kutusu__giris { font-size: .9rem; color: var(--murekkep-2); margin-bottom: 2rem; }
.randevu-formu { display: grid; gap: 1.4rem; }
.alan-grubu { display: grid; gap: 1.4rem; }
@media (min-width: 40rem) { .alan-grubu--iki { grid-template-columns: 1fr 1fr; } }
.alan { display: grid; gap: .45rem; border: 0; margin: 0; padding: 0; min-width: 0; }
.alan__ad { font-size: .86rem; font-weight: 500; color: var(--murekkep); padding: 0; }
.alan__istege { font-weight: 400; color: var(--murekkep-2); }
.alan__ipucu { font-size: .8rem; color: var(--murekkep-2); }
.alan input[type="text"], .alan input[type="tel"], .alan input[type="email"], .alan textarea {
  width: 100%; font: inherit; font-size: 1rem; color: var(--murekkep); background: var(--zemin);
  border: 1px solid var(--bej-orta); border-radius: .75rem; padding: .85rem 1rem; transition: border-color .2s, box-shadow .2s;
}
.alan textarea { resize: vertical; min-height: 7rem; }
.alan input:focus, .alan textarea:focus { outline: none; border-color: var(--adacayi-koyu); box-shadow: 0 0 0 3px rgb(62 82 70 / 15%); }
.secenekler { display: flex; flex-wrap: wrap; gap: .5rem; }
.secenekler legend { margin-bottom: .55rem; width: 100%; }
.secenekler label { position: relative; display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1rem; border: 1px solid var(--bej-orta); border-radius: 999px; font-size: .92rem; cursor: pointer; background: var(--zemin); transition: background .2s, border-color .2s; }
.secenekler input { position: absolute; opacity: 0; inset: 0; cursor: pointer; margin: 0; }
.secenekler label:has(input:checked) { background: var(--adacayi); border-color: var(--adacayi-koyu); color: var(--adacayi-koyu); }
.secenekler label:has(input:focus-visible) { outline: 2px solid var(--mavi-koyu); outline-offset: 2px; }
.onay { display: flex; gap: .75rem; align-items: flex-start; font-size: .86rem; color: var(--murekkep-2); cursor: pointer; }
.onay input { margin-top: .25rem; width: 1.1rem; height: 1.1rem; accent-color: var(--adacayi-koyu); flex: 0 0 auto; }
.form-hata { margin: 0; padding: .8rem 1rem; border-radius: .75rem; background: #fde8e4; color: #8c2415; font-size: .9rem; }
.form-dugmeleri { display: flex; flex-wrap: wrap; gap: .75rem; }

/* ---------- Yasal metinler, tablolar ---------- */
.yasal-sarici { padding-block: clamp(2.5rem, 5vw, 3.75rem) var(--bolum); }
.yasal-metin h2 { font-size: clamp(1.6rem, 2.4vw, 2rem); }
.tablo-sarici { overflow-x: auto; margin: 0 0 1.5rem; border: 1px solid var(--cizgi); border-radius: 1rem; }
.tablo-sarici table { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 34rem; }
.tablo-sarici th, .tablo-sarici td { text-align: left; vertical-align: top; padding: .8rem 1rem; border-bottom: 1px solid var(--cizgi); }
.tablo-sarici th { background: var(--bej); font-weight: 600; }
.tablo-sarici tr:last-child td { border-bottom: 0; }

/* ---------- 404 ---------- */
.hata-sayfasi { padding-block: var(--bolum); }
.hata-sayfasi h1 { font-size: clamp(2.6rem, 6vw, 4.5rem); font-weight: 400; }
.dis-baglantilar { list-style: none; margin: 2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem 2rem; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}