/* ================= Teraslı Kafa · k1m tasarım sistemi =================
   8 Eki 2026, kullanıcı talimatı: renk/stil kafa1milyon.com gibi.
   Krem kâğıt gövde + koyu mürekkep vitrin; Fraunces (display),
   Newsreader (metin), Inter (UI), Space Mono (etiket). */
:root {
  --ink: #101319;
  --ink-2: #1a1f27;
  --ink-3: #262d38;
  --paper: #f6f3ec;
  --paper-2: #efeae0;
  --line: #d8d2c4;
  --line-dark: #2e3540;
  --muted: #6b7280;
  --muted-dark: #8a93a3;
  --accent: #a21caf;
  --accent-bright: #e879f9;
  --accent-warm: #ff5c38;

  --font-display: "Fraunces", Georgia, serif;
  --font-serif: "Newsreader", "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", "Courier New", monospace;

  /* Bölüm vurguları (Customizer'dan değişebilir) */
  --sg: #a21caf;
  --yg: #0f766e;
  --anv: #7c3aed;
  --arsiv: #b45309;

  /* Eski bileşenlerin (bölüm akışları, yorumlar) kullandığı adlar */
  --kagit: var(--paper);
  --kagit-koyu: var(--paper-2);
  --murekkep: var(--ink);
  --soluk: var(--muted);
  --cizgi: var(--line);
  --serif: var(--font-serif);
  --sans: var(--font-sans);

  --header-h: 4.25rem;
}
/* Koyu mod (düğme): kâğıt ile mürekkep yer değiştirir */
html[data-tema="koyu"] {
  --paper: #101319;
  --paper-2: #1a1f27;
  --line: #2e3540;
  --muted: #8a93a3;
  --ink: #f6f3ec;
  --ink-2: #efeae0;
  --ink-3: #d8d2c4;
  --accent: #e879f9;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
body {
  font-family: var(--font-sans);
  background: var(--paper);
  color: var(--ink);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  transition: background .25s ease, color .25s ease;
}
::selection { background: var(--accent-bright); color: #101319; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: none; cursor: pointer; }

/* Tane dokusu */
body::after {
  content: ""; position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  opacity: .05; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}

.sarici { width: 100%; }
.ic { max-width: 76rem; margin: 0 auto; padding: 0 clamp(1.25rem, 4vw, 2.5rem); }

/* ---------- Mono etiket / kicker ---------- */
.kicker {
  display: inline-flex; align-items: center; gap: .6rem;
  font-family: var(--font-mono); font-size: .7rem; letter-spacing: .22em; text-transform: uppercase;
}
.kicker::before { content: ""; width: 2.2rem; height: 1px; background: currentColor; opacity: .5; }

/* ---------- Üst bar ---------- */
.ust {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  height: var(--header-h);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 clamp(1rem, 4vw, 2.5rem);
  color: var(--paper);
  transition: background .35s ease, box-shadow .35s ease, color .35s ease;
}
html[data-tema="koyu"] .ust { color: var(--ink); }
/* Sayfa şablonlarında (teras, playlist) hero yok: bar kâğıt üstünde mürekkep başlar */
body.page .ust { color: var(--ink); }
.ust.scrolled {
  background: color-mix(in srgb, var(--paper) 90%, transparent);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 var(--line);
  color: var(--ink);
}
.marka {
  font-family: var(--font-display); font-weight: 600; font-size: 1.35rem;
  letter-spacing: -.02em; display: flex; align-items: baseline; gap: .12rem;
}
.marka .one { color: var(--accent-warm); font-style: italic; }
.marka em { font-style: italic; font-weight: 400; font-size: .62em; opacity: .65; margin-left: .45rem; font-family: var(--font-serif); }
.ust nav { display: flex; gap: clamp(.8rem, 1.6vw, 1.5rem); align-items: center; }
.ust nav a {
  font-size: .8rem; font-weight: 500; letter-spacing: .02em;
  position: relative; padding: .3rem 0; opacity: .85; transition: opacity .2s;
  white-space: nowrap;
}
.ust nav a:hover, .ust nav a[aria-current="page"] { opacity: 1; }
.ust nav a::after {
  content: ""; position: absolute; left: 0; bottom: 0; height: 1.5px; width: 0;
  background: var(--accent-bright); transition: width .3s cubic-bezier(.77, 0, .18, 1);
}
.ust nav a:hover::after, .ust nav a[aria-current="page"]::after { width: 100%; }
#tema-dugme {
  width: 32px; height: 32px; border: 1px solid currentColor; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center; opacity: .7;
}
#tema-dugme:hover { opacity: 1; }
#tema-dugme svg { width: 15px; height: 15px; }
.ay-ikon { display: block; }
.gunes-ikon { display: none; }
html[data-tema="koyu"] .ay-ikon { display: none; }
html[data-tema="koyu"] .gunes-ikon { display: block; }

/* ---------- Üst bar: sağ grup + mobil hamburger (8 Eki 2026) ---------- */
.ust-sag { display: flex; align-items: center; gap: clamp(.8rem, 1.6vw, 1.5rem); }
#menu-dugme {
  display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px;
  width: 36px; height: 36px; border: 1px solid currentColor; border-radius: 10px; opacity: .85;
}
#menu-dugme span {
  display: block; width: 16px; height: 1.6px; background: currentColor;
  border-radius: 2px; transition: transform .25s ease, opacity .2s ease;
}
body.menu-acik #menu-dugme span:nth-child(1) { transform: translateY(6.6px) rotate(45deg); }
body.menu-acik #menu-dugme span:nth-child(2) { opacity: 0; }
body.menu-acik #menu-dugme span:nth-child(3) { transform: translateY(-6.6px) rotate(-45deg); }

@media (max-width: 760px) {
  #menu-dugme { display: inline-flex; }
  .ust nav {
    position: fixed; top: var(--header-h); left: 0; right: 0; z-index: 99;
    display: flex; flex-direction: column; align-items: stretch; gap: 0;
    background: var(--paper); color: var(--ink);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 24px 50px rgba(16, 19, 25, .22);
    padding: .4rem 0 .8rem;
    opacity: 0; visibility: hidden; transform: translateY(-10px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
  }
  body.menu-acik .ust nav { opacity: 1; visibility: visible; transform: none; }
  .ust nav a {
    font-size: 1rem; font-weight: 600; opacity: 1;
    padding: .9rem clamp(1.25rem, 6vw, 2rem);
    border-top: 1px solid color-mix(in srgb, var(--line) 60%, transparent);
  }
  .ust nav a:first-child { border-top: 0; }
  .ust nav a::after { display: none; }
  .ust nav a[aria-current="page"] { color: var(--accent); }
  body.menu-acik .ust {
    background: var(--paper); color: var(--ink);
    box-shadow: 0 1px 0 var(--line);
  }
}

/* ---------- Ana sayfa: daha fazlasını göster (8 Eki 2026) ---------- */
.kart-gizli { display: none !important; }
.daha-kutu { display: flex; justify-content: center; margin-top: clamp(2rem, 4vh, 3rem); }
#daha-dugme {
  font-family: var(--font-sans); font-weight: 600; font-size: .9rem; letter-spacing: .01em;
  color: var(--ink); border: 1.5px solid var(--ink); border-radius: 999px;
  padding: .85rem 2.1rem; transition: background .2s, color .2s, transform .15s;
}
#daha-dugme:hover { background: var(--ink); color: var(--paper); transform: translateY(-1px); }
#daha-dugme span { font-weight: 400; opacity: .6; }

