/* Korems — herkese açık site stilleri. Belirteçler tokens.css'te. */

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: clip;
  scroll-padding-top: 5.5rem;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  background: var(--renk-kagit);
  color: var(--renk-murekkep);
  font-family: var(--yazi-govde);
  font-size: var(--boy-md);
  line-height: 1.6;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; }
img, video { height: auto; }
h1, h2, h3, h4 {
  margin: 0;
  font-family: var(--yazi-baslik);
  font-weight: 800;
  letter-spacing: -0.032em;
  line-height: 1.04;
  text-wrap: balance;
  overflow-wrap: anywhere;
  min-width: 0;
}
h3, h4 { font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }
p, ul, ol, dl, figure, blockquote { margin: 0; }
p { text-wrap: pretty; }
ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--renk-kor); color: var(--renk-gece); }
:focus-visible { outline: 2px solid var(--renk-odak); outline-offset: 3px; border-radius: 4px; }
[hidden] { display: none !important; }

.gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.atla {
  position: fixed; top: var(--bosluk-sm); left: var(--bosluk-sm); z-index: var(--katman-bildirim);
  padding: var(--bosluk-xs) var(--bosluk-md); border-radius: var(--kose-hap);
  background: var(--renk-murekkep); color: var(--renk-kagit); text-decoration: none; font-weight: 600;
  transform: translateY(-200%);
}
.atla:focus-visible { transform: none; }

.kap { width: min(100% - 2 * var(--kenar), var(--icerik-genislik)); margin-inline: auto; }
.kap--dar { width: min(100% - 2 * var(--kenar), 46rem); }
.kap--orta { width: min(100% - 2 * var(--kenar), 62rem); }
.bolum { padding-block: var(--bosluk-4xl); }
.bolum--sik { padding-block: var(--bosluk-3xl); }
.bolum--gece {
  background: var(--renk-gece);
  color: var(--renk-gece-yazi);
}
.bolum--kum { background: var(--renk-kagit-2); }

.metin-soluk { color: var(--renk-soluk); }
.bolum--gece .metin-soluk { color: var(--renk-gece-soluk); }
.sayi { font-variant-numeric: tabular-nums lining-nums; }

/* ---------- Başlıklar ---------- */
.baslik-dev { font-size: var(--boy-dev); }
.baslik-1 { font-size: var(--boy-4xl); }
.baslik-2 { font-size: var(--boy-3xl); }
.baslik-3 { font-size: var(--boy-2xl); }
.ozet { font-size: var(--boy-lg); line-height: 1.5; color: var(--renk-murekkep-2); max-width: 38rem; }
.bolum--gece .ozet { color: var(--renk-gece-soluk); }
.vurgu-turkuaz { color: var(--renk-turkuaz-koyu); }
.bolum--gece .vurgu-turkuaz { color: var(--renk-turkuaz); }
.alt-cizgili {
  background-image: linear-gradient(var(--renk-turkuaz), var(--renk-turkuaz));
  background-repeat: no-repeat;
  background-size: 100% 0.12em;
  background-position: 0 92%;
}

