/* yapaytu.com — haber dergisi düzeni: mürekkep çizgiler, serif okuma, kor vurgu */
:root {
  --kagit: #ffffff;
  --kagit2: #f6f5f2;
  --murekkep: #111113;
  --murekkep2: #3a3b40;
  --gri: #6b6e75;
  --ince: #e4e3df;
  --kor: #ff4d2e;
  --kor-koyu: #d93a1d;
  --baslik: "Unbounded", system-ui, sans-serif;
  --manset: "Newsreader", Georgia, "Times New Roman", serif;
  --govde: "Newsreader", Georgia, "Times New Roman", serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --genis: 1280px;
  --orta: 920px;
  --dar: 720px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 130px; }
body {
  margin: 0; background: var(--kagit); color: var(--murekkep);
  font: 400 20px/1.6 var(--govde); font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden;
}
body.kilit { overflow: hidden; }
img, video { max-width: 100%; display: block; }
img { height: auto; }
a { color: inherit; }
[hidden] { display: none !important; }
::selection { background: var(--kor); color: #fff; }
:focus-visible { outline: 3px solid var(--kor); outline-offset: 3px; }
button { font: inherit; color: inherit; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.atla { position: absolute; left: -999px; top: 8px; background: var(--murekkep); color: #fff; padding: 8px 14px; z-index: 100; }
.atla:focus { left: 8px; }
.kap { width: min(var(--genis), 100% - 48px); margin-inline: auto; }
.kap-orta { width: min(var(--orta), 100% - 48px); margin-inline: auto; }
.kap-dar { width: min(var(--dar), 100% - 48px); margin-inline: auto; }

.ust-etiket, .ust-bilgi, .iz, .serit, .sag-bas, .kisa-cevap b, .ara-oku span {
  font: 600 12px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase;
}
.ust-etiket { display: inline-flex; align-items: center; gap: 8px; color: var(--kor); margin-bottom: 14px; }

/* ---------- üst ---------- */
.serit { border-bottom: 1px solid var(--ince); color: var(--gri); }
.serit-ic { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; }
.serit a { text-decoration: none; }
.serit a:hover { color: var(--kor); }
.ust { position: sticky; top: 0; z-index: 40; background: var(--kagit); border-bottom: 3px solid var(--murekkep); }
.ust-ic { display: flex; align-items: center; gap: 20px; min-height: 72px; }
.marka { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; margin-right: auto; }
.marka img { border-radius: 10px; }
.marka-yazi { font: 900 26px/1 var(--baslik); letter-spacing: -.04em; }
.marka-yazi em, .alt-dev em { font-style: normal; color: var(--kor); }
.menu { display: flex; align-items: center; gap: 2px; font: 500 15px/1 var(--baslik); }
.menu a { text-decoration: none; padding: 10px 14px; }
.menu a:hover { color: var(--kor); }
.menu a[aria-current] { box-shadow: inset 0 -3px 0 var(--kor); }
.menu-ac, .ara-ac { display: grid; place-items: center; width: 44px; height: 44px; background: none; border: 2px solid var(--murekkep); cursor: pointer; flex: none; }
.ara-ac:hover, .menu-ac:hover { background: var(--murekkep); color: #fff; }
.menu-ac { display: none; }
.kat-serit { border-top: 1px solid var(--murekkep); }
.kat-serit .kap { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.kat-serit .kap::-webkit-scrollbar { display: none; }
.kat-serit a { flex: none; text-decoration: none; padding: 12px 14px 11px; font: 600 13px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.kat-serit a:first-child { padding-left: 0; }
.kat-serit a:hover { color: var(--kor); }

.cekmece { position: fixed; inset: 0; z-index: 60; background: var(--kagit); padding: 96px 24px 40px; overflow-y: auto; }
.cekmece nav { display: flex; flex-direction: column; }
.cekmece a { text-decoration: none; padding: 14px 0; border-bottom: 1px solid var(--ince); font: 700 22px/1.2 var(--baslik); letter-spacing: -.02em; }
.cekmece hr { border: 0; border-top: 3px solid var(--murekkep); margin: 18px 0 4px; width: 100%; }
.menu-ac[aria-expanded="true"] { position: relative; z-index: 61; background: var(--murekkep); color: #fff; }
.arama { position: fixed; inset: 0; z-index: 70; background: rgba(17, 17, 19, .55); padding-top: 12vh; }
.arama .kap-dar { background: var(--kagit); border: 3px solid var(--murekkep); padding: 20px; max-height: 76vh; overflow-y: auto; }
.arama input { width: 100%; border: 0; border-bottom: 3px solid var(--murekkep); padding: 12px 4px; font: 700 22px/1.2 var(--baslik); outline: none; background: transparent; }
.arama-sonuc a { display: flex; flex-direction: column; gap: 4px; padding: 14px 4px; border-bottom: 1px solid var(--ince); text-decoration: none; }
.arama-sonuc span { font: 600 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--kor); }
.arama-sonuc b { font: 700 19px/1.3 var(--manset); }
.arama-sonuc a:hover b { color: var(--kor); }
.arama-sonuc p { color: var(--gri); }

/* ---------- butonlar ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font: 700 15px/1 var(--baslik); text-decoration: none; cursor: pointer;
  padding: 15px 22px; border: 2px solid var(--murekkep); background: var(--kagit); color: var(--murekkep);
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--murekkep); }
.btn-kor { background: var(--kor); color: #fff; }
.btn-ink { background: var(--murekkep); color: #fff; }

/* ---------- kart ortak ---------- */
.k-gorsel { display: block; overflow: hidden; background: var(--kagit2); border: 1px solid var(--murekkep); }
.k-gorsel img { width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform .45s ease; }
article:hover .k-gorsel img, .k-ig:hover img { transform: scale(1.04); }
.ust-bilgi { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--gri); margin: 14px 0 8px; }
.ust-bilgi .kategori { color: var(--kor); text-decoration: none; }
.ust-bilgi .kategori:hover { text-decoration: underline; }
article h2 a, article h3 a { text-decoration: none; }
article h2 a:hover, article h3 a:hover { text-decoration: underline; text-decoration-color: var(--kor); text-decoration-thickness: 3px; text-underline-offset: 4px; }
.k-buyuk h2 { font: 700 clamp(32px, 3.8vw, 54px)/1.06 var(--manset); letter-spacing: -.02em; margin: 0 0 14px; text-wrap: balance; }
.k-buyuk p { margin: 0; font-size: 21px; color: var(--murekkep2); max-width: 46ch; }
.k-orta h3 { font: 700 24px/1.18 var(--manset); letter-spacing: -.01em; margin: 0; text-wrap: balance; }
.k-yatay { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--ince); }
.k-yatay:first-child { padding-top: 0; }
.k-yatay .ust-bilgi { margin-top: 0; }
.k-yatay h3 { font: 700 19px/1.22 var(--manset); letter-spacing: -.005em; margin: 0; }
.k-liste { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 28px; padding: 28px 0; border-bottom: 1px solid var(--murekkep); }
.k-liste .ust-bilgi { margin-top: 0; }
.k-liste h3 { font: 700 clamp(23px, 2.1vw, 30px)/1.15 var(--manset); letter-spacing: -.01em; margin: 0 0 10px; }
.k-liste p { margin: 0; color: var(--murekkep2); font-size: 18px; }

.bolum { padding: 56px 0 8px; }
.bolum-bas {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  font: 900 15px/1 var(--baslik); text-transform: uppercase; letter-spacing: .04em;
  margin: 0 0 24px; padding-bottom: 12px; border-bottom: 3px solid var(--murekkep);
}
.bolum-bas > span { display: inline-flex; align-items: center; gap: 10px; }
.bolum-bas i { width: 14px; height: 14px; background: var(--kat, var(--kor)); display: inline-block; border: 1px solid var(--murekkep); }
.bolum-bas a { font: 600 12px/1 var(--mono); text-decoration: none; display: inline-flex; gap: 6px; align-items: center; text-transform: uppercase; }
.bolum-bas a:hover { color: var(--kor); }
.izgara-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 32px; }

/* ---------- son dakika şeridi ---------- */
.son-dakika { border-bottom: 1px solid var(--murekkep); overflow: hidden; }
.son-dakika .kap { display: flex; align-items: center; gap: 18px; }
.son-dakika b { flex: none; background: var(--kor); color: #fff; font: 700 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; padding: 8px 10px; }
.kayan { overflow: hidden; flex: 1; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.kayan div { display: flex; gap: 48px; width: max-content; animation: kay 70s linear infinite; padding: 12px 0; }
.kayan:hover div { animation-play-state: paused; }
.kayan a { text-decoration: none; font: 500 17px/1 var(--manset); white-space: nowrap; }
.kayan a::before { content: "●"; color: var(--kor); margin-right: 10px; font-size: 10px; vertical-align: 2px; }
.kayan a:hover { color: var(--kor); }
@keyframes kay { to { transform: translateX(-50%); } }

/* ---------- ön sayfa ızgarası ---------- */
.on-izgara { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, .9fr); padding: 32px 0 48px; border-bottom: 1px solid var(--murekkep); }
.on-izgara > * { padding: 0 28px; }
.on-izgara > *:first-child { padding-left: 0; }
.on-izgara > *:last-child { padding-right: 0; }
.on-izgara > * + * { border-left: 1px solid var(--murekkep); }
.on-yan { display: flex; flex-direction: column; gap: 28px; }
.sag-bas { display: block; color: var(--murekkep); padding-bottom: 10px; border-bottom: 3px solid var(--murekkep); margin-bottom: 6px; }
.cok-okunan { list-style: none; margin: 0; padding: 0; counter-reset: c; }
.cok-okunan li { counter-increment: c; border-bottom: 1px solid var(--ince); }
.cok-okunan a { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 4px 10px; padding: 14px 0; text-decoration: none; }
.cok-okunan a::before { content: counter(c); grid-row: span 2; font: 900 30px/1 var(--baslik); color: transparent; -webkit-text-stroke: 1.4px var(--murekkep); }
.cok-okunan a:hover::before { color: var(--kor); -webkit-text-stroke-color: var(--kor); }
.cok-okunan b { font: 600 18px/1.25 var(--manset); }
.cok-okunan a:hover b { text-decoration: underline; text-decoration-color: var(--kor); }
.cok-okunan span { font: 600 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--gri); }

/* ---------- Instagram bölümü ---------- */
.ig-bolum { background: var(--kagit2); border-bottom: 1px solid var(--murekkep); padding: 48px 0 56px; }
.ig-duzen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 56px; align-items: center; }
.ig-ust { display: flex; flex-direction: column; gap: 18px; }
.ig-ust p { margin: 0; font-size: 20px; color: var(--murekkep2); max-width: 44ch; }
.ig-ust .ig-baslik { font: 700 clamp(30px, 3.2vw, 44px)/1.1 var(--manset); letter-spacing: -.02em; color: var(--murekkep); }
.ig-baslik em { color: var(--kor); }
.ig-takip { align-self: flex-start; }
.ig-serit { display: grid; grid-auto-flow: column; grid-auto-columns: 230px; justify-content: start; gap: 20px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.ig-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 28px 20px; }
.k-ig { display: flex; flex-direction: column; gap: 12px; text-decoration: none; scroll-snap-align: start; }
.k-ig-gorsel { position: relative; display: block; overflow: hidden; border: 2px solid var(--murekkep); background: #fff; }
.k-ig-gorsel img { width: 100%; aspect-ratio: 9/16; object-fit: cover; transition: transform .45s ease; }
.k-ig b { font: 700 18px/1.25 var(--manset); }
.k-ig:hover b { color: var(--kor); }
.damga { position: absolute; left: 10px; top: 10px; font: 900 13px/1 var(--baslik); letter-spacing: .06em; color: #fff; background: var(--kor); border: 2px solid var(--murekkep); padding: 7px 9px; transform: rotate(-4deg); }

/* ---------- kelime formu ---------- */
.kelime-form label { display: block; font: 600 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px; color: var(--murekkep2); }
.kelime-satir { display: flex; border: 3px solid var(--murekkep); background: var(--kagit); }
.kelime-satir input { flex: 1; min-width: 0; border: 0; padding: 16px 18px; background: transparent; outline: none; font: 900 26px/1 var(--baslik); letter-spacing: .02em; text-transform: uppercase; color: var(--murekkep); }
.kelime-satir input::placeholder { color: #c9c8c3; }
.kelime-satir button { border: 0; border-left: 3px solid var(--murekkep); background: var(--kor); color: #fff; cursor: pointer; font: 700 16px/1 var(--baslik); padding: 0 22px; display: inline-flex; align-items: center; gap: 10px; }
.kelime-satir button:hover { background: var(--murekkep); }
.kelime-hata { display: block; margin-top: 10px; font: 500 15px/1.4 var(--govde); color: var(--kor-koyu); }
.kelime-satir.sallan { animation: sallan .35s; }
@keyframes sallan { 25% { transform: translateX(-8px); } 50% { transform: translateX(6px); } 75% { transform: translateX(-3px); } }

/* ---------- kategori blokları ---------- */
.kat-izgara { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; }
.kat-izgara .k-orta h3 { font-size: 30px; }

/* ---------- bülten ---------- */
.bulten { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 32px; align-items: center; border: 3px solid var(--murekkep); padding: 36px 40px; margin: 64px 12px 64px 0; background: var(--kagit); box-shadow: 12px 12px 0 var(--kor); }
.bulten h2 { font: 700 clamp(26px, 2.8vw, 36px)/1.1 var(--manset); letter-spacing: -.015em; margin: 0 0 10px; }
.bulten p { margin: 0; color: var(--murekkep2); font-size: 18px; }
.bulten-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; position: relative; }
.bulten-form input[type=email] { border: 3px solid var(--murekkep); border-right: 0; padding: 16px; font: 500 17px/1 var(--govde); outline: none; min-width: 0; border-radius: 0; }
.bulten-form input[type=email]:focus { background: #fffaf3; }
.bulten-form button { border: 3px solid var(--murekkep); background: var(--murekkep); color: #fff; font: 700 15px/1 var(--baslik); padding: 0 20px; cursor: pointer; }
.bulten-form button:hover { background: var(--kor); }
.bulten-form small, .bulten-form output { grid-column: 1 / -1; font: 400 14px/1.4 var(--govde); color: var(--gri); margin-top: 10px; }
.bulten-form output:empty { display: none; }
.bulten-form output.tamam { color: #1f8a55; font-weight: 600; }
.bulten-form output.hata { color: var(--kor-koyu); font-weight: 600; }
.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.metin .bulten { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 28px; }

/* ---------- instagram bloğu ---------- */
.ig-blok { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 40px; align-items: center; background: var(--murekkep); color: #fff; padding: 44px 48px; margin-bottom: 72px; }
.ig-blok img { width: 120px; height: 120px; border-radius: 24px; }
.ig-blok h2 { font: 700 clamp(28px, 3.2vw, 42px)/1.08 var(--manset); letter-spacing: -.015em; margin: 0 0 10px; }
.ig-blok p { margin: 0; color: #c9cad0; }
.ig-blok .btn { border-color: #fff; }

/* ---------- reklam alanı ---------- */
.reklam { margin: 40px auto; text-align: center; min-height: 100px; }
.reklam > span { display: block; font: 600 10px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--gri); margin-bottom: 8px; }

/* ---------- yazı sayfası ---------- */
.ilerleme { position: fixed; top: 0; left: 0; right: 0; height: 4px; z-index: 50; pointer-events: none; }
.ilerleme i { display: block; height: 100%; background: var(--kor); transform-origin: 0 50%; transform: scaleX(0); }
.yazi-bas { padding: 44px 0 28px; }
.iz { color: var(--gri); margin-bottom: 22px; }
.iz a { text-decoration: none; }
.iz a:hover { color: var(--kor); }
.yazi-bas h1 { font: 700 clamp(36px, 5.2vw, 64px)/1.06 var(--manset); letter-spacing: -.022em; margin: 0 0 22px; text-wrap: balance; }
.ozet { font: italic 400 clamp(21px, 2.2vw, 26px)/1.45 var(--govde); color: var(--murekkep2); margin: 0 0 26px; }
.imza { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px solid var(--murekkep); }
.imza img { border-radius: 10px; }
.imza > span { display: flex; flex-direction: column; gap: 2px; }
.imza b { font: 700 15px/1.2 var(--baslik); }
.imza > span > span { font: 400 15px/1.3 var(--govde); color: var(--gri); }
.yazi-kapak { margin-top: 8px; margin-bottom: 0; }
.yazi-kapak img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border: 1px solid var(--murekkep); }
.kisa-cevap { margin-top: 28px; border-left: 6px solid var(--kor); background: var(--kagit2); padding: 18px 22px; }
.kisa-cevap b { display: block; color: var(--kor); margin-bottom: 6px; }
.kisa-cevap p { margin: 0; font-size: 20px; line-height: 1.55; }

.yazi-izgara { display: grid; grid-template-columns: 190px minmax(0, var(--dar)) 270px; gap: 56px; justify-content: center; padding: 40px 0 24px; }
.ig-izgara.yazi-izgara { grid-template-columns: minmax(0, var(--dar)) 270px; }
.yan, .sag-yapis { position: sticky; top: 140px; align-self: start; display: flex; flex-direction: column; gap: 32px; }
.sag { align-self: stretch; }
.toc, .paylas { display: flex; flex-direction: column; font: 500 14px/1.35 var(--baslik); }
.toc b, .paylas b { font: 600 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gri); padding-bottom: 10px; border-bottom: 3px solid var(--murekkep); margin-bottom: 4px; }
.toc a { text-decoration: none; padding: 9px 0; border-bottom: 1px solid var(--ince); color: var(--murekkep2); }
.toc a.aktif { color: var(--kor); }
.toc a:hover { color: var(--murekkep); }
.paylas a, .paylas button { text-align: left; text-decoration: none; padding: 9px 0; border: 0; border-bottom: 1px solid var(--ince); background: none; color: var(--murekkep2); cursor: pointer; font: inherit; }
.paylas a:hover, .paylas button:hover { color: var(--kor); }
.sag-ig { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: center; text-decoration: none; border: 2px solid var(--murekkep); padding: 12px; font: 400 15px/1.35 var(--govde); }
.sag-ig img { border-radius: 12px; }
.sag-ig b { display: block; font: 700 15px/1.2 var(--baslik); }
.sag-ig:hover { background: var(--kagit2); }

.metin > p, .metin li { font-size: 21px; line-height: 1.7; }
.metin > p { margin: 0 0 1.15em; }
.metin > p:first-child::first-letter { float: left; font: 900 84px/.82 var(--baslik); color: var(--kor); margin: 8px 12px 0 0; }
.metin h2 { font: 700 clamp(28px, 2.8vw, 36px)/1.12 var(--manset); letter-spacing: -.015em; margin: 60px 0 18px; padding-top: 18px; border-top: 3px solid var(--murekkep); text-wrap: balance; }
.metin h3 { font: 700 24px/1.25 var(--manset); margin: 36px 0 10px; }
.metin strong { font-weight: 600; }
.metin a:not(.btn):not(.pdf):not(.siradaki) { text-decoration-color: var(--kor); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.metin a:not(.btn):not(.pdf):not(.siradaki):hover { color: var(--kor); }
.metin ol, .metin ul { padding-left: 1.3em; margin: 0 0 1.2em; }
.metin li { margin: 6px 0; }
.metin li::marker { color: var(--kor); font-family: var(--baslik); font-weight: 700; }
.metin :not(pre) > code { font: 500 .8em var(--mono); background: var(--kagit2); padding: 2px 6px; border: 1px solid var(--ince); overflow-wrap: anywhere; }
.metin blockquote { margin: 32px 0; padding: 4px 0 4px 24px; border-left: 4px solid var(--murekkep); font: italic 22px/1.5 var(--govde); }
.metin blockquote p { margin: 0; }
.tablo { overflow-x: auto; margin: 24px 0 32px; border: 2px solid var(--murekkep); }
.tablo table { border-collapse: collapse; width: 100%; font-size: 17px; line-height: 1.45; }
.tablo th { text-align: left; font: 700 13px/1.3 var(--baslik); background: var(--murekkep); color: #fff; padding: 12px 14px; }
.tablo td { padding: 12px 14px; border-top: 1px solid var(--ince); vertical-align: top; }
.tablo tr:nth-child(even) td { background: var(--kagit2); }
.metin hr { border: 0; border-top: 1px solid var(--murekkep); margin: 40px 0; }

.ara-oku { margin: 40px 0; border-top: 3px solid var(--murekkep); border-bottom: 1px solid var(--murekkep); padding: 14px 0 16px; }
.ara-oku span { color: var(--kor); display: block; margin-bottom: 10px; }
.ara-oku a { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 18px; align-items: center; text-decoration: none; }
.ara-oku img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border: 1px solid var(--murekkep); }
.ara-oku b { font: 700 21px/1.25 var(--manset); }
.ara-oku a:hover b { color: var(--kor); }
.etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin: 36px 0 0; }
.etiketler span { font: 500 13px/1 var(--mono); padding: 8px 10px; border: 1px solid var(--murekkep); }
.siradaki { display: block; text-decoration: none; margin: 48px 0 8px; border: 3px solid var(--murekkep); padding: 18px; transition: transform .15s, box-shadow .15s; }
.siradaki:hover { transform: translate(-3px, -3px); box-shadow: 6px 6px 0 var(--kor); }
.siradaki .ust-etiket { margin-bottom: 12px; }
.siradaki-ic { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 20px; align-items: center; }
.siradaki-ic img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.siradaki-ic b { font: 700 clamp(22px, 2.2vw, 28px)/1.15 var(--manset); }

.video { margin: 36px 0; display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: end; }
.video video { width: 100%; aspect-ratio: 9/16; background: var(--murekkep); border: 2px solid var(--murekkep); }
.video figcaption { font: italic 18px/1.5 var(--govde); color: var(--gri); border-top: 1px solid var(--murekkep); padding-top: 12px; }
.kod { margin: 18px 0 26px; border: 2px solid var(--murekkep); background: var(--murekkep); }
.kod-bas { display: flex; justify-content: space-between; align-items: center; padding: 7px 7px 7px 16px; font: 600 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: #9b9da5; }
.kopyala { font: 600 12px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; background: var(--kor); color: #fff; border: 0; padding: 9px 12px; cursor: pointer; }
.kopyala.oldu { background: #2fbf71; }
.kod pre { margin: 0; padding: 18px 20px 20px; overflow-x: auto; background: #1b1c20; }
.kod code { font: 400 15px/1.65 var(--mono); color: #f1efe9; white-space: pre-wrap; overflow-wrap: anywhere; }
.arac { margin: 28px 0 8px; border: 3px solid var(--murekkep); padding: 0 24px 24px; }
.arac-ust { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin: 0 -24px 18px; padding: 14px 24px; border-bottom: 1px solid var(--murekkep); background: var(--kagit2); }
.arac-no { font: 900 30px/1 var(--baslik); color: var(--kor); }
.arac-kim { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.arac-kim b { font: 700 19px/1.1 var(--baslik); overflow-wrap: anywhere; }
.arac-kim span { font: 400 13px/1.2 var(--mono); color: var(--gri); overflow-wrap: anywhere; }
.yildiz { display: inline-flex; align-items: center; gap: 6px; font: 600 14px/1 var(--mono); }
.arac-cumle { font: italic 20px/1.5 var(--govde); margin: 0 0 6px; }
.pdf { display: flex; align-items: center; gap: 20px; margin: 28px 0; padding: 22px 24px; text-decoration: none; background: var(--kor); color: #fff; border: 3px solid var(--murekkep); transition: transform .15s, box-shadow .15s; }
.pdf:hover { transform: translate(-3px, -3px); box-shadow: 6px 6px 0 var(--murekkep); }
.pdf-ik { display: grid; place-items: center; width: 56px; height: 56px; background: var(--murekkep); flex: none; }
.pdf b { display: block; font: 700 20px/1.2 var(--baslik); }
.pdf small { font: 400 16px/1.4 var(--govde); opacity: .92; }
.bilet { display: flex; margin: 8px 0 0; border: 2px dashed var(--murekkep); }
.bilet-sol { display: grid; place-items: center; padding: 18px 26px; background: var(--kor); color: #fff; font: 900 22px/1 var(--baslik); letter-spacing: .06em; border-right: 2px dashed var(--murekkep); }
.bilet-sag { padding: 16px 22px; font-size: 18px; line-height: 1.45; }
.sss { margin-top: 24px; }
.sss details { border-bottom: 1px solid var(--murekkep); }
.sss summary { cursor: pointer; list-style: none; padding: 20px 40px 20px 0; position: relative; font: 600 21px/1.3 var(--manset); }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: 4px; top: 14px; font: 400 32px/1 var(--baslik); color: var(--kor); transition: transform .2s; }
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details p { margin: 0 0 22px; font-size: 19px; color: var(--murekkep2); }
.kupur { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 22px; align-items: center; margin: 56px 0 24px; padding: 26px; border: 2px dashed var(--murekkep); position: relative; }
.kupur::before { content: "✂"; position: absolute; top: -15px; left: 22px; background: var(--kagit); padding: 0 6px; font-size: 20px; }
.kupur img { width: 84px; height: 84px; border-radius: 18px; grid-row: span 2; }
.kupur b { font: 700 24px/1.15 var(--manset); }
.kupur p { margin: 6px 0 0; font-size: 18px; color: var(--murekkep2); }
.kupur .btn { grid-column: 2; justify-self: start; }

/* ---------- iç sayfalar ---------- */
.sayfa-bas h1 { font: 700 clamp(40px, 5.6vw, 72px)/1.02 var(--manset); letter-spacing: -.025em; margin: 0 0 20px; }
.sayfa-bas > p { font-size: 22px; color: var(--murekkep2); max-width: 56ch; }
.kat-bas { border-top: 10px solid var(--kat); padding-top: 40px; margin-top: 32px; }
.duz h2 { font: 700 28px/1.15 var(--manset); margin: 44px 0 12px; }
.duz p, .duz li { font-size: 20px; }
.duz > p:first-of-type::first-letter { all: unset; }
.duz button.cerez-sifirla { background: none; border: 0; padding: 0; color: var(--kor-koyu); text-decoration: underline; cursor: pointer; font: inherit; }
.kelime-sayfa .kelime-form { margin: 36px 0 44px; }
.kelime-liste { border-top: 3px solid var(--murekkep); }
.kelime-liste a { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 20px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--murekkep); text-decoration: none; }
.kelime-liste code { font: 900 18px/1 var(--baslik); color: var(--kor); letter-spacing: .05em; }
.kelime-liste span { font: 600 20px/1.3 var(--manset); }
.kelime-liste a:hover span { color: var(--kor); }
.bulunamadi img { width: 110px; height: 110px; border-radius: 24px; margin-bottom: 20px; transform: rotate(-8deg); }
.bulunamadi .kelime-form { margin: 28px 0 56px; max-width: 520px; }

/* ---------- çerez bildirimi ---------- */
.cerez { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 80; max-width: 760px; margin-inline: auto; display: flex; align-items: center; gap: 20px; background: var(--murekkep); color: #fff; padding: 16px 18px; box-shadow: 6px 6px 0 var(--kor); }
.cerez p { margin: 0; font-size: 16px; line-height: 1.45; }
.cerez a { color: #fff; }
.cerez div { display: flex; gap: 8px; flex: none; }
.cerez button { border: 2px solid #fff; background: none; color: #fff; padding: 10px 14px; font: 700 13px/1 var(--baslik); cursor: pointer; }
.cerez button.kabul { background: var(--kor); border-color: var(--kor); }

/* ---------- alt ---------- */
.alt { border-top: 3px solid var(--murekkep); padding: 48px 0 28px; margin-top: 24px; }
.alt-dev { font: 900 clamp(60px, 16.5vw, 236px)/.8 var(--baslik); letter-spacing: -.06em; margin-bottom: 36px; white-space: nowrap; overflow: hidden; }
.alt-ic { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 32px; padding: 28px 0; border-top: 1px solid var(--murekkep); border-bottom: 1px solid var(--murekkep); }
.alt-ic p { margin: 0; max-width: 36ch; font-size: 18px; color: var(--murekkep2); }
.alt-link { display: flex; flex-direction: column; gap: 8px; font: 500 15px/1.35 var(--baslik); }
.alt-link b { font: 600 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gri); margin-bottom: 6px; }
.alt-link a { text-decoration: none; }
.alt-link a:hover { color: var(--kor); }
.telif { display: flex; justify-content: space-between; gap: 12px; padding-top: 18px; font: 500 12px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--gri); }

/* ---------- duyarlı ---------- */
@media (max-width: 1180px) {
  .yazi-izgara { grid-template-columns: minmax(0, var(--dar)) 260px; gap: 48px; }
  .yan { display: none; }
  .on-izgara { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); row-gap: 36px; }
  .on-cok { grid-column: 1 / -1; border-left: 0 !important; padding: 28px 0 0 !important; border-top: 1px solid var(--murekkep); }
  .on-cok .cok-okunan { columns: 2; column-gap: 32px; }
  .on-cok .cok-okunan li { break-inside: avoid; }
}
@media (max-width: 900px) {
  .menu { display: none; }
  .menu-ac { display: grid; }
  .serit-orta { display: none; }
  .yazi-izgara, .ig-izgara.yazi-izgara { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sag { display: none; }
  .on-izgara { grid-template-columns: minmax(0, 1fr); padding-top: 24px; }
  .on-izgara > * { padding: 0 !important; border-left: 0 !important; }
  .on-yan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-top: 28px !important; border-top: 1px solid var(--murekkep); margin-top: 28px; }
  .izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kat-izgara { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .ig-duzen { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .bulten { grid-template-columns: minmax(0, 1fr); padding: 28px 24px; gap: 20px; }
  .ig-blok { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 32px 24px; }
  .ig-blok img { width: 84px; height: 84px; border-radius: 18px; }
  .ig-blok .btn { justify-self: start; }
  .alt-ic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .alt-ic > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  body { font-size: 18px; }
  .kap, .kap-orta, .kap-dar { width: calc(100% - 32px); }
  .serit { display: none; }
  .ust-ic { min-height: 60px; gap: 10px; }
  .menu-ac, .ara-ac { width: 40px; height: 40px; }
  .marka { gap: 9px; }
  .marka img { width: 34px; height: 34px; }
  .marka-yazi { font-size: 20px; }
  .kat-serit a { padding: 11px 10px 10px; font-size: 12px; }
  .son-dakika .kap { gap: 12px; }
  .kayan a { font-size: 14px; }
  .k-buyuk h2 { font-size: 32px; }
  .k-buyuk p { font-size: 18px; }
  .on-yan { grid-template-columns: minmax(0, 1fr); }
  .on-cok .cok-okunan { columns: 1; }
  .izgara-3 { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .k-orta h3, .kat-izgara .k-orta h3 { font-size: 23px; }
  .k-yatay { grid-template-columns: 112px minmax(0, 1fr); gap: 14px; }
  .k-yatay h3 { font-size: 18px; }
  .k-liste { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 24px 0; }
  .k-liste .k-gorsel { margin-bottom: 14px; }
  .k-liste p { font-size: 17px; }
  .ig-bolum { padding: 36px 0 40px; }
  .ig-ust p { font-size: 18px; }
  .ig-serit { grid-auto-columns: 62%; gap: 14px; }
  .ig-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .kelime-satir input { font-size: 21px; padding: 14px 12px; }
  .kelime-satir button { padding: 0 14px; font-size: 14px; }
  .bulten { margin: 48px 10px 48px 0; padding: 24px 18px; box-shadow: 8px 8px 0 var(--kor); }
  .bulten-form { grid-template-columns: minmax(0, 1fr); }
  .bulten-form input[type=email] { border-right: 3px solid var(--murekkep); border-bottom: 0; }
  .bulten-form button { padding: 15px; }
  .yazi-bas { padding: 28px 0 22px; }
  .yazi-bas h1 { font-size: clamp(32px, 9vw, 42px); }
  .ozet { font-size: 19px; }
  .kisa-cevap { padding: 16px; }
  .kisa-cevap p { font-size: 18px; }
  .yazi-izgara { padding-top: 28px; }
  .metin > p, .metin li { font-size: 19px; line-height: 1.68; }
  .metin > p:first-child::first-letter { font-size: 64px; }
  .metin h2 { font-size: 27px; margin-top: 48px; }
  .ara-oku a { grid-template-columns: 110px minmax(0, 1fr); gap: 14px; }
  .ara-oku b { font-size: 16px; }
  .siradaki-ic { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .video { grid-template-columns: minmax(0, 1fr); }
  .video video { max-width: 280px; }
  .bilet { flex-direction: column; }
  .bilet-sol { border-right: 0; border-bottom: 2px dashed var(--murekkep); padding: 12px; }
  .arac { padding: 0 16px 18px; }
  .arac-ust { margin: 0 -16px 16px; padding: 12px 16px; gap: 6px 12px; grid-template-columns: auto minmax(0, 1fr); }
  .arac-kim b { font-size: 16px; }
  .arac-kim span { font-size: 11px; }
  .yildiz { grid-column: 1 / -1; font-size: 13px; }
  .kod code { font-size: 13px; }
  .tablo table { font-size: 15px; }
  .kupur { grid-template-columns: minmax(0, 1fr); }
  .kupur img { grid-row: auto; }
  .kupur .btn { grid-column: 1; }
  .kelime-liste a { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .duz p, .duz li { font-size: 18px; }
  .alt-ic { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .telif { flex-direction: column; }
  .cerez { flex-direction: column; align-items: stretch; gap: 12px; left: 10px; right: 10px; bottom: 10px; box-shadow: 4px 4px 0 var(--kor); }
  .cerez div button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }
.kaynaklar { margin: 36px 0 0; padding: 16px 18px; border: 1px solid var(--murekkep); background: var(--kagit2); }
.kaynaklar b { font: 600 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gri); }
.kaynaklar ul { margin: 10px 0 0; padding-left: 1.1em; }
.kaynaklar li { font-size: 16px; margin: 4px 0; }