:root {
	--kirmizi: #ca1f26;
	--kirmizi-koyu: #a3171d;
	--komur: #232331;
	--komur-2: #2e2e3e;
	--gece: #17171f;
	--aluminyum: #eef0f2;
	--aluminyum-2: #e1e4e8;
	--beyaz: #fff;
	--metin: #232331;
	--metin-2: #5a606c;
	--metin-3: #8b919b;
	--cizgi: #dde0e5;
	--acik-metin: #c9cbd3;
	--font: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-baslik: "Barlow Condensed", "Barlow", system-ui, sans-serif;
	--kap: 1280px;
	--yan-bosluk: clamp(20px, 4vw, 48px);
	--bolum: clamp(72px, 9vw, 128px);
	--ust-yukseklik: 76px;
	--r: 4px;
	--serit: repeating-linear-gradient(-45deg, var(--kirmizi) 0 9px, transparent 9px 18px);
}

*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-top: calc(var(--ust-yukseklik) + 16px);
}

body {
	margin: 0;
	background: var(--beyaz);
	color: var(--metin);
	font-family: var(--font);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

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

a { color: inherit; }

h1, h2, h3, h4 {
	margin: 0;
	font-family: var(--font-baslik);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -.005em;
}

h2 { font-size: clamp(34px, 4.2vw, 56px); }
h3 { font-size: 24px; font-weight: 600; line-height: 1.15; }

p { margin: 0; }

ul, ol { margin: 0; padding: 0; }

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

.ikon { width: 20px; height: 20px; flex: none; }

.kap {
	width: 100%;
	max-width: calc(var(--kap) + 2 * var(--yan-bosluk));
	margin: 0 auto;
	padding: 0 var(--yan-bosluk);
}

.atla {
	position: absolute;
	left: 16px;
	top: -60px;
	z-index: 100;
	padding: 10px 16px;
	background: var(--kirmizi);
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

.atla:focus { top: 12px; }

.gorunmez {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* ---------- Dugmeler ---------- */

.dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 10px 22px;
	border: 1.5px solid transparent;
	border-radius: var(--r);
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s, border-color .15s, color .15s;
}

.dugme .ikon { width: 18px; height: 18px; }

.dugme-kirmizi { background: var(--kirmizi); color: #fff; }
.dugme-kirmizi:hover { background: var(--kirmizi-koyu); }

.dugme-cizgi { border-color: rgba(255, 255, 255, .55); color: #fff; }
.dugme-cizgi:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }

.dugme-koyu { border-color: var(--komur); color: var(--komur); }
.dugme-koyu:hover { background: var(--komur); color: #fff; }

.metin-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1.5px solid currentColor;
	padding-bottom: 2px;
}

.metin-link .ikon { width: 18px; height: 18px; transition: transform .15s; }
.metin-link:hover { color: var(--kirmizi); }
.metin-link:hover .ikon { transform: translateX(3px); }

/* ---------- Ust bolum ---------- */

.ust {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	color: #fff;
	transition: background-color .2s, box-shadow .2s, color .2s;
}

.ust::before {
	content: "";
	position: absolute;
	inset: 0 0 -40px;
	background: linear-gradient(180deg, rgba(23, 23, 31, .55), rgba(23, 23, 31, 0));
	pointer-events: none;
	transition: opacity .2s;
}

.ust.dolu {
	background: #fff;
	color: var(--metin);
	box-shadow: 0 1px 0 var(--cizgi), 0 8px 24px rgba(23, 23, 31, .06);
}

.ust.dolu::before { opacity: 0; }

.ust-ic {
	position: relative;
	display: flex;
	align-items: center;
	gap: 28px;
	height: var(--ust-yukseklik);
}

.logo { flex: none; display: block; }
.logo img { height: 34px; width: auto; }
.logo .logo-koyu { display: none; }
.ust.dolu .logo .logo-acik { display: none; }
.ust.dolu .logo .logo-koyu { display: block; }

.ana-menu { flex: 1; }

.menu-liste {
	display: flex;
	align-items: center;
	gap: 4px;
	list-style: none;
}

.menu-liste > li { position: relative; }

.menu-liste > li > a, .menu-dugme-alt {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 44px;
	padding: 0 14px;
	border: 0;
	border-radius: var(--r);
	background: none;
	color: inherit;
	font: inherit;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.menu-dugme-alt .ikon { width: 16px; height: 16px; transition: transform .15s; }

.menu-liste > li > a:hover, .menu-dugme-alt:hover, .acilir.acik .menu-dugme-alt { background: rgba(255, 255, 255, .12); }
.ust.dolu .menu-liste > li > a:hover, .ust.dolu .menu-dugme-alt:hover, .ust.dolu .acilir.acik .menu-dugme-alt { background: var(--aluminyum); }

.menu-liste > li.aktif > a, .menu-liste > li.aktif > .menu-dugme-alt { box-shadow: inset 0 -2px 0 var(--kirmizi); border-radius: 0; }

.acilir.acik .menu-dugme-alt .ikon { transform: rotate(180deg); }

.acilir-panel {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	min-width: 240px;
	padding: 8px;
	background: #fff;
	color: var(--metin);
	border-radius: 8px;
	box-shadow: 0 18px 50px rgba(23, 23, 31, .18), 0 0 0 1px rgba(23, 23, 31, .05);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .15s, transform .15s, visibility 0s .15s;
}

.acilir.acik .acilir-panel {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: opacity .15s, transform .15s;
}

.acilir-panel ul { list-style: none; }

.acilir-panel a {
	display: block;
	padding: 9px 12px;
	border-radius: var(--r);
	text-decoration: none;
	font-weight: 500;
}

.acilir-panel a:hover { background: var(--aluminyum); color: var(--kirmizi); }

.acilir-araclar { min-width: 560px; }

.acilir-araclar ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
}

.acilir-araclar a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
}

.acilir-araclar img {
	width: 88px;
	height: 56px;
	object-fit: cover;
	object-position: 72% center;
	border-radius: var(--r);
	background: var(--aluminyum);
}

.acilir-araclar b { display: block; font-weight: 600; line-height: 1.25; }
.acilir-araclar small { color: var(--metin-3); font-size: 14px; }

.ust-sag {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-left: auto;
}

.ust-tel {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.ust-tel .ikon { width: 18px; height: 18px; color: var(--kirmizi); }
.ust:not(.dolu) .ust-tel .ikon { color: #fff; }

.dil { display: flex; gap: 6px; min-width: 20px; }
.dil a { display: inline-flex; opacity: .8; }
.dil a:hover { opacity: 1; }
.dil img { width: 18px; height: auto; border-radius: 2px; }

.menu-ac {
	display: none;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: var(--r);
	background: none;
	color: inherit;
	cursor: pointer;
}

.menu-ac .ikon { width: 24px; height: 24px; }

.menu-mobil-alt { display: none; }

/* ---------- Bolumler ---------- */

.bolum { padding: var(--bolum) 0; }
.bolum-gri { background: var(--aluminyum); }
.bolum-koyu { background: var(--gece); color: #fff; }

.bolum-baslik {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px 48px;
	flex-wrap: wrap;
	margin-bottom: clamp(32px, 4vw, 56px);
}

.bolum-baslik > div { max-width: 720px; }

.bolum-baslik p {
	margin-top: 16px;
	color: var(--metin-2);
	font-size: 19px;
	max-width: 60ch;
}

.bolum-koyu .bolum-baslik p { color: var(--acik-metin); }

/* ---------- Ana sayfa: giris ---------- */

.giris {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: min(94vh, 900px);
	background: var(--gece);
	color: #fff;
	overflow: hidden;
}

.giris-gorsel {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 62% center;
}

.giris::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(23, 23, 31, .86) 0%, rgba(23, 23, 31, .55) 45%, rgba(23, 23, 31, .05) 75%),
		linear-gradient(0deg, rgba(23, 23, 31, .9) 0%, rgba(23, 23, 31, 0) 45%);
}

.giris-ic {
	position: relative;
	z-index: 1;
	padding-top: calc(var(--ust-yukseklik) + 64px);
	padding-bottom: 56px;
}

.giris h1 {
	max-width: 13ch;
	font-size: clamp(48px, 7vw, 104px);
	line-height: .95;
	letter-spacing: -.01em;
}

.giris-alt-baslik {
	max-width: 56ch;
	margin-top: 26px;
	color: #dcdde3;
	font-size: clamp(17px, 1.5vw, 20px);
}

.giris-eylemler {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 36px;
}

.giris-veriler {
	position: relative;
	z-index: 1;
	border-top: 1px solid rgba(255, 255, 255, .16);
}

.giris-veriler ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
}

.giris-veriler li {
	padding: 22px 24px 26px 0;
	color: #c4c6cf;
	font-size: 15px;
	line-height: 1.35;
}

.giris-veriler li + li { padding-left: 24px; border-left: 1px solid rgba(255, 255, 255, .16); }

.giris-veriler b {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font-family: var(--font-baslik);
	font-size: clamp(30px, 3vw, 40px);
	font-weight: 600;
	line-height: 1;
}

/* Seridin bosluklari seffaf; her zaman koyu bir zeminin ustunde durur, beyaza degmez. */
.serit { height: 6px; background: var(--serit); }
.giris .serit { position: relative; z-index: 1; }

/* ---------- Ana sayfa: arac gruplari ---------- */

.kategoriler {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	list-style: none;
}

.kategoriler-uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kategoriler-uc .kategori-karo { aspect-ratio: 4 / 3; }
.kategoriler-uc .kategori-karo h3 { font-size: clamp(24px, 2vw, 30px); }

.kategori-karo {
	position: relative;
	display: flex;
	align-items: flex-end;
	aspect-ratio: 16 / 8;
	overflow: hidden;
	border-radius: 6px;
	background: var(--komur);
	color: #fff;
	text-decoration: none;
}

.kategori-karo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
	transition: transform .4s ease;
}

.kategori-karo::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(23, 23, 31, .88) 0%, rgba(23, 23, 31, .2) 55%, rgba(23, 23, 31, 0) 100%);
}