.bolum-basi { display: grid; gap: var(--bosluk-md); margin-bottom: var(--bosluk-2xl); max-width: 44rem; }
.bolum-basi--yayvan {
  max-width: none;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: end;
  column-gap: var(--bosluk-2xl);
}
@media (max-width: 60rem) {
  .bolum-basi--yayvan { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Düğmeler ve bağlantılar ---------- */
.dugme {
  --dugme-zemin: var(--renk-murekkep);
  --dugme-yazi: var(--renk-kagit);
  --dugme-cerceve: var(--renk-murekkep);
  display: inline-flex; align-items: center; justify-content: center; gap: 0.55em;
  min-height: 3rem; padding: 0 1.35rem;
  border: 1.5px solid var(--dugme-cerceve); border-radius: var(--kose-hap);
  background: var(--dugme-zemin); color: var(--dugme-yazi);
  font: 600 0.95rem/1 var(--yazi-govde); letter-spacing: -0.005em;
  text-decoration: none; white-space: nowrap; cursor: pointer;
  transition:
    background-color var(--sure-orta) var(--gecis-cikis),
    color var(--sure-orta) var(--gecis-cikis),
    border-color var(--sure-orta) var(--gecis-cikis),
    transform var(--sure-kisa) var(--gecis-cikis);
}
.dugme svg { width: 1.05em; height: 1.05em; flex: none; }
.dugme:hover { --dugme-zemin: var(--renk-murekkep-2); --dugme-cerceve: var(--renk-murekkep-2); }
.dugme:active { transform: translateY(1px); }
.dugme--cizgi { --dugme-zemin: transparent; --dugme-yazi: var(--renk-murekkep); }
.dugme--cizgi:hover { --dugme-zemin: var(--renk-murekkep); --dugme-yazi: var(--renk-kagit); --dugme-cerceve: var(--renk-murekkep); }
.dugme--acik { --dugme-zemin: var(--renk-kagit); --dugme-yazi: var(--renk-murekkep); --dugme-cerceve: var(--renk-kagit); }
.dugme--acik:hover { --dugme-zemin: var(--renk-turkuaz); --dugme-cerceve: var(--renk-turkuaz); --dugme-yazi: var(--renk-murekkep); }
.dugme--gece-cizgi { --dugme-zemin: transparent; --dugme-yazi: var(--renk-gece-yazi); --dugme-cerceve: var(--renk-gece-cizgi); }
.dugme--gece-cizgi:hover { --dugme-cerceve: var(--renk-gece-yazi); --dugme-zemin: transparent; }
.dugme--kucuk { min-height: 2.5rem; padding: 0 1rem; font-size: 0.875rem; }
.dugme[disabled], .dugme[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; transform: none; }
.dugme[data-durum="yukleniyor"] { cursor: progress; }
.dugme[data-durum="yukleniyor"] .dugme__metin::after {
  content: ''; display: inline-block; width: 0.8em; height: 0.8em; margin-left: 0.5em; vertical-align: -0.1em;
  border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
  animation: don 700ms linear infinite;
}
@keyframes don { to { transform: rotate(360deg); } }

.dugmeler { display: flex; flex-wrap: wrap; gap: var(--bosluk-sm); align-items: center; }

.bag {
  display: inline-flex; align-items: center; gap: 0.4em;
  font-weight: 600; text-decoration: none; white-space: nowrap;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat;
  padding-bottom: 2px;
  transition: background-size var(--sure-orta) var(--gecis-cikis);
}
.bag:hover { background-size: 100% 2px; }
.bag svg { width: 1em; height: 1em; transition: transform var(--sure-orta) var(--gecis-cikis); }
.bag:hover svg { transform: translateX(2px); }

.cip {
  display: inline-flex; align-items: center; gap: 0.4em;
  padding: 0.3em 0.75em; border-radius: var(--kose-hap);
  border: 1px solid var(--renk-cizgi); background: var(--renk-kart);
  font-size: var(--boy-xs); font-weight: 600; line-height: 1.3; white-space: nowrap;
}
.cip--turkuaz { background: var(--renk-turkuaz-acik); border-color: transparent; color: var(--renk-turkuaz-koyu); }
.cip--safran { background: var(--renk-safran-acik); border-color: transparent; color: var(--renk-murekkep); }
.cip--gece { background: var(--renk-gece-2); border-color: var(--renk-gece-cizgi); color: var(--renk-gece-yazi); }
.cip__nokta { width: 0.5em; height: 0.5em; border-radius: 2px; background: currentColor; }
.cipler { display: flex; flex-wrap: wrap; gap: var(--bosluk-xs); }

/* ---------- Logo: k + kor noktası + rems ---------- */
.logo {
  display: inline-flex; align-items: baseline; flex: none;
  font: 800 21px/1 var(--yazi-baslik); letter-spacing: -0.05em; color: var(--renk-gece); text-decoration: none;
}
.logo > span { display: inline-flex; align-items: baseline; }
.logo__kor { display: inline-block; width: 0.54em; height: 0.54em; margin: 0 0.05em -0.01em 0.06em; border-radius: 50%; background: var(--renk-kor); }
.logo:hover { color: var(--renk-gece); }
.logo--kucuk { font-size: 16px; letter-spacing: -0.045em; }
.logo--orta { font-size: 26px; }
.logo--ters { font-size: clamp(17px, 2vw, 22px); color: var(--renk-kagit); }

/* ---------- Hap düğmeler ---------- */
.hap {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 18px; border: 0; border-radius: var(--kose-hap);
  font: 600 14px/1.2 var(--yazi-govde); text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color var(--sure-orta) var(--gecis-cikis), color var(--sure-orta) var(--gecis-cikis), box-shadow var(--sure-orta) var(--gecis-cikis);
}
.hap--koyu { background: var(--renk-gece); color: var(--renk-kagit); }
.hap--koyu:hover { background: var(--renk-kor); color: var(--renk-gece); }
.hap--kart { background: var(--renk-kart); color: var(--renk-gece); box-shadow: 0 0 0 1px rgb(21 18 15 / 0.08); }
.hap--kart:hover { color: var(--renk-koz); }
.hap--kor { background: var(--renk-kor); color: var(--renk-gece); font-weight: 700; }
.hap--kor:hover { background: var(--renk-alev); }
.hap--yumusak { background: var(--renk-kum-2); color: var(--renk-gece); }
.hap--yumusak:hover { background: var(--renk-kum-3); }
.hap--cizgi { padding: 10px 16px; font-size: 13.5px; background: transparent; color: var(--renk-gece); box-shadow: inset 0 0 0 1px var(--renk-gece); }
.hap--cizgi:hover { background: var(--renk-gece); color: var(--renk-kagit); }
.hap--buyuk { padding: 14px 20px; font-size: 14.5px; }
.hap--kor.hap--buyuk { padding-inline: 22px; }
.hap--tam { width: 100%; margin-top: 4px; padding: 15px; font-size: 15px; font-weight: 700; }
.hap[disabled] { opacity: 0.6; cursor: progress; }

.nokta { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--renk-kor); }
.etiket { font: 500 10.5px/1 var(--yazi-mono); letter-spacing: 0.07em; text-transform: uppercase; color: var(--renk-kul); }

/* ---------- Üst bant: ortada yüzen hap ---------- */
.ust {
  position: fixed; top: 12px; left: 50%; z-index: var(--katman-baslik); transform: translateX(-50%);
  width: min(860px, calc(100% - 24px));
  border-radius: 18px; background: rgb(255 253 249 / 0.94);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--golge-yuzen);
}
.ust__ic { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 18px; }
.ust__nav { flex: 1; display: flex; justify-content: center; gap: 4px; font-size: 13.5px; font-weight: 500; }
.ust__nav a { padding: 8px 11px; border-radius: 10px; color: var(--renk-gece); text-decoration: none; transition: background-color var(--sure-kisa) var(--gecis-cikis); }
.ust__nav a:hover { background: var(--renk-kum-2); }
.ust__giris, .ust__menu {
  flex: none; padding: 10px 14px; border: 0; border-radius: 12px; background: var(--renk-kum-2); color: var(--renk-gece);
  font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer;
  transition: background-color var(--sure-kisa) var(--gecis-cikis);
}
.ust__giris:hover, .ust__menu:hover { background: var(--renk-kum-3); }
.ust__menu { display: none; padding-inline: 12px; margin-left: auto; }
.ust__cagri {
  flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border-radius: 12px;
  background: var(--renk-gece); color: var(--renk-kagit); font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap;
  transition: background-color var(--sure-orta) var(--gecis-cikis), color var(--sure-orta) var(--gecis-cikis);
}
.ust__cagri:hover { background: var(--renk-kor); color: var(--renk-gece); }
.ust__acilir { display: flex; flex-direction: column; padding: 4px 10px 12px; border-top: 1px solid #EFE8DE; }
.ust__acilir[hidden] { display: none; }
.ust__acilir a { padding: 12px 8px; font-size: 17px; font-weight: 700; color: var(--renk-gece); text-decoration: none; }
.ust__acilir a.ust__acilir-ikincil { font-size: 15px; font-weight: 400; color: var(--renk-kul); }
@media (max-width: 819.98px) {
  .ust__nav, .ust__giris { display: none; }
  .ust__menu { display: inline-flex; }
}
@media (min-width: 820px) { .ust__acilir { display: none !important; } }

.ic-sayfa main { padding-top: 76px; }

/* ---------- İşaret animasyonu: kareler sırayla belirir ---------- */
.isaret .kare { transform-box: fill-box; transform-origin: center; }
.isaret--canli .kare { animation: kare-gel 520ms var(--gecis-cikis) both; }
.isaret--canli .kare-1 { animation-delay: 0ms; }
.isaret--canli .kare-2 { animation-delay: 70ms; }
.isaret--canli .kare-3 { animation-delay: 140ms; }
.isaret--canli .kare-4 { animation-delay: 210ms; }
.isaret--canli .kare-5 { animation-delay: 280ms; }
.isaret--canli .kare-6 { animation-delay: 380ms; }
@keyframes kare-gel { from { transform: scale(0.55); } }

/* ---------- Ana sayfa ---------- */
@keyframes gelis { from { opacity: 0; transform: translateY(18px); } }
@keyframes sallan { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes kor-isik { 0%, 100% { transform: scale(1); box-shadow: 0 0 50px 8px rgb(229 86 44 / 0.35); } 50% { transform: scale(1.06); box-shadow: 0 0 90px 22px rgb(229 86 44 / 0.5); } }
@keyframes kayan { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes kirp { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }

.gelis { animation: gelis 0.9s var(--gecis-cikis) both; animation-delay: calc(0.06s + var(--i, 0) * 0.1s); }
.sallan { animation: sallan var(--sallan-sure, 4.6s) ease-in-out var(--sallan-gecikme, 0s) infinite; }
.sallan-0 { --sallan-sure: 4.6s; --sallan-gecikme: 0s; }
.sallan-1 { --sallan-sure: 5.3s; --sallan-gecikme: -0.9s; }
.sallan-2 { --sallan-sure: 6s; --sallan-gecikme: -1.8s; }
.sallan-3 { --sallan-sure: 4.6s; --sallan-gecikme: -2.7s; }
.sallan-4 { --sallan-sure: 5.3s; --sallan-gecikme: -3.6s; }

/* Dikey renkleri: aynı açıklık ve doygunluk, yalnız ton değişir */
.dikey--inanc { --d-telefon: oklch(0.9 0.06 160); --d-etiket: oklch(0.38 0.08 160); --d-harf: oklch(0.42 0.1 160); --d-kart: oklch(0.94 0.035 160); --d-daire: oklch(0.68 0.12 160); }
.dikey--tarih { --d-telefon: oklch(0.91 0.07 80); --d-etiket: oklch(0.42 0.09 70); --d-harf: oklch(0.5 0.11 65); --d-kart: oklch(0.94 0.045 80); --d-daire: oklch(0.74 0.12 75); }
.dikey--egitim { --d-telefon: oklch(0.9 0.05 250); --d-etiket: oklch(0.4 0.09 250); --d-harf: oklch(0.45 0.11 250); --d-kart: oklch(0.94 0.03 250); --d-daire: oklch(0.68 0.12 250); }
.dikey--mizah { --d-telefon: oklch(0.9 0.055 340); --d-etiket: oklch(0.42 0.1 340); --d-harf: oklch(0.48 0.13 345); --d-kart: oklch(0.94 0.035 340); --d-daire: oklch(0.7 0.12 340); }

.kor { display: block; border-radius: 50%; background: var(--renk-kor); }
.kor--sahne { width: 50%; aspect-ratio: 1; background: radial-gradient(circle at 40% 36%, #F27046 0%, var(--renk-kor) 55%, #CF4820 100%); animation: kor-isik 4.2s ease-in-out infinite; }
.kor--nefes { width: 52px; height: 52px; animation: kor-isik 3s ease-in-out infinite; }

/* Giriş */
.acilis { padding: clamp(120px, 16vh, 168px) 16px 0; overflow: hidden; background: var(--renk-seftali); }
.acilis__metin { display: flex; flex-direction: column; align-items: center; gap: 22px; max-width: 900px; margin: 0 auto; text-align: center; }
.acilis__baslik { font: 800 clamp(52px, 8.4vw, 108px)/0.95 var(--yazi-baslik); letter-spacing: -0.055em; }
.acilis__baslik span { color: var(--renk-kor); }
.acilis__ozet { max-width: 470px; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.55; color: var(--renk-metin-3); }
.acilis__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

.telefonlar { display: flex; justify-content: center; align-items: flex-end; margin-top: clamp(40px, 6vw, 64px); }
.telefon { position: relative; flex: none; width: clamp(112px, 14vw, 168px); }
.telefon--dis.telefon--sol { margin-right: -20px; transform: rotate(-8deg) translateY(56px); }
.telefon--ic.telefon--sol { margin-right: -20px; transform: rotate(-4deg) translateY(22px); z-index: 1; }
.telefon--orta { width: clamp(150px, 19vw, 226px); z-index: 2; }
.telefon--ic.telefon--sag { margin-left: -20px; transform: rotate(4deg) translateY(22px); z-index: 1; }
.telefon--dis.telefon--sag { margin-left: -20px; transform: rotate(8deg) translateY(56px); }
@media (max-width: 599.98px) { .telefon--dis, .telefon__kayit-ust > span:last-child { display: none; } }
.telefon__ekran {
  aspect-ratio: 9 / 16; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
  padding: 14px; border-radius: 22px; background: var(--d-telefon); box-shadow: 0 30px 50px -30px rgb(21 18 15 / 0.4);
}
.telefon__etiket { font: 600 9.5px/1 var(--yazi-mono); letter-spacing: 0.08em; color: var(--d-etiket); }
.telefon__harf { display: flex; align-items: baseline; font: 900 clamp(60px, 7.6vw, 96px)/0.8 var(--yazi-baslik); color: var(--d-harf); }
.telefon__harf i { display: inline-block; width: 0.17em; height: 0.17em; margin-left: 0.04em; border-radius: 50%; background: var(--renk-kor); }
.telefon__ad { font-size: 13px; font-weight: 700; line-height: 1.2; color: var(--renk-gece); }
.telefon__ekran--kayit { padding: 16px; border-radius: 26px; background: var(--renk-gece); color: var(--renk-kagit); box-shadow: 0 40px 60px -30px rgb(21 18 15 / 0.6); }
.telefon__kayit-ust { display: flex; justify-content: space-between; font: 500 10px/1 var(--yazi-mono); letter-spacing: 0.06em; color: var(--renk-gece-soluk); }
.telefon__kayit-ust > span:first-child { display: inline-flex; align-items: center; gap: 6px; }
.telefon__kod { color: var(--renk-kagit); font-variant-numeric: tabular-nums; }
.kayit-noktasi { width: 6px; height: 6px; border-radius: 50%; background: var(--renk-kor); animation: kirp 1.2s steps(2, start) infinite; }
.telefon__sahne { flex: 1; display: flex; align-items: center; justify-content: center; }
.telefon__kayit-alt { display: flex; justify-content: space-between; align-items: baseline; font: 500 9.5px/1 var(--yazi-mono); color: var(--renk-gece-soluk); }

/* Stüdyoda şu an */
.simdi {
  position: relative; z-index: 3; box-sizing: border-box; width: min(880px, calc(100% - 24px)); margin: -56px auto 0; padding: 18px;
  border-radius: 28px; background: var(--renk-kart); box-shadow: 0 0 0 1px rgb(21 18 15 / 0.04), 0 30px 60px -40px rgb(21 18 15 / 0.45);
}
.simdi__baslik { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 2px 0 14px; font: 400 13px/1.6 var(--yazi-govde); letter-spacing: 0; color: var(--renk-kul); }
.simdi__izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 10px; }
.simdi__kutu { display: flex; flex-direction: column; gap: 8px; padding: 16px; border-radius: 18px; background: var(--renk-kagit); }
.simdi__saat { font: 600 30px/1 var(--yazi-mono); letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.simdi__deger { font-size: 24px; font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; }
.simdi__kod { font: 600 22px/1.1 var(--yazi-mono); letter-spacing: -0.03em; color: var(--renk-koz); font-variant-numeric: tabular-nums; }
.simdi__not { font-size: 12.5px; line-height: 1.5; color: var(--renk-kul); }
.simdi__kutu--gece { background: var(--renk-gece); color: var(--renk-kagit); }
.simdi__kutu--gece .etiket { color: var(--renk-gece-soluk); }
.simdi__noktalar { display: flex; gap: 5px; padding-top: 2px; }
.simdi__noktalar i { width: 10px; height: 10px; border-radius: 50%; background: var(--d-daire); }

/* Kanallar: dört dünya */
.dunyalar { display: flex; flex-direction: column; gap: 28px; width: min(880px, calc(100% - 24px)); margin: 0 auto; padding-top: clamp(72px, 10vw, 112px); scroll-margin-top: 0; }
.bolum-ortasi { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.bolum-baslik { font: 800 clamp(36px, 5vw, 56px)/1 var(--yazi-baslik); letter-spacing: -0.05em; text-wrap: wrap; }
.bolum-ozet { max-width: 440px; font-size: 16px; line-height: 1.55; color: var(--renk-kul); }
.dunyalar__izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 10px; }
.dunya { position: relative; overflow: hidden; min-height: 250px; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; padding: 24px; border-radius: 28px; background: var(--d-kart); }
.dunya h3 { font-size: 24px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.2; }
.dunya p { font-size: 14px; line-height: 1.5; color: var(--renk-metin-2); }
.dunya__durum { align-self: flex-start; margin-top: 10px; padding: 6px 10px; border-radius: var(--kose-hap); background: var(--renk-kart); font: 600 10.5px/1 var(--yazi-mono); letter-spacing: 0.05em; color: var(--d-etiket); }
.dunya__harf {
  position: absolute; right: 22px; bottom: 22px; width: 112px; height: 112px; display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--d-daire); font: 900 54px/1 var(--yazi-baslik); letter-spacing: -0.04em; color: var(--renk-gece);
}
.dunya__harf i { position: absolute; right: 8px; bottom: 8px; width: 20px; height: 20px; border-radius: 50%; background: var(--renk-kor); box-shadow: 0 0 0 4px var(--d-kart); }

.haber { display: flex; justify-content: center; }
.haber__form { display: flex; flex-direction: column; align-items: center; gap: 8px; width: min(440px, 100%); }
.haber__kutu { display: flex; gap: 6px; width: 100%; box-sizing: border-box; padding: 5px; border-radius: var(--kose-hap); background: var(--renk-kart); box-shadow: 0 0 0 1px rgb(21 18 15 / 0.08); }
.haber__form.is-hatali .haber__kutu { box-shadow: 0 0 0 1px var(--renk-koz); }
.haber__kutu input { flex: 1; min-width: 0; padding: 10px 14px; border: 0; background: transparent; font-size: 14.5px; color: var(--renk-gece); outline: none; }
.haber__kutu .hap { padding: 10px 16px; font-size: 13.5px; }
.haber__hata { font-size: 13px; color: var(--renk-koz); }
.haber__hata:empty { display: none; }
.haber__tamam { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: var(--kose-hap); background: var(--renk-kart); font-size: 14.5px; font-weight: 600; }
.haber__tamam .nokta { width: 8px; height: 8px; }

/* Stüdyo ve iş birlikleri */
.kartlar { display: flex; flex-direction: column; gap: 10px; width: min(880px, calc(100% - 24px)); margin: 0 auto; padding-top: clamp(56px, 8vw, 88px); }
.genis-kart { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding: clamp(20px, 3vw, 28px); border-radius: 28px; }
.genis-kart--kum { background: var(--renk-kum); }
.genis-kart--gul { background: oklch(0.93 0.035 25); }
.genis-kart--ters { flex-wrap: wrap-reverse; }
.genis-kart__metin { flex: 1 1 300px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: clamp(4px, 1.5vw, 14px); }
.genis-kart__baslik { font: 800 clamp(28px, 3.4vw, 38px)/1.02 var(--yazi-baslik); letter-spacing: -0.045em; text-wrap: wrap; }
.genis-kart__metin p { max-width: 360px; font-size: 15px; line-height: 1.6; color: var(--renk-metin-3); }
.uretim-adimlari { flex: 1 1 300px; display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 18px; border-radius: 20px; background: #F8F4EE; list-style: none; }
.uretim-adimlari li { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 14px; color: var(--renk-gece); transition: background-color 0.35s, color 0.35s; }
.uretim-adimlari__no { font: 600 11px/1 var(--yazi-mono); opacity: 0.7; }
.uretim-adimlari__ad { flex: 1; font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }
.uretim-adimlari i { width: 8px; height: 8px; border-radius: 50%; background: #E3DCD0; transition: background-color 0.35s; }
.uretim-adimlari li.is-bitti { color: var(--renk-soluk-2); }
.uretim-adimlari li.is-bitti i { background: #C9C1B4; }
.uretim-adimlari li.is-etkin { background: var(--renk-gece); color: var(--renk-kagit); }
.uretim-adimlari li.is-etkin i { background: var(--renk-kor); }
.ortak { flex: 1 1 300px; min-height: 240px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 24px; border-radius: 20px; background: #FBF3EF; }
.ortak__imza { display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-radius: 18px; background: var(--renk-kart); box-shadow: 0 20px 40px -26px rgb(21 18 15 / 0.4); }
.ortak__carpi { font-size: 22px; font-weight: 400; color: var(--renk-soluk-2); }
.ortak__marka { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; color: var(--renk-koz); }
.ortak__hapler { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.ortak__hapler span { padding: 7px 11px; border-radius: var(--kose-hap); background: var(--renk-kart); font-size: 12.5px; font-weight: 600; }

/* Kapanış ve kayan yazı */
.kapanis { position: relative; margin-top: clamp(64px, 9vw, 104px); }
.kapanis__kart {
  position: relative; z-index: 2; box-sizing: border-box; width: min(880px, calc(100% - 24px)); margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 16px; padding: clamp(36px, 5vw, 56px) clamp(22px, 4vw, 48px);
  border-radius: 28px; background: var(--renk-gece); color: var(--renk-kagit); text-align: center; box-shadow: 0 40px 70px -40px rgb(21 18 15 / 0.7);
}
.kapanis__baslik { font: 800 clamp(32px, 4.6vw, 50px)/1 var(--yazi-baslik); letter-spacing: -0.05em; text-wrap: balance; }
.kapanis__kart p { max-width: 400px; font-size: 15px; line-height: 1.55; color: #C9C1B4; }
.kapanis__eylemler { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 18px; padding-top: 4px; }
.kapanis__eposta { padding-bottom: 2px; border-bottom: 1px solid var(--renk-metin-3); font-size: 14.5px; color: var(--renk-kagit); text-decoration: none; }
.kapanis__eposta:hover { color: var(--renk-alev); }
.kayan { margin-top: -96px; padding: 136px 0 44px; overflow: hidden; background: var(--renk-kum); }
.kayan__serit { display: flex; width: max-content; white-space: nowrap; font: 900 clamp(56px, 9vw, 120px)/1 var(--yazi-baslik); letter-spacing: -0.05em; color: #DCD2C3; animation: kayan 48s linear infinite; }
.kayan__satir, .kayan__satir > span { display: inline-flex; align-items: center; gap: 0.4em; }
.kayan__satir { padding-right: 0.4em; }
.kayan__satir i { display: inline-block; width: 0.22em; height: 0.22em; border-radius: 50%; background: var(--renk-kor); }

/* ---------- Gönderi kartı (canlı şablon; kapsayıcı birimleriyle ölçeklenir) ---------- */
.gonderi {
  --g-zemin: var(--renk-kagit);
  --g-yazi: var(--renk-murekkep);
  --g-soluk: var(--renk-murekkep-2);
  --g-vurgu: var(--renk-altin);
  --g-cizgi: var(--renk-cizgi);
  --g-desen: url("../img/desen-yildiz-koyu.5174ca2a3abd.svg");
  --g-desen-saydam: 0.06;
  --g-kose: 4.5% / 2.53%;
  container-type: inline-size;
  position: relative; isolation: isolate; overflow: hidden;
  aspect-ratio: var(--g-oran, 9 / 16);
  border-radius: var(--g-kose);
  background: var(--g-zemin); color: var(--g-yazi);
  font-family: var(--yazi-govde);
}
.gonderi__ic { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 7cqw 7cqw 6cqw; }
.gonderi::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background-image: var(--g-desen); background-size: 26cqw 26cqw; opacity: var(--g-desen-saydam);
}
.gonderi::after {
  content: ''; position: absolute; inset: 3cqw; z-index: -1; pointer-events: none;
  border: max(1px, 0.35cqw) solid var(--g-cizgi); border-radius: 2.8cqw;
}
.gonderi--gece {
  --g-zemin: var(--renk-gece-2);
  --g-yazi: var(--renk-gece-yazi);
  --g-soluk: var(--renk-gece-soluk);
  --g-cizgi: var(--renk-altin-cizgi);
  --g-desen: url("../img/desen-yildiz-altin.aef31fc5d82a.svg");
  --g-desen-saydam: 0.14;
}
.gonderi--turkuaz {
  --g-zemin: var(--renk-turkuaz-acik);
  --g-vurgu: var(--renk-turkuaz-koyu);
  --g-cizgi: var(--renk-turkuaz-cizgi);
}
.gonderi--kare { --g-oran: 4 / 5; --g-kose: 4.5% / 3.6%; }
.gonderi__ust { display: flex; align-items: center; gap: 2.4cqw; font-size: 3.6cqw; font-weight: 600; }
.gonderi__isaret { width: 8cqw; height: 8cqw; flex: none; }
.gonderi__isaret svg { width: 100%; height: 100%; }
.gonderi__hesap { letter-spacing: -0.01em; }
.gonderi__etiket {
  margin-left: auto; padding: 0.9cqw 2.4cqw; border-radius: 99px;
  border: max(1px, 0.3cqw) solid var(--g-vurgu); color: var(--g-yazi);
  font-size: 2.9cqw; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;
}
.gonderi__tarih { margin-top: auto; display: grid; grid-template-columns: auto 1fr; column-gap: 3cqw; align-items: end; }
.gonderi__gun {
  grid-row: span 2; font-family: var(--yazi-arsiv); font-weight: 600; font-size: 30cqw; line-height: 0.78;
  letter-spacing: -0.04em; font-variation-settings: 'opsz' 144, 'SOFT' 50;
  font-variant-numeric: lining-nums;
}
.gonderi__ay { font-family: var(--yazi-arsiv); font-weight: 600; font-size: 7.4cqw; line-height: 1; font-variation-settings: 'opsz' 72, 'SOFT' 50; }
.gonderi__yil { font-weight: 700; font-size: 5.2cqw; color: var(--g-vurgu); font-variant-numeric: lining-nums tabular-nums; }
.gonderi__baslik {
  margin-top: 5cqw; font-family: var(--yazi-arsiv); font-weight: 600; letter-spacing: -0.015em;
  font-size: 7.6cqw; line-height: 1.08; font-variation-settings: 'opsz' 72, 'SOFT' 50;
}
.gonderi__ozet { margin-top: 3cqw; font-size: 3.7cqw; line-height: 1.45; color: var(--g-soluk); }
.gonderi__alt {
  margin-top: 5cqw; padding-top: 3cqw; border-top: max(1px, 0.3cqw) solid var(--g-cizgi);
  display: flex; justify-content: space-between; gap: 2cqw; font-size: 2.9cqw; color: var(--g-soluk);
}
.gonderi__seri { margin-top: auto; font-size: 3.4cqw; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--g-vurgu); }
.gonderi__bolum-baslik {
  margin-top: 2cqw; font-family: var(--yazi-baslik); font-weight: 800; letter-spacing: -0.04em;
  font-size: 13cqw; line-height: 0.95;
}
.gonderi__sure {
  display: inline-flex; align-items: center; gap: 1.6cqw; margin-top: 5cqw; align-self: flex-start;
  padding: 1.4cqw 3cqw; border-radius: 99px; background: var(--g-yazi); color: var(--g-zemin);
  font-size: 3.3cqw; font-weight: 600; font-variant-numeric: tabular-nums;
}
.gonderi__sure svg { width: 2.6cqw; height: 2.6cqw; }
.gonderi__ilerleme { margin-top: 4cqw; height: 0.9cqw; border-radius: 99px; background: var(--g-cizgi); overflow: hidden; }
.gonderi__ilerleme i { display: block; width: 38%; height: 100%; background: var(--g-vurgu); }

/* ---------- Bento: kanallar ---------- */
.bento {
  display: grid; gap: var(--bosluk-md);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.bento__kare {
  position: relative; overflow: hidden;
  border-radius: var(--kose-xl); padding: clamp(1.25rem, 1rem + 1.4vw, 2.25rem);
  background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2);
  display: flex; flex-direction: column; gap: var(--bosluk-md);
  min-width: 0;
}
.bento__kare--3 { grid-column: span 3; }
.bento__kare--2 { grid-column: span 2; }
.bento__kare--4 { grid-column: span 4; }
.bento__kare--6 { grid-column: span 6; }
.bento__kare--uzun { grid-row: span 2; }
@media (max-width: 60rem) {
  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento__kare--3, .bento__kare--4, .bento__kare--6 { grid-column: span 2; }
  .bento__kare--2 { grid-column: span 1; }
  .bento__kare--uzun { grid-row: auto; }
}
@media (max-width: 36rem) {
  .bento { grid-template-columns: minmax(0, 1fr); }
  .bento__kare--2 { grid-column: span 1; }
  .bento__kare--3, .bento__kare--4, .bento__kare--6 { grid-column: span 1; }
}

.kanal-karti {
  --k-zemin: var(--renk-kart);
  --k-yazi: var(--renk-murekkep);
  --k-soluk: var(--renk-murekkep-2);
  --k-cizgi: var(--renk-cizgi-2);
  background: var(--k-zemin); color: var(--k-yazi); border-color: var(--k-cizgi);
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr); gap: var(--bosluk-xl);
  align-items: stretch;
}
.kanal-karti--gece {
  --k-zemin: var(--renk-gece-2); --k-yazi: var(--renk-gece-yazi); --k-soluk: var(--renk-gece-soluk); --k-cizgi: var(--renk-gece-cizgi);
}
.kanal-karti__govde { display: flex; flex-direction: column; gap: var(--bosluk-md); min-width: 0; }
.kanal-karti__kimlik { display: flex; align-items: center; gap: var(--bosluk-sm); }
.kanal-karti__isaret { width: 3rem; height: 3rem; flex: none; }
.kanal-karti__isaret svg { width: 100%; height: 100%; }
.kanal-karti__ad { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-2xl); letter-spacing: -0.02em; line-height: 1.05; font-variation-settings: 'opsz' 72, 'SOFT' 50; }
.kanal-karti__meta { font-size: var(--boy-sm); color: var(--k-soluk); }
.kanal-karti__slogan { font-size: var(--boy-lg); line-height: 1.45; color: var(--k-yazi); }
.kanal-karti__aciklama { color: var(--k-soluk); }
.kanal-karti__alt { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: var(--bosluk-sm) var(--bosluk-lg); }
.kanal-karti__onizleme { display: grid; place-items: center; min-width: 0; }
.kanal-karti__onizleme .gonderi { width: min(100%, 15rem); box-shadow: 0 24px 48px -28px var(--renk-golge-2); }
.kanal-karti--gece .cip { background: var(--renk-gece-3); border-color: var(--renk-gece-cizgi); color: var(--renk-gece-yazi); }
@media (max-width: 75rem) {
  .kanal-karti { grid-template-columns: minmax(0, 1fr); }
  .kanal-karti__onizleme { justify-items: start; }
  .kanal-karti__onizleme .gonderi { width: min(100%, 13rem); }
}

.yolda-karti { border-style: dashed; border-color: var(--renk-cizgi); background: transparent; justify-content: space-between; min-height: 13rem; }
.yolda-karti__ust { display: flex; justify-content: space-between; align-items: center; gap: var(--bosluk-sm); }
.yolda-karti__kareler { display: grid; grid-template-columns: repeat(3, 0.7rem); gap: 0.2rem; }
.yolda-karti__kareler i { width: 0.7rem; height: 0.7rem; border-radius: 3px; background: var(--renk-cizgi); }
.yolda-karti__kareler i:nth-child(odd) { background: var(--renk-kagit-3); }
.yolda-karti h3 { font-size: var(--boy-xl); }

.davet-karti { background: var(--renk-turkuaz-acik); border-color: transparent; justify-content: space-between; }
.davet-karti h3 { font-size: var(--boy-2xl); max-width: 18ch; }

/* ---------- Tarihte Bugün olay listesi ---------- */
.olay-listesi { display: grid; }
.olay {
  display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: var(--bosluk-lg);
  padding-block: var(--bosluk-lg); border-top: 1px solid var(--renk-gece-cizgi);
}
.olay:last-child { border-bottom: 1px solid var(--renk-gece-cizgi); }
.olay__yil { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-2xl); line-height: 1; color: var(--renk-altin); font-variant-numeric: lining-nums tabular-nums; font-variation-settings: 'opsz' 72; }
.olay__yil small { display: block; margin-top: 0.4rem; font-family: var(--yazi-govde); font-size: var(--boy-xs); font-weight: 500; color: var(--renk-gece-soluk); letter-spacing: 0; }
.olay__govde { display: grid; gap: var(--bosluk-xs); }
.olay__baslik { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-xl); letter-spacing: -0.015em; line-height: 1.2; font-variation-settings: 'opsz' 72, 'SOFT' 50; }
.olay__baslik a { text-decoration: none; }
.olay__baslik a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.olay__ozet { color: var(--renk-gece-soluk); }
.olay__meta { display: flex; flex-wrap: wrap; gap: var(--bosluk-xs) var(--bosluk-md); font-size: var(--boy-xs); color: var(--renk-gece-soluk); }
.bos-durum { padding: var(--bosluk-xl); border-radius: var(--kose-lg); border: 1px dashed var(--renk-gece-cizgi); color: var(--renk-gece-soluk); }
@media (max-width: 30rem) {
  .olay { grid-template-columns: minmax(0, 1fr); gap: var(--bosluk-xs); }
}

/* Açık zemin sürümü (tarih sayfası) */
.zemin-acik .olay { border-color: var(--renk-cizgi); }
.zemin-acik .olay:last-child { border-color: var(--renk-cizgi); }
.zemin-acik .olay__yil { color: var(--renk-turkuaz-koyu); }
.zemin-acik .olay__yil small, .zemin-acik .olay__ozet, .zemin-acik .olay__meta { color: var(--renk-soluk); }
.zemin-acik .bos-durum { border-color: var(--renk-cizgi); color: var(--renk-soluk); }

/* ---------- Süreç: film şeridi (F4 yatay) ---------- */
.serit {
  --delik: 0.55rem;
  position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  border-radius: var(--kose-lg); background: var(--renk-murekkep); color: var(--renk-kagit);
  padding: calc(var(--delik) * 3.2) var(--bosluk-xs);
}
.serit::before, .serit::after {
  content: ''; position: absolute; left: var(--bosluk-md); right: var(--bosluk-md); height: var(--delik);
  background-image: radial-gradient(circle at center, var(--renk-kagit) 0 calc(var(--delik) / 2), transparent calc(var(--delik) / 2 + 0.5px));
  background-size: 1.6rem var(--delik); opacity: 0.18;
}
.serit::before { top: var(--delik); }
.serit::after { bottom: var(--delik); }
.serit__kare {
  display: grid; align-content: start; gap: var(--bosluk-sm);
  margin: 0 var(--bosluk-xs); padding: var(--bosluk-lg); border-radius: var(--kose-md);
  background: var(--renk-gece-2); min-height: 15rem;
}
.serit__no { display: flex; justify-content: space-between; align-items: center; font-size: var(--boy-xs); color: var(--renk-gece-soluk); font-variant-numeric: tabular-nums; letter-spacing: 0.04em; }
.serit__no i { width: 0.65rem; height: 0.65rem; border-radius: 2px; background: var(--renk-gece-cizgi); }
.serit__kare:last-child .serit__no i { background: var(--renk-turkuaz); }
.serit__kare h3 { font-size: var(--boy-xl); color: var(--renk-gece-yazi); }
.serit__kare p { color: var(--renk-gece-soluk); font-size: var(--boy-sm); }
@media (max-width: 68rem) {
  .serit { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--bosluk-md); }
  .serit__kare:last-child { grid-column: span 2; }
}
@media (max-width: 36rem) {
  .serit { grid-template-columns: minmax(0, 1fr); }
  .serit__kare:last-child { grid-column: auto; }
  .serit__kare { min-height: 0; }
}

/* ---------- İlkeler ---------- */
.ilkeler { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--bosluk-3xl); }
.ilkeler__liste { counter-reset: ilke; display: grid; }
.ilkeler__liste li {
  counter-increment: ilke;
  display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--bosluk-md);
  padding-block: var(--bosluk-lg); border-top: 1px solid var(--renk-cizgi);
}
.ilkeler__liste li::before {
  content: counter(ilke, decimal-leading-zero);
  font-family: var(--yazi-baslik); font-weight: 700; font-size: var(--boy-sm); color: var(--renk-turkuaz-koyu);
  font-variant-numeric: tabular-nums; padding-top: 0.25rem;
}
.ilkeler__liste h3 { font-size: var(--boy-lg); margin-bottom: 0.35rem; }
.ilkeler__liste p { color: var(--renk-murekkep-2); }
@media (max-width: 60rem) { .ilkeler { grid-template-columns: minmax(0, 1fr); gap: var(--bosluk-xl); } }

/* ---------- Sayfa başı (iç sayfalar) ---------- */
.sayfa-basi { padding-block: var(--bosluk-2xl) var(--bosluk-3xl); }
.sayfa-basi__ic { display: grid; gap: var(--bosluk-lg); max-width: 54rem; }
.sayfa-basi h1 { font-size: var(--boy-4xl); letter-spacing: -0.04em; }
.sayfa-basi--bolunmus .sayfa-basi__ic { max-width: none; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--bosluk-3xl); align-items: end; }
@media (max-width: 60rem) { .sayfa-basi--bolunmus .sayfa-basi__ic { grid-template-columns: minmax(0, 1fr); } }
.kirinti { display: flex; flex-wrap: wrap; gap: 0.4rem; font-size: var(--boy-sm); color: var(--renk-soluk); }
.kirinti a { text-decoration: none; white-space: nowrap; }
.kirinti a:hover { text-decoration: underline; }
.kirinti span[aria-hidden] { opacity: 0.6; }

/* ---------- Kanal sayfası ---------- */
.kanal-sahne {
  --k-zemin: var(--renk-kart); --k-yazi: var(--renk-murekkep); --k-soluk: var(--renk-murekkep-2); --k-cizgi: var(--renk-cizgi);
  background: var(--k-zemin); color: var(--k-yazi);
  padding-block: var(--bosluk-3xl);
}
.kanal-sahne--gece { --k-zemin: var(--renk-gece-2); --k-yazi: var(--renk-gece-yazi); --k-soluk: var(--renk-gece-soluk); --k-cizgi: var(--renk-gece-cizgi); }
.kanal-sahne__ic { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--bosluk-3xl); align-items: center; }
.kanal-sahne__logo { height: clamp(3rem, 2rem + 3vw, 4.5rem); width: auto; }
.kanal-sahne__slogan { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-3xl); letter-spacing: -0.02em; line-height: 1.1; font-variation-settings: 'opsz' 96, 'SOFT' 50; }
.kanal-sahne__aciklama { color: var(--k-soluk); font-size: var(--boy-lg); max-width: 38rem; }
.kanal-sahne__onizleme { display: flex; gap: var(--bosluk-md); justify-content: center; }
.kanal-sahne__onizleme .gonderi { width: min(48%, 15rem); box-shadow: 0 30px 60px -30px var(--renk-golge-koyu); }
.kanal-sahne__onizleme .gonderi:nth-child(2) { margin-top: var(--bosluk-2xl); }
.ozellikler { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--bosluk-md); padding-top: var(--bosluk-xl); margin-top: var(--bosluk-xl); border-top: 1px solid var(--k-cizgi); }
.ozellikler dt { font-size: var(--boy-xs); color: var(--k-soluk); letter-spacing: 0.02em; }
.ozellikler dd { margin: 0.2rem 0 0; font-weight: 600; }
@media (max-width: 60rem) { .kanal-sahne__ic { grid-template-columns: minmax(0, 1fr); } }

.sutunlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--bosluk-2xl); border-top: 1px solid var(--renk-cizgi); }
.sutun { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--bosluk-md); align-items: baseline; padding-block: var(--bosluk-lg); border-bottom: 1px solid var(--renk-cizgi); }
.sutun h3 { font-size: var(--boy-lg); }
.sutun p { grid-column: 2; color: var(--renk-murekkep-2); }
.sutun__kare { width: 0.7rem; height: 0.7rem; border-radius: 3px; background: var(--renk-turkuaz); }
@media (max-width: 48rem) { .sutunlar { grid-template-columns: minmax(0, 1fr); } }

.gonderi-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: var(--bosluk-md); }
.gonderi-izgara a { display: block; border-radius: var(--kose-md); overflow: hidden; background: var(--renk-kagit-2); aspect-ratio: 4 / 5; }
.gonderi-izgara img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Tarih sayfası ---------- */
.tarih-ust { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--bosluk-xl); align-items: end; }
.tarih-ust__gun { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-dev); line-height: 0.95; letter-spacing: -0.04em; font-variation-settings: 'opsz' 144, 'SOFT' 50; }
.tarih-ust__alt { display: flex; flex-wrap: wrap; gap: var(--bosluk-xs) var(--bosluk-lg); color: var(--renk-murekkep-2); margin-top: var(--bosluk-sm); }
.tarih-ust__alt strong { color: var(--renk-murekkep); font-weight: 600; }
.gun-gezgini { display: flex; gap: var(--bosluk-xs); }
.gun-gezgini a {
  display: inline-grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%;
  border: 1.5px solid var(--renk-murekkep); text-decoration: none;
  transition: background-color var(--sure-orta) var(--gecis-cikis), color var(--sure-orta) var(--gecis-cikis);
}
.gun-gezgini a:hover { background: var(--renk-murekkep); color: var(--renk-kagit); }
.gun-gezgini svg { width: 1.1rem; height: 1.1rem; }
@media (max-width: 40rem) { .tarih-ust { grid-template-columns: minmax(0, 1fr); } }

