/* =========================================================
   Kuzeyin Oğlu — Volkan Konak resmî sitesi
   Palet: nötr gri ölçek (Bootstrap gray 100–900)
   #f8f9fa #e9ecef #dee2e6 #ced4da #adb5bd #6c757d #495057 #343a40 #212529
   Tek ara ton: #2b3035 (gece ile orman arası yüzey)
   ========================================================= */

/* ---------- 1. Değişkenler ---------- */
:root {
	/* Renk — nötr gri ölçek.
	   Değişken adları ilk tasarımdan (Karadeniz) kalmıştır; artık şu anlamdadır:
	   gece = en koyu zemin · orman = koyu bölüm · derin = kart/yüzey ·
	   yayla = koyu vurgu (açık zeminde metin) · yosun = orta gri ·
	   findik = açık zeminlerde vurgu · bakir = koyu vurgu */
	--gece: #212529;
	--orman: #2b3035;
	--derin: #343a40;
	--yayla: #495057;
	--yosun: #6c757d;
	--nane: #adb5bd;
	--sis: #dee2e6;
	--sis-acik: #f8f9fa;
	--kar: #ffffff;
	--findik: #ced4da;
	--bakir: #495057;
	--kum: #e9ecef;

	--metin: #212529;
	--metin-yumusak: #6c757d;
	--metin-ters: #f8f9fa;
	--metin-ters-yumusak: rgba(248, 249, 250, .72);
	--cizgi: rgba(33, 37, 41, .14);
	--cizgi-ters: rgba(248, 249, 250, .16);

	/* Tipografi */
	--f-baslik: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
	--f-govde: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--fs-dev: clamp(3.2rem, 12vw, 9.5rem);
	--fs-h1: clamp(2.4rem, 6vw, 4.4rem);
	--fs-h2: clamp(2rem, 4.4vw, 3.4rem);
	--fs-h3: clamp(1.3rem, 2.4vw, 1.75rem);
	--fs-govde: clamp(1rem, .55vw + .88rem, 1.125rem);
	--fs-kucuk: .875rem;
	--fs-mini: .75rem;

	/* Ölçü */
	--kap: min(1240px, 100% - 2.5rem);
	--kap-dar: min(760px, 100% - 2.5rem);
	--bosluk-bolum: clamp(5rem, 10vw, 9rem);
	--yuvarlak: 4px;
	--yuvarlak-buyuk: 10px;

	/* Hareket */
	--gecis: 420ms cubic-bezier(.22, .61, .36, 1);
	--gecis-hizli: 220ms cubic-bezier(.22, .61, .36, 1);

	--golge: 0 24px 60px -28px rgba(33, 37, 41, .55);
	--golge-yumusak: 0 10px 30px -18px rgba(33, 37, 41, .45);
}

/* ---------- 2. Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }

html {
	scroll-behavior: smooth;
	scroll-padding-top: 84px;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--sis-acik);
	color: var(--metin);
	font-family: var(--f-govde);
	font-size: var(--fs-govde);
	font-weight: 400;
	line-height: 1.72;
	letter-spacing: .002em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

body.ko-menu-acik { overflow: hidden; }

h1, h2, h3, h4 {
	font-family: var(--f-baslik);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.015em;
	margin: 0 0 .6em;
	font-variation-settings: "SOFT" 0, "WONK" 0;
}

p { margin: 0 0 1.15em; }
p:last-child { margin-bottom: 0; }

a { color: inherit; text-decoration-color: rgba(206, 212, 218, .55); text-underline-offset: .22em; }
a:hover { text-decoration-color: currentColor; }

img { max-width: 100%; height: auto; display: block; }

::selection { background: var(--findik); color: var(--gece); }

:focus-visible {
	outline: 2px solid var(--findik);
	outline-offset: 3px;
	border-radius: 2px;
}

.ko-gizli-erisilebilir {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0);
	white-space: nowrap; border: 0;
}

.ko-atla {
	position: absolute; left: 1rem; top: -100px;
	z-index: 999;
	background: var(--kar); color: var(--metin);
	padding: .75rem 1.25rem; border-radius: var(--yuvarlak);
	transition: top var(--gecis-hizli);
}
.ko-atla:focus { top: 1rem; }

.ko-kap { width: var(--kap); margin-inline: auto; }
.ko-kap-dar { width: var(--kap-dar); margin-inline: auto; }

/* ---------- 3. Başlık / menü ---------- */
.ko-ust {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 100;
	padding: 1.35rem 0;
	transition: background var(--gecis), padding var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
	border-bottom: 1px solid transparent;
}

.ko-ust__ic {
	width: var(--kap);
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.ko-ust--sabit {
	background: rgba(33, 37, 41, .86);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	backdrop-filter: saturate(160%) blur(14px);
	padding: .8rem 0;
	border-bottom-color: var(--cizgi-ters);
}

.ko-ic-sayfa .ko-ust {
	background: rgba(33, 37, 41, .92);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom-color: var(--cizgi-ters);
}

.ko-marka {
	display: flex;
	align-items: center;
	gap: .85rem;
	text-decoration: none;
	color: var(--metin-ters);
	flex: none;            /* menü kalabalıklaşınca logo sıkışmasın */
	min-width: 0;
}
.ko-marka img { width: auto; max-height: 38px; flex: none; filter: brightness(0) invert(1); transition: max-height var(--gecis); }
.ko-ust--sabit .ko-marka img { max-height: 31px; }

.ko-marka__yazi { display: flex; flex-direction: column; line-height: 1.05; }
.ko-marka__ad { font-family: var(--f-baslik); font-size: 1.18rem; font-weight: 600; letter-spacing: .01em; }
.ko-marka__alt {
	font-size: var(--fs-mini);
	text-transform: uppercase;
	letter-spacing: .22em;
	color: var(--metin-ters-yumusak);
}

.ko-menu { display: flex; align-items: center; gap: 1.5rem; min-width: 0; }
.ko-menu ul { list-style: none; display: flex; gap: 1.5rem; margin: 0; padding: 0; flex-wrap: nowrap; }
.ko-menu a {
	color: var(--metin-ters);
	text-decoration: none;
	font-size: .74rem;
	font-weight: 500;
	letter-spacing: .09em;
	text-transform: uppercase;
	position: relative;
	padding-block: .35rem;
	white-space: nowrap;
}
.ko-menu a::after {
	content: "";
	position: absolute;
	left: 0; bottom: 0;
	width: 100%; height: 1px;
	background: var(--findik);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--gecis);
}
.ko-menu a:hover::after,
.ko-menu .current-menu-item > a::after,
.ko-menu a.ko-etkin::after { transform: scaleX(1); transform-origin: left; }