.kategori-karo:hover img { transform: scale(1.04); }

.kategori-karo-metin {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	padding: 28px;
}

.kategori-karo h3 { font-size: clamp(26px, 2.6vw, 36px); font-weight: 700; }
.kategori-karo small { display: block; margin-top: 6px; color: #d4d5dc; font-size: 16px; }

.yuvarlak-ok {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	flex: none;
	border-radius: 50%;
	background: #fff;
	color: var(--komur);
	transition: background-color .15s, color .15s;
}

.kategori-karo:hover .yuvarlak-ok { background: var(--kirmizi); color: #fff; }

/* ---------- Arac kartlari ve kaydirici ---------- */

.kaydirici-dugmeler { display: flex; gap: 8px; }

.kaydirici-dugmeler button {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 1.5px solid var(--cizgi);
	border-radius: 50%;
	background: #fff;
	color: var(--metin);
	cursor: pointer;
}

.kaydirici-dugmeler button:hover { border-color: var(--komur); }
.kaydirici-dugmeler button:disabled { opacity: .35; cursor: default; }

.kaydirici {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(260px, calc((100% - 3 * 20px) / 4));
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	list-style: none;
	padding-bottom: 4px;
}

.kaydirici::-webkit-scrollbar { display: none; }
.kaydirici > li { scroll-snap-align: start; }

.arac-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 28px 20px;
	list-style: none;
}

.arac-kart {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
}

.arac-kart-gorsel {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 6px;
	background: var(--aluminyum);
}

.arac-kart-gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.arac-kart:hover .arac-kart-gorsel img { transform: scale(1.04); }

.arac-kart-metin { padding: 16px 2px 0; }

.arac-kart small {
	display: block;
	margin-bottom: 4px;
	color: var(--metin-3);
	font-size: 14px;
	font-weight: 500;
}

.arac-kart h3 { font-size: 22px; transition: color .15s; }
.arac-kart:hover h3 { color: var(--kirmizi); }

.rozet {
	position: absolute;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .94);
	color: var(--komur);
	font-size: 13px;
	font-weight: 600;
}