.tarih-duzen { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--bosluk-3xl); align-items: start; }
.tarih-duzen__yan { position: sticky; top: 7rem; display: grid; gap: var(--bosluk-xl); }
@media (max-width: 62rem) { .tarih-duzen { grid-template-columns: minmax(0, 1fr); } .tarih-duzen__yan { position: static; } }
.takvim-bolumu + .takvim-bolumu { margin-top: var(--bosluk-3xl); }
.takvim-bolumu > h2 { font-size: var(--boy-2xl); margin-bottom: var(--bosluk-md); display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--bosluk-xs) var(--bosluk-md); }
.takvim-bolumu > h2 small { font-family: var(--yazi-govde); font-size: var(--boy-sm); font-weight: 500; letter-spacing: 0; color: var(--renk-soluk); }

.ay-izgara { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.ay-kutusu { padding: var(--bosluk-lg); border-radius: var(--kose-lg); background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); }
.ay-kutusu__ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--bosluk-sm); }
.ay-kutusu__ust h3 { font-size: var(--boy-lg); }
.ay-kutusu__ust a { text-decoration: none; display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; border: 1px solid var(--renk-cizgi); }
.ay-kutusu__ust a:hover { background: var(--renk-kagit-2); }
.ay-kutusu__ust svg { width: 0.9rem; height: 0.9rem; }
.ay-izgara span, .ay-izgara a {
  display: grid; place-items: center; aspect-ratio: 1; border-radius: 6px;
  font-size: var(--boy-xs); text-decoration: none; font-variant-numeric: tabular-nums;
}
.ay-izgara a { background: var(--renk-turkuaz-acik); color: var(--renk-turkuaz-koyu); font-weight: 700; }
.ay-izgara a:hover { background: var(--renk-turkuaz); color: var(--renk-murekkep); }
.ay-izgara a[aria-current="date"] { background: var(--renk-murekkep); color: var(--renk-kagit); }
.ay-izgara span { color: var(--renk-soluk); }
.ay-izgara span[aria-current="date"] { outline: 1.5px solid var(--renk-murekkep); color: var(--renk-murekkep); font-weight: 700; }
.ay-izgara .ay-izgara__bas { color: var(--renk-soluk); font-size: 0.68rem; aspect-ratio: auto; padding-bottom: 0.3rem; }
.not-kutusu { padding: var(--bosluk-lg); border-radius: var(--kose-lg); background: var(--renk-safran-acik); font-size: var(--boy-sm); display: grid; gap: var(--bosluk-xs); }
.not-kutusu strong { font-weight: 700; }