.ko-ust__eylem { display: flex; align-items: center; gap: 1.25rem; }

.ko-tel {
	display: inline-flex; align-items: center; gap: .5rem;
	color: var(--metin-ters);
	text-decoration: none;
	font-size: .82rem;
	letter-spacing: .06em;
	padding: .55rem 1.05rem;
	border: 1px solid var(--cizgi-ters);
	border-radius: 100px;
	white-space: nowrap;
	transition: border-color var(--gecis-hizli), background var(--gecis-hizli), color var(--gecis-hizli);
}
.ko-tel:hover { background: var(--findik); border-color: var(--findik); color: var(--gece); }
.ko-tel .ko-ikon { width: 15px; height: 15px; }

/* Mobil düğme */
.ko-menu-dugme {
	display: none;
	width: 46px; height: 40px;
	background: none; border: 0; padding: 0;
	cursor: pointer;
	position: relative;
	z-index: 120;
}
.ko-menu-dugme span {
	position: absolute;
	left: 9px; right: 9px; height: 1.5px;
	background: var(--metin-ters);
	transition: transform var(--gecis), opacity var(--gecis-hizli);
}
.ko-menu-dugme span:nth-child(1) { top: 14px; }
.ko-menu-dugme span:nth-child(2) { top: 20px; }
.ko-menu-dugme span:nth-child(3) { top: 26px; }
.ko-menu-dugme[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ko-menu-dugme[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ko-menu-dugme[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ---------- 4. Giriş ekranı ---------- */
.ko-hero {
	position: relative;
	min-height: 100svh;
	display: flex;
	align-items: flex-end;
	padding: 9rem 0 clamp(3rem, 7vh, 5.5rem);
	overflow: hidden;
	background: var(--gece);
	color: var(--metin-ters);
	isolation: isolate;
}

.ko-hero__fon { position: absolute; inset: 0; z-index: -3; }
.ko-hero__fon img {
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: var(--ko-odak, center 28%);
}

/* Sahne ışığını temanın paletine yaklaştıran tonlama katmanı */
.ko-hero__ton {
	position: absolute; inset: 0; z-index: -2;
	pointer-events: none;
	background: linear-gradient(180deg, #495057 0%, #495057 55%, #212529 100%);
	mix-blend-mode: color;
	opacity: 0;
	transition: opacity var(--gecis);
}
.ko-hero--ton-hafif .ko-hero__ton { opacity: .34; }
.ko-hero--ton-orta .ko-hero__ton { opacity: .62; }
.ko-hero--ton-guclu .ko-hero__ton { opacity: .88; }

.ko-hero--ton-hafif .ko-hero__fon img { filter: saturate(.92) contrast(1.03); }
.ko-hero--ton-orta .ko-hero__fon img { filter: saturate(.78) contrast(1.07) brightness(.96); }
.ko-hero--ton-guclu .ko-hero__fon img { filter: saturate(.5) contrast(1.12) brightness(.92); }

/* Fotoğraflı giriş: metnin oturduğu sol-alt köşe koyulaşsın */
.ko-hero--foto .ko-hero__perde {
	background:
		linear-gradient(to top, rgba(33, 37, 41, .95) 0%, rgba(33, 37, 41, .55) 34%, rgba(33, 37, 41, .12) 68%, rgba(33, 37, 41, .35) 100%),
		linear-gradient(to right, rgba(33, 37, 41, .82) 0%, rgba(33, 37, 41, .35) 42%, rgba(33, 37, 41, 0) 72%);
}
.ko-hero__perde {
	position: absolute; inset: 0; z-index: -2;
	background:
		radial-gradient(120% 90% at 50% 0%, rgba(33, 37, 41, .25) 0%, rgba(33, 37, 41, .78) 62%, var(--gece) 100%),
		linear-gradient(to top, var(--gece) 2%, rgba(33, 37, 41, .35) 48%, rgba(33, 37, 41, .55) 100%);
}

/* Çizim modunda perde daha yumuşak: silüet görünsün */
.ko-hero--cizim .ko-hero__perde {
	background:
		linear-gradient(to top, rgba(33, 37, 41, .92) 0%, rgba(33, 37, 41, .6) 30%, rgba(33, 37, 41, .16) 62%, rgba(33, 37, 41, 0) 100%),
		radial-gradient(80% 66% at 16% 80%, rgba(33, 37, 41, .62) 0%, transparent 66%);
}

/* Dağ silüeti (fotoğraf yoksa) */
.ko-hero--cizim {
	background:
		radial-gradient(90% 60% at 78% 12%, rgba(108, 117, 125, .22) 0%, transparent 62%),
		linear-gradient(180deg, #212529 0%, #212529 42%, #2b3035 72%, #343a40 100%);
}
.ko-dag { position: absolute; inset: auto 0 -1px 0; height: clamp(320px, 58%, 640px); z-index: -3; }
.ko-dag svg { width: 100%; height: 100%; display: block; }
.ko-dag__kat { transform: translateY(0); }
.ko-dag__sis { animation: ko-sis-nefes 14s ease-in-out infinite; transform-origin: center bottom; }

@keyframes ko-sis-nefes {
	0%, 100% { opacity: .5; transform: translateY(8px) scaleY(1); }
	50% { opacity: .85; transform: translateY(-6px) scaleY(1.06); }
}

/* Sis katmanları */
.ko-sis-katman {
	position: absolute;
	left: -20%; right: -20%;
	height: 52%;
	bottom: 4%;
	z-index: -1;
	pointer-events: none;
	background: radial-gradient(55% 100% at 50% 100%, rgba(222, 226, 230, .3) 0%, rgba(222, 226, 230, 0) 72%);
	animation: ko-suzul 26s ease-in-out infinite alternate;
	filter: blur(6px);
}
.ko-sis-katman--2 { height: 34%; bottom: 16%; opacity: .55; animation-duration: 34s; animation-direction: alternate-reverse; }

@keyframes ko-suzul {
	from { transform: translate3d(-4%, 6px, 0); }
	to { transform: translate3d(5%, -10px, 0); }
}

.ko-hero__ic { position: relative; width: var(--kap); margin-inline: auto; z-index: 2; }
.ko-hero__metin { position: relative; z-index: 2; }

/* --- Portre düzeni: fotoğraf sağda, başlık solda --- */
.ko-hero--portre { align-items: center; padding-top: 7rem; }

.ko-hero--portre .ko-hero__ic {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
	align-items: center;
	gap: clamp(1rem, 3vw, 3rem);
}

.ko-hero__portre {
	position: relative;
	justify-self: end;
	align-self: end;
	width: min(100%, 620px);
	aspect-ratio: 3 / 4;
	max-height: 90svh;
	margin-bottom: calc(clamp(3rem, 7vh, 5.5rem) * -1);
	/* Sağ kenar ekran kenarına taşsın (kutu hissi olmasın) */
	margin-right: calc((min(1240px, 100vw - 2.5rem) - 100vw) / 2);
	pointer-events: none;
}
.ko-hero__portre img {
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: var(--ko-odak, 50% 50%);
	display: block;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .5) 9%, #000 20%, #000 72%, rgba(0, 0, 0, .45) 92%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .5) 9%, #000 20%, #000 72%, rgba(0, 0, 0, .45) 92%, transparent 100%);
}

/* Sol kenarı zemine karıştıran yumuşak geçiş */
.ko-hero__portre::before {
	content: "";
	position: absolute; inset: 0;
	z-index: 2;
	background:
		linear-gradient(to right, rgba(33, 37, 41, .92) 0%, rgba(33, 37, 41, .45) 20%, rgba(33, 37, 41, 0) 52%),
		linear-gradient(to left, rgba(33, 37, 41, .55) 0%, rgba(33, 37, 41, 0) 22%);
}

.ko-hero__portre .ko-hero__ton {
	position: absolute; inset: 0;
	z-index: 1;
}
.ko-hero--portre.ko-hero--ton-hafif .ko-hero__portre img { filter: saturate(.9) contrast(1.04); }
.ko-hero--portre.ko-hero--ton-orta .ko-hero__portre img { filter: saturate(.72) contrast(1.08) brightness(.97); }
.ko-hero--portre.ko-hero--ton-guclu .ko-hero__portre img { filter: saturate(.42) contrast(1.14) brightness(.93); }

.ko-hero--portre.ko-hero--ton-hafif .ko-hero__portre .ko-hero__ton { opacity: .3; }
.ko-hero--portre.ko-hero--ton-orta .ko-hero__portre .ko-hero__ton { opacity: .5; }
.ko-hero--portre.ko-hero--ton-guclu .ko-hero__portre .ko-hero__ton { opacity: .78; }

/* Portre düzeninde başlık biraz daha ölçülü */
.ko-hero--portre .ko-hero__ad { font-size: clamp(3rem, 7.4vw, 6.6rem); }
.ko-hero--portre .ko-hero__alt { max-width: 40ch; }
.ko-hero--portre .ko-hero__alinti { max-width: 36ch; }

.ko-hero__ustbaslik {
	display: inline-flex; align-items: center; gap: .85rem;
	font-size: var(--fs-mini);
	text-transform: uppercase;
	letter-spacing: .38em;
	color: var(--findik);
	margin: 0 0 1.4rem;
}
.ko-hero__ustbaslik::before {
	content: ""; width: 42px; height: 1px; background: var(--findik); opacity: .7;
}

.ko-hero__ad {
	font-size: var(--fs-dev);
	line-height: .88;
	letter-spacing: -.035em;
	margin: 0;
	font-weight: 600;
	background: linear-gradient(180deg, var(--kar) 12%, #dee2e6 62%, #adb5bd 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-wrap: balance;
}

.ko-hero__yillar {
	display: block;
	margin-top: 1.1rem;
	font-family: var(--f-govde);
	font-size: .82rem;
	letter-spacing: .42em;
	text-transform: uppercase;
	color: var(--metin-ters-yumusak);
}

.ko-hero__alt {
	max-width: 46ch;
	margin: 1.9rem 0 0;
	font-size: clamp(1.02rem, 1.3vw, 1.22rem);
	color: var(--metin-ters-yumusak);
	line-height: 1.75;
}

.ko-hero__alinti {
	margin: 2.6rem 0 0;
	padding-left: 1.5rem;
	border-left: 2px solid rgba(206, 212, 218, .5);
	max-width: 42ch;
}
.ko-hero__alinti p {
	font-family: var(--f-baslik);
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	font-style: italic;
	color: var(--sis);
	margin: 0 0 .4rem;
	line-height: 1.5;
}
.ko-hero__alinti cite {
	font-style: normal;
	font-size: var(--fs-mini);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--findik);
}

.ko-hero__eylemler { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.8rem; }

.ko-kaydir {
	position: absolute;
	right: 0; bottom: .5rem;
	display: inline-flex; flex-direction: column; align-items: center; gap: .7rem;
	color: var(--metin-ters-yumusak);
	text-decoration: none;
	font-size: var(--fs-mini);
	letter-spacing: .2em;
	text-transform: uppercase;
	writing-mode: vertical-rl;
}
.ko-kaydir .ko-ikon { writing-mode: horizontal-tb; width: 18px; height: 18px; animation: ko-zipla 2.6s ease-in-out infinite; }
@keyframes ko-zipla { 0%, 100% { transform: translateY(0); opacity: .6; } 50% { transform: translateY(6px); opacity: 1; } }

/* ---------- 5. Düğmeler ---------- */
.ko-dugme {
	display: inline-flex; align-items: center; gap: .65rem;
	padding: .95rem 1.9rem;
	background: var(--findik);
	color: var(--gece);
	border: 1px solid var(--findik);
	border-radius: 100px;
	font-size: .82rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--gecis-hizli), background var(--gecis-hizli), color var(--gecis-hizli), box-shadow var(--gecis-hizli);
}
.ko-dugme:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -16px rgba(206, 212, 218, .8); }

.ko-dugme--hayalet {
	background: transparent;
	color: var(--metin-ters);
	border-color: var(--cizgi-ters);
}
.ko-dugme--hayalet:hover { background: rgba(248, 249, 250, .07); border-color: rgba(248, 249, 250, .4); box-shadow: none; }

.ko-dugme--koyu { background: var(--yayla); border-color: var(--yayla); color: var(--metin-ters); }
.ko-dugme--koyu:hover { background: var(--derin); border-color: var(--derin); box-shadow: var(--golge-yumusak); }

.ko-baglanti {
	display: inline-flex; align-items: center; gap: .5rem;
	font-size: .8rem; font-weight: 600;
	letter-spacing: .13em; text-transform: uppercase;
	text-decoration: none;
	color: var(--yayla);
	border-bottom: 1px solid rgba(73, 80, 87, .3);
	padding-bottom: .25rem;
	transition: color var(--gecis-hizli), border-color var(--gecis-hizli), gap var(--gecis-hizli);
}
.ko-baglanti:hover { color: var(--bakir); border-color: var(--bakir); gap: .8rem; }
.ko-bolum--koyu .ko-baglanti { color: var(--findik); border-color: rgba(206, 212, 218, .35); }
.ko-bolum--koyu .ko-baglanti:hover { color: var(--kar); border-color: var(--kar); }

/* ---------- 6. Bölüm iskeleti ---------- */
.ko-bolum { padding: var(--bosluk-bolum) 0; position: relative; }
.ko-bolum--sis { background: var(--sis-acik); }
.ko-bolum--kagit { background: var(--kar); }
.ko-bolum--koyu { background: var(--orman); color: var(--metin-ters); }
.ko-bolum--gece { background: var(--gece); color: var(--metin-ters); }

.ko-bolum--koyu h2, .ko-bolum--gece h2 { color: var(--kar); }

.ko-bolum__baslik { max-width: 60ch; margin-bottom: clamp(2.5rem, 5vw, 4rem); }

.ko-ustbaslik {
	display: inline-flex; align-items: center; gap: .8rem;
	font-size: var(--fs-mini);
	text-transform: uppercase;
	letter-spacing: .3em;
	color: var(--bakir);
	margin: 0 0 1rem;
	font-weight: 500;
}
.ko-ustbaslik::before { content: ""; width: 30px; height: 1px; background: currentColor; opacity: .6; }
.ko-bolum--koyu .ko-ustbaslik, .ko-bolum--gece .ko-ustbaslik { color: var(--findik); }

.ko-bolum__h2 { font-size: var(--fs-h2); margin: 0; text-wrap: balance; }
.ko-bolum__giris {
	margin-top: 1.15rem;
	font-size: clamp(1rem, 1.1vw, 1.14rem);
	color: var(--metin-yumusak);
	max-width: 54ch;
}
.ko-bolum--koyu .ko-bolum__giris, .ko-bolum--gece .ko-bolum__giris { color: var(--metin-ters-yumusak); }

/* Sis ayırıcı */
.ko-ayirici { position: relative; height: 90px; margin-top: -90px; pointer-events: none; z-index: 1; }
.ko-ayirici svg { width: 100%; height: 100%; display: block; }

/* ---------- 7. Konserler ---------- */
.ko-konser-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi-ters); }