.rozet .ikon { width: 14px; height: 14px; color: var(--kirmizi); }

/* ---------- Ana sayfa: hikaye ---------- */

.hikaye {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(32px, 6vw, 96px);
	align-items: center;
}

.hikaye figure { margin: 0; }

.hikaye-gorsel {
	width: 100%;
	border-radius: 6px;
	filter: grayscale(1) contrast(1.05);
}

.hikaye-gorsel.hikaye-bugun { margin-top: 20px; filter: none; }

.hikaye figcaption { margin-top: 12px; color: var(--metin-3); font-size: 14px; }

.hikaye-metin p { margin-top: 20px; color: var(--metin-2); font-size: 18px; }
.hikaye-metin p:first-of-type { color: var(--metin); font-size: 21px; line-height: 1.5; }

.hikaye-gercekler {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 32px 0;
	padding: 24px 0;
	border-top: 1px solid var(--cizgi);
	border-bottom: 1px solid var(--cizgi);
	list-style: none;
}

.hikaye-gercekler b {
	display: block;
	font-family: var(--font-baslik);
	font-size: 34px;
	font-weight: 600;
	line-height: 1.05;
}

.hikaye-gercekler span { color: var(--metin-2); font-size: 15px; line-height: 1.35; display: block; margin-top: 4px; }

/* ---------- Ana sayfa: sasiler ---------- */

.sasiler {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: var(--cizgi);
	border: 1px solid var(--cizgi);
	border-radius: 6px;
	overflow: hidden;
	list-style: none;
}

.sasi {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	background: #fff;
	overflow: hidden;
	cursor: default;
}

.sasi-logo { width: 62%; max-width: 180px; height: auto; opacity: .85; transition: opacity .25s; }

.sasi-arac {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity .3s ease;
}

.sasi-ad {
	position: absolute;
	left: 12px;
	bottom: 12px;
	padding: 3px 10px;
	border-radius: var(--r);
	background: rgba(23, 23, 31, .82);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	opacity: 0;
	transition: opacity .3s ease;
}

.sasi:hover .sasi-arac, .sasi:focus .sasi-arac, .sasi:hover .sasi-ad, .sasi:focus .sasi-ad { opacity: 1; }
.sasi:hover .sasi-logo, .sasi:focus .sasi-logo { opacity: 0; }
.sasi:focus-visible { outline-offset: -3px; }

.sasi-not { margin-top: 16px; color: var(--metin-3); font-size: 15px; }

/* ---------- Ana sayfa: destek ---------- */

.destek {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: clamp(40px, 6vw, 96px);
	align-items: start;
}

.destek p { margin-top: 18px; color: var(--acik-metin); font-size: 18px; max-width: 46ch; }

.buyuk-tel {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-top: 32px;
	color: #fff;
	font-family: var(--font-baslik);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
}

.buyuk-tel .ikon { width: 34px; height: 34px; color: var(--kirmizi); }
.buyuk-tel:hover { color: #ffd6d7; }

.hizmetler { list-style: none; display: grid; gap: 1px; background: rgba(255, 255, 255, .12); }

.hizmet {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 20px;
	padding: 26px 0;
	background: var(--gece);
}

.hizmet:first-child { padding-top: 0; }

.hizmet-ikon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, .25);
	color: #fff;
}

.hizmet-ikon .ikon { width: 22px; height: 22px; }

.hizmet h3 { font-size: 24px; }
.hizmet p { margin-top: 6px; font-size: 16px; color: var(--acik-metin); max-width: none; }

/* ---------- Tanitim filmi ---------- */

.tanitim {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	min-height: clamp(360px, 52vw, 640px);
	padding: 0;
	border: 0;
	background: var(--gece);
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	font: inherit;
}

