/* ═══════════════════════════════════════════════════════════════
   Orden Medya — site stilleri
   Yazı: Bricolage Grotesque (başlık) · Geist (metin) · Geist Mono (etiket)
   Renk: kâğıt / mürekkep + tek vurgu (zencefre)
   ═══════════════════════════════════════════════════════════════ */

:root {
  --kagit: #f2efe8;
  --kagit-2: #e9e5dc;
  --kagit-3: #dfdace;
  --murekkep: #141412;
  --murekkep-2: #1d1d1a;
  --murekkep-3: #2a2a26;
  --soluk: #66625a;
  --soluk-koyu: #9c978c;
  --cizgi: rgba(20, 20, 18, 0.12);
  --cizgi-koyu: rgba(242, 239, 232, 0.12);
  --vurgu: #e2471f;
  --vurgu-koyu: #c43a16;

  --f-baslik: 'Bricolage Grotesque', 'Geist', system-ui, sans-serif;
  --f-metin: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --kenar: clamp(16px, 4vw, 48px);
  --genislik: 1320px;
  --ust-y: 76px;
  --yay: cubic-bezier(0.2, 0.8, 0.2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-y) + 12px); }
body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font-family: var(--f-metin);
  font-size: 17px;
  line-height: 1.6;
  font-feature-settings: 'ss01', 'cv11';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4, p, ol, ul, dl, dd, figure { margin: 0; }
ol, ul { padding: 0; list-style: none; }
::selection { background: var(--vurgu); color: #fff; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; border-radius: 4px; }

.kap { width: 100%; max-width: var(--genislik); margin: 0 auto; padding: 0 var(--kenar); }
.ikon { flex: none; }

.atla {
  position: absolute; left: 12px; top: -60px; z-index: 200;
  padding: 10px 16px; background: var(--murekkep); color: var(--kagit); border-radius: 8px;
}
.atla:focus { top: 12px; }

/* ── Düğmeler ─────────────────────────────────────────────────── */
.dugme {
  display: inline-flex; align-items: center; gap: 10px;
  height: 52px; padding: 0 26px;
  background: var(--murekkep); color: var(--kagit);
  border: 1px solid var(--murekkep); border-radius: 999px;
  font-size: 15px; font-weight: 500; letter-spacing: -0.005em; white-space: nowrap;
  cursor: pointer;
  transition: background 0.25s var(--yay), color 0.25s var(--yay), border-color 0.25s var(--yay);
}
.dugme .ikon { transition: transform 0.3s var(--yay); }
.dugme:hover { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.dugme:hover .ikon { transform: translateX(3px); }
.dugme-cizgi { background: transparent; color: var(--murekkep); border-color: var(--cizgi); }
.dugme-cizgi:hover { background: var(--murekkep); border-color: var(--murekkep); color: var(--kagit); }
.dugme-acik { background: var(--kagit); color: var(--murekkep); border-color: var(--kagit); }
.dugme-kucuk { height: 42px; padding: 0 18px; font-size: 14px; }
.koyu .dugme { background: var(--kagit); color: var(--murekkep); border-color: var(--kagit); }
.koyu .dugme:hover { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.koyu .dugme-cizgi { background: transparent; color: var(--kagit); border-color: var(--cizgi-koyu); }

.metin-link {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 32px;
  font-weight: 500; border-bottom: 1px solid currentColor; padding-bottom: 3px;
  transition: color 0.2s, gap 0.3s var(--yay);
}
.metin-link:hover { color: var(--vurgu); gap: 12px; }

.etiket {
  display: block; font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--soluk);
}
.koyu .etiket { color: var(--soluk-koyu); }

/* ── Üst menü ─────────────────────────────────────────────────── */
.ust {
  position: fixed; inset: 0 0 auto; z-index: 100;
  transition: background 0.3s, border-color 0.3s, transform 0.4s var(--yay);
  border-bottom: 1px solid transparent;
}
.ust.dolu { background: rgba(242, 239, 232, 0.88); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-color: var(--cizgi); }
.ust.gizli { transform: translateY(-100%); }
.ust-ic { height: var(--ust-y); display: flex; align-items: center; gap: 32px; }

.logo { display: inline-flex; align-items: center; gap: 10px; margin-right: auto; }
.logo-isaret {
  width: 26px; height: 26px; border-radius: 50%; background: var(--murekkep); position: relative; flex: none;
}
.logo-isaret::after {
  content: ''; position: absolute; inset: 7px; border-radius: 50%; background: var(--vurgu);
}
.logo-yazi { font-family: var(--f-baslik); font-weight: 600; font-size: 21px; letter-spacing: -0.03em; line-height: 1; }
.logo-yazi span { font-weight: 400; color: var(--soluk); margin-left: 4px; }

.menu { display: flex; gap: 28px; font-size: 15px; }
.menu a { position: relative; color: var(--murekkep); opacity: 0.78; transition: opacity 0.2s; }
.menu a::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: right; transition: transform 0.35s var(--yay);
}
.menu a:hover, .menu a.aktif { opacity: 1; }
.menu a:hover::after, .menu a.aktif::after { transform: scaleX(1); transform-origin: left; }

.ust-sag { display: flex; align-items: center; gap: 18px; }
.ust-bonus { font-size: 15px; opacity: 0.78; }
.ust-bonus:hover, .ust-bonus.aktif { opacity: 1; }
.menu-ac { display: none; width: 44px; height: 44px; border: 1px solid var(--cizgi); border-radius: 50%; background: none; cursor: pointer; align-items: center; justify-content: center; }

.mobil-menu { background: var(--kagit); border-top: 1px solid var(--cizgi); height: calc(100dvh - var(--ust-y)); overflow-y: auto; }
.mobil-menu nav { display: flex; flex-direction: column; padding-top: 18px; padding-bottom: 40px; }
.mobil-menu nav > a {
  font-family: var(--f-baslik); font-size: 34px; font-weight: 500; letter-spacing: -0.03em;
  padding: 12px 0; border-bottom: 1px solid var(--cizgi);
}
.mobil-alt { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.mobil-alt .dugme { justify-content: center; }

@media (max-width: 1080px) {
  .menu, .ust-bonus { display: none; }
  .menu-ac { display: inline-flex; }
}
@media (max-width: 420px) {
  .ust-sag .dugme-kucuk { display: none; }
}
body.menu-acik { overflow: hidden; }
body.menu-acik .ust { background: var(--kagit); border-color: var(--cizgi); }

/* ── Kahraman ─────────────────────────────────────────────────── */
.kahraman { padding: calc(var(--ust-y) + clamp(40px, 9vw, 120px)) 0 clamp(48px, 7vw, 96px); position: relative; }
.ust-etiket {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  font-family: var(--f-mono); font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--soluk);
}
.ust-etiket .ayrac { opacity: 0.4; }
.nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--vurgu); box-shadow: 0 0 0 0 rgba(226, 71, 31, 0.5); animation: nabiz 2.4s infinite; }
@keyframes nabiz {
  0% { box-shadow: 0 0 0 0 rgba(226, 71, 31, 0.45); }
  70% { box-shadow: 0 0 0 10px rgba(226, 71, 31, 0); }
  100% { box-shadow: 0 0 0 0 rgba(226, 71, 31, 0); }
}