.ko-konser-satir {
	display: grid;
	grid-template-columns: 168px 1fr auto;
	gap: 2rem;
	align-items: center;
	padding: 1.85rem 0;
	border-bottom: 1px solid var(--cizgi-ters);
	transition: background var(--gecis-hizli);
}
.ko-konser-satir:hover { background: rgba(248, 249, 250, .035); }
.ko-konser-satir--gecmis { opacity: .55; }

.ko-konser__tarih { display: flex; align-items: baseline; gap: .7rem; }
.ko-konser__gun {
	font-family: var(--f-baslik);
	font-size: 2.6rem;
	line-height: 1;
	color: var(--findik);
	font-weight: 600;
}
.ko-konser__ay {
	font-size: var(--fs-mini);
	text-transform: uppercase;
	letter-spacing: .2em;
	color: var(--metin-ters-yumusak);
	line-height: 1.4;
}
.ko-konser__ay span { display: block; }

.ko-konser__ad { font-family: var(--f-baslik); font-size: var(--fs-h3); margin: 0 0 .35rem; color: var(--kar); }
.ko-konser__yer {
	display: flex; align-items: center; gap: .45rem;
	font-size: var(--fs-kucuk);
	color: var(--metin-ters-yumusak);
	margin: 0;
}
.ko-konser__yer .ko-ikon { width: 15px; height: 15px; opacity: .7; }