.olay-karti { display: grid; gap: var(--bosluk-sm); }
.olay-karti__kaynaklar { display: grid; gap: var(--bosluk-2xs); padding: 0; list-style: none; font-size: var(--boy-sm); }
.olay-karti__kaynaklar a { color: var(--renk-turkuaz-koyu); }

.olay-detay { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--bosluk-3xl); align-items: start; }
.olay-detay__metin { display: grid; gap: var(--bosluk-lg); font-size: var(--boy-lg); line-height: 1.6; }
.olay-detay__metin p { max-width: 40rem; }
.olay-detay__yan { position: sticky; top: 7rem; display: grid; gap: var(--bosluk-lg); justify-items: center; }
.olay-detay__yan .gonderi { width: min(100%, 22rem); box-shadow: 0 30px 60px -30px var(--renk-golge-2); }
.olay-detay__baslik { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-4xl); letter-spacing: -0.03em; line-height: 1.02; font-variation-settings: 'opsz' 144, 'SOFT' 50; }
@media (max-width: 60rem) { .olay-detay { grid-template-columns: minmax(0, 1fr); } .olay-detay__yan { position: static; } }

/* ---------- Stüdyo ---------- */
.yapilanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-md); }
.yapilan { padding: clamp(1.25rem, 1rem + 1.4vw, 2.25rem); border-radius: var(--kose-xl); background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); display: grid; gap: var(--bosluk-sm); align-content: start; }
.yapilan:first-child { grid-row: span 2; background: var(--renk-murekkep); color: var(--renk-kagit); border-color: transparent; }
.yapilan:first-child p { color: var(--renk-gece-soluk); }
.yapilan h3 { font-size: var(--boy-xl); }
.yapilan p { color: var(--renk-murekkep-2); }
.yapilan__bicimler { display: flex; flex-wrap: wrap; gap: var(--bosluk-sm); margin-top: auto; padding-top: var(--bosluk-lg); align-items: flex-end; }
.bicim { display: grid; gap: 0.4rem; justify-items: center; font-size: var(--boy-xs); color: var(--renk-gece-soluk); }
.bicim i { display: block; width: 3.2rem; border-radius: 6px; border: 1.5px solid var(--renk-gece-cizgi); background: var(--renk-gece-2); }
.bicim--dikey i { aspect-ratio: 9 / 16; border-color: var(--renk-turkuaz); }
.bicim--dortbes i { aspect-ratio: 4 / 5; }
.bicim--kare i { aspect-ratio: 1; }
.bicim--yatay i { aspect-ratio: 16 / 9; width: 5rem; }
@media (max-width: 48rem) { .yapilanlar { grid-template-columns: minmax(0, 1fr); } .yapilan:first-child { grid-row: auto; } }