.kahraman-baslik {
  margin-top: clamp(20px, 3vw, 36px);
  font-family: var(--f-baslik); font-weight: 500;
  font-size: clamp(3.1rem, 10.4vw, 9.6rem);
  line-height: 0.92; letter-spacing: -0.045em;
  font-variation-settings: 'opsz' 96;
}
.kahraman-baslik .satir { display: block; }
.kahraman-baslik em { font-style: normal; color: var(--vurgu); }

.kahraman-alt {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px);
  margin-top: clamp(40px, 6vw, 72px); padding-top: 32px; border-top: 1px solid var(--cizgi);
}
.kahraman-metin p { font-size: clamp(17px, 1.5vw, 20px); line-height: 1.55; max-width: 34em; color: #34322d; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

.kahraman-bilgi { display: grid; gap: 0; align-self: start; }
.kahraman-bilgi > div {
  display: grid; grid-template-columns: 112px 1fr; gap: 16px; align-items: baseline;
  padding: 14px 0; border-bottom: 1px solid var(--cizgi);
}
.kahraman-bilgi > div:first-child { padding-top: 0; }
.kahraman-bilgi dt { font-family: var(--f-baslik); font-size: 26px; font-weight: 500; letter-spacing: -0.03em; }
.kahraman-bilgi dd { color: var(--soluk); font-size: 15px; }

.kahraman-yayincilar {
  display: inline-flex; align-items: center; gap: 14px; margin-top: 40px;
  padding: 8px 18px 8px 8px; border: 1px solid var(--cizgi); border-radius: 999px; font-size: 15px;
  transition: border-color 0.2s, background 0.2s;
}
.kahraman-yayincilar:hover { border-color: var(--murekkep); background: var(--kagit-2); }
.kahraman-yayincilar b { font-weight: 600; }
.yigin { display: flex; }
.yigin-foto {
  width: 36px; height: 36px; border-radius: 50%; overflow: hidden; margin-left: -10px;
  border: 2px solid var(--kagit); background: var(--kagit-3);
  display: grid; place-items: center; font-family: var(--f-baslik); font-weight: 600; font-size: 14px;
}
.yigin-foto:first-child { margin-left: 0; }
.yigin-foto img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 860px) {
  .kahraman-alt { grid-template-columns: 1fr; }
}

.kahraman .kap { position: relative; }
.kahraman-rozet {
  position: absolute; right: var(--kenar); top: clamp(36px, 5vw, 64px);
  width: clamp(120px, 13vw, 184px); aspect-ratio: 1;
}
.kahraman-rozet svg { width: 100%; height: 100%; animation: don 28s linear infinite; overflow: visible; }
.kahraman-rozet text { font-family: var(--f-mono); font-size: 13.4px; letter-spacing: 0.06em; text-transform: uppercase; fill: var(--murekkep); }
.kahraman-rozet span {
  position: absolute; inset: 31%; border-radius: 50%; background: var(--murekkep);
}
.kahraman-rozet span::after { content: ''; position: absolute; inset: 30%; border-radius: 50%; background: var(--vurgu); }
@keyframes don { to { transform: rotate(360deg); } }
@media (max-width: 760px) { .kahraman-rozet { display: none; } }

/* ── Şerit ────────────────────────────────────────────────────── */
.serit { border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); overflow: hidden; padding: 18px 0; background: var(--kagit); }
.serit-ic { display: flex; width: max-content; animation: kay 46s linear infinite; will-change: transform; }
.serit-grup { display: flex; flex: none; align-items: center; gap: 28px; padding-right: 28px; }
.serit:hover .serit-ic { animation-play-state: paused; }
.serit span { font-family: var(--f-baslik); font-size: clamp(20px, 2.4vw, 28px); font-weight: 400; letter-spacing: -0.02em; white-space: nowrap; }
.serit i { font-style: normal; color: var(--vurgu); font-size: 18px; }
@keyframes kay { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }

/* ── Bölüm iskeleti ───────────────────────────────────────────── */
.bolum { padding: clamp(80px, 11vw, 160px) 0; position: relative; }
.bolum-ton { background: var(--kagit-2); }
.koyu { background: var(--murekkep); color: var(--kagit); }
.koyu ::selection { background: var(--vurgu); }

.bolum-bas {
  display: grid; grid-template-columns: 120px minmax(0, 1fr) minmax(0, 0.8fr); gap: 24px 40px; align-items: start;
  margin-bottom: clamp(48px, 7vw, 96px);
}
.bolum-bas--dar { grid-template-columns: 120px minmax(0, 1fr); }
.bolum-no { font-family: var(--f-mono); font-size: 13px; color: var(--soluk); padding-top: 0.9em; display: block; }
.koyu .bolum-no { color: var(--soluk-koyu); }
.bolum-baslik {
  font-family: var(--f-baslik); font-weight: 500;
  font-size: clamp(2.5rem, 6.2vw, 5.6rem); line-height: 0.95; letter-spacing: -0.045em;
}
.bolum-ozet { font-size: 18px; line-height: 1.55; color: var(--soluk); padding-top: 0.6em; max-width: 30em; }
.koyu .bolum-ozet { color: var(--soluk-koyu); }