/* ---------- Vitrin (koyu hero) ---------- */
.vitrin {
  position: relative; isolation: isolate; overflow: hidden;
  background: #101319; color: #f6f3ec;
  min-height: min(88svh, 760px);
  display: flex; align-items: flex-end;
  padding: calc(var(--header-h) + clamp(2rem, 6vh, 4rem)) clamp(1.25rem, 4vw, 2.5rem) clamp(2.6rem, 7vh, 5rem);
}
.vitrin-medya, .vitrin-medya video, .vitrin-medya img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;
}
.vitrin::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(180deg, rgba(16, 19, 25, .62), rgba(16, 19, 25, .28) 40%, rgba(16, 19, 25, .88) 88%),
    radial-gradient(90% 70% at 18% 92%, rgba(16, 19, 25, .72), transparent 60%);
}
.vitrin-inner { max-width: 76rem; margin: 0 auto; width: 100%; }
.vitrin .kicker { color: var(--accent-bright); margin-bottom: 1.1rem; }
.vitrin h1, .vitrin h2.vitrin-baslik {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(2.2rem, 5.6vw, 4.3rem);
  line-height: 1.04; letter-spacing: -.02em;
  max-width: 17ch;
}
.vitrin h1 em, .vitrin h2.vitrin-baslik em { font-style: italic; font-weight: 400; color: var(--accent-bright); }
.vitrin .standfirst {
  font-family: var(--font-serif); font-size: clamp(1.02rem, 1.5vw, 1.2rem);
  line-height: 1.55; color: #cfd4dc; max-width: 54ch; margin: 1.2rem 0 1.6rem;
}
.vitrin-meta {
  display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;
  font-family: var(--font-mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: #9aa3b2;
}
.vitrin-meta .oku {
  color: #101319; background: var(--accent-bright); padding: .55rem 1.2rem; border-radius: 999px;
  letter-spacing: .14em; transition: transform .25s ease, box-shadow .25s ease;
}
.vitrin-meta .oku:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(232, 121, 249, .35); }
.vitrin-tikla { position: absolute; inset: 0; z-index: 1; }
.vitrin-inner { position: relative; z-index: 2; pointer-events: none; }
.vitrin-inner a, .vitrin-inner .oku { pointer-events: auto; }

/* ---------- Bölüm başlığı (section-head) ---------- */
.section { padding: clamp(2.6rem, 6vh, 4.5rem) 0; scroll-margin-top: calc(var(--header-h) + .5rem); }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: clamp(1.4rem, 3vh, 2.2rem); }
.section-head h2 {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.6rem, 3vw, 2.3rem); letter-spacing: -.015em;
}
.section-head .tanim { font-family: var(--font-serif); font-style: italic; color: var(--muted); }
.section-head .adet { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }

/* ---------- Kart ızgarası (k1m card) ---------- */
.card-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: clamp(1.2rem, 2.4vw, 2rem) clamp(1rem, 2vw, 1.6rem); }
.card { position: relative; display: flex; flex-direction: column; gap: .85rem; grid-column: span 4; }
.card.wide { grid-column: span 8; }
@media (max-width: 960px) { .card, .card.wide { grid-column: span 6; } }
@media (max-width: 640px) { .card, .card.wide { grid-column: span 12; } }
.card-art {
  position: relative; overflow: hidden; border-radius: 4px;
  aspect-ratio: 4 / 3; background: var(--ink-2);
}
.card.wide .card-art { aspect-ratio: 16 / 9; }
.card-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .6, .2, 1); }
.card:hover .card-art img { transform: scale(1.045); }
.type-badge {
  position: absolute; top: .8rem; left: .8rem; z-index: 2;
  font-family: var(--font-mono); font-size: .6rem; letter-spacing: .2em; text-transform: uppercase;
  background: rgba(16, 19, 25, .72); color: var(--accent-bright);
  padding: .35rem .7rem; border-radius: 999px; backdrop-filter: blur(6px);
}
.card h3 {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.2rem, 1.9vw, 1.5rem); line-height: 1.15; letter-spacing: -.015em;
}
.card.wide h3 { font-size: clamp(1.55rem, 2.7vw, 2.2rem); }
.card h3 a::before { content: ""; position: absolute; inset: 0; }
.card h3 a {
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1.5px; background-repeat: no-repeat; background-position: 0 96%;
  transition: background-size .4s cubic-bezier(.77, 0, .18, 1);
}
.card:hover h3 a { background-size: 100% 1.5px; }
.card .excerpt { font-family: var(--font-serif); font-size: .98rem; line-height: 1.55; color: var(--muted); max-width: 46ch; }
.card .byline { font-family: var(--font-mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.card .byline b { font-weight: 400; color: var(--accent); }

/* Görünür olunca yumuşak giriş */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.2, .6, .2, 1); }
.reveal.gorundu { opacity: 1; transform: none; }

/* ---------- Seri rafı ---------- */
.seri-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, 2vw, 1.6rem); }
@media (max-width: 960px) { .seri-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .seri-grid { grid-template-columns: 1fr; } }
.seri-kart {
  position: relative; display: flex; flex-direction: column; justify-content: flex-end;
  min-height: 230px; border-radius: 6px; overflow: hidden; isolation: isolate;
  background: var(--ink-2); color: #f6f3ec;
  padding: 1.3rem 1.3rem 1.15rem;
}
.seri-kart img {
  position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover;
  transition: transform .8s cubic-bezier(.2, .6, .2, 1);
}
.seri-kart::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(16, 19, 25, .18) 20%, rgba(16, 19, 25, .9) 92%);
}
.seri-kart:hover img { transform: scale(1.05); }
.seri-kart .seri-ust {
  font-family: var(--font-mono); font-size: .6rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--accent-bright); margin-bottom: .5rem;
}
.seri-kart h3 { font-family: var(--font-display); font-weight: 500; font-size: 1.45rem; letter-spacing: -.015em; line-height: 1.1; }
.seri-kart p { font-family: var(--font-serif); font-size: .9rem; line-height: 1.5; color: #cfd4dc; margin-top: .45rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Yazı sayfasındaki seri kutusu */
.seri-kutu {
  margin: 2.6em 0 0; padding: 1.3em 1.4em 1.2em;
  background: var(--paper-2); border: 1px solid var(--line); border-radius: 6px;
}
.seri-kutu .seri-ust { font-family: var(--font-mono); font-size: .64rem; letter-spacing: .2em; text-transform: uppercase; color: var(--accent); }
.seri-kutu h2 { font-family: var(--font-display); font-weight: 500; font-size: 1.35rem; margin: .35em 0 .2em; }
.seri-kutu h2 a:hover { color: var(--accent); }
.seri-kutu > p { font-family: var(--font-serif); font-size: .94rem; color: var(--muted); }
.seri-kutu ol { list-style: none; margin-top: 1em; counter-reset: seri; }
.seri-kutu ol li {
  counter-increment: seri;
  display: flex; align-items: baseline; gap: .8em;
  padding: .42em 0; border-top: 1px dotted var(--line);
  font-family: var(--font-serif); font-size: .96rem;
}
.seri-kutu ol li::before {
  content: counter(seri, decimal-leading-zero);
  font-family: var(--font-mono); font-size: .66rem; color: var(--muted);
}
.seri-kutu ol li a:hover { color: var(--accent); }
.seri-kutu ol li.simdiki { font-weight: 600; }
.seri-kutu ol li.simdiki::after { content: "şu an buradasın"; font-family: var(--font-mono); font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-left: auto; white-space: nowrap; }

/* ---------- Koyu sayfa başı (yazı / bölüm / seri) ---------- */
.sayfa-basi {
  background: var(--ink); color: #f6f3ec; position: relative; overflow: hidden;
  padding: calc(var(--header-h) + clamp(2.6rem, 7vh, 5rem)) clamp(1.25rem, 4vw, 2.5rem) clamp(2.4rem, 6vh, 4rem);
}
html[data-tema="koyu"] .sayfa-basi { background: #0b0e13; }
.sayfa-basi-ic { max-width: 76rem; margin: 0 auto; }
.sayfa-basi .kicker { color: var(--accent-bright); margin-bottom: 1rem; }
.sayfa-basi .kicker a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sayfa-basi h1 {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.9rem, 4.6vw, 3.4rem); line-height: 1.07; letter-spacing: -.02em;
  max-width: 22ch;
}
.sayfa-basi .tanim, .sayfa-basi .yazi-meta {
  font-family: var(--font-serif); font-style: italic; color: #cfd4dc;
  margin-top: .9rem; max-width: 56ch; font-size: 1.05rem;
}
.sayfa-basi .yazi-meta { font-family: var(--font-mono); font-style: normal; font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; color: #9aa3b2; }
.sayfa-basi .yazi-meta .ayrac { margin: 0 .6em; opacity: .5; }

/* ---------- Yazı sayfası ---------- */
.yazi-kapak {
  max-width: 54rem; margin: clamp(-2.2rem, -4vh, -3rem) auto 0; position: relative; z-index: 3;
  border-radius: 6px; overflow: hidden;
  box-shadow: 0 24px 60px rgba(16, 19, 25, .35);
}
.yazi-kapak video, .yazi-kapak img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.kagit { max-width: 42rem; margin: 0 auto; padding: clamp(2.4rem, 6vh, 4rem) clamp(1.25rem, 4vw, 2.5rem) 2.5rem; }
.icerik { font-family: var(--font-serif); font-size: 1.16rem; line-height: 1.75; }
.icerik > p { margin: 0 0 1.35em; }
.icerik p, .icerik div, .icerik span { text-align: left !important; }
.icerik a { color: var(--accent); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--accent) 40%, transparent); text-underline-offset: 3px; }
.icerik a:hover { text-decoration-color: currentColor; }
.icerik img { border-radius: 4px; margin: 1.5em auto; display: block; }
.icerik blockquote {
  margin: 1.6em 0; padding: .2em 0 .2em 1.3em;
  border-left: 3px solid var(--accent); font-style: italic;
  color: color-mix(in oklab, var(--ink), var(--muted) 25%);
}
.icerik h2, .icerik h3 { font-family: var(--font-display); font-weight: 500; line-height: 1.25; margin: 1.8em 0 .6em; }
.ilk-harf > p:first-of-type::first-letter {
  float: left; font-family: var(--font-display);
  font-size: 3.6em; line-height: .8; padding: .06em .14em 0 0;
  font-weight: 500; color: var(--accent);
}