.ekip { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--bosluk-md); }
.ekip-uyesi { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--bosluk-md); align-items: center; padding: var(--bosluk-lg); border-radius: var(--kose-lg); background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); }
.ekip-uyesi__foto { width: 3.5rem; height: 3.5rem; border-radius: 12px; overflow: hidden; display: grid; place-items: center; background: var(--renk-murekkep); color: var(--renk-kagit); font-family: var(--yazi-baslik); font-weight: 800; }
.ekip-uyesi__foto img { width: 100%; height: 100%; object-fit: cover; }
.ekip-uyesi h3 { font-size: var(--boy-lg); }
.ekip-uyesi p { color: var(--renk-soluk); font-size: var(--boy-sm); }

.yz-notu { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--bosluk-lg); padding: var(--bosluk-xl); border-radius: var(--kose-xl); background: var(--renk-turkuaz-acik); }
.yz-notu__isaret { width: 2.75rem; height: 2.75rem; color: var(--renk-murekkep); --isaret-vurgu: var(--renk-turkuaz-koyu); }
.yz-notu h3 { font-size: var(--boy-xl); margin-bottom: var(--bosluk-xs); }
.yz-notu p { color: var(--renk-murekkep-2); }
@media (max-width: 36rem) { .yz-notu { grid-template-columns: minmax(0, 1fr); } }

/* ---------- İş birliği sayfası ---------- */
.modeller { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--bosluk-md); }
.model { grid-column: span 2; padding: clamp(1.25rem, 1rem + 1.4vw, 2rem); border-radius: var(--kose-xl); background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); display: flex; flex-direction: column; gap: var(--bosluk-sm); }
.model--one { grid-column: span 3; background: var(--renk-murekkep); color: var(--renk-kagit); border-color: transparent; }
.model--one p, .model--one li { color: var(--renk-gece-soluk); }
.model h3 { font-size: var(--boy-xl); }
.model p { color: var(--renk-murekkep-2); }
.model ul { display: grid; gap: 0.4rem; margin-top: var(--bosluk-xs); padding: 0; list-style: none; font-size: var(--boy-sm); }
.model li { display: flex; gap: 0.6rem; }
.model li::before { content: ''; flex: none; width: 0.45rem; height: 0.45rem; margin-top: 0.5em; border-radius: 2px; background: var(--renk-turkuaz); }
@media (max-width: 68rem) { .modeller { grid-template-columns: repeat(2, minmax(0, 1fr)); } .model, .model--one { grid-column: span 1; } }
@media (max-width: 40rem) { .modeller { grid-template-columns: minmax(0, 1fr); } }

.kimler { display: flex; flex-wrap: wrap; gap: var(--bosluk-xs); }
.kimler li { padding: 0.55rem 1rem; border-radius: var(--kose-hap); border: 1px solid var(--renk-cizgi); background: var(--renk-kart); font-weight: 600; font-size: var(--boy-sm); }

.adimlar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--bosluk-md); counter-reset: adim; padding: 0; list-style: none; }
.adimlar li { counter-increment: adim; display: grid; gap: var(--bosluk-xs); align-content: start; padding-top: var(--bosluk-md); border-top: 2px solid var(--renk-murekkep); }
.adimlar li::before { content: counter(adim, decimal-leading-zero); font-family: var(--yazi-baslik); font-weight: 800; color: var(--renk-turkuaz-koyu); font-variant-numeric: tabular-nums; }
.adimlar h3 { font-size: var(--boy-lg); }
.adimlar p { color: var(--renk-murekkep-2); font-size: var(--boy-sm); }
@media (max-width: 60rem) { .adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 36rem) { .adimlar { grid-template-columns: minmax(0, 1fr); } }

/* SSS (akordeon) */
.sss { display: grid; border-top: 1px solid var(--renk-cizgi); }
.sss details { border-bottom: 1px solid var(--renk-cizgi); }
.sss summary {
  display: flex; justify-content: space-between; align-items: center; gap: var(--bosluk-md);
  padding-block: var(--bosluk-lg); cursor: pointer; list-style: none;
  font-family: var(--yazi-baslik); font-weight: 700; font-size: var(--boy-lg); letter-spacing: -0.015em;
}
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after {
  content: ''; flex: none; width: 1.75rem; height: 1.75rem; border-radius: 50%;
  border: 1.5px solid var(--renk-murekkep);
  background:
    linear-gradient(var(--renk-murekkep), var(--renk-murekkep)) center / 10px 1.5px no-repeat,
    linear-gradient(var(--renk-murekkep), var(--renk-murekkep)) center / 1.5px 10px no-repeat;
  transition: transform var(--sure-orta) var(--gecis-ici);
}
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details p { padding-bottom: var(--bosluk-lg); color: var(--renk-murekkep-2); max-width: 46rem; }