.ko-konser__rozet {
	font-size: var(--fs-mini);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--metin-ters-yumusak);
	border: 1px solid var(--cizgi-ters);
	border-radius: 100px;
	padding: .45rem 1rem;
	white-space: nowrap;
}

.ko-bos {
	padding: 3.5rem 0;
	text-align: center;
	color: var(--metin-ters-yumusak);
	border: 1px dashed var(--cizgi-ters);
	border-radius: var(--yuvarlak-buyuk);
}

/* ---------- 8. Diskografi ---------- */
.ko-albom-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
	gap: clamp(1.4rem, 2.6vw, 2.4rem);
}

.ko-albom { position: relative; }

.ko-albom__kapak {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--yuvarlak);
	background: linear-gradient(140deg, var(--derin), var(--yayla));
	box-shadow: var(--golge-yumusak);
}
.ko-albom__kapak img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 900ms cubic-bezier(.22, .61, .36, 1), filter var(--gecis);
}
.ko-albom:hover .ko-albom__kapak img { transform: scale(1.06); }

.ko-albom__bosluk {
	position: absolute; inset: 0;
	display: grid; place-items: center;
	font-family: var(--f-baslik);
	font-size: 2.6rem;
	color: rgba(248, 249, 250, .18);
	letter-spacing: .1em;
}

.ko-albom__perde {
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(33, 37, 41, .88) 0%, rgba(33, 37, 41, .15) 55%, transparent 100%);
	opacity: 0;
	transition: opacity var(--gecis);
	display: flex; align-items: flex-end; justify-content: center;
	padding: 1.3rem;
}
.ko-albom:hover .ko-albom__perde, .ko-albom:focus-within .ko-albom__perde { opacity: 1; }

.ko-albom__dinle {
	display: inline-flex; align-items: center; gap: .4rem;
	background: rgba(248, 249, 250, .14);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(248, 249, 250, .38);
	color: var(--kar);
	padding: .38rem .85rem .38rem .7rem;
	border-radius: 100px;
	font-size: .625rem;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	text-decoration: none;
	transform: translateY(8px);
	transition: transform var(--gecis), background var(--gecis-hizli), border-color var(--gecis-hizli), color var(--gecis-hizli);
}
.ko-albom__dinle:hover {
	background: var(--findik);
	border-color: var(--findik);
	color: var(--gece);
}
.ko-albom:hover .ko-albom__dinle, .ko-albom:focus-within .ko-albom__dinle { transform: translateY(0); }

.ko-albom__bilgi { margin-top: 1.05rem; }
.ko-albom__ad { font-family: var(--f-baslik); font-size: 1.12rem; margin: 0 0 .2rem; letter-spacing: -.01em; }
.ko-albom__ad a { text-decoration: none; transition: color var(--gecis-hizli); }
.ko-albom__ad a:hover { color: var(--bakir); }
.ko-bolum--koyu .ko-albom__ad a:hover, .ko-bolum--gece .ko-albom__ad a:hover { color: var(--findik); }
.ko-albom__meta {
	font-size: var(--fs-mini);
	letter-spacing: .1em;
	/* Büyük harfe çevrilmez: lang="tr" olduğu için tarayıcı "Production" → "PRODUCTİON" yapıyor. */
	color: var(--metin-yumusak);
	margin: 0;
}
.ko-bolum--koyu .ko-albom__meta, .ko-bolum--gece .ko-albom__meta { color: var(--metin-ters-yumusak); }