.tanitim img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .62;
	transition: opacity .3s, transform .6s ease;
}

.tanitim:hover img { opacity: .5; transform: scale(1.02); }

.tanitim-ic {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	text-align: center;
}

.oynat {
	display: grid;
	place-items: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: var(--kirmizi);
	color: #fff;
	box-shadow: 0 0 0 12px rgba(202, 31, 38, .25);
	transition: box-shadow .2s;
}

.oynat .ikon { width: 34px; height: 34px; margin-left: 5px; }
.tanitim:hover .oynat { box-shadow: 0 0 0 18px rgba(202, 31, 38, .2); }

.tanitim-ic b { font-family: var(--font-baslik); font-size: clamp(32px, 4vw, 52px); font-weight: 700; line-height: 1; }
.tanitim-ic span { color: #dcdde3; }

.video-kutusu {
	width: min(1100px, calc(100vw - 32px));
	padding: 0;
	border: 0;
	background: #000;
	overflow: visible;
}

.video-kutusu::backdrop { background: rgba(10, 10, 14, .88); }

.video-kutusu .video-oran { position: relative; aspect-ratio: 16 / 9; }
.video-kutusu iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.video-kapat, .isik-kapat {
	position: absolute;
	top: -52px;
	right: 0;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	cursor: pointer;
}

.video-kapat:hover, .isik-kapat:hover { background: rgba(255, 255, 255, .24); }

/* ---------- Haber kartlari ---------- */

.haber-izgara {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px 24px;
	list-style: none;
}

.haber-kart { display: flex; flex-direction: column; height: 100%; text-decoration: none; }

.haber-kart-gorsel {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 6px;
	background: var(--aluminyum);
}

.haber-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.haber-kart:hover .haber-kart-gorsel img { transform: scale(1.04); }

.haber-kart time {
	display: block;
	margin-top: 18px;
	color: var(--metin-3);
	font-size: 14px;
	font-weight: 500;
}

.haber-kart h3 { margin-top: 6px; font-size: 24px; transition: color .15s; }
.haber-kart:hover h3 { color: var(--kirmizi); }
.haber-kart p { margin-top: 10px; color: var(--metin-2); font-size: 16px; }

/* ---------- Ic sayfa ustu ---------- */

.sayfa-ustu {
	position: relative;
	padding: calc(var(--ust-yukseklik) + clamp(48px, 7vw, 96px)) 0 clamp(44px, 5vw, 72px);
	background: var(--gece);
	color: #fff;
	overflow: hidden;
}

.sayfa-ustu-gorsel {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
	opacity: .55;
}

.sayfa-ustu.gorselli::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(23, 23, 31, .92) 0%, rgba(23, 23, 31, .6) 55%, rgba(23, 23, 31, .2) 100%);
}

.sayfa-ustu-ic { position: relative; z-index: 1; }

.sayfa-ustu.kisa { padding-bottom: 28px; }
.sayfa-ustu.kisa .kirinti ol { margin-bottom: 0; }

.sayfa-ustu h1 { max-width: 20ch; font-size: clamp(42px, 5.6vw, 80px); line-height: .98; }