/* ---------- Formlar ---------- */
.form { display: grid; gap: var(--bosluk-lg); }
.form__satir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-lg); }
@media (max-width: 40rem) { .form__satir { grid-template-columns: minmax(0, 1fr); } }
.alan { display: grid; gap: 0.45rem; }
.alan label, .alan__etiket { font-weight: 600; font-size: var(--boy-sm); }
.alan__ipucu { font-size: var(--boy-xs); color: var(--renk-soluk); }
.alan input, .alan select, .alan textarea {
  width: 100%; min-height: 3rem; padding: 0.75rem 1rem;
  border: 1.5px solid var(--renk-cizgi); border-radius: var(--kose-md);
  background: var(--renk-kart); color: var(--renk-murekkep);
  transition: border-color var(--sure-orta) var(--gecis-cikis), background-color var(--sure-orta) var(--gecis-cikis);
}
.alan textarea { min-height: 9rem; resize: vertical; line-height: 1.5; }
.alan select { appearance: none; background-image: url("../img/ok-asagi.f37dcdcbf6f8.svg"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 0.9rem; padding-right: 2.5rem; }
.alan input:hover, .alan select:hover, .alan textarea:hover { border-color: var(--renk-soluk); }
.alan input:focus-visible, .alan select:focus-visible, .alan textarea:focus-visible { outline: 2px solid var(--renk-odak); outline-offset: 1px; border-color: var(--renk-odak); }
.alan input:disabled, .alan select:disabled, .alan textarea:disabled { background: var(--renk-kagit-2); cursor: not-allowed; }
.alan--hata input, .alan--hata select, .alan--hata textarea { border-color: var(--renk-mercan); background: var(--renk-mercan-acik); }
.alan__hata { color: var(--renk-mercan-koyu); font-size: var(--boy-sm); font-weight: 600; }
.onay { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--bosluk-sm); align-items: start; font-size: var(--boy-sm); color: var(--renk-murekkep-2); }
.onay input { width: 1.25rem; height: 1.25rem; margin-top: 0.15rem; accent-color: var(--renk-murekkep); }
.bal-kupu { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form__durum { padding: var(--bosluk-md) var(--bosluk-lg); border-radius: var(--kose-md); font-weight: 600; }
.form__durum--basari { background: var(--renk-turkuaz-acik); color: var(--renk-turkuaz-koyu); }
.form__durum--hata { background: var(--renk-mercan-acik); color: var(--renk-mercan-koyu); }

.iletisim-duzen { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--bosluk-3xl); align-items: start; }
.iletisim-kanallari { display: grid; gap: var(--bosluk-lg); }
.iletisim-kanali { display: grid; gap: 0.2rem; padding-bottom: var(--bosluk-lg); border-bottom: 1px solid var(--renk-cizgi); }
.iletisim-kanali span { font-size: var(--boy-sm); color: var(--renk-soluk); }
.iletisim-kanali a { font-family: var(--yazi-baslik); font-weight: 700; font-size: var(--boy-xl); letter-spacing: -0.02em; text-decoration: none; overflow-wrap: anywhere; }
.iletisim-kanali a:hover { color: var(--renk-turkuaz-koyu); }
.form-karti { padding: clamp(1.25rem, 1rem + 2vw, 2.5rem); border-radius: var(--kose-xl); background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); }
@media (max-width: 60rem) { .iletisim-duzen { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Yasal metinler ---------- */
.yasal { box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: 760px; margin: 0 auto; padding: 44px clamp(20px, 4vw, 40px) 96px; }
.yasal__geri { align-self: flex-start; font-size: 14px; color: var(--renk-kul); text-decoration: none; }
.yasal__geri:hover { color: var(--renk-gece); }
.yasal__sekmeler { display: flex; flex-wrap: wrap; gap: 6px; }
.yasal__sekmeler a { padding: 8px 13px; border-radius: var(--kose-hap); background: var(--renk-kum); color: var(--renk-gece); font-size: 13.5px; font-weight: 600; text-decoration: none; }
.yasal__sekmeler a:hover { background: var(--renk-kum-3); }
.yasal__sekmeler a[aria-current="page"] { background: var(--renk-gece); color: var(--renk-kagit); }
.yasal__not { padding: 14px 16px; border-radius: 14px; background: var(--renk-kum); font-size: 13.5px; line-height: 1.55; color: var(--renk-metin-2); }
.yasal__metin { display: flex; flex-direction: column; gap: 6px; font-size: 15.5px; line-height: 1.7; color: #2B2621; }
.yasal__metin h1 { margin: 8px 0 6px; font-size: clamp(28px, 3vw, 38px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.15; }
.yasal__metin h2 { margin: 18px 0 4px; font-size: 17px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.4; }
.yasal__metin h3 { margin: 12px 0 2px; font-size: 15.5px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.4; }
.yasal__metin p, .yasal__metin ul, .yasal__metin ol { margin: 0 0 8px; }
.yasal__metin ul, .yasal__metin ol { padding-left: 1.3em; }
.yasal__metin li + li { margin-top: 0.35em; }
.yasal__metin a { color: inherit; text-decoration: underline; }
.yasal__metin a:hover { color: var(--renk-koz); }
.yasal__metin .tablo-kap { overflow-x: auto; margin-bottom: 8px; }
.yasal__metin table { width: 100%; border-collapse: collapse; font-size: 14px; }
.yasal__metin th, .yasal__metin td { padding: 0.6rem 0.75rem; border-bottom: 1px solid var(--renk-duman); text-align: left; vertical-align: top; }
.yasal__metin .hap { margin-top: 8px; }

/* ---------- Alt bilgi ---------- */
.alt {
  box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
  width: min(880px, calc(100% - 24px)); margin: 0 auto; padding: 22px 0 30px; font-size: 12.5px; color: var(--renk-kul);
}
.ic-sayfa .alt { margin-top: var(--bosluk-2xl); border-top: 1px solid var(--renk-duman); }
.alt__marka { display: inline-flex; align-items: center; gap: 12px; }
.alt__nav { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.alt__nav a { color: var(--renk-kul); text-decoration: none; }
.alt__nav a:hover { color: var(--renk-gece); }

/* ---------- İş birliği penceresi ---------- */
.pencere[hidden] { display: none; }
.pencere__perde { position: fixed; inset: 0; z-index: 80; background: var(--renk-perde); animation: perde-gel var(--sure-orta) var(--gecis-cikis); }
@keyframes perde-gel { from { opacity: 0; } }
@keyframes pencere-gel { from { opacity: 0; transform: translate(-50%, calc(-50% + 12px)); } }
.pencere__kutu {
  position: fixed; left: 50%; top: 50%; z-index: 81; transform: translate(-50%, -50%);
  box-sizing: border-box; width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto;
  display: flex; flex-direction: column; gap: 18px; padding: clamp(20px, 3vw, 30px);
  border-radius: 28px; background: var(--renk-kart); box-shadow: 0 40px 90px -30px rgb(21 18 15 / 0.55);
  animation: pencere-gel var(--sure-uzun) var(--gecis-cikis);
}
.pencere__ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.pencere__baslik { font-size: 26px; font-weight: 800; letter-spacing: -0.04em; line-height: 1.15; }
.pencere__alt { margin-top: 4px; font-size: 14px; color: var(--renk-kul); }
.pencere__kapat { flex: none; width: 36px; height: 36px; border: 0; border-radius: 12px; background: var(--renk-kum-2); font-size: 17px; line-height: 1; color: var(--renk-gece); cursor: pointer; }
.pencere__kapat:hover { background: var(--renk-kum-3); }
.talep { display: flex; flex-direction: column; gap: 12px; }
.talep__satir { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 10px; }
.talep__alan, .talep__secim legend { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--renk-metin-2); }
.talep__alan input, .talep__alan textarea {
  padding: 12px 14px; border: 1px solid transparent; border-radius: 12px; background: var(--renk-kagit);
  font-size: 15px; font-weight: 400; color: var(--renk-gece); outline: none;
  transition: border-color var(--sure-kisa) var(--gecis-cikis), background-color var(--sure-kisa) var(--gecis-cikis);
}
.talep__alan textarea { line-height: 1.55; resize: vertical; }
.talep__alan input:focus, .talep__alan textarea:focus { border-color: var(--renk-gece); background: #FFFFFF; }
.talep__alan.is-hatali input, .talep__alan.is-hatali textarea { border-color: var(--renk-koz); }
.talep__hata { font-size: 12.5px; font-weight: 500; color: var(--renk-koz); }
.talep__hata:empty { display: none; }
.talep__onay + .talep__hata { margin-top: -6px; }
.talep__secim { margin: 0; padding: 0; border: 0; min-width: 0; }
.talep__secim legend { padding: 0; margin-bottom: 7px; }
.talep__hapler { display: flex; flex-wrap: wrap; gap: 6px; }
.secim-hap { position: relative; }
.secim-hap input { position: absolute; opacity: 0; pointer-events: none; }
.secim-hap span { display: inline-block; padding: 9px 13px; border-radius: var(--kose-hap); background: var(--renk-kum-2); font-size: 13px; font-weight: 600; color: var(--renk-gece); cursor: pointer; transition: background-color var(--sure-kisa), color var(--sure-kisa); }
.secim-hap input:checked + span { background: var(--renk-gece); color: var(--renk-kagit); }
.secim-hap input:focus-visible + span { outline: 2px solid var(--renk-odak); outline-offset: 2px; }
.talep__onay { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.5; color: var(--renk-metin-3); cursor: pointer; }
.talep__onay input { flex: none; width: 15px; height: 15px; margin: 2px 0 0; accent-color: var(--renk-kor); }
.talep__onay a { color: inherit; text-decoration: underline; }
.talep__tamam { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 18px 0 8px; text-align: center; }
.talep__tamam[hidden] { display: none; }
.talep__tamam h3 { font-size: 24px; font-weight: 800; letter-spacing: -0.035em; }
.talep__tamam p { font-size: 14.5px; line-height: 1.55; color: var(--renk-kul); }
.talep__ref { font: 500 12px/1 var(--yazi-mono); color: var(--renk-soluk-2); }
.talep__ref:empty { display: none; }
.talep__tamam .hap { margin-top: 6px; }
body.pencere-acik { overflow: hidden; }

/* ---------- Çerez bandı ---------- */
.cerez-bandi {
  position: fixed; left: clamp(12px, 3vw, 20px); bottom: clamp(12px, 3vw, 20px); z-index: 60;
  display: flex; flex-direction: column; gap: 12px; max-width: 340px; padding: 16px; border-radius: 18px;
  background: var(--renk-kart); box-shadow: 0 0 0 1px rgb(21 18 15 / 0.06), 0 20px 40px -20px rgb(21 18 15 / 0.35);
}
.cerez-bandi[hidden] { display: none; }
.cerez-bandi p { font-size: 13px; line-height: 1.55; color: var(--renk-metin-2); }
.cerez-bandi a { color: inherit; text-decoration: underline; }
.cerez-bandi__dugmeler { display: flex; gap: 8px; }
.cerez-bandi__dugmeler .hap { flex: 1; padding: 10px; font-size: 13px; }

/* ---------- Kısa bildirim ---------- */
.bildirimler { position: fixed; left: 50%; bottom: 24px; z-index: var(--katman-bildirim); transform: translateX(-50%); display: grid; gap: 8px; justify-items: center; width: max-content; max-width: calc(100vw - 32px); pointer-events: none; }
.bildirim {
  display: flex; align-items: center; gap: 10px; padding: 11px 18px; border-radius: var(--kose-hap);
  background: var(--renk-gece); color: var(--renk-kagit); font: 500 13px/1.3 var(--yazi-mono);
  box-shadow: 0 14px 40px -10px rgb(21 18 15 / 0.5); animation: bildirim-gel var(--sure-uzun) var(--gecis-cikis);
}
.bildirim__nokta { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--renk-kor); }
.bildirim--hata .bildirim__nokta { background: var(--renk-alev); }
@keyframes bildirim-gel { from { opacity: 0; transform: translateY(8px); } }

/* ---------- Hata sayfaları ---------- */
.bos-kare { display: grid; place-items: center; gap: var(--bosluk-lg); text-align: center; padding-block: var(--bosluk-4xl); }
.bos-kare__cerceve { width: 9rem; aspect-ratio: 1; border: 2px dashed var(--renk-cizgi); border-radius: var(--kose-lg); display: grid; place-items: center; font-family: var(--yazi-baslik); font-weight: 800; font-size: var(--boy-2xl); color: var(--renk-soluk); }
.bos-kare h1 { font-size: var(--boy-4xl); }

/* ---------- Marka rehberi ---------- */
.marka-logolar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-md); }
.marka-zemin { display: grid; place-items: center; min-height: 18rem; padding: var(--bosluk-2xl); border-radius: var(--kose-xl); }
.marka-zemin img { width: min(100%, 22rem); height: auto; }
.marka-zemin--kagit { background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); }
.marka-zemin--murekkep { background: var(--renk-murekkep); }
.marka-iki { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--bosluk-3xl); align-items: center; }
.marka-iki p { max-width: 38rem; }
@media (max-width: 60rem) { .marka-logolar, .marka-iki { grid-template-columns: minmax(0, 1fr); } }

.insa { position: relative; width: min(100%, 24rem); aspect-ratio: 1; justify-self: center; }
.insa__izgara { position: absolute; inset: 0; width: 100%; height: 100%; }
.insa__hucre { fill: none; stroke: var(--renk-cizgi); stroke-width: 0.6; stroke-dasharray: 2 2; }
.insa__isaret { position: absolute; inset: calc(12 / 124 * 100%); color: var(--renk-murekkep); --isaret-vurgu: var(--renk-turkuaz); }
.insa__isaret .isaret { width: 100%; height: 100%; }
.insa__sira { position: absolute; inset: calc(12 / 124 * 100%); margin: 0; padding: 0; list-style: none; pointer-events: none; }
.insa__sira li {
  position: absolute; left: calc(var(--x) * 35%); top: calc(var(--y) * 35%); width: 30%; height: 30%;
  display: grid; place-items: center; color: var(--renk-kagit); font-weight: 700; font-size: var(--boy-sm); font-variant-numeric: tabular-nums;
}

.kurallar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--bosluk-md); }
.kural { display: grid; gap: var(--bosluk-xs); align-content: start; }
.kural h3 { font-size: var(--boy-lg); margin-top: var(--bosluk-xs); }
.kural p { color: var(--renk-murekkep-2); font-size: var(--boy-sm); }
.kural__gorsel { display: flex; align-items: center; justify-content: center; gap: var(--bosluk-lg); min-height: 9rem; padding: var(--bosluk-lg); border-radius: var(--kose-lg); background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); overflow: hidden; }
.kural__gorsel img { max-width: 100%; height: auto; }
.kural__gorsel--bosluk img { outline: 1.5px dashed var(--renk-turkuaz); outline-offset: 14px; }
.kural__gorsel--yanlis { background: var(--renk-mercan-acik); border-color: transparent; position: relative; }
.kural__gorsel--yanlis::after { content: ''; position: absolute; inset: 50% 12%; height: 2px; background: var(--renk-mercan); transform: rotate(-12deg); }
.kural__gorsel--koyu { background: var(--renk-murekkep); border-color: transparent; }
.kural__gorsel--koyu img { border-radius: 50%; box-shadow: 0 0 0 18px var(--renk-gece-2); }