@media (max-width: 960px) {
  .bolum-bas, .bolum-bas--dar { grid-template-columns: 1fr; gap: 16px; }
  .bolum-no { padding-top: 0; }
  .bolum-ozet { padding-top: 0; }
}

/* ── Hizmetler ────────────────────────────────────────────────── */
.hizmet-iki { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 3vw, 40px); }
.hizmet-sutun {
  border: 1px solid var(--cizgi); border-radius: 28px; padding: clamp(28px, 3.4vw, 48px);
  background: var(--kagit); display: flex; flex-direction: column;
}
.hizmet-sutun--yeni { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }
.hizmet-ust { padding-bottom: 28px; border-bottom: 1px solid var(--cizgi); }
.hizmet-sutun--yeni .hizmet-ust { border-color: var(--cizgi-koyu); }
.hizmet-etiket {
  display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid currentColor; font-family: var(--f-mono); font-size: 14px; margin-bottom: 40px;
}
.hizmet-ust h3 {
  font-family: var(--f-baslik); font-weight: 500; font-size: clamp(1.9rem, 3vw, 2.6rem);
  letter-spacing: -0.035em; line-height: 1.02; display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
}
.hizmet-ust p { margin-top: 16px; color: var(--soluk); max-width: 32em; }
.hizmet-sutun--yeni .hizmet-ust p { color: var(--soluk-koyu); }
.rozet {
  display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 999px;
  background: var(--vurgu); color: #fff; font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
}

.liste-akordeon { flex: 1; }
.liste-akordeon li { border-bottom: 1px solid var(--cizgi); }
.hizmet-sutun--yeni .liste-akordeon li { border-color: var(--cizgi-koyu); }
.liste-akordeon summary {
  list-style: none; cursor: pointer; display: grid; grid-template-columns: 40px 1fr 24px; align-items: center; gap: 12px;
  padding: 20px 0; font-size: 18px; font-weight: 500; letter-spacing: -0.01em;
}
.liste-akordeon summary::-webkit-details-marker { display: none; }
.liste-akordeon .sira { font-family: var(--f-mono); font-size: 12px; color: var(--soluk); font-weight: 400; }
.hizmet-sutun--yeni .sira { color: var(--soluk-koyu); }
.liste-akordeon details p { padding: 0 36px 22px 52px; color: var(--soluk); font-size: 16px; }
.hizmet-sutun--yeni details p { color: var(--soluk-koyu); }
.liste-akordeon summary:hover .ad { color: var(--vurgu); }
.hizmet-sutun--yeni .metin-link:hover { color: #ff7a52; }

.arti { position: relative; width: 14px; height: 14px; justify-self: end; }
.arti::before, .arti::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: currentColor; transition: transform 0.35s var(--yay); }
.arti::after { transform: rotate(90deg); }
details[open] > summary .arti::after { transform: rotate(0deg); }

@media (max-width: 960px) { .hizmet-iki { grid-template-columns: 1fr; } }
@media (max-width: 520px) {
  .liste-akordeon summary { grid-template-columns: 30px 1fr 18px; font-size: 16.5px; }
  .liste-akordeon details p { padding: 0 0 20px 42px; }
}