/* ---------- 9. Klipler ---------- */
.ko-klip-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: clamp(1.2rem, 2.2vw, 2rem);
}

.ko-klip { margin: 0; }

.ko-klip__ac {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
	cursor: pointer;
	color: inherit;
	position: relative;
	text-decoration: none;   /* TV kartları bağlantı olduğu için */
	font: inherit;
}
.ko-klip__ac:hover .ko-klip__ad { color: var(--findik); transition: color var(--gecis-hizli); }

.ko-klip__gorsel {
	display: block;
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--yuvarlak);
	background: var(--derin);
	box-shadow: var(--golge-yumusak);
}
.ko-klip__gorsel::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(33, 37, 41, .6), transparent 60%);
	opacity: .8;
	transition: opacity var(--gecis);
}
.ko-klip__gorsel img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 900ms cubic-bezier(.22, .61, .36, 1);
}
.ko-klip__ac:hover .ko-klip__gorsel img { transform: scale(1.05); }
.ko-klip__ac:hover .ko-klip__gorsel::after { opacity: .45; }

.ko-klip__oynat {
	position: absolute;
	top: calc(50% - 26px); left: 50%;
	transform: translate(-50%, -50%) scale(.92);
	width: 62px; height: 62px;
	display: grid; place-items: center;
	border-radius: 50%;
	background: rgba(248, 249, 250, .14);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(248, 249, 250, .35);
	color: var(--kar);
	transition: transform var(--gecis), background var(--gecis);
	pointer-events: none;
}
.ko-klip__oynat .ko-ikon { width: 22px; height: 22px; margin-left: 3px; }
.ko-klip__ac:hover .ko-klip__oynat { transform: translate(-50%, -50%) scale(1); background: var(--findik); color: var(--gece); border-color: var(--findik); }

.ko-klip__bilgi { display: block; margin-top: .95rem; }
.ko-klip__ad { display: block; font-family: var(--f-baslik); font-size: 1.06rem; }
.ko-klip__alt {
	display: block;
	font-size: var(--fs-mini);
	letter-spacing: .1em;
	color: var(--metin-yumusak);
	margin-top: .2rem;
}
.ko-bolum--koyu .ko-klip__alt, .ko-bolum--gece .ko-klip__alt { color: var(--metin-ters-yumusak); }

/* Sayfa içi video oynatıcı */
.ko-oynatici {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: var(--yuvarlak);
	overflow: hidden;
	box-shadow: var(--golge);
}
.ko-oynatici iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.ko-bolum__tumu { margin: 1.5rem 0 0; }

/* TV programları */
.ko-tv-izgara { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.ko-tv__rozet {
	position: absolute;
	top: .8rem; left: .8rem;
	z-index: 2;
	font-size: var(--fs-mini);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--gece);
	background: var(--findik);
	border-radius: 100px;
	padding: .3rem .8rem;
}

/* Video kutusu */
.ko-modal {
	position: fixed; inset: 0;
	z-index: 200;
	display: none;
	place-items: center;
	padding: clamp(1rem, 4vw, 3rem);
	background: rgba(33, 37, 41, .93);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	opacity: 0;
	transition: opacity var(--gecis);
}
.ko-modal[open], .ko-modal.ko-acik { display: grid; opacity: 1; }

.ko-modal__ic { width: min(1120px, 100%); }
.ko-modal__cerceve {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: var(--yuvarlak);
	overflow: hidden;
	box-shadow: var(--golge);
}
.ko-modal__cerceve iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ko-modal__baslik {
	margin: 1.1rem 0 0;
	color: var(--metin-ters);
	font-family: var(--f-baslik);
	font-size: 1.2rem;
}
.ko-modal__kapat {
	position: absolute; top: 1.5rem; right: 1.5rem;
	width: 48px; height: 48px;
	border-radius: 50%;
	border: 1px solid var(--cizgi-ters);
	background: rgba(248, 249, 250, .08);
	color: var(--metin-ters);
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	transition: background var(--gecis-hizli), transform var(--gecis-hizli);
}
.ko-modal__kapat:hover { background: var(--findik); color: var(--gece); transform: rotate(90deg); }

/* ---------- 9b. Albüm çalar ---------- */
.ko-calar {
	position: fixed; inset: 0;
	z-index: 210;
	display: none;
	place-items: center;
	padding: clamp(1rem, 4vw, 3rem);
	background: rgba(33, 37, 41, .94);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	overflow-y: auto;
}
.ko-calar.ko-acik { display: grid; }

.ko-calar__ic {
	width: min(880px, 100%);
	background: var(--orman);
	border: 1px solid var(--cizgi-ters);
	border-radius: var(--yuvarlak-buyuk);
	overflow: hidden;
	box-shadow: var(--golge);
	color: var(--metin-ters);
	margin-block: auto;
}

.ko-calar__ust {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: clamp(1.25rem, 3vw, 2.25rem);
	padding: clamp(1.5rem, 3vw, 2.25rem);
	background: linear-gradient(140deg, var(--derin), var(--orman) 70%);
	border-bottom: 1px solid var(--cizgi-ters);
}

.ko-calar__kapak {
	aspect-ratio: 1;
	border-radius: var(--yuvarlak);
	overflow: hidden;
	background: var(--yayla);
	box-shadow: var(--golge-yumusak);
}
.ko-calar__kapak img { width: 100%; height: 100%; object-fit: cover; }

.ko-calar__bilgi { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.ko-calar__ust-etiket { margin-bottom: .5rem; }
.ko-calar__ad { font-size: clamp(1.5rem, 3vw, 2.15rem); margin: 0 0 .35rem; color: var(--kar); }
.ko-calar__meta {
	margin: 0 0 1.25rem;
	font-size: var(--fs-mini);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--metin-ters-yumusak);
}
.ko-calar__baglantilar { display: flex; flex-wrap: wrap; gap: .6rem; }
.ko-calar__baglantilar .ko-dugme { padding: .7rem 1.3rem; font-size: var(--fs-mini); }
.ko-calar__not {
	margin: 1rem 0 0;
	font-size: var(--fs-mini);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(248, 249, 250, .45);
}

.ko-calar__govde { max-height: min(46svh, 460px); overflow-y: auto; }
.ko-calar__liste { list-style: none; margin: 0; padding: .5rem 0; }
.ko-calar__bos { padding: 2.5rem; text-align: center; color: var(--metin-ters-yumusak); margin: 0; }