.sayfa-ustu p { max-width: 60ch; margin-top: 20px; color: #d7d8de; font-size: clamp(17px, 1.4vw, 20px); }

.kirinti ol {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin-bottom: 22px;
	list-style: none;
	color: #a9abb6;
	font-size: 15px;
}

.kirinti li + li::before { content: "/"; margin-right: 10px; color: #6b6d7a; }
.kirinti a { text-decoration: none; }
.kirinti a:hover { color: #fff; }
.kirinti [aria-current] { color: #fff; }

/* ---------- Kurumsal duzen ve metin ---------- */

.kurumsal {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: clamp(32px, 6vw, 96px);
	align-items: start;
}

.yan-menu { position: sticky; top: calc(var(--ust-yukseklik) + 32px); }

.yan-menu ul { list-style: none; border-left: 1px solid var(--cizgi); }

.yan-menu a {
	display: block;
	margin-left: -1px;
	padding: 9px 0 9px 18px;
	border-left: 2px solid transparent;
	color: var(--metin-2);
	font-weight: 500;
	text-decoration: none;
}

.yan-menu a:hover { color: var(--metin); }

.yan-menu a[aria-current] {
	border-left-color: var(--kirmizi);
	color: var(--metin);
	font-weight: 600;
}

.metin { max-width: 74ch; font-size: 18px; line-height: 1.7; color: #33343f; }
.metin > * + * { margin-top: 1.1em; }
.metin h2 { margin-top: 1.8em; font-size: clamp(30px, 3vw, 40px); color: var(--metin); }
.metin h3 { margin-top: 1.6em; color: var(--metin); }
.metin h2 + *, .metin h3 + * { margin-top: .6em; }
.metin a { color: var(--kirmizi); }
.metin strong, .metin b { color: var(--metin); }

.metin ul { list-style: none; }
.metin ul li { position: relative; padding-left: 24px; }
.metin ul li + li { margin-top: .5em; }

.metin ul li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: .68em;
	width: 8px;
	height: 8px;
	background: var(--kirmizi);
}

.metin ol { padding-left: 1.4em; }

.metin .giris-paragraf { font-size: 22px; line-height: 1.55; color: var(--metin); }

.metin figure { margin: 2em 0; }
.metin figure img { width: 100%; border-radius: 6px; }
.metin figcaption { margin-top: 10px; color: var(--metin-3); font-size: 15px; }

.iki-gorsel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 2em 0; }
.iki-gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; }

.vurgu {
	padding: 28px 32px;
	border-left: 3px solid var(--kirmizi);
	background: var(--aluminyum);
	font-family: var(--font-baslik);
	font-size: clamp(24px, 2.4vw, 30px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--metin);
}

.vurgu cite {
	display: block;
	margin-top: 12px;
	font-family: var(--font);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: var(--metin-2);
}

/* Yasal metinler */
.metin-genis { max-width: 900px; }

.soluk-not { color: var(--metin-3); font-size: 15px; }

.kunye {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 10px 24px;
	margin-top: 1em;
	padding: 24px;
	border-radius: 6px;
	background: var(--aluminyum);
}

.kunye dt { color: var(--metin-2); font-size: 16px; font-weight: 500; }
.kunye dd { margin: 0; color: var(--metin); }

.metin-tablo { overflow-x: auto; }

.metin-tablo table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	line-height: 1.5;
}

.metin-tablo th, .metin-tablo td {
	padding: 12px 14px;
	border: 1px solid var(--cizgi);
	text-align: left;
	vertical-align: top;
}

.metin-tablo th { background: var(--aluminyum); color: var(--metin); font-weight: 600; }

/* KVKK maddeleri Turk alfabesiyle siralanir (a, b, c, ç, d ...). */
@counter-style turk-harf {
	system: alphabetic;
	symbols: a b c ç d e f g ğ h ı i j k l m n o ö p r s ş t u ü v y z;
	suffix: ") ";
}

.metin ol.harfli { list-style: lower-alpha; list-style-type: turk-harf; padding-left: 2em; }
.metin ol.harfli li + li { margin-top: .4em; }

/* Zaman cizelgesi: gercek bir kronoloji oldugu icin yillar sirali gosterilir. */
.zaman {
	position: relative;
	margin: 2.2em 0;
	list-style: none;
}

.zaman::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: var(--cizgi);
}

.metin .zaman li { position: relative; padding-left: 44px; }
.metin .zaman li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--kirmizi);
}

.metin .zaman li + li { margin-top: 28px; }

.zaman-yil {
	display: block;
	font-family: var(--font-baslik);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--kirmizi);
}

.zaman h3 { margin: 4px 0 6px !important; font-size: 22px; }

.rakamlar {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 2.4em 0;
	background: var(--cizgi);
	border: 1px solid var(--cizgi);
	list-style: none;
}

.metin .rakamlar li { padding: 24px; background: #fff; }
.metin .rakamlar li::before { display: none; }
.metin .rakamlar li + li { margin-top: 0; }

.rakamlar b {
	display: block;
	font-family: var(--font-baslik);
	font-size: 40px;
	font-weight: 600;
	line-height: 1;
	color: var(--metin);
}

.rakamlar span { display: block; margin-top: 6px; color: var(--metin-2); font-size: 15px; line-height: 1.35; }

/* Yonetim kurulu */
.kisiler {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 28px 20px;
	margin-top: 2.4em;
	list-style: none;
}

.metin .kisiler li { padding: 0; }
.metin .kisiler li::before { display: none; }
.metin .kisiler li + li { margin-top: 0; }

.kisiler img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center 20%;
	border-radius: 6px;
	background: var(--aluminyum);
}

.kisiler h3 { margin: 14px 0 2px !important; font-size: 23px; }
.kisiler span { color: var(--metin-2); font-size: 15px; }

/* Misyon ve vizyon */
.ilkeler { display: grid; gap: 20px; margin-top: 2em; }

.ilke {
	padding: clamp(28px, 4vw, 44px);
	border-radius: 6px;
	background: var(--aluminyum);
}

.ilke:last-child { background: var(--gece); color: #fff; }

.ilke h2 { margin: 0 0 14px !important; font-size: 22px; font-family: var(--font); font-weight: 600; color: inherit; }
.ilke:first-child h2 { color: var(--kirmizi); }
.ilke:last-child h2 { color: #ff8a8f; }

.ilke p {
	font-family: var(--font-baslik);
	font-size: clamp(26px, 2.8vw, 36px);
	font-weight: 600;
	line-height: 1.2;
	color: inherit;
}

/* Politikalar: sayfa ici icindekiler */
.icindekiler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 1.6em 0 0;
	list-style: none;
}

.metin .icindekiler li { padding: 0; }
.metin .icindekiler li::before { display: none; }
.metin .icindekiler li + li { margin-top: 0; }

.icindekiler a {
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid var(--cizgi);
	border-radius: 999px;
	color: var(--metin);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

.icindekiler a:hover { border-color: var(--kirmizi); color: var(--kirmizi); }

/* Oduller */
.oduller { margin-top: 2em; list-style: none; border-top: 1px solid var(--cizgi); }

.metin .oduller li {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid var(--cizgi);
}

.metin .oduller li::before { display: none; }

.oduller .ikon { width: 28px; height: 28px; margin-top: 2px; color: var(--kirmizi); }
.oduller b { display: block; font-size: 19px; line-height: 1.35; }
.oduller span { display: block; margin-top: 2px; color: var(--metin-2); font-size: 16px; }

/* Grup sirketleri */
.grup {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 2em;
	list-style: none;
}

.metin .grup li {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0;
	padding: 22px;
	border: 1px solid var(--cizgi);
	border-radius: 6px;
}

.metin .grup li::before { display: none; }

.grup img { width: 96px; height: 64px; object-fit: contain; flex: none; }
.grup b { display: block; font-size: 19px; line-height: 1.3; }
.grup span { display: block; color: var(--metin-2); font-size: 15px; }

/* ---------- Destek ve iletisim ---------- */

.kartlar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
	list-style: none;
}

.kart {
	padding: 30px;
	border: 1px solid var(--cizgi);
	border-radius: 6px;
	background: #fff;
}

.kart-ikon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: var(--aluminyum);
	color: var(--kirmizi);
}