/* ── Yayıncılarımız ───────────────────────────────────────────── */
.yayinci-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: clamp(28px, 3vw, 44px) clamp(16px, 2.4vw, 32px); }
.yayinci { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.yayinci-foto {
  position: relative; width: 100%; aspect-ratio: 1; border-radius: 50%; overflow: hidden;
  background: var(--murekkep-3); display: grid; place-items: center;
  outline: 1px solid var(--cizgi-koyu); outline-offset: 6px;
  transition: outline-color 0.3s, outline-offset 0.4s var(--yay);
}
.yayinci-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--yay), filter 0.4s; filter: grayscale(0.15); }
.yayinci:hover .yayinci-foto { outline-color: var(--vurgu); outline-offset: 3px; }
.yayinci:hover .yayinci-foto img { transform: scale(1.06); filter: none; }
.bas-harf { font-family: var(--f-baslik); font-size: clamp(48px, 6vw, 72px); font-weight: 500; color: var(--soluk-koyu); }
.yayinci-tt {
  position: absolute; right: 8%; bottom: 8%; width: 36px; height: 36px; border-radius: 50%;
  background: var(--kagit); color: var(--murekkep); display: grid; place-items: center;
  transform: scale(0.6); opacity: 0; transition: transform 0.35s var(--yay), opacity 0.25s;
}
.yayinci:hover .yayinci-tt, .yayinci:focus-visible .yayinci-tt { transform: scale(1); opacity: 1; }
.yayinci-ad { margin-top: 22px; font-family: var(--f-baslik); font-size: 21px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; display: inline-flex; align-items: center; gap: 6px; }
.onayli { color: #20d5ec; display: inline-flex; }
.yayinci-kul { font-family: var(--f-mono); font-size: 13px; color: var(--soluk-koyu); margin-top: 4px; }
@media (max-width: 520px) {
  .yayinci-izgara { grid-template-columns: repeat(2, 1fr); }
  .yayinci-ad { font-size: 17px; margin-top: 16px; }
  .yayinci-kul { font-size: 12px; }
}

/* ── Menajerlik (ana sayfa) ──────────────────────────────────── */
.menajer-blok { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 120px); align-items: start; }
.menajer-blok .bolum-no { margin-bottom: 20px; padding-top: 0; }
.buyuk-metin { margin-top: 28px; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.55; color: #34322d; max-width: 30em; }
.menajer-blok .dugme { margin-top: 36px; }
.menajer-maddeler { border-top: 1px solid var(--murekkep); }
.menajer-maddeler li { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 26px 0; border-bottom: 1px solid var(--cizgi); }
.menajer-maddeler span { font-family: var(--f-mono); font-size: 13px; color: var(--vurgu); padding-top: 5px; }
.menajer-maddeler b { display: block; font-family: var(--f-baslik); font-size: 25px; font-weight: 500; letter-spacing: -0.025em; }
.menajer-maddeler p { margin-top: 4px; color: var(--soluk); }
@media (max-width: 900px) { .menajer-blok { grid-template-columns: 1fr; } }

/* ── Bonus ────────────────────────────────────────────────────── */
.bonus-izgara { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
.bonus-tablo-kap { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 24px; padding: clamp(18px, 2.4vw, 32px); min-width: 0; }
.tablo-kaydir { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bonus-tablo { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; min-width: 460px; }
.bonus-tablo th {
  text-align: right; font-family: var(--f-mono); font-size: 11.5px; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--soluk); padding: 0 12px 14px; border-bottom: 1px solid var(--murekkep); white-space: nowrap;
}
.bonus-tablo th:first-child, .bonus-tablo td:first-child { text-align: left; padding-left: 0; }
.bonus-tablo td { text-align: right; padding: 13px 12px; border-bottom: 1px solid var(--cizgi); font-size: 15px; white-space: nowrap; }
.bonus-tablo td:last-child, .bonus-tablo th:last-child { padding-right: 0; }
.bonus-tablo td small { display: block; color: var(--soluk); font-size: 12.5px; margin-top: 2px; }
.bonus-tablo td.sv { font-family: var(--f-mono); font-size: 13px; }
.bonus-tablo td.jt { font-weight: 600; }
.bonus-tablo tr.gizli-satir { display: none; }
.bonus-tablo.acik tr.gizli-satir { display: table-row; }
.tablo-ac {
  margin-top: 18px; background: none; border: 0; padding: 0; cursor: pointer;
  font-family: var(--f-mono); font-size: 12.5px; letter-spacing: 0.04em; text-transform: uppercase;
  border-bottom: 1px solid currentColor;
}
.tablo-ac:hover { color: var(--vurgu); }
.kucuk-not { margin-top: 16px; font-size: 13.5px; color: var(--soluk); line-height: 1.55; }

.bonus-kart { background: var(--murekkep); color: var(--kagit); border-radius: 24px; padding: clamp(24px, 3vw, 36px); }
.bonus-kart ul { margin-top: 18px; }
.bonus-kart li { padding: 16px 0; border-bottom: 1px solid var(--cizgi-koyu); color: var(--soluk-koyu); font-size: 15.5px; }
.bonus-kart li b { display: block; color: var(--kagit); font-family: var(--f-baslik); font-size: 22px; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 2px; }
.bonus-kart .kucuk-not { color: var(--soluk-koyu); }
.bonus-dugmeler { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.bonus-dugmeler .dugme { justify-content: space-between; }
@media (max-width: 1100px) { .bonus-izgara { grid-template-columns: 1fr; } .bonus-yan { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; } .bonus-dugmeler { margin-top: 0; } }
@media (max-width: 700px) { .bonus-yan { grid-template-columns: 1fr; } }

/* ── İş birlikleri ────────────────────────────────────────────── */
.isb-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: clamp(20px, 2.4vw, 32px); }
.isb { display: flex; flex-direction: column; height: 100%; }
.isb-medya {
  position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; padding: 0; border: 0; cursor: pointer;
  border-radius: 20px; overflow: hidden; background: var(--murekkep-3);
}
.isb-medya:disabled { cursor: default; }
.isb-medya img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s var(--yay); }
.isb-medya:hover img { transform: scale(1.04); }
.isb-bos { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--f-baslik); font-size: 32px; color: var(--soluk-koyu); padding: 20px; text-align: center; }
.isb-oynat {
  position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%;
  background: var(--kagit); color: var(--murekkep); display: grid; place-items: center; padding-left: 3px;
  transition: transform 0.35s var(--yay), background 0.2s, color 0.2s;
}
.isb-medya:hover .isb-oynat { transform: scale(1.1); background: var(--vurgu); color: #fff; }
.isb-metrik {
  position: absolute; left: 14px; bottom: 14px; padding: 6px 12px; border-radius: 999px;
  background: rgba(20, 20, 18, 0.72); color: var(--kagit); font-family: var(--f-mono); font-size: 12px;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.isb-govde { padding-top: 18px; }
.isb-ust { display: flex; justify-content: space-between; gap: 12px; font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.isb-marka { color: var(--vurgu); }
.koyu .isb-marka { color: #ff7a52; }
.isb-tarih { color: var(--soluk); }
.koyu .isb-tarih { color: var(--soluk-koyu); }
.isb h3 { margin-top: 10px; font-family: var(--f-baslik); font-size: 23px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.15; }
.isb p { margin-top: 8px; color: var(--soluk); font-size: 15.5px; }
.koyu .isb p { color: var(--soluk-koyu); }
.isb-uretici { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 14.5px; font-weight: 500; }
.isb-uretici span { color: var(--soluk); font-weight: 400; font-family: var(--f-mono); font-size: 12.5px; }
.koyu .isb-uretici span { color: var(--soluk-koyu); }
a.isb-uretici:hover { color: var(--vurgu); }

/* Video penceresi */
.oynatici {
  position: fixed; inset: 0; z-index: 300; display: none; align-items: center; justify-content: center;
  background: rgba(14, 14, 12, 0.88); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 20px;
}
.oynatici.acik { display: flex; animation: belir 0.25s var(--yay); }
@keyframes belir { from { opacity: 0; } }
.oynatici-kutu { position: relative; width: min(420px, 100%); aspect-ratio: 9 / 16; max-height: calc(100dvh - 100px); border-radius: 18px; overflow: hidden; background: #000; }
.oynatici-kutu.yatay { width: min(960px, 100%); aspect-ratio: 16 / 9; }
.oynatici-kutu iframe, .oynatici-kutu video { width: 100%; height: 100%; border: 0; display: block; }
.oynatici-kapat {
  position: absolute; top: 18px; right: 18px; width: 48px; height: 48px; border-radius: 50%; border: 0; cursor: pointer;
  background: var(--kagit); color: var(--murekkep); display: grid; place-items: center;
}

/* ── Süreç ────────────────────────────────────────────────────── */
.surec { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--murekkep); }
.surec li { padding: 28px 28px 0 0; border-right: 1px solid var(--cizgi); }
.surec li + li { padding-left: 28px; }
.surec li:last-child { border-right: 0; }
.surec-no { font-family: var(--f-baslik); font-size: clamp(52px, 6vw, 84px); line-height: 1; letter-spacing: -0.05em; color: var(--kagit-3); font-weight: 500; display: block; -webkit-text-stroke: 1px var(--murekkep); color: transparent; }
.surec h3 { margin-top: 32px; font-family: var(--f-baslik); font-size: 24px; font-weight: 500; letter-spacing: -0.025em; }
.surec p { margin-top: 10px; color: var(--soluk); font-size: 16px; }
@media (max-width: 960px) {
  .surec { grid-template-columns: 1fr 1fr; }
  .surec li { padding: 28px 20px 36px 0; }
  .surec li + li { padding-left: 0; }
  .surec li:nth-child(even) { padding-left: 20px; border-right: 0; }
  .surec li:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
}
@media (max-width: 560px) {
  .surec { grid-template-columns: 1fr; }
  .surec li, .surec li:nth-child(even) { padding: 24px 0 28px; border-right: 0; border-top: 1px solid var(--cizgi); }
  .surec li:first-child { border-top: 0; }
}

/* ── Hakkımızda ───────────────────────────────────────────────── */
.hakkimizda { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px 40px; }
.hakkimizda .bolum-no { padding-top: 1.1em; }
.alinti { font-family: var(--f-baslik); font-weight: 400; font-size: clamp(2rem, 4.4vw, 3.9rem); line-height: 1.04; letter-spacing: -0.04em; max-width: 18em; }
.hakkimizda-metin { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: clamp(40px, 5vw, 64px); padding-top: 32px; border-top: 1px solid var(--cizgi); color: #3b3933; }
@media (max-width: 860px) {
  .hakkimizda { grid-template-columns: 1fr; }
  .hakkimizda .bolum-no { padding-top: 0; }
  .hakkimizda-metin { grid-template-columns: 1fr; gap: 16px; }
}

/* ── SSS ──────────────────────────────────────────────────────── */
.sss-liste { margin-left: calc(120px + 40px); border-top: 1px solid var(--murekkep); }
.sss-liste details { border-bottom: 1px solid var(--cizgi); }
.sss-liste summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px;
  padding: 26px 0; font-family: var(--f-baslik); font-size: clamp(20px, 2vw, 26px); font-weight: 500; letter-spacing: -0.025em;
}
.sss-liste summary::-webkit-details-marker { display: none; }
.sss-liste summary:hover { color: var(--vurgu); }
.sss-liste details p { padding: 0 48px 28px 0; color: var(--soluk); max-width: 46em; }
@media (max-width: 960px) { .sss-liste { margin-left: 0; } }

/* ── İletişim ─────────────────────────────────────────────────── */
.iletisim { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: end; }
.iletisim .bolum-no { margin-bottom: 20px; padding-top: 0; }
.iletisim-baslik { font-family: var(--f-baslik); font-size: clamp(3rem, 7.4vw, 6.6rem); font-weight: 500; letter-spacing: -0.05em; line-height: 0.92; }
.kanallar { border-top: 1px solid var(--cizgi-koyu); }
.kanallar a {
  display: grid; grid-template-columns: 48px 1fr 24px; gap: 16px; align-items: center;
  padding: 18px 0; border-bottom: 1px solid var(--cizgi-koyu); transition: padding 0.35s var(--yay), color 0.2s;
}
.kanallar a:hover { padding-left: 10px; color: #ff7a52; }
.kanal-ikon { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--cizgi-koyu); display: grid; place-items: center; }
.kanallar small { display: block; font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--soluk-koyu); }
.kanallar b { font-weight: 500; font-size: 18px; word-break: break-word; }
@media (max-width: 860px) { .iletisim { grid-template-columns: 1fr; } }

/* ── Alt bilgi ────────────────────────────────────────────────── */
.alt { padding: clamp(72px, 9vw, 120px) 0 28px; border-top: 1px solid var(--cizgi-koyu); }
.alt-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; padding-bottom: 56px; border-bottom: 1px solid var(--cizgi-koyu); }
.alt-slogan { font-family: var(--f-baslik); font-size: clamp(2.2rem, 4.6vw, 4rem); font-weight: 500; letter-spacing: -0.045em; line-height: 0.98; }
.alt-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 48px 0 64px; }
.alt-izgara .etiket { margin-bottom: 16px; }
.alt-izgara a, .alt-izgara p { display: block; padding: 4px 0; color: var(--kagit); opacity: 0.82; font-size: 15.5px; }
.alt-izgara p { opacity: 0.6; padding-bottom: 12px; }
.alt-izgara a:hover { opacity: 1; color: #ff7a52; }
.alt-dev {
  display: block; font-family: var(--f-baslik); font-weight: 600; line-height: 0.8; letter-spacing: -0.06em;
  font-size: clamp(3.4rem, 15.6vw, 15rem); color: var(--murekkep-3); white-space: nowrap; user-select: none;
  margin-left: -0.04em;
}
.alt-satir { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 24px; font-size: 13.5px; color: var(--soluk-koyu); font-family: var(--f-mono); }
@media (max-width: 860px) { .alt-izgara { grid-template-columns: 1fr 1fr; } }

/* ── İç sayfa başlığı ─────────────────────────────────────────── */
.sayfa-bas { padding: calc(var(--ust-y) + clamp(48px, 8vw, 110px)) 0 clamp(56px, 7vw, 96px); border-bottom: 1px solid var(--cizgi); }
.sayfa-bas .ust-etiket { margin-bottom: 24px; }
.sayfa-baslik { font-family: var(--f-baslik); font-weight: 500; font-size: clamp(3rem, 9vw, 8.4rem); line-height: 0.92; letter-spacing: -0.045em; }
.sayfa-baslik em { font-style: normal; color: var(--vurgu); }
.sayfa-ozet { margin-top: 36px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: end; }
.sayfa-ozet p { font-size: clamp(17px, 1.5vw, 20px); color: #34322d; max-width: 34em; }
.sayfa-ozet .dugmeler { margin-top: 0; justify-content: flex-end; }
@media (max-width: 860px) { .sayfa-ozet { grid-template-columns: 1fr; } .sayfa-ozet .dugmeler { justify-content: flex-start; } }

/* Menajerlik sayfası */
.m-hizmetler { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--murekkep); }
.m-hizmetler li { padding: 32px 32px 40px 0; border-bottom: 1px solid var(--cizgi); }
.m-hizmetler li:not(:nth-child(3n)) { border-right: 1px solid var(--cizgi); }
.m-hizmetler li:not(:nth-child(3n+1)) { padding-left: 32px; }
.m-hizmetler .sira { font-family: var(--f-mono); font-size: 12.5px; color: var(--vurgu); }
.m-hizmetler h3 { margin-top: 48px; font-family: var(--f-baslik); font-size: 26px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; }
.m-hizmetler p { margin-top: 12px; color: var(--soluk); font-size: 16px; }
@media (max-width: 960px) {
  .m-hizmetler { grid-template-columns: 1fr 1fr; }
  .m-hizmetler li, .m-hizmetler li:not(:nth-child(3n+1)) { padding: 28px 20px 32px 0; border-right: 0; }
  .m-hizmetler li:nth-child(even) { padding-left: 20px; border-left: 1px solid var(--cizgi); }
}
@media (max-width: 600px) {
  .m-hizmetler { grid-template-columns: 1fr; }
  .m-hizmetler li, .m-hizmetler li:nth-child(even) { padding: 24px 0 28px; border-left: 0; }
  .m-hizmetler h3 { margin-top: 20px; }
}

.m-kimler { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); }
.m-kimler ul li { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--cizgi-koyu); font-size: 18px; }
.m-kimler ul li::before { content: ''; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--vurgu); margin-top: 0.55em; }
.m-kimler .buyuk-metin { color: var(--soluk-koyu); }
@media (max-width: 860px) { .m-kimler { grid-template-columns: 1fr; } }