.yazi-alti {
  margin-top: 3em; padding-top: 1.4em; border-top: 1px solid var(--line);
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  font-family: var(--font-sans); font-size: .8rem;
}
.yazi-alti a, .yazi-alti button {
  color: var(--muted); border: 1px solid var(--line); border-radius: 999px;
  padding: 7px 15px; font-size: .78rem; cursor: pointer;
  display: inline-flex; align-items: center; gap: 7px;
  transition: color .2s, border-color .2s;
}
.yazi-alti a:hover, .yazi-alti button:hover { color: var(--ink); border-color: var(--muted); }
.yazi-alti svg { width: 13px; height: 13px; }
.gezinti { display: flex; justify-content: space-between; gap: 20px; margin-top: 1.6em; font-family: var(--font-serif); font-size: .9rem; font-style: italic; }
.gezinti a { color: var(--muted); max-width: 46%; }
.gezinti a:hover { color: var(--accent); }

/* ---------- Bölüm / arşiv sayfaları ---------- */
.bolum-basi { /* sayfa-basi içinde kullanılır; eski tek başına hali de çalışsın */ }
.gunluk, .notlar, .arsiv-listesi, .yorumlar { max-width: 42rem; margin: 0 auto; padding: 0 clamp(1.25rem, 4vw, 2.5rem) 50px; }
.gunluk-girdi { padding: 2.4em 0; border-bottom: 1px solid var(--line); }
.gunluk-girdi:last-child { border-bottom: 0; }
.gunluk-girdi .icerik { font-size: 1.08rem; }
.gunluk-tarih {
  font-family: var(--font-mono); font-size: .66rem; letter-spacing: .18em;
  text-transform: uppercase; color: var(--accent);
}
.gunluk-girdi h2 { font-family: var(--font-display); font-size: 1.5rem; margin: .4em 0 .5em; font-weight: 500; }
.gunluk-girdi h2 a:hover { color: var(--accent); }

.not {
  position: relative; background: var(--paper-2);
  border-left: 3px solid var(--accent);
  border-radius: 0 6px 6px 0; padding: 1.1em 1.3em .9em; margin: 1.6em 0;
}
.not .icerik { font-size: 1.02rem; }
.not-alt { display: flex; align-items: center; gap: 14px; margin-top: .7em; font-family: var(--font-mono); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.not-alt a { display: inline-flex; align-items: center; gap: 5px; }
.not-alt a:hover { color: var(--ink); }
.not-alt svg { width: 12px; height: 12px; }

.baloncuklar {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 26px; padding: 30px clamp(1.25rem, 4vw, 2.5rem) 60px;
  max-width: 980px; margin: 0 auto;
}
.balon {
  display: flex; flex-direction: column; justify-content: center; text-align: center;
  background: var(--paper-2);
  border: 1.5px solid color-mix(in oklab, var(--vurgu, var(--anv)), transparent 55%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--vurgu, var(--anv)) 10%, transparent);
  padding: 1.5em 1.5em 1.3em;
  border-radius: 58% 42% 50% 50% / 48% 55% 45% 52%;
  transition: scale .35s cubic-bezier(.34, 1.56, .64, 1), border-color .25s ease;
}
.balon:hover { scale: 1.05; border-color: var(--vurgu, var(--anv)); }
.balon h2, .balon h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 500; margin: 0 0 .4em; }
.balon p { font-family: var(--font-serif); font-size: .9rem; margin: 0; color: var(--muted); font-style: italic; }
.balon .tarih { display: block; font-family: var(--font-mono); font-size: .6rem; color: var(--vurgu, var(--anv)); margin-top: .9em; letter-spacing: .14em; text-transform: uppercase; }

.arsiv-yil {
  font-family: var(--font-mono); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--accent); margin: 2.2em 0 .6em;
}
.arsiv-listesi ul { list-style: none; }
.arsiv-listesi li {
  display: flex; align-items: baseline; gap: 14px;
  padding: .5em 0; border-bottom: 1px dotted var(--line);
  font-family: var(--font-serif); font-size: 1.02rem;
}
.arsiv-listesi li a:hover { color: var(--accent); }
.arsiv-listesi li time { font-family: var(--font-mono); font-size: .64rem; color: var(--muted); margin-left: auto; white-space: nowrap; }

.sayfalama { display: flex; justify-content: center; gap: 10px; padding: 10px 0 60px; font-family: var(--font-mono); font-size: .72rem; }
.sayfalama a, .sayfalama span { padding: 6px 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); }
.sayfalama .current { color: var(--paper); background: var(--ink); border-color: var(--ink); }
.sayfalama a:hover { color: var(--ink); border-color: var(--muted); }

/* ---------- Yorumlar ---------- */