.renkler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bosluk-md); }
.renkler--yardimci { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: var(--bosluk-md); }
.renk { display: grid; gap: var(--bosluk-xs); align-content: start; }
.renk__ornek { display: flex; align-items: flex-end; min-height: 7rem; padding: var(--bosluk-md); border-radius: var(--kose-lg); border: 1px solid var(--renk-cizgi-saydam); color: var(--renk-murekkep); font-family: var(--yazi-baslik); font-weight: 700; font-size: var(--boy-lg); }
.renk--ana .renk__ornek { min-height: 11rem; font-size: var(--boy-xl); }
.renk__degerler { display: grid; gap: 0.2rem; margin: 0; font-size: var(--boy-sm); }
.renk__degerler div { display: flex; justify-content: space-between; gap: var(--bosluk-sm); border-bottom: 1px solid var(--renk-cizgi); padding-block: 0.3rem; }
.renk__degerler dt { color: var(--renk-soluk); }
.renk__degerler dd { margin: 0; font-variant-numeric: tabular-nums; text-align: right; }
.renk button { border: 0; padding: 0; background: none; font: inherit; font-weight: 700; cursor: copy; color: var(--renk-murekkep); text-decoration: underline dotted; text-underline-offset: 3px; }
.renk button.is-kopyalandi { color: var(--renk-turkuaz-koyu); text-decoration: none; }
.renk__kod { font-size: var(--boy-sm); }
.renk__rol { font-size: var(--boy-sm); color: var(--renk-soluk); }
@media (max-width: 60rem) { .renkler { grid-template-columns: minmax(0, 1fr); } .renkler--yardimci { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.tipler { display: grid; gap: var(--bosluk-md); }
.tip { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--bosluk-xl); align-items: center; padding: var(--bosluk-xl); border-radius: var(--kose-xl); background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); }
.tip__ornek { overflow-wrap: anywhere; min-width: 0; }
.tip-baslik { font-family: var(--yazi-baslik); font-weight: 800; font-size: var(--boy-4xl); letter-spacing: -0.045em; line-height: 1; }
.tip-govde { font-family: var(--yazi-govde); font-size: var(--boy-xl); line-height: 1.4; }
.tip-arsiv { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-3xl); line-height: 1.1; font-variation-settings: 'opsz' 96, 'SOFT' 50; }
.tip__bilgi { display: grid; gap: 0.3rem; margin: 0; font-size: var(--boy-sm); }
.tip__bilgi div { display: flex; justify-content: space-between; gap: var(--bosluk-sm); border-bottom: 1px solid var(--renk-cizgi); padding-block: 0.3rem; }
.tip__bilgi dt { color: var(--renk-soluk); }
.tip__bilgi dd { margin: 0; text-align: right; font-weight: 600; }
@media (max-width: 48rem) { .tip { grid-template-columns: minmax(0, 1fr); } }

.kanal-kimlikleri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-md); }
.kanal-kimligi { border-radius: var(--kose-xl); overflow: hidden; border: 1px solid var(--renk-gece-cizgi); }
.kanal-kimligi__sahne { display: flex; align-items: center; gap: var(--bosluk-md); min-height: 12rem; padding: var(--bosluk-xl); background: var(--kk-zemin); color: var(--kk-yazi); }
.kanal-kimligi__isaret { width: 4.5rem; height: 4.5rem; flex: none; }
.kanal-kimligi__isaret svg { width: 100%; height: 100%; }
.kanal-kimligi__ad { font-family: var(--yazi-arsiv); font-weight: 600; font-size: var(--boy-3xl); letter-spacing: -0.02em; line-height: 1; font-variation-settings: 'opsz' 144, 'SOFT' 50; }
.kanal-kimligi__renkler { display: flex; align-items: center; gap: var(--bosluk-xs); padding: var(--bosluk-md) var(--bosluk-xl); background: var(--renk-gece-2); font-size: var(--boy-xs); color: var(--renk-gece-soluk); }
.kanal-kimligi__renkler span { width: 1.25rem; height: 1.25rem; border-radius: 4px; border: 1px solid var(--renk-gece-cizgi); }
.kanal-kimligi__renkler code { margin-left: auto; font-family: inherit; }
.sablon-ornekleri { display: grid; grid-template-columns: minmax(0, 18rem) minmax(0, 13rem) minmax(0, 1fr); gap: var(--bosluk-xl); align-items: end; }
@media (max-width: 60rem) {
  .kanal-kimlikleri { grid-template-columns: minmax(0, 1fr); }
  .sablon-ornekleri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sablon-ornekleri p { grid-column: 1 / -1; }
}

.belgeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bosluk-md); }
.belge { display: grid; gap: var(--bosluk-xs); align-content: start; }
.belge h3 { font-size: var(--boy-lg); margin-top: var(--bosluk-sm); }
.belge button.bag { border: 0; background-color: transparent; cursor: copy; padding-left: 0; padding-right: 0; font: inherit; font-weight: 600; color: inherit; }
.kartvizit-onizleme, .antet-onizleme, .imza-onizleme { min-height: 15rem; border-radius: var(--kose-xl); background: var(--renk-kagit-2); display: grid; place-items: center; padding: var(--bosluk-lg); overflow: hidden; }
.kartvizit-onizleme { position: relative; }
.kartvizit { width: 11rem; aspect-ratio: 85 / 55; border-radius: 6px; box-shadow: 0 14px 30px -16px var(--renk-golge-2); display: grid; place-items: center; position: absolute; }
.kartvizit--on { background: var(--renk-murekkep); color: var(--renk-kagit); --isaret-vurgu: var(--renk-turkuaz); transform: translate(-34%, -30%) rotate(-6deg); }
.kartvizit--on .isaret { width: 2.2rem; height: 2.2rem; }
.kartvizit--on span { position: absolute; bottom: 0.6rem; font-size: 0.5rem; color: var(--renk-gece-soluk); letter-spacing: 0.08em; }
.kartvizit--arka { background: var(--renk-kart); transform: translate(26%, 26%) rotate(4deg); place-items: start; align-content: start; padding: 0.8rem; gap: 0.1rem; font-size: 0.55rem; color: var(--renk-murekkep-2); }
.kartvizit--arka strong { font-family: var(--yazi-baslik); font-size: 0.8rem; color: var(--renk-murekkep); }
.kartvizit__logo { position: absolute; right: 0.7rem; bottom: 0.6rem; color: var(--renk-murekkep); }
.kartvizit__logo .yazi { height: 0.55rem; width: auto; }
.antet-onizleme { place-items: stretch; }
.antet-onizleme > * { grid-column: 1; }
.antet-onizleme { display: flex; flex-direction: column; gap: 0.45rem; padding: 1.25rem 1.25rem; width: 11rem; min-height: 0; aspect-ratio: 210 / 297; margin: 0 auto; background: var(--renk-kart); box-shadow: 0 14px 30px -16px var(--renk-golge-2); border-radius: 4px; }
.belge:nth-child(2) > .antet-onizleme { margin-block: 0; }
.antet-onizleme__ust { display: flex; align-items: center; gap: 0.3rem; color: var(--renk-murekkep); --isaret-vurgu: var(--renk-turkuaz); padding-bottom: 0.6rem; margin-bottom: 0.3rem; border-bottom: 1px solid var(--renk-cizgi); }
.antet-onizleme__ust .isaret { width: 0.8rem; height: 0.8rem; }
.antet-onizleme__ust .yazi { height: 0.6rem; width: auto; }
.antet-onizleme i { display: block; height: 3px; border-radius: 2px; background: var(--renk-cizgi-2); }
.antet-onizleme i:nth-of-type(2) { width: 80%; }
.antet-onizleme i:nth-of-type(4) { width: 55%; }
.antet-onizleme__alt { margin-top: auto; height: 2px; background: var(--renk-cizgi); }
.imza-onizleme { background: var(--renk-kart); border: 1px solid var(--renk-cizgi-2); overflow-x: auto; }
.dosyalar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: var(--bosluk-xs); margin-top: var(--bosluk-md); padding: 0; list-style: none; }
.dosyalar a { display: flex; align-items: center; gap: var(--bosluk-xs); padding: 0.85rem 1rem; border-radius: var(--kose-md); border: 1px solid var(--renk-cizgi); text-decoration: none; font-weight: 600; font-size: var(--boy-sm); transition: background-color var(--sure-orta) var(--gecis-cikis); }
.dosyalar a:hover { background: var(--renk-kart); }
.dosyalar svg { width: 1rem; height: 1rem; flex: none; color: var(--renk-turkuaz-koyu); }
@media (max-width: 60rem) { .belgeler { grid-template-columns: minmax(0, 1fr); } }

.ikon { width: 1.1em; height: 1.1em; flex: none; }

/* ---------- Ufak yardımcılar ---------- */
.bolum--ust-yok { padding-top: 0; }
.alt-bosluk { margin-bottom: var(--bosluk-lg); }
.kucuk-metin { font-size: var(--boy-sm); }
.dugmeler--orta { justify-content: center; }
.bolum-basi--sonda { margin-bottom: 0; }
.kanal-karti__isaret--buyuk { width: 4rem; height: 4rem; }
.kanal-karti__ad--buyuk { font-size: var(--boy-3xl); }
.ozellikler--acik { --k-cizgi: var(--renk-cizgi); --k-soluk: var(--renk-soluk); }
.olay-detay__kart { width: 100%; display: grid; justify-items: center; }
.olay-detay__not { font-size: var(--boy-sm); text-align: center; }
.yigin-sm > * + * { margin-top: var(--bosluk-sm); }
.yigin-md > * + * { margin-top: var(--bosluk-md); }
.yigin-lg > * + * { margin-top: var(--bosluk-lg); }
.ust-bosluk { margin-top: var(--bosluk-2xl); }
.ayrac { height: 1px; background: var(--renk-cizgi); border: 0; margin: 0; }

/* ---------- Hareket tercihi ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 150ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0ms !important;
    transition-duration: 150ms !important;
    scroll-behavior: auto !important;
  }
  .isaret--canli .kare, .gelis, .sallan, .kor--sahne, .kor--nefes, .kayit-noktasi, .kayan__serit { animation: none !important; }
  .dugme[data-durum="yukleniyor"] .dugme__metin::after { animation-duration: 1.4s !important; animation-iteration-count: infinite !important; }
}

/* ---------- Baskı ---------- */
@media print {
  .ust, .alt, .atla, .dugmeler, .cerez-bandi, .bildirimler, .pencere { display: none !important; }
  body { background: white; }
}