/* Parça satırları — SC Player (dalga formlu çalar) ile */
.ko-calar__satir { border-bottom: 1px solid rgba(248, 249, 250, .05); }
.ko-calar__satir:last-child { border-bottom: 0; }

.ko-calar__satir .scp {
	/* SC Player renkleri Karadeniz paletine uyarlandı */
	--scp-bar-on: var(--findik);
	--scp-bar-off: rgba(248, 249, 250, .16);
	--scp-icon: var(--kar);
	--scp-ring: rgba(248, 249, 250, .28);
	--scp-time: rgba(248, 249, 250, .55);
	--scp-btn: 30px;
	--scp-wave-h: 22px;

	display: grid;
	grid-template-columns: var(--scp-btn) 1.6rem minmax(0, 1fr) minmax(90px, 210px) auto;
	align-items: center;
	gap: 1rem;
	padding: .8rem clamp(1.25rem, 3vw, 2.25rem);
	transition: background var(--gecis-hizli);
}
.ko-calar__satir:hover .scp { background: rgba(248, 249, 250, .04); }
.ko-calar__satir .scp-btn:hover { border-color: var(--findik); }
.ko-calar__satir .scp-btn.is-playing { border-color: var(--findik); --scp-icon: var(--findik); }

.ko-calar__no {
	font-size: var(--fs-mini);
	color: var(--metin-ters-yumusak);
	font-variant-numeric: tabular-nums;
}
.ko-calar__parca-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ko-calar__satir .scp-time { font-size: var(--fs-mini); letter-spacing: .06em; }

/* Önizlemesi olmayan parça */
.ko-calar__satir--yok .scp { opacity: .4; }
.scp-bos {
	width: var(--scp-btn); height: var(--scp-btn);
	border-radius: 50%;
	border: 1px dashed rgba(248, 249, 250, .2);
}
.scp-wave--bos { display: block; }

.ko-calar__kapat {
	position: fixed;
	top: 1.5rem; right: 1.5rem;
	width: 48px; height: 48px;
	border-radius: 50%;
	border: 1px solid var(--cizgi-ters);
	background: rgba(248, 249, 250, .08);
	color: var(--metin-ters);
	font-size: 1.5rem; line-height: 1;
	cursor: pointer;
	z-index: 2;
	transition: background var(--gecis-hizli), transform var(--gecis-hizli);
}
.ko-calar__kapat:hover { background: var(--findik); color: var(--gece); transform: rotate(90deg); }

/* Kartta çal düğmesi */
.ko-albom__cal { border: 0; font: inherit; cursor: pointer; }
.ko-albom__cal .ko-ikon { width: 10px; height: 10px; }

@media (max-width: 700px) {
	.ko-calar__ust { grid-template-columns: 1fr; }
	.ko-calar__kapak { width: min(190px, 55%); }
	.ko-calar__satir .scp {
		grid-template-columns: var(--scp-btn) 1.5rem minmax(0, 1fr) auto;
		gap: .7rem;
		padding-inline: 1.25rem;
	}
	.ko-calar__satir .scp-wave { display: none; }
	.ko-calar__govde { max-height: 44svh; }
}

/* ---------- 10. Yazılar ---------- */
.ko-yazi-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
	gap: clamp(1.5rem, 2.6vw, 2.4rem);
}

.ko-yazi-kart {
	display: flex;
	flex-direction: column;
	padding: clamp(1.6rem, 2.4vw, 2.1rem);
	background: var(--kar);
	border: 1px solid var(--cizgi);
	border-radius: var(--yuvarlak);
	transition: transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
	position: relative;
	overflow: hidden;
}
.ko-yazi-kart::before {
	content: "";
	position: absolute; left: 0; top: 0; bottom: 0;
	width: 3px;
	background: linear-gradient(to bottom, var(--yosun), var(--findik));
	transform: scaleY(0);
	transform-origin: top;
	transition: transform var(--gecis);
}
.ko-yazi-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-yumusak); border-color: rgba(73, 80, 87, .25); }
.ko-yazi-kart:hover::before { transform: scaleY(1); }

.ko-yazi-kart__tarih {
	font-size: var(--fs-mini);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--bakir);
	margin: 0 0 .8rem;
}
.ko-yazi-kart__baslik { font-size: 1.32rem; margin: 0 0 .75rem; }
.ko-yazi-kart__baslik a { text-decoration: none; }
.ko-yazi-kart__ozet { font-size: .96rem; color: var(--metin-yumusak); margin: 0 0 1.4rem; }
.ko-yazi-kart__alt { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ko-yazi-kart__sure { font-size: var(--fs-mini); color: var(--metin-yumusak); letter-spacing: .1em; }

/* ---------- 11. Biyografi + ödüller ---------- */
.ko-biyo { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }

.ko-biyo__metin { font-size: 1.06rem; }
.ko-biyo__metin p:first-of-type::first-letter {
	font-family: var(--f-baslik);
	float: left;
	font-size: 4.2em;
	line-height: .82;
	padding: .06em .12em 0 0;
	color: var(--yayla);
	font-weight: 600;
}
.ko-biyo__metin em { color: var(--yayla); font-style: italic; }

.ko-biyo__yan { position: sticky; top: 110px; }

.ko-portre {
	position: relative;
	border-radius: var(--yuvarlak);
	overflow: hidden;
	box-shadow: var(--golge);
	background: linear-gradient(150deg, var(--derin), var(--yayla));
	aspect-ratio: 4 / 5;
}
.ko-portre img { width: 100%; height: 100%; object-fit: cover; }

.ko-kunye { list-style: none; margin: 1.8rem 0 0; padding: 0; display: grid; gap: .1rem; }
.ko-kunye li {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 1rem;
	padding: .85rem 0;
	border-bottom: 1px solid var(--cizgi);
	font-size: .95rem;
}
.ko-kunye dt, .ko-kunye__etiket {
	font-size: var(--fs-mini);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--metin-yumusak);
}

/* Ödüller */
.ko-odul-liste { list-style: none; margin: 0; padding: 0; column-gap: 4rem; }
.ko-odul {
	display: grid;
	grid-template-columns: 68px 1fr;
	gap: 1.5rem;
	align-items: baseline;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--cizgi-ters);
	break-inside: avoid;
}
.ko-odul__yil {
	font-family: var(--f-baslik);
	font-size: 1.24rem;
	color: var(--findik);
	font-weight: 600;
}
.ko-odul__ad { margin: 0; font-size: 1rem; color: var(--metin-ters); }
.ko-odul__veren {
	display: block;
	font-size: var(--fs-mini);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--metin-ters-yumusak);
	margin-top: .3rem;
}