.m-cta { text-align: left; }
.m-cta .sayfa-baslik { font-size: clamp(2.6rem, 7vw, 6.4rem); }
.m-cta .dugmeler { margin-top: 40px; }

/* Başvuru sayfası */
.basvuru { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.basvuru-adimlar { margin-top: 40px; border-top: 1px solid var(--cizgi); }
.basvuru-adimlar li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--cizgi); color: #3b3933; }
.basvuru-adimlar li span { font-family: var(--f-mono); font-size: 12.5px; color: var(--vurgu); padding-top: 4px; }
.qr-kart { background: var(--murekkep); color: var(--kagit); border-radius: 28px; padding: clamp(22px, 3vw, 36px); }
.qr-kutu { background: #fff; border-radius: 18px; padding: 20px; aspect-ratio: 1; display: grid; place-items: center; }
.qr-kutu img { width: 100%; height: 100%; object-fit: contain; }
.qr-yok { color: #8a867d; text-align: center; font-size: 14px; }
.qr-kart p { margin-top: 18px; color: var(--soluk-koyu); font-size: 15px; }
.qr-poster { margin: 0; justify-self: end; width: 100%; max-width: 400px; }
.qr-poster img { width: 100%; height: auto; border-radius: 28px; box-shadow: 0 30px 60px -30px rgba(20, 20, 18, 0.45); }
.qr-poster figcaption { margin-top: 18px; text-align: center; }
.qr-poster .metin-link { margin-top: 0; font-size: 15px; }
@media (max-width: 860px) { .basvuru { grid-template-columns: 1fr; } .qr-poster { justify-self: center; max-width: 340px; } }

/* ── Görünürken belirme ───────────────────────────────────────── */
.js .gor { opacity: 0; transform: translateY(18px); transition: opacity 0.9s var(--yay), transform 0.9s var(--yay); transition-delay: var(--gecikme, 0s); }
.js .gor.gorundu { opacity: 1; transform: none; }

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

/* ═══════════════════════════════════════════════════════════════
   EĞİTİM ALANI
   ═══════════════════════════════════════════════════════════════ */
.gizli-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.eg-yukleniyor { min-height: 70vh; display: grid; place-items: center; color: var(--soluk); font-family: var(--f-mono); font-size: 13px; padding-top: var(--ust-y); }
.eg-yukleniyor[hidden], .eg-giris[hidden], .eg-uygulama[hidden], .eg-gorunum[hidden] { display: none; }

/* Giriş */
.eg-giris { border-bottom: 0; min-height: 88vh; }
.eg-giris-izgara { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.eg-kart { background: var(--murekkep); color: var(--kagit); border-radius: 28px; padding: clamp(26px, 3.4vw, 44px); }
.eg-kart h2 { margin-top: 14px; font-family: var(--f-baslik); font-size: clamp(1.7rem, 2.6vw, 2.2rem); font-weight: 500; letter-spacing: -0.035em; line-height: 1.05; }
.eg-kart > p { margin-top: 10px; color: var(--soluk-koyu); font-size: 15.5px; }
.eg-kart input {
  width: 100%; margin-top: 24px; height: 58px; padding: 0 18px; border-radius: 14px;
  background: var(--murekkep-2); border: 1px solid var(--cizgi-koyu); color: var(--kagit);
  font-family: var(--f-mono); font-size: 16px; letter-spacing: 0.02em; outline: none; transition: border-color 0.2s;
}
.eg-kart input:focus { border-color: var(--vurgu); }
.eg-kart input::placeholder { color: #6f6b62; }
.eg-kart .dugme { width: 100%; justify-content: center; margin-top: 12px; background: var(--kagit); color: var(--murekkep); border-color: var(--kagit); }
.eg-kart .dugme:hover { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.eg-kart .dugme:disabled { opacity: 0.6; }
.eg-kart .kucuk-not { color: #7d786e; }
.eg-hata { margin-top: 12px; min-height: 20px; color: #ff8a6b; font-size: 14px; }
@media (max-width: 860px) { .eg-giris-izgara { grid-template-columns: 1fr; } }

/* Üst şerit */
.eg-uygulama { padding-top: var(--ust-y); min-height: 80vh; padding-bottom: clamp(72px, 9vw, 128px); }
.eg-serit { border-bottom: 1px solid var(--cizgi); background: var(--kagit-2); }
.eg-serit-ic { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding-top: 16px; padding-bottom: 16px; }
.eg-serit-ic b { display: block; margin-top: 2px; font-family: var(--f-baslik); font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }
.eg-serit-sag { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.eg-ilerleme { display: flex; align-items: center; gap: 12px; font-family: var(--f-mono); font-size: 12.5px; color: var(--soluk); }
.eg-ilerleme[hidden] { display: none; }
.eg-ilerleme i { width: 120px; height: 6px; border-radius: 999px; background: var(--kagit-3); overflow: hidden; }
.eg-ilerleme b { display: block; height: 100%; background: var(--vurgu); transition: width 0.6s var(--yay); }
.eg-cikis { background: none; border: 1px solid var(--cizgi); border-radius: 999px; height: 38px; padding: 0 16px; cursor: pointer; font-size: 14px; }
.eg-cikis:hover { border-color: var(--murekkep); }

/* Başlık listesi */
.eg-bas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); gap: 16px 40px; align-items: end; padding: clamp(48px, 7vw, 88px) 0 clamp(32px, 4vw, 48px); }
.eg-bas .bolum-ozet { padding-top: 0; }
@media (max-width: 860px) { .eg-bas { grid-template-columns: 1fr; } }
.eg-basliklar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.eg-baslik-kart {
  position: relative; display: flex; flex-direction: column; height: 100%; min-height: 250px;
  padding: 28px; border: 1px solid var(--cizgi); border-radius: 24px; background: var(--kagit);
  transition: border-color 0.25s, transform 0.4s var(--yay), background 0.25s;
}
.eg-baslik-kart:hover { border-color: var(--murekkep); transform: translateY(-3px); }
.eg-no { font-family: var(--f-mono); font-size: 13px; color: var(--vurgu); }
.eg-ad { margin-top: 36px; font-family: var(--f-baslik); font-size: 27px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.08; padding-right: 32px; }
.eg-aciklama { margin-top: 10px; color: var(--soluk); font-size: 15.5px; line-height: 1.55; }
.eg-alt { margin-top: auto; padding-top: 24px; display: flex; flex-direction: column; gap: 10px; font-family: var(--f-mono); font-size: 12.5px; color: var(--soluk); }
.eg-alt i { display: block; height: 4px; border-radius: 999px; background: var(--kagit-3); overflow: hidden; }
.eg-alt b { display: block; height: 100%; background: var(--vurgu); }
.eg-ok { position: absolute; top: 24px; right: 26px; font-size: 20px; transition: transform 0.35s var(--yay); }
.eg-baslik-kart:hover .eg-ok { transform: translateX(4px); color: var(--vurgu); }
.eg-baslik-kart--ihlal { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }
.eg-baslik-kart--ihlal .eg-no { width: 28px; height: 28px; border-radius: 50%; background: var(--vurgu); color: #fff; display: grid; place-items: center; font-weight: 500; }
.eg-baslik-kart--ihlal .eg-aciklama, .eg-baslik-kart--ihlal .eg-alt { color: var(--soluk-koyu); }
.eg-bos { padding: 48px 24px; text-align: center; color: var(--soluk); border: 1.5px dashed var(--cizgi); border-radius: 20px; list-style: none; }
.eg-bos[hidden] { display: none; }

/* Detay */
.eg-geri { display: inline-block; margin-top: 32px; font-size: 15px; color: var(--soluk); border-bottom: 1px solid transparent; }
.eg-geri:hover { color: var(--murekkep); border-color: currentColor; }
.eg-detay-bas { padding: clamp(24px, 4vw, 44px) 0 clamp(28px, 4vw, 44px); }
.eg-detay-bas .bolum-no { padding-top: 0; }
.eg-detay-baslik { margin-top: 12px; font-family: var(--f-baslik); font-weight: 500; font-size: clamp(2.3rem, 5.4vw, 4.6rem); letter-spacing: -0.045em; line-height: 0.98; max-width: 16em; }
.eg-detay-bas .bolum-ozet { margin-top: 14px; padding-top: 0; }
.eg-detay-bas .bolum-ozet[hidden] { display: none; }
.eg-oynatma { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(20px, 3vw, 40px); align-items: start; }
.eg-video { position: relative; aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: var(--murekkep); }
.eg-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.eg-kapak { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; background: var(--murekkep); }
.eg-kapak img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: opacity 0.3s, transform 0.6s var(--yay); }
.eg-kapak:hover img { opacity: 1; transform: scale(1.02); }
.eg-oynat {
  position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%;
  background: var(--kagit); color: var(--murekkep); display: grid; place-items: center; padding-left: 4px;
  transition: transform 0.35s var(--yay), background 0.2s, color 0.2s;
}
.eg-kapak:hover .eg-oynat { transform: scale(1.08); background: var(--vurgu); color: #fff; }
.eg-video-bilgi { padding-top: 22px; }
.eg-video-bilgi h2 { margin-top: 6px; font-family: var(--f-baslik); font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; }
.eg-video-bilgi p { margin-top: 10px; color: var(--soluk); max-width: 46em; white-space: pre-line; }
.eg-video-alt { display: flex; gap: 10px; margin-top: 24px; flex-wrap: wrap; }
.eg-video-alt[hidden] { display: none; }
.eg-video-alt .dugme:disabled { opacity: 0.35; pointer-events: none; }

.eg-dersler { border-top: 1px solid var(--murekkep); max-height: calc(100vh - var(--ust-y) - 40px); overflow-y: auto; position: sticky; top: calc(var(--ust-y) + 20px); }
.eg-dersler button {
  width: 100%; display: grid; grid-template-columns: 30px 96px minmax(0, 1fr); gap: 12px; align-items: center; text-align: left;
  padding: 12px 8px 12px 0; background: none; border: 0; border-bottom: 1px solid var(--cizgi); cursor: pointer; transition: background 0.2s;
}
.eg-dersler button:hover { background: var(--kagit-2); }
.eg-dersler button.aktif { background: var(--kagit-2); box-shadow: inset 2px 0 0 var(--vurgu); }
.eg-ders-no { font-family: var(--f-mono); font-size: 12px; color: var(--soluk); text-align: center; }
.eg-dersler button.izlendi .eg-ders-no { color: #2f8f55; font-size: 15px; }
.eg-ders-kapak { aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: var(--kagit-3); }
.eg-ders-kapak img { width: 100%; height: 100%; object-fit: cover; }
.eg-ders-ad { font-size: 15px; font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; }
.eg-dersler button.aktif .eg-ders-ad { color: var(--vurgu); }
@media (max-width: 960px) {
  .eg-oynatma { grid-template-columns: 1fr; }
  .eg-dersler { position: static; max-height: none; }
  .eg-video { border-radius: 16px; }
}

/* İhlal kelimeleri */
.eg-ihlal-arac { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; padding-bottom: 28px; border-bottom: 1px solid var(--murekkep); }
.eg-ara { flex: 1; min-width: 220px; }
.eg-ara input {
  width: 100%; height: 50px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--kagit);
  font-family: var(--f-metin); font-size: 16px; color: var(--murekkep); outline: none;
}
.eg-ara input:focus { border-color: var(--murekkep); }
.eg-sayac { font-family: var(--f-mono); font-size: 13px; color: var(--soluk); }
.eg-grup { padding: 36px 0 8px; }
.eg-grup h2 { font-family: var(--f-baslik); font-size: 24px; font-weight: 500; letter-spacing: -0.025em; display: flex; align-items: baseline; gap: 10px; }
.eg-grup h2 span { font-family: var(--f-mono); font-size: 12.5px; color: var(--soluk); font-weight: 400; }
.eg-kelimeler { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.eg-kelimeler li {
  padding: 9px 16px; border-radius: 999px; background: var(--kagit); border: 1px solid var(--cizgi);
  font-size: 15.5px; font-weight: 500; letter-spacing: -0.01em;
}
.eg-tablo-kap { margin-top: 18px; overflow-x: auto; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--kagit); }
.eg-tablo { width: 100%; border-collapse: collapse; font-size: 15px; }
.eg-tablo th { text-align: left; font-family: var(--f-mono); font-size: 11.5px; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; color: var(--soluk); padding: 14px 18px; border-bottom: 1px solid var(--murekkep); white-space: nowrap; }
.eg-tablo td { padding: 13px 18px; border-bottom: 1px solid var(--cizgi); vertical-align: top; color: #3b3933; }
.eg-tablo tr:last-child td { border-bottom: 0; }
.eg-tablo td.eg-kelime { font-weight: 600; color: var(--murekkep); white-space: nowrap; }

/* ═══════════════════════════════════════════════════════════════
   BAŞARILI İÇERİK ÜRETİCİLERİMİZ
   ═══════════════════════════════════════════════════════════════ */
.bsr-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px); }
.bsr {
  display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(18px, 2vw, 28px);
  padding: clamp(16px, 1.6vw, 22px); border-radius: 28px; background: var(--kagit); border: 1px solid var(--cizgi);
  transition: border-color 0.3s;
}
.bsr:hover { border-color: var(--murekkep); }
.bsr-foto {
  position: relative; display: grid; place-items: center; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden;
  background: var(--kagit-3);
}
.bsr-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s var(--yay); }
.bsr:hover .bsr-foto img { transform: scale(1.04); }
.bsr-foto .bas-harf { color: var(--soluk); }
.bsr-sira {
  position: absolute; left: 12px; top: 12px; height: 30px; padding: 0 11px; border-radius: 999px;
  display: inline-flex; align-items: center; background: rgba(20, 20, 18, 0.72); color: var(--kagit);
  font-family: var(--f-mono); font-size: 12px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.bsr-govde { display: flex; flex-direction: column; align-items: flex-start; padding: 8px 8px 8px 0; min-width: 0; }
.bsr-rozet {
  display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px;
  background: var(--vurgu); color: #fff; font-family: var(--f-mono); font-size: 11.5px; letter-spacing: 0.04em; text-transform: uppercase;
}
.bsr h3 { margin-top: 16px; font-family: var(--f-baslik); font-size: clamp(1.45rem, 1.9vw, 2rem); font-weight: 500; letter-spacing: -0.035em; line-height: 1.05; overflow-wrap: break-word; max-width: 100%; }
.bsr-kul { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-family: var(--f-mono); font-size: 13px; color: var(--soluk); }
.bsr-kul:hover { color: var(--vurgu); }
.bsr-metrikler { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: 100%; margin-top: auto; padding-top: 24px; }
.bsr-metrikler > div { border-top: 1px solid var(--murekkep); padding-top: 12px; min-width: 0; }
.bsr-metrikler > div:only-child { grid-column: 1 / -1; }
.bsr-metrikler dt { font-family: var(--f-baslik); font-size: clamp(1.6rem, 2.6vw, 2.4rem); font-weight: 500; letter-spacing: -0.04em; line-height: 1; overflow-wrap: break-word; }
.bsr-metrikler dd { margin-top: 6px; font-size: 13.5px; color: var(--soluk); line-height: 1.4; }
.bsr-aciklama { margin-top: 18px; font-size: 15px; line-height: 1.55; color: #3b3933; }
@media (max-width: 1100px) { .bsr-liste { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .bsr { grid-template-columns: 1fr; }
  .bsr-foto { aspect-ratio: 1; }
  .bsr-govde { padding: 4px; }
}