.kart h2, .kart h3 { font-size: 26px; }
.kart p { margin-top: 10px; color: var(--metin-2); }
.kart p.kart-veri { color: var(--metin); }

.kart-linkler { display: grid; gap: 10px; margin-top: 18px; list-style: none; }

.kart-linkler > li > a, .kart-linkler > li > span {
	display: inline-flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--metin);
	font-weight: 500;
	text-decoration: none;
}

.kart-linkler .ikon { width: 18px; height: 18px; margin-top: 3px; color: var(--kirmizi); }
.kart-linkler a:hover { color: var(--kirmizi); }
.kart-linkler small { display: block; color: var(--metin-3); font-size: 14px; font-weight: 500; }

.kart-koyu { background: var(--gece); border-color: var(--gece); color: #fff; }
.kart-koyu p { color: var(--acik-metin); }
.kart-koyu p a:not(.dugme) { color: #fff; }
.kart-koyu .kart-ikon { background: rgba(255, 255, 255, .1); color: #fff; }
.kart-koyu .buyuk-tel { margin-top: 16px; font-size: clamp(30px, 3vw, 40px); }

.harita {
	margin-top: 20px;
	overflow: hidden;
	border-radius: 6px;
	background: var(--aluminyum);
}

.harita iframe { display: block; width: 100%; height: clamp(320px, 40vw, 480px); border: 0; }

/* ---------- Iletisim formu ---------- */

.form-duzen {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
	gap: clamp(32px, 6vw, 96px);
	align-items: start;
}

.form-tanitim p { margin-top: 18px; color: var(--metin-2); font-size: 18px; max-width: 46ch; }

.form-acil {
	display: flex;
	gap: 12px;
	padding: 16px 18px;
	border-left: 3px solid var(--kirmizi);
	background: var(--aluminyum);
	font-size: 16px !important;
	color: var(--metin) !important;
}

.form-acil .ikon { margin-top: 2px; color: var(--kirmizi); }
.form-acil a { font-weight: 600; white-space: nowrap; }

.form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.form .tam { grid-column: 1 / -1; }

.form-alan label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 16px;
}

.form-alan label small { color: var(--metin-3); font-weight: 500; font-size: 14px; }

.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form select, .form textarea {
	width: 100%;
	min-height: 52px;
	padding: 12px 14px;
	border: 1.5px solid var(--cizgi);
	border-radius: var(--r);
	background: #fff;
	color: var(--metin);
	font: inherit;
	font-size: 17px;
	transition: border-color .15s, box-shadow .15s;
}

.form textarea { min-height: 160px; resize: vertical; line-height: 1.5; }

.form select {
	appearance: none;
	padding-right: 44px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232331' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 18px no-repeat;
}

.form input:hover, .form select:hover, .form textarea:hover { border-color: #b9bec6; }

.form input:focus, .form select:focus, .form textarea:focus {
	outline: none;
	border-color: var(--komur);
	box-shadow: 0 0 0 3px rgba(35, 35, 49, .12);
}

.form [aria-invalid="true"] { border-color: var(--kirmizi) !important; }

.form-onay {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	color: var(--metin-2);
	font-size: 16px;
	cursor: pointer;
}

.form-onay input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--kirmizi); }
.form-onay a { color: var(--metin); font-weight: 600; }
.form-onay a:hover { color: var(--kirmizi); }

.form-hata, .form-arac {
	grid-column: 1 / -1;
	display: flex;
	gap: 12px;
	padding: 14px 16px;
	border-radius: var(--r);
	font-size: 16px;
}

.form-hata { background: #fbebeb; color: var(--kirmizi-koyu); font-weight: 500; }
.form-arac { background: var(--aluminyum); color: var(--metin-2); }
.form-hata .ikon, .form-arac .ikon { margin-top: 2px; }
.form-arac b { color: var(--metin); }

.form-sonuc {
	padding: clamp(28px, 4vw, 48px);
	border-radius: 6px;
	background: var(--aluminyum);
}

.form-sonuc-ikon {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: #1d7344;
	color: #fff;
}

.form-sonuc h3 { font-size: 32px; }
.form-sonuc p { margin: 10px 0 24px; color: var(--metin-2); }

.whatsapp {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 40;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #1fa855;
	color: #fff;
	box-shadow: 0 8px 24px rgba(23, 23, 31, .25);
}

.whatsapp .ikon { width: 26px; height: 26px; }

/* ---------- Arac detay ---------- */

.urun {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.galeri-ana {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 6px;
	background: var(--aluminyum);
	cursor: zoom-in;
}

.galeri-ana img { width: 100%; height: 100%; object-fit: cover; }

.galeri-buyut {
	position: absolute;
	right: 14px;
	bottom: 14px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: var(--r);
	background: rgba(23, 23, 31, .78);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.galeri-buyut .ikon { width: 16px; height: 16px; }

.galeri-kucukler {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 96px;
	gap: 8px;
	margin-top: 10px;
	overflow-x: auto;
	scrollbar-width: thin;
	list-style: none;
	padding-bottom: 6px;
}

.galeri-kucukler button {
	display: block;
	width: 96px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: var(--r);
	background: var(--aluminyum);
	overflow: hidden;
	cursor: pointer;
}

.galeri-kucukler button[aria-current="true"] { border-color: var(--kirmizi); }
.galeri-kucukler img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.urun-bilgi { position: sticky; top: calc(var(--ust-yukseklik) + 32px); }

.urun-bilgi .kategori-link {
	display: inline-block;
	margin-bottom: 12px;
	color: var(--kirmizi);
	font-weight: 600;
	text-decoration: none;
}

.urun-bilgi h1 { font-size: clamp(36px, 3.6vw, 54px); line-height: 1; }

.urun-ozellikler { margin-top: 26px; font-size: 17px; }

.urun-ozellikler ul { list-style: none; display: grid; gap: 10px; }

.urun-ozellikler li {
	position: relative;
	padding-left: 30px;
	color: #33343f;
}

.urun-ozellikler li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .2em;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--kirmizi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat;
}

.urun-ozellikler p + p { margin-top: .8em; }

.urun-eylemler {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid var(--cizgi);
}

.urun-iletisim { margin-top: 18px; color: var(--metin-2); font-size: 16px; }
.urun-iletisim a { color: var(--metin); font-weight: 600; text-decoration: none; }
.urun-iletisim a:hover { color: var(--kirmizi); }

.teknik-tablo { overflow-x: auto; }

.teknik-tablo table {
	width: 100%;
	border-collapse: collapse;
	font-size: 17px;
}

.teknik-tablo th, .teknik-tablo td {
	padding: 16px 20px;
	border-bottom: 1px solid var(--cizgi);
	text-align: left;
	vertical-align: top;
}

.teknik-tablo th {
	width: 34%;
	background: var(--aluminyum);
	font-weight: 600;
	color: var(--metin);
}

.teknik-tablo tr:first-child th, .teknik-tablo tr:first-child td { border-top: 1px solid var(--cizgi); }
.teknik-tablo td p, .teknik-tablo th p { margin: 0; }
.teknik-tablo td { color: #33343f; }

/* ---------- Haber detay ---------- */

.haber-duzen {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: clamp(32px, 6vw, 96px);
	align-items: start;
}

.haber-gorsel { width: 100%; border-radius: 6px; margin-bottom: 2em; }

.diger-haberler { position: sticky; top: calc(var(--ust-yukseklik) + 32px); }
.diger-haberler h2 { font-size: 26px; margin-bottom: 8px; }
.diger-haberler ul { list-style: none; }

.diger-haberler a {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid var(--cizgi);
	text-decoration: none;
}

.diger-haberler img { width: 88px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r); background: var(--aluminyum); }
.diger-haberler b { display: block; font-weight: 600; line-height: 1.3; font-size: 16px; }
.diger-haberler time { display: block; margin-top: 4px; color: var(--metin-3); font-size: 14px; }
.diger-haberler a:hover b { color: var(--kirmizi); }

.bulunamadi { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; font-size: 19px; }

/* ---------- Isik kutusu ---------- */

.isik-kutusu {
	width: 100vw;
	height: 100vh;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 72px 72px 48px;
	border: 0;
	background: rgba(10, 10, 14, .94);
	color: #fff;
}

.isik-kutusu[open] { display: grid; place-items: center; }
.isik-kutusu::backdrop { background: transparent; }

.isik-kutusu figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.isik-kutusu img { max-width: min(1400px, calc(100vw - 160px)); max-height: calc(100vh - 160px); object-fit: contain; }
.isik-kutusu figcaption { color: #a9abb6; font-size: 15px; }

.isik-kapat { top: 16px; right: 16px; }

.isik-yon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	cursor: pointer;
}

.isik-yon:hover { background: rgba(255, 255, 255, .22); }
.isik-onceki { left: 16px; }
.isik-sonraki { right: 16px; }

/* ---------- Alt bolum ---------- */

.alt { background: var(--gece); color: var(--acik-metin); }

.alt-izgara {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
	gap: 40px;
	padding-top: clamp(56px, 7vw, 88px);
	padding-bottom: 56px;
}

.alt-marka img { width: 170px; height: auto; }
.alt-marka p { margin-top: 20px; max-width: 34ch; font-size: 16px; }

.alt h2 {
	margin-bottom: 18px;
	color: #fff;
	font-family: var(--font);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
}

.alt ul { list-style: none; display: grid; gap: 10px; }
.alt a { text-decoration: none; }
.alt a:hover { color: #fff; }
.alt-izgara li a { font-size: 16px; }

.alt-iletisim p { display: flex; gap: 12px; font-size: 16px; }
.alt-iletisim p + p { margin-top: 12px; }
.alt-iletisim .ikon { width: 18px; height: 18px; margin-top: 3px; color: var(--kirmizi); }

.sosyal { display: flex; gap: 10px; margin-top: 24px; }

.sosyal a {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	color: #fff;
}

.sosyal a:hover { background: var(--kirmizi); border-color: var(--kirmizi); }
.sosyal .ikon { width: 18px; height: 18px; }

.alt-son {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding-top: 22px;
	padding-bottom: 28px;
	color: #8b8d99;
	font-size: 14px;
}

.alt-son::before {
	content: "";
	position: absolute;
	top: 0;
	left: var(--yan-bosluk);
	right: var(--yan-bosluk);
	height: 1px;
	background: rgba(255, 255, 255, .1);
}

/* ---------- Duyarli ---------- */

@media (max-width: 1280px) {
	.ust-tel span { display: none; }
}

@media (max-width: 1180px) {
	.kaydirici { grid-auto-columns: minmax(260px, calc((100% - 2 * 20px) / 3)); }
	.alt-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
	.menu-ac { display: grid; }
	.ust-teklif, .ust-tel { display: none; }

	.ana-menu {
		position: fixed;
		inset: var(--ust-yukseklik) 0 0 0;
		display: flex;
		flex-direction: column;
		padding: 16px var(--yan-bosluk) 32px;
		background: #fff;
		color: var(--metin);
		overflow-y: auto;
		visibility: hidden;
		opacity: 0;
		transform: translateY(-8px);
		transition: opacity .2s, transform .2s, visibility 0s .2s;
	}

	.menu-acik .ana-menu { visibility: visible; opacity: 1; transform: none; transition: opacity .2s, transform .2s; }
	.menu-acik .ust { background: #fff; color: var(--metin); box-shadow: 0 1px 0 var(--cizgi); }
	.menu-acik .ust::before { opacity: 0; }
	.menu-acik .logo .logo-acik { display: none; }
	.menu-acik .logo .logo-koyu { display: block; }
	.menu-acik { overflow: hidden; }

	.menu-liste { flex-direction: column; align-items: stretch; gap: 0; }
	.menu-liste > li { border-bottom: 1px solid var(--cizgi); }
	.menu-liste > li > a, .menu-dugme-alt { width: 100%; height: 56px; padding: 0 4px; justify-content: space-between; font-size: 19px; }
	.menu-liste > li > a:hover, .menu-dugme-alt:hover, .acilir.acik .menu-dugme-alt { background: none !important; }
	.menu-liste > li.aktif > a, .menu-liste > li.aktif > .menu-dugme-alt { box-shadow: none; color: var(--kirmizi); }

	.acilir-panel {
		position: static;
		display: none;
		min-width: 0;
		padding: 0 0 12px;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.acilir.acik .acilir-panel { display: block; }
	.acilir-araclar ul { grid-template-columns: minmax(0, 1fr); }

	.menu-mobil-alt { display: flex; flex-direction: column; gap: 16px; margin-top: 28px; }
	.menu-mobil-alt .dugme { width: 100%; }
	.menu-tel { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; text-decoration: none; }
	.menu-tel .ikon { color: var(--kirmizi); }

	.hikaye, .destek, .urun, .haber-duzen, .form-duzen { grid-template-columns: minmax(0, 1fr); }
	.urun-bilgi, .diger-haberler { position: static; }
	.kurumsal { grid-template-columns: minmax(0, 1fr); }
	.yan-menu { position: static; }
	.yan-menu ul { display: flex; gap: 6px; overflow-x: auto; border: 0; padding-bottom: 4px; }
	.yan-menu a { margin: 0; padding: 7px 14px; border: 1px solid var(--cizgi); border-radius: 999px; white-space: nowrap; font-size: 15px; }
	.yan-menu a[aria-current] { border-color: var(--kirmizi); color: var(--kirmizi); }
	.sasiler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.haber-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
	body { font-size: 16px; }
	.giris-veriler ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.giris-veriler li:nth-child(3) { padding-left: 0; border-left: 0; }
	.giris-veriler li:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, .16); }
	.kategoriler, .kategoriler-uc { grid-template-columns: minmax(0, 1fr); }
	.kategoriler-uc .kategori-karo { aspect-ratio: 16 / 10; }
	.kategori-karo { aspect-ratio: 16 / 10; }
	.kaydirici { grid-auto-columns: 78%; }
	.haber-izgara { grid-template-columns: minmax(0, 1fr); }
	.hikaye-gercekler, .rakamlar { grid-template-columns: minmax(0, 1fr); }
	.grup, .iki-gorsel, .form { grid-template-columns: minmax(0, 1fr); }
	.alt-izgara { grid-template-columns: minmax(0, 1fr); }
	.kunye { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.kunye dd + dt { margin-top: 10px; }
	.teknik-tablo th, .teknik-tablo td { display: block; width: 100%; }
	.teknik-tablo th { border-bottom: 0; padding-bottom: 6px; }
	.teknik-tablo td { padding-top: 6px; }
	.teknik-tablo tr:first-child td { border-top: 0; }
	.isik-kutusu { padding: 64px 12px 32px; }
	.isik-kutusu img { max-width: calc(100vw - 24px); }
	.isik-yon { top: auto; bottom: 16px; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}