/* ---------- 12. Sosyal sorumluluk ---------- */
.ko-sorumluluk { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 6vw, 5.5rem); align-items: start; }

.ko-sorumluluk__metin h3 { font-size: 1.45rem; margin-top: 2.2rem; }
.ko-sorumluluk__metin h4 {
	font-family: var(--f-govde);
	font-size: var(--fs-mini);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--bakir);
	margin: 2rem 0 .8rem;
}
.ko-sorumluluk__metin ul { list-style: none; margin: 0 0 1.4rem; padding: 0; }
.ko-sorumluluk__metin li {
	display: flex; justify-content: space-between; gap: 1rem;
	padding: .6rem 0;
	border-bottom: 1px dotted var(--cizgi);
	font-size: .95rem;
}

.ko-rakam-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--cizgi); border: 1px solid var(--cizgi); }
.ko-rakam { background: var(--kar); padding: 2rem 1.5rem; text-align: center; }
.ko-rakam__sayi {
	display: block;
	font-family: var(--f-baslik);
	font-size: clamp(2.4rem, 4vw, 3.4rem);
	line-height: 1;
	color: var(--yayla);
	font-weight: 600;
}
.ko-rakam__etiket {
	display: block;
	margin-top: .7rem;
	font-size: var(--fs-mini);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--metin-yumusak);
}

.ko-alinti-kart {
	margin: 0;
	padding: clamp(2rem, 4vw, 3rem);
	background: var(--derin);
	color: var(--metin-ters);
	border-radius: var(--yuvarlak);
	position: relative;
	overflow: hidden;
}
.ko-alinti-kart::before {
	content: "”";
	position: absolute;
	top: -1.6rem; right: 1.2rem;
	font-family: var(--f-baslik);
	font-size: 11rem;
	color: rgba(206, 212, 218, .16);
	line-height: 1;
}
.ko-alinti-kart p {
	font-family: var(--f-baslik);
	font-size: clamp(1.15rem, 2vw, 1.5rem);
	font-style: italic;
	line-height: 1.55;
	position: relative;
}
.ko-alinti-kart cite {
	display: block;
	margin-top: 1.2rem;
	font-style: normal;
	font-size: var(--fs-mini);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--findik);
}

/* ---------- 13. İletişim ---------- */
.ko-iletisim { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 6vw, 5rem); align-items: center; }

.ko-iletisim__kartlar { display: grid; gap: 1px; background: var(--cizgi-ters); border: 1px solid var(--cizgi-ters); border-radius: var(--yuvarlak); overflow: hidden; }

.ko-iletisim-kart {
	background: var(--orman);
	padding: 1.9rem;
	display: flex;
	align-items: center;
	gap: 1.3rem;
	text-decoration: none;
	color: var(--metin-ters);
	transition: background var(--gecis-hizli);
}
.ko-iletisim-kart:hover { background: var(--derin); }
.ko-iletisim-kart .ko-ikon { width: 22px; height: 22px; color: var(--findik); flex: none; }
.ko-iletisim-kart__etiket {
	display: block;
	font-size: var(--fs-mini);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--metin-ters-yumusak);
	margin-bottom: .3rem;
}
.ko-iletisim-kart__deger { display: block; font-size: 1.06rem; word-break: break-word; }

/* ---------- 14. Alt bilgi ---------- */
.ko-alt {
	background: var(--gece);
	color: var(--metin-ters-yumusak);
	padding: clamp(3.5rem, 6vw, 5rem) 0 2rem;
	border-top: 1px solid var(--cizgi-ters);
}

.ko-alt__ust {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid var(--cizgi-ters);
}

.ko-alt__marka img { max-height: 46px; width: auto; filter: brightness(0) invert(1); opacity: .9; }
.ko-alt__slogan { margin-top: 1rem; max-width: 34ch; font-size: .95rem; }

.ko-alt__menu { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.ko-alt__menu a { text-decoration: none; font-size: .9rem; transition: color var(--gecis-hizli); }
.ko-alt__menu a:hover { color: var(--kar); }

.ko-sosyal { display: flex; gap: .75rem; margin-top: 1.4rem; }
.ko-sosyal a {
	width: 42px; height: 42px;
	display: grid; place-items: center;
	border: 1px solid var(--cizgi-ters);
	border-radius: 50%;
	color: var(--metin-ters);
	transition: background var(--gecis-hizli), color var(--gecis-hizli), border-color var(--gecis-hizli), transform var(--gecis-hizli);
}
.ko-sosyal a:hover { background: var(--findik); color: var(--gece); border-color: var(--findik); transform: translateY(-2px); }
.ko-sosyal .ko-ikon { width: 18px; height: 18px; }

.ko-alt__telif {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	padding-top: 2rem;
	font-size: var(--fs-mini);
	letter-spacing: .06em;
}
.ko-alt__telif a { text-decoration: none; }
.ko-alt__telif a:hover { color: var(--findik); }

/* ---------- 15. İç sayfalar ---------- */
.ko-sayfa-ust {
	background: var(--orman);
	color: var(--metin-ters);
	padding: clamp(9rem, 16vh, 12rem) 0 clamp(3.5rem, 7vw, 5.5rem);
	position: relative;
	overflow: hidden;
}
.ko-sayfa-ust::after {
	content: "";
	position: absolute; inset: auto 0 0 0; height: 55%;
	background: radial-gradient(70% 100% at 50% 100%, rgba(108, 117, 125, .35), transparent 70%);
	pointer-events: none;
}
.ko-sayfa-ust__ic { position: relative; z-index: 1; }
.ko-sayfa-ust h1 { font-size: var(--fs-h1); margin: 0; color: var(--kar); text-wrap: balance; }
.ko-sayfa-ust__meta {
	margin-top: 1.2rem;
	display: flex; flex-wrap: wrap; gap: 1.5rem;
	font-size: var(--fs-mini);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--metin-ters-yumusak);
}

.ko-icerik { padding: clamp(3.5rem, 7vw, 5.5rem) 0 var(--bosluk-bolum); }
.ko-icerik__govde { font-size: 1.09rem; line-height: 1.85; }
.ko-icerik__govde > * + * { margin-top: 1.3em; }
.ko-icerik__govde h2 { font-size: 1.9rem; margin-top: 2.2em; }
.ko-icerik__govde h3 { font-size: 1.4rem; margin-top: 2em; }
.ko-icerik__govde blockquote {
	margin: 2em 0;
	padding: 1.4rem 0 1.4rem 2rem;
	border-left: 2px solid var(--findik);
	font-family: var(--f-baslik);
	font-style: italic;
	font-size: 1.2rem;
	color: var(--yayla);
}
.ko-icerik__govde img { border-radius: var(--yuvarlak); margin-block: 2em; }
.ko-icerik__govde ul, .ko-icerik__govde ol { padding-left: 1.4em; }
.ko-icerik__govde li + li { margin-top: .5em; }