/* ---------- Alt bilgi (8 Eki 2026: Gourmet tarzı iki katlı footer) ---------- */
.alt {
  background: var(--ink); color: #9aa3b2; margin-top: clamp(2rem, 5vh, 4rem);
  padding: clamp(2.8rem, 6vh, 4.2rem) clamp(1.25rem, 4vw, 2.5rem) 1.9rem;
}
html[data-tema="koyu"] .alt { background: #0b0e13; }
.alt-ic { max-width: 76rem; margin: 0 auto; }
.alt-ust {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 1.6rem 2.5rem; flex-wrap: wrap;
  padding-bottom: clamp(1.8rem, 4vh, 2.6rem);
}
.alt-marka {
  font-family: var(--font-display); font-style: italic; font-weight: 500;
  font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -.02em; color: #f6f3ec;
}
.alt-marka:hover { color: var(--accent-bright); }
.alt-soz { font-family: var(--font-serif); font-style: italic; font-size: .95rem; margin-top: .55rem; }
.alt-menu { display: flex; gap: clamp(1.1rem, 2.4vw, 2.2rem); flex-wrap: wrap; padding-top: 1rem; }
.alt-menu a {
  font-family: var(--font-sans); font-size: .85rem; font-weight: 600; letter-spacing: .02em;
  color: #e6e1d6; transition: color .2s;
}
.alt-menu a:hover { color: var(--accent-bright); }
.alt-dip {
  display: flex; justify-content: space-between; align-items: center;
  gap: .8rem 2rem; flex-wrap: wrap;
  border-top: 1px solid rgba(246, 243, 236, .12); padding-top: 1.4rem;
  font-family: var(--font-mono); font-size: .64rem; letter-spacing: .14em; text-transform: uppercase;
}
.alt-dip-sag { display: flex; gap: 1.6rem; }
.alt-dip a { display: inline-flex; align-items: center; gap: 6px; transition: color .2s; }
.alt-dip a:hover { color: #f6f3ec; }
.alt svg { width: 13px; height: 13px; }

@media (max-width: 520px) {
  .marka em { display: none; }
}


/* ---------- Yazının şarkısı (8 Eki 2026) ---------- */
.muzik-sarici { padding: 0 clamp(1.25rem, 3vw, 3rem); position: relative; z-index: 4; }
.muzik-bar {
  display: flex; align-items: center; gap: 14px;
  max-width: 46rem; margin: clamp(-1.5rem, -3vh, -2rem) auto clamp(1.2rem, 2.5vh, 1.6rem);
  background: #14171d; color: #f6f3ec;
  border: 1px solid #262b35; border-radius: 999px;
  padding: 9px 18px 9px 9px;
  box-shadow: 0 18px 44px rgba(10, 12, 16, .45);
}
.muzik-cal {
  width: 46px; height: 46px; border-radius: 50%; flex: none; cursor: pointer;
  background: var(--accent-bright); color: #101319;
  display: grid; place-items: center; transition: transform .15s;
}
.muzik-cal:hover { transform: scale(1.07); }
.muzik-cal svg { width: 20px; height: 20px; }
.muzik-bar .ikon-durakla { display: none; }
.muzik-bar.caliyor .ikon-durakla { display: block; }
.muzik-bar.caliyor .ikon-cal { display: none; }
.muzik-bilgi { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.muzik-ust { font-family: var(--font-mono); font-size: .54rem; letter-spacing: .18em; text-transform: uppercase; color: #9aa3b2; }
.muzik-bilgi strong { font-family: var(--font-sans); font-size: .86rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.muzik-ilerleme { flex: 1; height: 5px; border-radius: 999px; background: #2a2f3a; cursor: pointer; min-width: 60px; }
.muzik-ilerleme span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--accent-bright)); transition: width .4s linear; }
.muzik-sure { font-family: var(--font-mono); font-size: .62rem; color: #9aa3b2; flex: none; min-width: 3ch; }
.muzik-dur { width: 34px; height: 34px; border-radius: 50%; flex: none; cursor: pointer; color: #9aa3b2; border: 1px solid #2a2f3a; display: grid; place-items: center; }
.muzik-dur:hover { color: #f6f3ec; border-color: #9aa3b2; }
.muzik-dur svg { width: 13px; height: 13px; }
.muzik-yt { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
@media (max-width: 640px) {
  .muzik-bar { gap: 10px; }
  .muzik-sure { display: none; }
  .muzik-bilgi strong { font-size: .78rem; }
}

/* ---------- Etiketler ve kategori çipleri ---------- */
.etiket-row { margin-top: 2.8em; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: var(--font-mono); }
.kategori-cip {
  font-size: .6rem; letter-spacing: .14em; text-transform: uppercase;
  background: var(--ink); color: var(--paper); border-radius: 999px; padding: 8px 15px;
}
.kategori-cip:hover { background: var(--accent); color: #fff; }
.etiket-cip {
  font-size: .64rem; letter-spacing: .06em; color: var(--muted);
  border: 1px solid var(--line); border-radius: 999px; padding: 7px 13px;
  transition: color .2s, border-color .2s;
}
.etiket-cip:hover { color: var(--accent); border-color: var(--accent); }

/* ---------- Paylaşım düğmeleri marka renkleri ---------- */
.yazi-alti .paylas-x { --marka: #0f1419; }
html[data-tema="koyu"] .yazi-alti .paylas-x { --marka: #f6f3ec; }
.yazi-alti .paylas-wa { --marka: #25d366; }
.yazi-alti .paylas-ig { --marka: #e4405f; }
.yazi-alti .paylas-fb { --marka: #1877f2; }
.yazi-alti a[class^="paylas-"], .yazi-alti button[class^="paylas-"] {
  color: var(--marka);
  border-color: color-mix(in srgb, var(--marka) 45%, transparent);
}
.yazi-alti a[class^="paylas-"]:hover, .yazi-alti button[class^="paylas-"]:hover {
  background: var(--marka); border-color: var(--marka); color: #fff;
}
html[data-tema="koyu"] .yazi-alti .paylas-x:hover { color: #101319; }
.yazi-alti .paylas-ig:hover {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  border-color: transparent; color: #fff;
}

/* ---------- Yorumlar (modern, 8 Eki 2026 akşam) ---------- */
.yorumlar h2 { font-family: var(--font-display); font-weight: 500; font-size: 1.3rem; margin-bottom: .9em; }
.yorumlar ol { list-style: none; }
.yorumlar li { padding: 1.1em 0; border-bottom: 1px solid var(--line); }
.yorumlar .comment-meta, .yorumlar .comment-metadata { font-family: var(--font-mono); font-size: .64rem; color: var(--muted); }
.yorumlar .avatar { display: none; }
.yorumlar .comment-respond h3, .yorumlar #reply-title { font-family: var(--font-display); font-weight: 500; font-size: 1.3rem; margin: 1.6em 0 .8em; }
.yorumlar form { display: flex; flex-direction: column; gap: 12px; }
.yorumlar .comment-form-author, .yorumlar .comment-form-email { display: inline-block; width: calc(50% - 6px); margin: 0; }
.yorumlar .comment-form-author { margin-right: 8px; }
.yorumlar .comment-form-comment { margin: 0; }
.yorumlar input[type="text"], .yorumlar input[type="email"], .yorumlar textarea {
  width: 100%; font-family: var(--font-sans); font-size: .92rem;
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  border: 1px solid var(--line); border-radius: 12px;
  padding: 13px 16px; color: var(--ink);
  transition: border-color .2s, background .2s;
}
.yorumlar input:focus, .yorumlar textarea:focus { outline: none; border-color: var(--accent); background: transparent; }
.yorumlar textarea { resize: vertical; min-height: 110px; }
.yorumlar ::placeholder { color: var(--muted); }
.yorumlar .form-submit { margin: 0; }
.yorumlar input[type="submit"], .yorumlar .submit {
  width: auto; font-family: var(--font-sans); font-weight: 600; font-size: .84rem;
  background: var(--accent); color: #fff; border: 0; border-radius: 999px;
  padding: 12px 28px; cursor: pointer; transition: background .2s, transform .15s;
}
.yorumlar input[type="submit"]:hover { background: var(--accent-bright); color: #101319; transform: translateY(-1px); }
.yorum-not { font-size: .74rem; color: var(--muted); }
.yorumlar .comment-form-cookies-consent { display: flex; align-items: center; gap: 8px; font-size: .76rem; color: var(--muted); margin: 0; }
.yorumlar .comment-form-cookies-consent input { width: auto; }
@media (max-width: 560px) {
  .yorumlar .comment-form-author, .yorumlar .comment-form-email { width: 100%; margin-right: 0; }
}

/* ---------- Devam bandı: minik kapaklı öneriler (8 Eki 2026 akşam) ---------- */
.devam-band {
  background: var(--ink); color: #f6f3ec;
  padding: clamp(2.2rem, 5vh, 3.6rem) clamp(1.25rem, 4vw, 2.5rem);
  margin-top: 3rem;
}
html[data-tema="koyu"] .devam-band { background: #0b0e13; }
.devam-ic { max-width: 76rem; margin: 0 auto; }
.devam-ust {
  font-family: var(--font-mono); font-size: .64rem; letter-spacing: .2em;
  text-transform: uppercase; color: var(--accent-bright); margin-bottom: 1.6rem;
}
.devam-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2.5vw, 28px); }
.devam-kart { display: block; color: inherit; }
.devam-kart img, .devam-bos {
  display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover;
  border-radius: 8px; margin-bottom: .85rem;
  background: #1c212b; transition: transform .35s ease, box-shadow .35s ease;
}
.devam-kart:hover img { transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 36px rgba(0, 0, 0, .45); }
.devam-meta { display: block; font-family: var(--font-mono); font-size: .58rem; letter-spacing: .16em; text-transform: uppercase; color: #9aa3b2; margin-bottom: .4rem; }
.devam-kart strong { font-family: var(--font-display); font-weight: 500; font-size: 1.08rem; line-height: 1.28; }
.devam-kart:hover strong { color: var(--accent-bright); }
@media (max-width: 860px) { .devam-kartlar { grid-template-columns: 1fr 1fr; } .devam-kartlar .devam-kart:nth-child(3) { display: none; } }
@media (max-width: 560px) { .devam-kartlar { grid-template-columns: 1fr; } .devam-kartlar .devam-kart:nth-child(3) { display: block; } }

/* ================= Teras ve Playlist sayfaları (2.2.0) ================= */
.teras-sayfa, .playlist-sayfa { max-width: 46rem; margin: 0 auto; padding: calc(var(--header-h) + 2.5rem) 1.25rem 4rem; }
.teras-baslik .kicker {
  font-family: var(--font-mono); font-size: .72rem; letter-spacing: .14em;
  text-transform: uppercase; color: var(--accent); margin-bottom: .6rem;
}
.teras-baslik h1 { font-family: var(--font-display); font-size: clamp(2.2rem, 6vw, 3.2rem); color: var(--ink); }
.teras-soz { font-family: var(--font-serif); font-size: 1.08rem; line-height: 1.7; color: var(--ink-2); margin-top: 1rem; max-width: 40rem; }
.teras-not { font-size: .82rem; color: var(--muted); margin-top: 1.4rem; line-height: 1.6; }

.ev-rozet {
  display: inline-block; margin-left: .45em; padding: .1em .55em;
  font-family: var(--font-mono); font-size: .62rem; letter-spacing: .06em;
  color: #fff; background: var(--accent); border-radius: 999px; vertical-align: middle;
}

/* --- Teras sohbet kutusu --- */
.teras-kutu {
  margin-top: 2rem; border: 1px solid var(--line); border-radius: 18px;
  background: color-mix(in srgb, var(--paper-2) 60%, var(--paper));
  overflow: hidden;
}
.teras-ust {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: .8rem 1.1rem; border-bottom: 1px solid var(--line);
  font-family: var(--font-mono); font-size: .74rem; color: var(--muted);
}
.teras-durum .nokta {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--muted); margin-right: .45em; vertical-align: baseline;
}
.teras-durum .nokta.canli { background: #22c55e; box-shadow: 0 0 0 4px rgba(34, 197, 94, .18); }

.teras-giris { padding: 1.4rem 1.1rem 1.6rem; }
.teras-giris label { display: block; font-size: .8rem; color: var(--muted); margin-bottom: .5rem; }
.teras-giris-satir { display: flex; gap: .6rem; }
.teras-giris input, .teras-yaz input {
  flex: 1; min-width: 0; padding: .7rem .95rem; font: inherit; font-size: .95rem;
  color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 12px;
}
.teras-giris input:focus, .teras-yaz input:focus {
  outline: none; border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}
.teras-giris button, .pl-hepsi {
  padding: .7rem 1.3rem; font-family: var(--font-sans); font-weight: 600; font-size: .9rem;
  color: #fff; background: var(--accent); border: 0; border-radius: 999px; cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}
.teras-giris button:hover, .pl-hepsi:hover { transform: translateY(-1px); opacity: .92; }
.teras-giris-hata { margin-top: .7rem; font-size: .84rem; color: #b91c1c; }

.teras-mesajlar {
  height: min(52vh, 430px); overflow-y: auto; padding: 1rem 1.1rem;
  display: flex; flex-direction: column; gap: .7rem;
}
.teras-mesaj { max-width: 85%; }
.teras-mesaj strong {
  display: block; font-family: var(--font-mono); font-size: .68rem;
  letter-spacing: .04em; color: var(--muted); margin-bottom: .2rem;
}
.teras-mesaj p {
  display: inline-block; padding: .55rem .85rem; font-size: .95rem; line-height: 1.5;
  color: var(--ink); background: var(--paper); border: 1px solid var(--line);
  border-radius: 4px 14px 14px 14px;
}
.teras-mesaj.benim { align-self: flex-end; text-align: right; }
.teras-mesaj.benim p {
  background: color-mix(in srgb, var(--accent) 10%, var(--paper));
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  border-radius: 14px 4px 14px 14px;
}
.teras-mesaj.ev p {
  background: color-mix(in srgb, var(--accent) 14%, var(--paper));
  border-color: var(--accent);
}
.teras-yaz { display: flex; gap: .6rem; padding: .9rem 1.1rem; border-top: 1px solid var(--line); }
.teras-yaz button {
  flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center;
  color: #fff; background: var(--accent); border: 0; border-radius: 50%; cursor: pointer;
}
.teras-yaz button svg { width: 18px; height: 18px; }
.teras-kalk {
  display: block; width: 100%; padding: .6rem; font-family: var(--font-mono); font-size: .72rem;
  color: var(--muted); background: none; border: 0; border-top: 1px solid var(--line); cursor: pointer;
}
.teras-kalk:hover { color: var(--ink); }

/* --- Playlist --- */
.playlist { margin-top: 2rem; }
.playlist-ust { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.2rem; }
.pl-hepsi { display: inline-flex; align-items: center; gap: .5rem; }
.pl-hepsi svg { width: 16px; height: 16px; }
.pl-sayi { font-family: var(--font-mono); font-size: .74rem; color: var(--muted); }

.playlist-liste { list-style: none; display: flex; flex-direction: column; }
.pl-satir {
  display: flex; align-items: center; gap: 1rem; padding: .8rem .6rem;
  border-bottom: 1px solid var(--line); border-radius: 10px;
  transition: background .2s ease;
}
.pl-satir:hover { background: color-mix(in srgb, var(--paper-2) 70%, var(--paper)); }
.pl-satir.aktif { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); }

.pl-cal {
  position: relative; flex: 0 0 auto; width: 84px; height: 48px; padding: 0;
  border: 0; border-radius: 9px; overflow: hidden; cursor: pointer; background: var(--ink);
}
.pl-cal img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .85; }
.pl-ikon {
  position: absolute; inset: 0; display: grid; place-items: center;
  color: #fff; background: rgba(16, 19, 25, .35); transition: background .2s ease;
}
.pl-cal:hover .pl-ikon { background: rgba(16, 19, 25, .55); }
.pl-ikon svg { width: 20px; height: 20px; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5)); }
.pl-ikon .i-dur, .pl-satir.caliyor .pl-ikon .i-cal { display: none; }
.pl-satir.caliyor .pl-ikon .i-dur { display: block; }

.pl-dalga { position: absolute; right: 6px; bottom: 5px; display: none; gap: 2px; align-items: flex-end; height: 12px; }
.pl-satir.caliyor .pl-dalga { display: flex; }
.pl-dalga i { width: 3px; background: var(--accent-bright); border-radius: 2px; animation: pl-dalga .9s ease-in-out infinite; }
.pl-dalga i:nth-child(2) { animation-delay: .25s; }
.pl-dalga i:nth-child(3) { animation-delay: .5s; }
@keyframes pl-dalga { 0%, 100% { height: 4px; } 50% { height: 12px; } }

.pl-bilgi { flex: 1; min-width: 0; }
.pl-bilgi strong { display: block; font-family: var(--font-serif); font-size: 1.02rem; color: var(--ink); }
.pl-bilgi span { font-size: .82rem; color: var(--muted); }

.pl-yazi { flex: 0 0 38%; min-width: 0; text-decoration: none; text-align: right; }
.pl-yazi em {
  display: block; font-family: var(--font-mono); font-style: normal; font-size: .62rem;
  letter-spacing: .1em; text-transform: uppercase; color: var(--accent); margin-bottom: .15rem;
}
.pl-yazi span {
  display: block; font-size: .86rem; color: var(--ink-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pl-yazi:hover span { color: var(--accent); }

@media (max-width: 640px) {
  .pl-satir { flex-wrap: wrap; }
  .pl-yazi { flex: 1 0 100%; text-align: left; padding-left: calc(84px + 1rem); }
}

/* ================= Teras v3: tam ekran canlı teras (2.4.0) =================
   8 Eki 2026 kullanıcı: sayfa kaymasın, sohbet hizalı/sabit dursun (mobil),
   masaüstünde boşluk kalmasın. Sayfa 100dvh'lik bir uygulama gibi davranır:
   gövde kaymaz, mesaj listesi kendi içinde kayar. */
/* display kuralları hidden özniteliğini ezmesin */
.t2 [hidden], .t2-panel[hidden], .t2-lightbox[hidden] { display: none !important; }
body.page-template-page-teras { background: #0b0e13; height: 100dvh; overflow: hidden; }
body.page.page-template-page-teras .ust { color: #f6f3ec; }
body.page-template-page-teras .alt { display: none; }

.t2-fon { position: fixed; inset: 0; z-index: 0; }
.t2-fon video { width: 100%; height: 100%; object-fit: cover; }
.t2-fon::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(11, 14, 19, .64) 0%, rgba(11, 14, 19, .34) 42%, rgba(11, 14, 19, .72) 100%);
}

.t2 {
  position: relative; z-index: 1; height: 100dvh; max-width: 100rem; margin: 0 auto;
  display: flex; flex-direction: column;
  padding: calc(var(--header-h) + 1rem) 1.25rem 1.1rem; color: #f6f3ec;
}
.t2:not(.t2-icinde) { overflow-y: auto; }
.t2-baslik { flex: none; text-align: center; margin-bottom: 1.1rem; }
.t2-baslik .kicker { justify-content: center; color: #e879f9; font-family: var(--font-mono); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.t2-baslik h1 { font-family: var(--font-display); font-size: clamp(2rem, 4.5vw, 3rem); text-shadow: 0 2px 24px rgba(0, 0, 0, .5); }
.t2-soz { font-family: var(--font-serif); font-size: 1.02rem; line-height: 1.6; max-width: 44rem; margin: .7rem auto 0; color: rgba(246, 243, 236, .88); text-shadow: 0 1px 12px rgba(0, 0, 0, .5); }
.t2-not { flex: none; font-size: .78rem; color: rgba(246, 243, 236, .6); max-width: 46rem; margin: .9rem auto 0; text-align: center; line-height: 1.55; }
/* sohbete oturunca başlık küçülür, süslemeler çekilir: yer sohbetin */
.t2.t2-icinde .t2-soz, .t2.t2-icinde .t2-not { display: none; }
.t2.t2-icinde .t2-baslik { margin-bottom: .8rem; }
.t2.t2-icinde .t2-baslik h1 { font-size: clamp(1.5rem, 2.6vw, 1.9rem); }
.t2.t2-icinde .t2-baslik .kicker { font-size: .62rem; }

.t2-izgara { flex: 1; min-height: 0; display: flex; gap: 1.2rem; align-items: center; justify-content: center; }
.t2.t2-icinde .t2-izgara { align-items: stretch; }

/* --- cam paneller --- */
.t2-sohbet, .t2-panel {
  background: rgba(13, 16, 22, .72);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(246, 243, 236, .14);
  border-radius: 18px; overflow: hidden;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
}
.t2-sohbet { flex: 0 1 36rem; min-width: 0; display: flex; flex-direction: column; max-height: 100%; }
.t2.t2-icinde .t2-sohbet { flex: 0 1 46rem; }
.t2-panel { flex: 0 0 24rem; min-width: 0; display: flex; flex-direction: column; max-height: 100%; }
#t2-video { flex-basis: 28rem; }

.t2-panel-ust {
  display: flex; align-items: center; gap: .55rem;
  padding: .6rem .8rem; border-bottom: 1px solid rgba(246, 243, 236, .12);
  font-family: var(--font-mono); font-size: .72rem;
}
.t2-panel-ad { color: #e879f9; white-space: nowrap; }
.t2-panel-baslik { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(246, 243, 236, .75); }
.t2-ses, .t2-kapat {
  flex: 0 0 auto; background: none; border: 0; color: #f6f3ec; cursor: pointer;
  font-size: .95rem; opacity: .8; padding: .15rem .3rem;
}
.t2-ses:hover, .t2-kapat:hover { opacity: 1; }
.t2-kapat { font-size: 1.25rem; line-height: 1; }

.t2-video-kutu { position: relative; aspect-ratio: 16 / 9; background: #000; }
.t2-video-kutu iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

.t2-muzik-govde { position: relative; }
.t2-muzik-govde img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; opacity: .85; }
.t2-muzik-dalga {
  position: absolute; left: 0; right: 0; bottom: 0; height: 44px;
  display: flex; gap: 4px; align-items: flex-end; justify-content: center;
  padding-bottom: 8px; background: linear-gradient(transparent, rgba(0, 0, 0, .65));
}
.t2-muzik-dalga i { width: 4px; height: 6px; background: #e879f9; border-radius: 2px; }
.t2-muzik-dalga.caliyor i { animation: t2dalga 1s ease-in-out infinite; }
.t2-muzik-dalga.caliyor i:nth-child(2) { animation-delay: .15s; }
.t2-muzik-dalga.caliyor i:nth-child(3) { animation-delay: .3s; }
.t2-muzik-dalga.caliyor i:nth-child(4) { animation-delay: .45s; }
.t2-muzik-dalga.caliyor i:nth-child(5) { animation-delay: .6s; }
@keyframes t2dalga { 0%, 100% { height: 6px; } 50% { height: 26px; } }
.t2-muzik-yt { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }

/* --- sohbet --- */
.t2-ust {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: .75rem 1rem; border-bottom: 1px solid rgba(246, 243, 236, .12);
  font-family: var(--font-mono); font-size: .72rem; color: rgba(246, 243, 236, .75);
}
.t2-durum .nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(246, 243, 236, .4); margin-right: .45em; }
.t2-durum .nokta.canli { background: #22c55e; box-shadow: 0 0 0 4px rgba(34, 197, 94, .2); }
.t2-kisiler-dugme {
  background: rgba(246, 243, 236, .1); border: 1px solid rgba(246, 243, 236, .18);
  color: #f6f3ec; font-family: var(--font-mono); font-size: .7rem;
  padding: .3rem .7rem; border-radius: 999px; cursor: pointer;
}
.t2-kisiler-dugme:hover { background: rgba(246, 243, 236, .18); }

.t2-kisiler { border-bottom: 1px solid rgba(246, 243, 236, .12); max-height: 200px; overflow-y: auto; }
.t2-kisi {
  display: flex; justify-content: space-between; align-items: center; gap: .8rem;
  padding: .45rem 1rem; font-size: .85rem;
}
.t2-kisi + .t2-kisi { border-top: 1px solid rgba(246, 243, 236, .06); }
.t2-kisi-islem { display: flex; gap: .4rem; }
.t2-kisi-islem button {
  background: rgba(246, 243, 236, .1); border: 1px solid rgba(246, 243, 236, .18);
  color: #f6f3ec; font-size: .68rem; padding: .2rem .55rem; border-radius: 999px; cursor: pointer;
}
.t2-kisi-islem button:hover { background: rgba(232, 121, 249, .25); border-color: #e879f9; }

.rozet {
  display: inline-block; margin-left: .35em; padding: .08em .5em;
  font-family: var(--font-mono); font-style: normal; font-size: .58rem;
  letter-spacing: .05em; border-radius: 999px; vertical-align: middle; color: #fff;
}
.rozet.ev { background: #a21caf; }
.rozet.mod { background: #0f766e; }
.rozet.sus { background: #7f1d1d; }

.t2-modbar {
  display: flex; gap: .8rem; align-items: center; flex-wrap: wrap;
  padding: .55rem 1rem; border-bottom: 1px solid rgba(246, 243, 236, .12);
  font-family: var(--font-mono); font-size: .72rem; color: rgba(246, 243, 236, .8);
}
.t2-modbar button {
  background: rgba(162, 28, 175, .35); border: 1px solid #a21caf; color: #fff;
  font-family: var(--font-mono); font-size: .7rem; padding: .3rem .8rem;
  border-radius: 999px; cursor: pointer;
}
.t2-modbar button:hover { background: rgba(162, 28, 175, .6); }
.t2-modbar select {
  background: rgba(13, 16, 22, .9); color: #f6f3ec;
  border: 1px solid rgba(246, 243, 236, .25); border-radius: 8px; padding: .2rem .4rem;
  font: inherit;
}

.t2-uyari {
  padding: .5rem 1rem; font-size: .8rem; color: #fbbf24;
  background: rgba(251, 191, 36, .08); border-bottom: 1px solid rgba(251, 191, 36, .25);
}

.t2-giris { padding: 1.8rem 1.5rem 2rem; }
.t2-giris label { display: block; font-size: .8rem; color: rgba(246, 243, 236, .7); margin-bottom: .5rem; }
.t2-giris-satir { display: flex; gap: .6rem; }
.t2-giris input, .t2-yaz input[type="text"] {
  flex: 1; min-width: 0; padding: .7rem .95rem; font: inherit; font-size: .95rem;
  color: #f6f3ec; background: rgba(246, 243, 236, .08);
  border: 1px solid rgba(246, 243, 236, .2); border-radius: 12px;
}
.t2-giris input::placeholder, .t2-yaz input::placeholder { color: rgba(246, 243, 236, .4); }
.t2-giris input:focus, .t2-yaz input:focus {
  outline: none; border-color: #e879f9; box-shadow: 0 0 0 3px rgba(232, 121, 249, .2);
}
.t2-giris button[type="submit"] {
  padding: .7rem 1.3rem; font-family: var(--font-sans); font-weight: 600; font-size: .9rem;
  color: #fff; background: #a21caf; border: 0; border-radius: 999px; cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}
.t2-giris button[type="submit"]:hover { transform: translateY(-1px); opacity: .92; }
.t2-hata { margin-top: .7rem; font-size: .84rem; color: #fca5a5; }

.t2-akis { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.t2-mesajlar {
  flex: 1 1 auto; min-height: 8rem; overflow-y: auto; padding: 1rem 1.1rem;
  display: flex; flex-direction: column; gap: .7rem;
}
.t2-mesaj { position: relative; max-width: 88%; }
.t2-mesaj strong {
  display: block; font-family: var(--font-mono); font-size: .66rem;
  letter-spacing: .04em; color: rgba(246, 243, 236, .6); margin-bottom: .2rem;
}
.t2-mesaj p {
  display: inline-block; padding: .55rem .85rem; font-size: .95rem; line-height: 1.5;
  color: #f6f3ec; background: rgba(246, 243, 236, .08);
  border: 1px solid rgba(246, 243, 236, .14); border-radius: 4px 14px 14px 14px;
  overflow-wrap: anywhere;
}
.t2-mesaj.benim { align-self: flex-end; text-align: right; }
.t2-mesaj.benim p { background: rgba(162, 28, 175, .22); border-color: rgba(232, 121, 249, .4); border-radius: 14px 4px 14px 14px; }
.t2-mesaj.ev p { background: rgba(162, 28, 175, .3); border-color: #e879f9; }
.t2-mesaj.mod p { border-color: rgba(15, 118, 110, .8); }
.t2-sil {
  position: absolute; top: 0; right: -4px; width: 20px; height: 20px;
  background: rgba(127, 29, 29, .85); color: #fff; border: 0; border-radius: 50%;
  font-size: .85rem; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .15s;
}
.t2-mesaj.benim .t2-sil { right: auto; left: -4px; }
.t2-mesaj:hover .t2-sil { opacity: 1; }

.t2-resim { max-width: min(280px, 100%); max-height: 240px; border-radius: 10px; display: block; cursor: zoom-in; }

.t2-ytcip {
  display: inline-flex; align-items: center; gap: .45rem; margin: .15rem 0;
  padding: .3rem .5rem; background: rgba(0, 0, 0, .35);
  border: 1px solid rgba(246, 243, 236, .18); border-radius: 10px;
}
.t2-ytcip img { width: 52px; height: 39px; object-fit: cover; border-radius: 6px; }
.t2-ytcip button {
  background: rgba(246, 243, 236, .12); border: 1px solid rgba(246, 243, 236, .22);
  color: #f6f3ec; font-size: .72rem; padding: .3rem .6rem; border-radius: 999px; cursor: pointer;
  white-space: nowrap;
}
.t2-ytcip button:hover { background: rgba(232, 121, 249, .3); border-color: #e879f9; }

.t2-emoji {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(2.2rem, 1fr));
  gap: .2rem; padding: .6rem .9rem; border-top: 1px solid rgba(246, 243, 236, .12);
}
.t2-emoji button { background: none; border: 0; font-size: 1.25rem; cursor: pointer; padding: .2rem; border-radius: 8px; }
.t2-emoji button:hover { background: rgba(246, 243, 236, .12); }

.t2-yaz {
  display: flex; gap: .5rem; align-items: center;
  padding: .8rem .9rem; border-top: 1px solid rgba(246, 243, 236, .12);
}
.t2-arac { flex: 0 0 auto; background: none; border: 0; font-size: 1.25rem; cursor: pointer; opacity: .85; padding: .2rem; }
.t2-arac:hover { opacity: 1; }
.t2-gonder {
  flex: 0 0 auto; width: 42px; height: 42px; display: grid; place-items: center;
  color: #fff; background: #a21caf; border: 0; border-radius: 50%; cursor: pointer;
}
.t2-gonder svg { width: 17px; height: 17px; }
.t2-kalk {
  display: block; width: 100%; padding: .55rem; font-family: var(--font-mono); font-size: .7rem;
  color: rgba(246, 243, 236, .55); background: none; border: 0;
  border-top: 1px solid rgba(246, 243, 236, .12); cursor: pointer;
}
.t2-kalk:hover { color: #f6f3ec; }

.t2-lightbox {
  position: fixed; inset: 0; z-index: 200; background: rgba(0, 0, 0, .85);
  display: grid; place-items: center; cursor: zoom-out;
}
.t2-lightbox img { max-width: 92vw; max-height: 90vh; border-radius: 12px; }

/* --- Teras mobil / dar ekran: sohbet ekranı doldurur, sayfa kaymaz --- */
@media (max-width: 1023px) {
  .t2 { padding: calc(var(--header-h) + .6rem) .7rem .7rem; }
  .t2-izgara { flex-direction: column; align-items: stretch; justify-content: center; gap: .7rem; }
  .t2.t2-icinde .t2-izgara { justify-content: flex-start; }
  .t2-sohbet, .t2.t2-icinde .t2-sohbet { flex: 0 0 auto; width: 100%; max-height: none; }
  .t2.t2-icinde .t2-sohbet { flex: 1 1 auto; min-height: 0; order: 2; }
  .t2-panel, #t2-video { flex: none; width: 100%; }
  #t2-video { order: 1; }
  #t2-muzik { order: 3; }
  .t2-baslik { margin-bottom: .7rem; }
  .t2-baslik h1 { font-size: 1.7rem; }
  .t2-soz { font-size: .92rem; }
  /* sohbete oturunca başlık ve notlar tamamen çekilir: ekran sohbetin */
  .t2.t2-icinde .t2-baslik { display: none; }
  .t2-video-kutu { aspect-ratio: auto; height: min(30dvh, 240px); }
  .t2-muzik-govde img { display: none; }
  .t2-muzik-dalga { position: static; height: 38px; padding: 6px 0; background: none; }
  .t2-mesajlar { min-height: 0; }
}

/* ================= Teras v4: fon döngüsü + ambiyans + soru (8 Eki 2026) ===== */
.t2-fon .t2-fon-poster,
.t2-fon video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.t2-fon video {
  opacity: 0;
  transition: opacity 1.6s ease;
}
.t2-fon video.gorunur { opacity: 1; }

/* üst çubuk araçları */
.t2-ust-arac {
  font-family: var(--font-sans);
  font-size: .78rem;
  color: #f6f3ec;
  background: rgba(16, 19, 25, .55);
  border: 1px solid rgba(246, 243, 236, .25);
  border-radius: 999px;
  padding: .3rem .75rem;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
.t2-ust-arac:hover { background: rgba(162, 28, 175, .5); }
.t2-ust-arac.acik {
  background: #a21caf;
  border-color: #e879f9;
}

/* ambiyans paneli */
.t2-ambiyans {
  background: rgba(16, 19, 25, .72);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(246, 243, 236, .18);
  border-radius: 14px;
  padding: .8rem .95rem;
  margin-bottom: .6rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .35rem .9rem;
}
.t2-ambiyans-ust {
  grid-column: 1 / -1;
  font-family: var(--font-sans);
  font-size: .76rem;
  color: rgba(246, 243, 236, .75);
  margin: 0 0 .25rem;
}
.t2-ses-satir {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  min-width: 0;
  background: rgba(246, 243, 236, .05);
  border: 1px solid rgba(246, 243, 236, .12);
  border-radius: 12px;
  padding: .55rem .7rem;
  transition: background .25s, border-color .25s;
}
.t2-ses-satir.caliyor {
  background: rgba(162, 28, 175, .16);
  border-color: rgba(232, 121, 249, .45);
}
.t2-ses-ac {
  display: flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
  font-family: var(--font-sans);
  font-size: .82rem;
  color: #f6f3ec;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.t2-ses-ikon {
  font-size: 1.05rem;
  filter: grayscale(1);
  opacity: .7;
  transition: filter .25s, opacity .25s;
}
.t2-ses-ad {
  flex: 1 1 auto;
  text-align: left;
  opacity: .72;
  transition: opacity .25s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t2-ses-anahtar {
  flex: 0 0 auto;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: rgba(246, 243, 236, .22);
  position: relative;
  transition: background .25s;
}
.t2-ses-anahtar::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f6f3ec;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
  transition: left .22s;
}
.t2-ses-satir.caliyor .t2-ses-ikon { filter: grayscale(0); opacity: 1; }
.t2-ses-satir.caliyor .t2-ses-ad { opacity: 1; font-weight: 600; }
.t2-ses-satir.caliyor .t2-ses-anahtar { background: #c026d3; }
.t2-ses-satir.caliyor .t2-ses-anahtar::after { left: 16px; }
.t2-ses-duzey {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 999px;
  background: rgba(246, 243, 236, .22);
  outline: none;
  display: none;
  cursor: pointer;
}
.t2-ses-satir.caliyor .t2-ses-duzey { display: block; }
.t2-ses-duzey::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #e879f9;
  border: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  cursor: pointer;
}
.t2-ses-duzey::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #e879f9;
  border: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  cursor: pointer;
}
.t2-ses-duzey::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(246, 243, 236, .22);
}

/* soru menüsü + modu çipi */
.t2-soru-menu {
  background: rgba(16, 19, 25, .94);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(246, 243, 236, .18);
  border-radius: 16px;
  padding: .85rem;
  margin-bottom: .55rem;
  max-width: 24rem;
}
.t2-soru-baslik {
  font-family: var(--font-mono);
  font-size: .62rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(246, 243, 236, .6);
  margin: 0 .2rem .6rem;
}
.t2-soru-menu button {
  display: flex;
  align-items: center;
  gap: .7rem;
  width: 100%;
  text-align: left;
  font-family: var(--font-sans);
  color: #f6f3ec;
  background: rgba(246, 243, 236, .05);
  border: 1px solid rgba(246, 243, 236, .12);
  border-radius: 12px;
  padding: .6rem .7rem;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
.t2-soru-menu button + button { margin-top: .45rem; }
.t2-soru-menu button:hover {
  background: rgba(162, 28, 175, .3);
  border-color: rgba(232, 121, 249, .5);
}
.t2-soru-ikon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  font-size: 1rem;
  background: rgba(232, 121, 249, .14);
  border-radius: 50%;
}
.t2-soru-metin { display: block; min-width: 0; }
.t2-soru-metin strong {
  display: block;
  font-size: .85rem;
  font-weight: 600;
}
.t2-soru-metin small {
  display: block;
  font-size: .72rem;
  color: rgba(246, 243, 236, .62);
  margin-top: .12rem;
}
.t2-soru-not {
  font-family: var(--font-sans);
  font-size: .7rem;
  color: rgba(246, 243, 236, .5);
  margin: .6rem .2rem 0;
}
.t2-soru-cip {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-sans);
  font-size: .78rem;
  color: #f6f3ec;
  background: rgba(162, 28, 175, .4);
  border: 1px solid rgba(232, 121, 249, .5);
  border-radius: 999px;
  padding: .3rem .4rem .3rem .85rem;
  margin: 0 0 .45rem;
  width: fit-content;
}
.t2-soru-cip button {
  font-size: .9rem;
  line-height: 1;
  color: #f6f3ec;
  background: rgba(16, 19, 25, .5);
  border: 0;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}

/* soru / özel soru mesaj görünümü */
.t2-mesaj.soru { border-left: 3px solid #e879f9; }
.t2-mesaj.ozel {
  border: 1px dashed rgba(232, 121, 249, .65);
  background: rgba(162, 28, 175, .16);
}
.rozet.soru { background: #a21caf; }
.rozet.ozel { background: #52525b; }

/* "Sadece Özlem" süzgeci: ev mesajları ve sistem dışındakiler gizlenir */
.t2-mesajlar.sadece-ev .t2-mesaj:not(.ev) { display: none; }

@media (max-width: 760px) {
  .t2-ambiyans { grid-template-columns: 1fr; }
  .t2-ust { flex-wrap: wrap; }
}

/* ================= /ozlem el kitabı (8 Eki 2026) ================= */
.ozlem-kilit {
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 1.4rem 1.5rem;
  max-width: 30rem;
}
.ozlem-kilit .post-password-form p { margin: 0 0 .8rem; }
.ozlem-kilit .post-password-form label {
  display: block;
  font-family: var(--font-sans);
  font-size: .85rem;
  font-weight: 600;
}
.ozlem-kilit .post-password-form input[type="password"] {
  display: block;
  width: 100%;
  margin-top: .4rem;
  font-family: var(--font-serif);
  font-size: 1rem;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .65rem .8rem;
}
.ozlem-kilit .post-password-form input[type="submit"] {
  font-family: var(--font-sans);
  font-size: .95rem;
  font-weight: 600;
  color: var(--paper);
  background: var(--ink);
  border: 0;
  border-radius: 999px;
  padding: .7rem 2rem;
  cursor: pointer;
}
.ozlem-kilit .post-password-form input[type="submit"]:hover { background: var(--accent); }
.hukuk code {
  font-family: var(--font-mono);
  font-size: .88em;
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: .1rem .4rem;
  word-break: break-all;
}

/* şarkı gömmeye kapalıysa çubuk YouTube'a götürür (8 Eki 2026) */
.muzik-bar.disarida .muzik-ust { color: #e879f9; }
.muzik-bar.disarida .muzik-ilerleme, .muzik-bar.disarida .muzik-sure, .muzik-bar.disarida .muzik-dur { opacity: .3; }

/* ========== iletişim formu stilleri (8 Eki 2026'da yeniden; önceki eklenti
   bir üzerine yazmada kaybolmuştu — bal küpü gizlemesi KRİTİK) ========== */
.ilet-bal { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ilet-form { max-width: 30rem; }
.ilet-form p { margin: 0 0 .9rem; }
.ilet-form label {
  display: block;
  font-family: var(--font-sans);
  font-size: .82rem;
  margin-bottom: .3rem;
  color: var(--murekkep);
}
.ilet-form .zorunlu { color: var(--accent-warm); }
.ilet-form input[type="text"],
.ilet-form input[type="email"],
.ilet-form textarea {
  width: 100%;
  font-family: var(--font-sans);
  font-size: .95rem;
  color: var(--murekkep);
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .6rem .8rem;
  outline: none;
}
.ilet-form input:focus, .ilet-form textarea:focus { border-color: var(--accent-bright); }
.ilet-gonder {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: .95rem;
  color: #fff;
  background: var(--accent-warm);
  border: 0;
  border-radius: 999px;
  padding: .65rem 1.6rem;
  cursor: pointer;
}
.ilet-not {
  border-radius: 10px;
  padding: .6rem .9rem;
  font-size: .9rem;
  max-width: 30rem;
}
.ilet-not.ilet-tamam { background: rgba(80, 200, 120, .14); color: #1f7a44; }
.ilet-not.ilet-hata { background: rgba(255, 92, 56, .14); color: #b03718; }
html[data-tema="koyu"] .ilet-not.ilet-tamam { color: #8fe3ae; }
html[data-tema="koyu"] .ilet-not.ilet-hata { color: #ffa38c; }
.hukuk-tarih { font-size: .82rem; opacity: .65; margin-top: 2rem; }

/* ================= bülten kutusu (8 Eki 2026) ================= */
.bulten {
  background: #101319;
  border-top: 1px solid rgba(246, 243, 236, .1);
}
.bulten-ic {
  max-width: 44rem;
  margin: 0 auto;
  padding: 3.2rem 1.4rem 3.4rem;
  text-align: center;
}
.bulten h2 {
  font-family: var(--font-serif);
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  color: #f6f3ec;
  margin: 0 0 .5rem;
}
.bulten p {
  font-family: var(--font-sans);
  font-size: .92rem;
  color: rgba(246, 243, 236, .72);
  margin: 0 0 1.3rem;
}
.bulten-form {
  display: flex;
  gap: .55rem;
  justify-content: center;
  flex-wrap: wrap;
}
.bulten-form input[type="email"] {
  flex: 1 1 16rem;
  max-width: 22rem;
  font-family: var(--font-sans);
  font-size: .95rem;
  color: #f6f3ec;
  background: rgba(246, 243, 236, .07);
  border: 1px solid rgba(246, 243, 236, .25);
  border-radius: 999px;
  padding: .72rem 1.15rem;
  outline: none;
}
.bulten-form input[type="email"]:focus { border-color: #e879f9; }
.bulten-form button {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: .95rem;
  color: #fff;
  background: #ff5c38;
  border: 0;
  border-radius: 999px;
  padding: .72rem 1.5rem;
  cursor: pointer;
  transition: transform .15s, background .2s;
}
.bulten-form button:hover { background: #e879f9; color: #101319; transform: translateY(-1px); }
.bulten-not {
  font-size: .88rem;
  border-radius: 10px;
  padding: .55rem .9rem;
  display: inline-block;
}
.bulten-not.bulten-tamam { background: rgba(80, 200, 120, .15); color: #8fe3ae; }
.bulten-not.bulten-hata { background: rgba(255, 92, 56, .15); color: #ffa38c; }

/* /ozlem e-posta formu */
.ozlem-eposta-form { display: flex; gap: .5rem; flex-wrap: wrap; margin: .6rem 0 .3rem; }
.ozlem-eposta-form input[type="email"] {
  flex: 1 1 14rem;
  max-width: 20rem;
  font-size: .92rem;
  padding: .5rem .8rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper-2);
  color: var(--murekkep);
}
.ozlem-eposta-form button {
  font-size: .9rem;
  padding: .5rem 1rem;
  border: 0;
  border-radius: 8px;
  background: var(--accent-warm);
  color: #fff;
  cursor: pointer;
}
.guray-notu {
  background: var(--paper-2);
  border-left: 3px solid var(--accent-warm);
  border-radius: 0 12px 12px 0;
  padding: 1rem 1.2rem;
  margin: 1.2rem 0;
}