.ko-yazi-gezinme {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: var(--cizgi);
	border-top: 1px solid var(--cizgi);
	border-bottom: 1px solid var(--cizgi);
	margin-top: clamp(3rem, 6vw, 5rem);
}
.ko-yazi-gezinme a {
	background: var(--sis-acik);
	padding: 2rem;
	text-decoration: none;
	transition: background var(--gecis-hizli);
}
.ko-yazi-gezinme a:hover { background: var(--kar); }
.ko-yazi-gezinme span {
	display: block;
	font-size: var(--fs-mini);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--bakir);
	margin-bottom: .5rem;
}
.ko-yazi-gezinme strong { font-family: var(--f-baslik); font-weight: 600; font-size: 1.1rem; }
.ko-yazi-gezinme a:last-child { text-align: right; }

.ko-sayfalama { display: flex; justify-content: center; gap: .5rem; margin-top: 3.5rem; }
.ko-sayfalama .page-numbers {
	display: grid; place-items: center;
	min-width: 44px; height: 44px;
	padding: 0 .75rem;
	border: 1px solid var(--cizgi);
	border-radius: var(--yuvarlak);
	text-decoration: none;
	font-size: .92rem;
	transition: background var(--gecis-hizli), color var(--gecis-hizli), border-color var(--gecis-hizli);
}
.ko-sayfalama .page-numbers:hover,
.ko-sayfalama .page-numbers.current { background: var(--yayla); border-color: var(--yayla); color: var(--metin-ters); }

/* ---------- 16. Görünüme girme animasyonu ---------- */
.ko-js .ko-belir { opacity: 0; transform: translateY(26px); transition: opacity 900ms ease, transform 900ms cubic-bezier(.22, .61, .36, 1); }
.ko-js .ko-belir.ko-gorundu { opacity: 1; transform: none; }
.ko-belir--gecikme-1 { transition-delay: 90ms; }
.ko-belir--gecikme-2 { transition-delay: 180ms; }
.ko-belir--gecikme-3 { transition-delay: 270ms; }

/* ---------- 17. Duyarlı ---------- */
/* Menü kalabalıklaşınca nefes payını azalt */
@media (max-width: 1400px) {
	.ko-menu, .ko-menu ul { gap: 1.15rem; }
	.ko-ust__ic { gap: 1.25rem; }
	.ko-menu a { font-size: .71rem; letter-spacing: .07em; }
}

@media (max-width: 1260px) {
	.ko-tel span { display: none; }
	.ko-tel { padding: .5rem .65rem; }
	.ko-tel .ko-ikon { width: 16px; height: 16px; }
}

@media (max-width: 1024px) {
	.ko-biyo, .ko-sorumluluk, .ko-iletisim { grid-template-columns: 1fr; }
	.ko-biyo__yan { position: static; }
	.ko-odul-liste { columns: 1; }
}

/* Açılır menü — dar ve orta ekranlar */
@media (max-width: 1080px) {
	.ko-menu-dugme { display: block; }

	.ko-menu {
		position: fixed;
		inset: 0;
		background: var(--gece);
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 0;
		padding: 6rem 2rem 3rem;
		transform: translateX(100%);
		transition: transform var(--gecis);
		overflow-y: auto;
	}
	.ko-menu.ko-acik { transform: translateX(0); }
	.ko-menu ul { flex-direction: column; gap: 0; width: 100%; }
	.ko-menu li { width: 100%; border-bottom: 1px solid var(--cizgi-ters); }
	.ko-menu a {
		display: block;
		padding: 1.15rem 0;
		font-family: var(--f-baslik);
		font-size: 1.55rem;
		letter-spacing: -.01em;
		text-transform: none;
	}
	.ko-menu a::after { display: none; }

	.ko-ust__eylem .ko-tel { display: none; }

}

@media (max-width: 860px) {
	:root { --kap: min(1240px, 100% - 2rem); --kap-dar: min(760px, 100% - 2rem); }

	.ko-konser-satir { grid-template-columns: 1fr; gap: .9rem; }
	.ko-konser__tarih { order: -1; }
	.ko-konser__gun { font-size: 2rem; }

	.ko-hero { align-items: flex-end; padding-top: 7rem; }
	.ko-kaydir { display: none; }

	/* Dar ekranda görsel yanlardan çok kırpılır; özne kenardaysa odak kaydırılır. */
	.ko-hero--foto .ko-hero__fon img {
		object-position: var(--ko-odak-mobil, var(--ko-odak, center 28%));
	}

	.ko-hero--portre { align-items: flex-end; padding-top: 6rem; }
	.ko-hero--portre .ko-hero__ic { grid-template-columns: 1fr; }
	.ko-hero__portre {
		position: absolute;
		inset: auto -6% 0 auto;
		width: 94%;
		max-width: none;
		aspect-ratio: 3 / 4;
		max-height: 74svh;
		margin: 0;
		opacity: .48;
		z-index: 1;
	}
	.ko-hero__portre::before {
		background:
			linear-gradient(to right, rgba(33, 37, 41, .98) 0%, rgba(33, 37, 41, .7) 26%, rgba(33, 37, 41, .15) 62%),
			linear-gradient(to top, rgba(33, 37, 41, .9) 0%, rgba(33, 37, 41, 0) 38%);
	}
	.ko-hero--portre .ko-hero__metin { padding-bottom: 1rem; }

	.ko-yazi-gezinme { grid-template-columns: 1fr; }
	.ko-yazi-gezinme a:last-child { text-align: left; }

	.ko-albom-izgara { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
	.ko-albom__perde { opacity: 1; background: linear-gradient(to top, rgba(33, 37, 41, .75) 0%, transparent 60%); }
	.ko-albom__dinle { transform: none; padding: .32rem .7rem .32rem .58rem; font-size: .58rem; letter-spacing: .12em; }
}

@media (max-width: 520px) {
	.ko-hero__alinti { display: none; }
	.ko-kunye li { grid-template-columns: 1fr; gap: .2rem; }
	.ko-rakam { padding: 1.5rem 1rem; }
}

/* ---------- 18. Hareket tercihi ---------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
	.ko-js .ko-belir { opacity: 1; transform: none; }
}

/* ---------- 19. Yazdırma ---------- */
@media print {
	.ko-ust, .ko-alt, .ko-kaydir, .ko-modal { display: none !important; }
	body { background: #fff; color: #000; }
	.ko-bolum { padding: 1.5rem 0; }
}