/*
	DAKA Veri - proje stilleri
	Tasarım referansı: ekran/tasarim.png (1752 x 821)
	.dk-stage tasarımın birebir 1752x821 koordinat düzlemidir; slider yüksekliğine
	göre --dk-scale ile ölçeklenir (assets/js/custom/dakaveri.js).
	Tüm konumlar tasarım üzerinden piksel olarak ölçülmüştür.
*/

:root {
	--dk-yellow: #dfb800;
	--dk-blue: #2a7bc0;
	/* Mavi parçanın zemin görseli üzerindeki örtü yoğunluğu */
	--dk-mavi-ortu: 0.62;
	/* Arama butonu ve alanının çerçeve rengi */
	--dk-arama-cerceve: #14538c;
	--dk-dark: #303030;
	--dk-black: #050505;
	--dk-stage-w: 1752px;
	--dk-stage-h: 821px;
	--dk-scale: 1;
	/* Mavi alanın (parça + kategoriler + arama) ölçeği: 1 = tasarım boyutu */
	/* 0.92 altına inilirse siyah parçanın burnu sarının dışına taşar */
	--dk-mavi-olcek: 0.93;
	/* Ölçek merkezi: mavi parçanın sol üst köşesi. Bu nokta üst kenar ile sol
	   kenarın kesişimi olduğu için ikisi de yerinde kalır; şekil sağ-alta doğru kısalır. */
	--dk-mavi-merkez-x: 73px;
	--dk-mavi-merkez-y: -8px;
}

/*begin::Metronic düzeltmeleri*/
/* Metronic demo body deseni ve içerik üst boşluğu hero için kaldırıldı */
/* Metronic deseni: [data-bs-theme] ön ekli kuralla geldiği için aynı
   özgüllükte ezilmesi gerekiyor. */
[data-bs-theme="light"] body.dk-body,
[data-bs-theme="dark"] body.dk-body {
	background-image: none;
}

.dk-body {
	background-color: #ffffff;
}

.dk-body .content {
	padding-top: 0;
}
/*end::Metronic düzeltmeleri*/

/*begin::Hero*/
.dk-hero {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #ddd5c8;
}

.dk-hero__slider {
	position: relative;
	z-index: 1;
}

.dk-hero .rev_slider_wrapper,
.dk-hero .rev_slider {
	margin: 0 !important;
}
/*end::Hero*/

/*begin::Alt renk barı*/
/* Dilimler: turuncu %21.9, açık mavi %44, gri %34.1; yükseklik 1752pxde 18px */
.dk-colorbar {
	width: 100%;
	height: clamp(10px, 1.03vw, 26px);
	background-image: linear-gradient(90deg, #ffdd3f 21.9%, #7ab5dd 21.9%, #7ab5dd 65.9%, #868686 65.9%);
}
/*end::Alt renk barı*/

/*begin::Stage*/
.dk-stage {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
	width: var(--dk-stage-w);
	height: var(--dk-stage-h);
	margin-left: calc(var(--dk-stage-w) / -2);
	transform: scale(var(--dk-scale));
	transform-origin: 50% 0;
	pointer-events: none;
}

.dk-stage > * {
	pointer-events: auto;
}

/* Mavi alan grubu: hatlar aynı kalsın diye parça, kategoriler ve arama
   birlikte tek bir ölçekle küçülür. Ölçek --dk-mavi-olcek ile ayarlanır. */
.dk-mavi-grup {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	transform: scale(var(--dk-mavi-olcek));
	/* Ölçek merkezi sarı parçanın çapraz kenarı üzerinde: bu kenar yerinde
	   kalır, siyah parçanın burnu eskisi gibi sarının içinde kalmaya devam eder. */
	transform-origin: var(--dk-mavi-merkez-x) var(--dk-mavi-merkez-y);
	pointer-events: none;
}

.dk-mavi-grup > * {
	pointer-events: auto;
}

.dk-shape {
	position: absolute;
	display: block;
	pointer-events: none;
	user-select: none;
}

/* Mavi parça: tasarımda 67,-8 - 1313x695.
   Zemini header_zemin.png; üzerine mavi örtü uygulanır (örtü yoğunluğu
   --dk-mavi-ortu ile ayarlanır). Şekil, gömülü SVG maskesiyle kesilir. */
.dk-shape--mavi {
	top: -8px;
	left: 67px;
	z-index: 1;
	width: 1313px;
	height: 695px;
	background-image:
		linear-gradient(rgba(42, 123, 192, var(--dk-mavi-ortu)), rgba(42, 123, 192, var(--dk-mavi-ortu))),
		url("../img/header_zemin.png");
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
	background-size: cover, cover;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1313 695'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M1240.34%2C110.105L444.023%2C603.234c-141.877%2C87.858%2C-327.653%2C5.24%2C-357.614%2C-159.04L-132.3%2C-754.962c-14.678-80.481%2C38.613-157.617%2C119.03-172.29L604.248-1039.92a147.988%2C147.988%2C0%2C0%2C1%2C153.172%2C69L1289.03-92.581A148.164%2C148.164%2C0%2C0%2C1%2C1240.34%2C110.105Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1313 695'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M1240.34%2C110.105L444.023%2C603.234c-141.877%2C87.858%2C-327.653%2C5.24%2C-357.614%2C-159.04L-132.3%2C-754.962c-14.678-80.481%2C38.613-157.617%2C119.03-172.29L604.248-1039.92a147.988%2C147.988%2C0%2C0%2C1%2C153.172%2C69L1289.03-92.581A148.164%2C148.164%2C0%2C0%2C1%2C1240.34%2C110.105Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Siyah parça: tasarımda 0,-6 - 1187x198 */
.dk-shape--dark {
	top: -6px;
	left: 0;
	z-index: 2;
	width: 1187px;
	height: 198px;
}

/* Logo: tasarımda 228,26 - 291x72 */
/* Grafik: tasarımda 521,45 - 580x108 (doğal boyut, siyah parçanın üzerinde durur) */
.dk-stage__chart {
	position: absolute;
	top: 45px;
	left: 521px;
	z-index: 3;
	width: 580px;
	height: 108px;
	pointer-events: none;
	user-select: none;
}

.dk-stage__logo {
	position: absolute;
	top: 27px;
	left: 229px;
	z-index: 3;
	display: block;
	width: 291px;
	height: 72px;
}

.dk-stage__logo img {
	display: block;
	width: 100%;
	height: 100%;
}

/* Başlık: tasarımda 728-1023 arası, x ekseninde 875.5 merkezli */
.dk-stage__title {
	position: absolute;
	top: 43px;
	left: 576px;
	z-index: 3;
	width: 600px;
	margin: 0;
	color: #ffffff;
	font-family: "Anton", Impact, "Haettenschweiler", sans-serif;
	font-size: 36.5px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	transform: scaleX(0.66);
}
/*end::Stage*/

/*begin::Topbar(sağ üst ikon setleri)*/
.dk-topbar {
	position: absolute;
	top: 34px;
	right: 30px;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 14px;
}

.dk-topbar__set {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 6px;
	border-radius: 30px;
	background-color: rgba(48, 48, 48, 0.82);
	backdrop-filter: blur(4px);
}

.dk-topbar__btn.btn.btn-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: transparent;
	color: #ffffff;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.dk-topbar__btn.btn.btn-icon i {
	color: inherit;
	font-size: 22px;
	line-height: 1;
}

/* Yazılı buton (Hakkında) */
.dk-topbar__btn--metin.btn {
	display: flex;
	width: auto;
	height: 44px;
	align-items: center;
	gap: 8px;
	padding: 0 18px 0 14px;
	border-radius: 22px;
	background-color: transparent;
	color: #ffffff;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.dk-topbar__btn--metin.btn i {
	color: inherit;
	font-size: 22px;
	line-height: 1;
}

.dk-topbar__metin {
	color: inherit;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
}

.dk-topbar__btn--metin.btn:hover,
.dk-topbar__btn--metin.btn:focus {
	background-color: var(--dk-yellow);
	color: var(--dk-black);
}

.dk-topbar__btn.btn.btn-icon:hover,
.dk-topbar__btn.btn.btn-icon:focus {
	background-color: var(--dk-yellow);
	color: var(--dk-black);
}
/*end::Topbar*/

/*begin::Giriş animasyonları(animate.style)*/
/* Süre ve gecikmeler animate.css'in kendi değişkenleriyle ayarlanır */
.dk-shape--mavi.animate__animated {
	--animate-duration: 1.1s;
}

.dk-links__item.animate__animated {
	--animate-duration: 0.65s;
	animation-delay: 0.5s;
	animation-fill-mode: both;
}

.dk-links__item:nth-child(1).animate__animated { animation-delay: 0.50s; }
.dk-links__item:nth-child(2).animate__animated { animation-delay: 0.58s; }
.dk-links__item:nth-child(3).animate__animated { animation-delay: 0.66s; }
.dk-links__item:nth-child(4).animate__animated { animation-delay: 0.74s; }
.dk-links__item:nth-child(5).animate__animated { animation-delay: 0.82s; }
.dk-links__item:nth-child(6).animate__animated { animation-delay: 0.90s; }
.dk-links__item:nth-child(7).animate__animated { animation-delay: 0.98s; }
.dk-links__item:nth-child(8).animate__animated { animation-delay: 1.06s; }
.dk-links__item:nth-child(9).animate__animated { animation-delay: 1.14s; }

.dk-search.animate__animated {
	--animate-duration: 0.7s;
	animation-delay: 1.2s;
	animation-fill-mode: both;
}

.dk-info.animate__animated {
	--animate-duration: 0.8s;
	animation-delay: 1.45s;
	animation-fill-mode: both;
}
/*end::Giriş animasyonları*/

/*begin::Kategori linkleri(mavi alanın üzerinde)*/
/*
	Yerleşim sarı parçanın çapraz kenarına paralel: her sütun sağa doğru
	38px yukarı kayar, böylece iki satır çapraza uyumlu akar.
	Daireler varsayılanda görünmez, yalnızca hover/odakta belirir.
*/
.dk-links {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	pointer-events: none;
}

.dk-links__item {
	position: absolute;
	display: flex;
	width: 120px;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: #ffffff;
	pointer-events: auto;
	text-decoration: none;
}

.dk-links__icon {
	display: flex;
	width: 72px;
	height: 72px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: transparent;
	color: #ffffff;
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.dk-links__icon i {
	color: inherit;
	font-size: 42px;
	line-height: 1;
}

.dk-links__label {
	color: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	transition: transform 0.25s ease;
}

.dk-links__item:hover .dk-links__icon,
.dk-links__item:focus-visible .dk-links__icon {
	background-color: #ffffff;
	color: var(--dk-blue);
	transform: translateY(-4px);
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
}

.dk-links__item:hover .dk-links__label,
.dk-links__item:focus-visible .dk-links__label {
	transform: translateY(-2px);
}

/* Üçgen dizilim (4-3-2): satır aralığı 120px, öğe aralığı 190px.
   Her satır sol kenarın eğimine göre biraz içeri kayar, sağ uçları da
   çapraz kenara paralel şekilde basamaklanır. */
.dk-links__item:nth-child(1) { left: 155px; top: 210px; }
.dk-links__item:nth-child(2) { left: 345px; top: 210px; }
.dk-links__item:nth-child(3) { left: 535px; top: 210px; }
.dk-links__item:nth-child(4) { left: 725px; top: 210px; }
.dk-links__item:nth-child(5) { left: 171px; top: 330px; }
.dk-links__item:nth-child(6) { left: 361px; top: 330px; }
.dk-links__item:nth-child(7) { left: 551px; top: 330px; }
.dk-links__item:nth-child(8) { left: 209px; top: 442px; }
.dk-links__item:nth-child(9) { left: 399px; top: 442px; }
/*end::Kategori linkleri*/

/*begin::Arama*/
/* Tasarımda: daire 682,383 (118px) - alan 798,413 (395x76) */
.dk-search {
	position: absolute;
	top: 383px;
	left: 682px;
	z-index: 4;
	width: 511px;
	height: 118px;
	/* kapalıyken sağdaki boş alan hover almasın, sadece buton ve alan tetiklesin */
	pointer-events: none;
}

.dk-search__btn {
	pointer-events: auto;
}

.dk-search__btn {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 118px;
	height: 118px;
	padding: 0;
	border: 5px solid var(--dk-arama-cerceve);
	border-radius: 50%;
	background-color: var(--dk-black);
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.dk-search__btn:hover {
	background-color: #000000;
	transform: scale(1.04);
}

.dk-search__icon {
	width: 108px;
	height: 108px;
	fill: none;
	stroke: #e2e2e2;
	stroke-linecap: round;
}

/* Arama alanı varsayılan olarak kapalı: dairenin arkasına toplanır.
   Butonun üzerine gelince (veya alan odaklanınca) açılır. */
.dk-search__input {
	position: absolute;
	top: 30px;
	left: 60px;
	z-index: 1;
	width: 62px;
	height: 76px;
	padding: 0 30px 0 84px;
	border: 4px solid var(--dk-arama-cerceve);
	border-radius: 38px;
	background-color: #ffffff;
	color: var(--dk-dark);
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-weight: 500;
	opacity: 0;
	outline: none;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
	transition: width 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.25s ease;
	/* kapalıyken görünmez alan tıklama/hover almasın (klavye ile odaklanma çalışır) */
	pointer-events: none;
}

.dk-search:hover .dk-search__input,
.dk-search:focus-within .dk-search__input,
.dk-search.dk-search--acik .dk-search__input {
	width: 451px;
	opacity: 1;
	pointer-events: auto;
}

/* Dokunmatik cihazlarda hover olmadığı için alan açık gelir */
@media (hover: none) {
	.dk-search__input {
		width: 451px;
		opacity: 1;
		pointer-events: auto;
	}
}

.dk-search__input::placeholder {
	color: #aaaaaa;
	font-weight: 400;
}

.dk-search__input:focus {
	border-color: #0f4270;
}
/*end::Arama*/

/*begin::Özel kategori ikonları*/
/* Metronic setinde başak, plaj şemsiyesi ve ₺ karşılığı yok. Başak ile
   şemsiye, kart maskesinde olduğu gibi gömülü SVG maskesiyle çiziliyor
   (dış SVG dosyaları file:// altında maske olarak engelleniyor); ₺ ise
   yazı tipinin kendi glifiyle veriliyor. Üçü de ikon boyutunu ve rengini
   diğer keenicon'lardan miras alır. */
.dk-ikon {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	vertical-align: -0.1em;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Başak (Tarım) */
.dk-ikon--basak {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22.6a1 1 0 0 1-1-1V12.4a1 1 0 0 1 2 0v9.2a1 1 0 0 1-1 1z'/%3E%3Cpath d='M12 11.6c-1.8-1.9-1.8-5.1 0-7.5 1.8 2.4 1.8 5.6 0 7.5z'/%3E%3Cpath d='M11.2 12.8c-2.6-.4-4.6-2.7-4.8-5.4 2.6.6 4.6 2.8 4.8 5.4z'/%3E%3Cpath d='M12.8 12.8c.2-2.6 2.2-4.8 4.8-5.4-.2 2.7-2.2 5-4.8 5.4z'/%3E%3Cpath d='M11.2 17.4c-2.6-.4-4.6-2.7-4.8-5.4 2.6.6 4.6 2.8 4.8 5.4z'/%3E%3Cpath d='M12.8 17.4c.2-2.6 2.2-4.8 4.8-5.4-.2 2.7-2.2 5-4.8 5.4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22.6a1 1 0 0 1-1-1V12.4a1 1 0 0 1 2 0v9.2a1 1 0 0 1-1 1z'/%3E%3Cpath d='M12 11.6c-1.8-1.9-1.8-5.1 0-7.5 1.8 2.4 1.8 5.6 0 7.5z'/%3E%3Cpath d='M11.2 12.8c-2.6-.4-4.6-2.7-4.8-5.4 2.6.6 4.6 2.8 4.8 5.4z'/%3E%3Cpath d='M12.8 12.8c.2-2.6 2.2-4.8 4.8-5.4-.2 2.7-2.2 5-4.8 5.4z'/%3E%3Cpath d='M11.2 17.4c-2.6-.4-4.6-2.7-4.8-5.4 2.6.6 4.6 2.8 4.8 5.4z'/%3E%3Cpath d='M12.8 17.4c.2-2.6 2.2-4.8 4.8-5.4-.2 2.7-2.2 5-4.8 5.4z'/%3E%3C/svg%3E");
}

/* Plaj şemsiyesi (Turizm) */
.dk-ikon--semsiye {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.4C3 6.5 7 2.6 12 2.6s9 3.9 9 8.8c0 .5-.5.8-.9.6-1.2-.7-2.3-.7-3.5 0-.4.2-.8.2-1.1 0-1.2-.7-2.3-.7-3.5 0-.4.2-.8.2-1.1 0-1.2-.7-2.3-.7-3.5 0-.4.2-.8.2-1.1 0-1.2-.7-2.3-.7-3.5 0-.4.2-.8-.1-.8-.6z'/%3E%3Cpath d='M12.9 21.4a1 1 0 0 1-2 0v-9.8a1 1 0 0 1 2 0v9.8z'/%3E%3Cpath d='M8.9 21.9a1 1 0 0 1-.6-1.9l3.4-1.1a1 1 0 0 1 .6 1.9l-3.4 1.1z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.4C3 6.5 7 2.6 12 2.6s9 3.9 9 8.8c0 .5-.5.8-.9.6-1.2-.7-2.3-.7-3.5 0-.4.2-.8.2-1.1 0-1.2-.7-2.3-.7-3.5 0-.4.2-.8.2-1.1 0-1.2-.7-2.3-.7-3.5 0-.4.2-.8.2-1.1 0-1.2-.7-2.3-.7-3.5 0-.4.2-.8-.1-.8-.6z'/%3E%3Cpath d='M12.9 21.4a1 1 0 0 1-2 0v-9.8a1 1 0 0 1 2 0v9.8z'/%3E%3Cpath d='M8.9 21.9a1 1 0 0 1-.6-1.9l3.4-1.1a1 1 0 0 1 .6 1.9l-3.4 1.1z'/%3E%3C/svg%3E");
}

/* Türk lirası (Ekonomi): yazı tipinin kendi glifi */
.dk-ikon--tl {
	display: inline-block;
	width: 1em;
	height: 1em;
	/* Maske değil yazı: taban kuralın zemin dolgusu geri alınır */
	background-color: transparent;
	font-family: "Inter", sans-serif;
	font-size: 1.24em;
	font-style: normal;
	font-weight: 700;
	line-height: 0.82;
	text-align: center;
}
/*end::Özel kategori ikonları*/

/*begin::İnfo grafik butonu*/
/* Tasarımda: hap 988,605 - 366x37 | daire merkez 1335,624 - 86px.
   Altına AI butonu geldiği için ikisi birlikte yukarı kaydırıldı. */
.dk-info {
	position: absolute;
	top: 556px;
	left: 988px;
	z-index: 4;
	display: flex;
	width: 390px;
	height: 86px;
	align-items: center;
	text-decoration: none;
}

.dk-info__label {
	display: flex;
	width: 366px;
	height: 37px;
	align-items: center;
	padding: 0 86px 0 46px;
	border-radius: 19px;
	background-image: linear-gradient(90deg, #c9a500 0%, #d8b00080 45%, #edc514 100%);
	background-color: var(--dk-yellow);
	color: var(--dk-dark);
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.2px;
	line-height: 1;
	white-space: nowrap;
	transition: filter 0.2s ease;
}

.dk-info__badge {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	width: 86px;
	height: 86px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--dk-yellow);
	color: var(--dk-dark);
	transition: transform 0.25s ease;
}

.dk-info__badge i {
	position: relative;
	z-index: 2;
	color: inherit;
	font-size: 38px;
	line-height: 1;
}

/* Genişleyen halkalar */
.dk-info__ring {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid rgba(223, 184, 0, 0.75);
	background-color: rgba(223, 184, 0, 0.38);
	animation: dk-info-ring 3s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}

.dk-info__ring:nth-child(2) {
	animation-delay: 1s;
}

.dk-info__ring:nth-child(3) {
	animation-delay: 2s;
}

@keyframes dk-info-ring {
	0% {
		opacity: 0.55;
		transform: scale(0.92);
	}

	60% {
		opacity: 0.2;
	}

	100% {
		opacity: 0;
		transform: scale(2);
	}
}

.dk-info:hover .dk-info__label {
	filter: brightness(1.08);
}

/* AI raporlama butonu: aynı tarz, koyu gri; halkalar durgun, üzerine
   gelince buton siyaha yaklaşır ve halkalar harekete geçer. */
.dk-info--ai {
	top: 654px;
}

.dk-info--ai .dk-info__label {
	background-image: linear-gradient(90deg, #44484e 0%, #4f545a80 45%, #5b6067 100%);
	background-color: #4f545a;
	color: #ffffff;
	transition: background-color 0.25s ease, background-image 0.25s ease;
}

.dk-info--ai .dk-info__badge {
	background-color: #4f545a;
	color: #ffffff;
	transition: transform 0.25s ease, background-color 0.25s ease;
}

.dk-info--ai .dk-info__ring {
	border-color: rgba(79, 84, 90, 0.75);
	background-color: rgba(79, 84, 90, 0.38);
	animation: none;
	opacity: 0;
}

.dk-info--ai:hover .dk-info__label {
	background-image: linear-gradient(90deg, #22262b 0%, #2b303680 45%, #343a41 100%);
	background-color: #2b3036;
	filter: none;
}

.dk-info--ai:hover .dk-info__badge {
	background-color: #2b3036;
}

.dk-info--ai:hover .dk-info__ring {
	border-color: rgba(43, 48, 54, 0.8);
	background-color: rgba(43, 48, 54, 0.42);
	animation: dk-info-ring 3s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
	opacity: 1;
}

/* Kısayol yazımı gecikmeleri sıfırladığı için yeniden verilir */
.dk-info--ai:hover .dk-info__ring:nth-child(2) {
	animation-delay: 1s;
}

.dk-info--ai:hover .dk-info__ring:nth-child(3) {
	animation-delay: 2s;
}

.dk-info--ai.animate__animated {
	animation-delay: 1.62s;
}

.dk-info:hover .dk-info__badge {
	transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
	.dk-info__ring {
		animation: none;
		opacity: 0.35;
	}
}
/*end::İnfo grafik butonu*/

/*begin::Veri bölümü*/
.dk-section {
	padding: 58px 20px 84px;
}

.dk-section__inner {
	display: flex;
	max-width: 1402px;
	margin: 0 auto;
	align-items: flex-start;
	gap: 56px;
}

/* Ekran daraldığında sabit mini gezinme çubuğu içeriğin üzerine binmesin */
@media (min-width: 992px) and (max-width: 1569px) {
	.dk-section__inner {
		padding-left: 74px;
	}
}

@media (min-width: 992px) and (max-width: 1400px) {
	.dk-section__inner {
		gap: 40px;
	}

	.dk-bolumler {
		width: 372px;
		flex: 0 0 372px;
	}
}

/*begin::Bölüm sütunu*/
.dk-bolumler {
	width: 374px;
	flex: 0 0 374px;
}

/*begin::Görsel kart*/
.dk-card {
	position: relative;
	width: 374px;
	height: 448px;
}

/* Arkadaki mavi parça, sağa-aşağı kaydırılmış */
.dk-card__shape {
	position: absolute;
	top: 17px;
	left: 22px;
	display: block;
	width: 352px;
	height: 421px;
	background: url("../svg/altsvg-mavi.svg") no-repeat center / contain;
}

/* Öndeki parça: aynı şekil, ekonomi görseli ile kaplı */
.dk-card__photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 352px;
	height: 421px;
	background: url("../img/ekonomi.jpg") no-repeat center / cover;
	/* Kategori değişince görsel yumuşak geçişle yenilenir (dakaveri-veri.js) */
	transition: opacity 0.25s ease;
	/* Maske data-URI olarak gömüldü: harici SVG maskeleri file:// üzerinde
	   tarayıcı tarafından engelleniyor ve görsel tamamen kayboluyordu. */
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 556 666'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M514.425%2C436.01L171.08%2C644.306c-33.566%2C20.363-77.092.527-83.787-38.183L0.743%2C105.671a55.74%2C55.74%2C0%2C0%2C1%2C45.4-64.44L278.961%2C0.948a55.709%2C55.709%2C0%2C0%2C1%2C57.416%2C26.5L533.451%2C359.886A55.775%2C55.775%2C0%2C0%2C1%2C514.425%2C436.01Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 556 666'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M514.425%2C436.01L171.08%2C644.306c-33.566%2C20.363-77.092.527-83.787-38.183L0.743%2C105.671a55.74%2C55.74%2C0%2C0%2C1%2C45.4-64.44L278.961%2C0.948a55.709%2C55.709%2C0%2C0%2C1%2C57.416%2C26.5L533.451%2C359.886A55.775%2C55.775%2C0%2C0%2C1%2C514.425%2C436.01Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.dk-card__photo--geciyor {
	opacity: 0;
}

.dk-card__title {
	position: absolute;
	top: 62px;
	left: 54px;
	color: #ffffff;
	font-family: "Anton", Impact, sans-serif;
	font-size: 34px;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 1;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	transform: scaleX(0.82);
	transform-origin: 0 50%;
}

/* Sarı parçanın ucundaki menü butonu (Metronic dropdown tetikleyicisi) */
.dk-card__next {
	position: absolute;
	top: 224px;
	left: 332px;
	z-index: 3;
}

.dk-card__next-btn.btn.btn-icon {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background-color: #e8e8e8;
	color: #1b1b1b;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.dk-card__next-btn.btn.btn-icon i {
	color: inherit;
	font-size: 30px;
	transition: transform 0.2s ease;
}

.dk-card__next-btn.btn.btn-icon:hover,
.dk-card__next-btn.btn.btn-icon.show {
	background-color: var(--dk-blue);
	color: #ffffff;
	transform: scale(1.06);
}

/* menü açıkken ok aşağıyı gösterir */
.dk-card__next-btn.btn.btn-icon.show i {
	transform: rotate(90deg);
}
/*end::Görsel kart*/

/*begin::En yüksek / en düşük kutuları*/
/* Gölgesiz, sarı vurgulu ve daha küçük tipografi: hero ile aynı dil */
.dk-stats {
	display: flex;
	max-width: 310px;
	flex-direction: column;
	padding: 18px 0 0 56px;
	gap: 8px;
}

.dk-stat {
	padding: 11px 16px 12px;
	border-left: 3px solid var(--dk-yellow);
	border-radius: 0 10px 10px 0;
	background-color: #f6f7f8;
}

.dk-stat__label {
	display: block;
	color: #8b909a;
	font-family: "Inter", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.4px;
	line-height: 1.2;
	text-transform: uppercase;
}

.dk-stat__value {
	display: block;
	padding-top: 3px;
	color: var(--dk-dark);
	font-family: "Anton", Impact, sans-serif;
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 0.6px;
	line-height: 1.1;
}

.dk-stat__name {
	display: block;
	padding-top: 1px;
	color: #6b717c;
	font-family: "Inter", sans-serif;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
}
/*end::En yüksek / en düşük kutuları*/

/*begin::Panel*/
.dk-panel {
	min-width: 0;
	flex: 1 1 auto;
	padding-top: 26px;
}

.dk-filters {
	padding: 26px 0 22px;
	border-top: 3px solid var(--dk-yellow);
}

.dk-filters__row {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.dk-filters__field {
	min-width: 0;
	flex: 1 1 240px;
}

.dk-filters__field--sm {
	flex: 0 1 180px;
}

.dk-filters__field--xs {
	flex: 0 1 130px;
}

.dk-filters .form-label {
	margin-bottom: 6px;
	color: #3f4254;
	font-size: 14px;
	font-weight: 600;
}

.dk-filters .form-select {
	font-size: 14px;
}

.dk-filters__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 18px;
}

/* İndirme butonları: tasarımın sarı-antrasit dili, renksiz ve yumuşak */
.dk-filters__actions .dk-btn.btn {
	padding: 9px 16px;
	border: 1px solid #e7e8ea;
	border-radius: 9px;
	background-color: #f5f6f7;
	color: var(--dk-dark);
	font-family: "Inter", sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.dk-filters__actions .dk-btn.btn i {
	margin-right: 7px;
	color: #c19f00;
	font-size: 18px;
	transition: color 0.2s ease;
}

.dk-filters__actions .dk-btn.btn:hover,
.dk-filters__actions .dk-btn.btn:focus {
	border-color: var(--dk-dark);
	background-color: var(--dk-dark);
	color: #ffffff;
}

.dk-filters__actions .dk-btn.btn:hover i,
.dk-filters__actions .dk-btn.btn:focus i {
	color: var(--dk-yellow);
}

.dk-filters__actions .dk-btn.btn:active {
	background-color: #1f1f1f;
}

.dk-panel__desc {
	margin: 0;
	padding: 20px 0 0;
	border-top: 1px solid #e6e6e6;
	color: #3f4254;
	font-size: 15px;
	line-height: 1.6;
}

.dk-panel__map {
	padding-top: 18px;
}

.dk-panel__map img {
	display: block;
	width: 100%;
	height: auto;
}
/*end::Panel*/

@media (max-width: 991.98px) {
	.dk-section__inner {
		flex-direction: column;
		align-items: center;
		gap: 26px;
	}

	/* Dar ekranda sol sütun alt alta akar: kart → açıklama → kutular → sıralama */
	.dk-bolumler {
		display: block;
		width: 100%;
		max-width: none;
		flex: 0 0 auto;
	}

	.dk-card {
		flex: 0 0 auto;
		margin: 0 auto;
	}

	.dk-stats {
		max-width: none;
		padding: 18px 0 0;
		border-left: 0;
	}

	.dk-panel {
		width: 100%;
		padding-top: 0;
	}
}

@media (max-width: 575.98px) {
	.dk-section {
		padding: 34px 16px 48px;
	}

	.dk-bolumler {
		gap: 14px;
	}

	/* kart küçülür, kutular yanında kalır */
	.dk-card {
		width: 190px;
		height: 228px;
		flex: 0 0 190px;
	}

	.dk-card__shape {
		top: 9px;
		left: 11px;
		width: 179px;
		height: 214px;
	}

	.dk-card__photo {
		width: 179px;
		height: 214px;
	}

	.dk-card__title {
		top: 30px;
		left: 27px;
		font-size: 17px;
	}

	.dk-card__next {
		top: 113px;
		left: 168px;
	}

	.dk-card__next-btn.btn.btn-icon {
		width: 34px;
		height: 34px;
	}

	.dk-card__next-btn.btn.btn-icon i {
		font-size: 17px;
	}

	.dk-stats {
		max-width: none;
		padding-left: 14px;
		gap: 6px;
	}

	.dk-stat {
		padding: 8px 12px 9px;
	}

	.dk-stat__value {
		font-size: 21px;
	}

	.dk-filters__actions .btn {
		flex: 1 1 auto;
	}
}

/*end::Veri bölümü*/

/*begin::Footer*/
/* Üstünde slider altındakiyle aynı renk barı, koyu zemin - beyaz yazı */
.dk-footer.footer {
	background-color: var(--dk-dark);
}

.dk-footer__text {
	color: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
}

.dk-footer__text span {
	color: rgba(255, 255, 255, 0.72);
	font-weight: 400;
}
/*end::Footer*/

/*begin::Mobil(768px altı)*/
.dk-hero__mobile {
	display: none;
}

@media (max-width: 767.98px) {
	.dk-stage {
		display: none;
	}

	/* Mobilde tasarım katmanı yerine akış düzeni kullanıldığı için
	   hero sabit bir minimum yükseklik alır, slider da bu alanı doldurur. */
	.dk-hero {
		min-height: 640px;
	}

	/* Hakkında sayfasındaki kısa hero mobilde içeriği kadar yükselir;
	   sabit yükseklik başlık çubuğundaki butonları kırpıyordu. */
	.dk-hero--kisa {
		min-height: 0;
	}

	.dk-hero--kisa .dk-hero__mobile {
		position: relative;
		min-height: 0;
	}

	.dk-hero__slider {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.dk-hero__slider .forcefullwidth_wrapper_tp_banner,
	.dk-hero__slider .rev_slider_wrapper,
	.dk-hero__slider .rev_slider,
	.dk-hero__slider .tp-fullwidth-forcer {
		top: 0 !important;
		height: 100% !important;
		max-height: none !important;
	}

	/* Mutlak konumda içerik hero boyunu aşınca alttaki buton kırpılıyordu;
	   blok akışa alındı, slider zaten arkada mutlak konumda duruyor. */
	.dk-hero__mobile {
		position: relative;
		z-index: 5;
		display: flex;
		min-height: 640px;
		flex-direction: column;
	}

	.dk-hero__mobile-bar {
		padding: 18px 16px 22px;
		border-bottom-right-radius: 40px;
		background-color: var(--dk-dark);
		text-align: center;
	}

	.dk-hero__mobile-logo img {
		display: block;
		width: 100%;
		max-width: 230px;
		height: auto;
		margin: 0 auto;
	}

	.dk-hero__mobile-title {
		margin: 12px 0 0;
		color: #ffffff;
		font-family: "Anton", Impact, sans-serif;
		font-size: 22px;
		font-weight: 400;
		line-height: 1.25;
	}

	.dk-topbar--mobile {
		position: static;
		justify-content: center;
		margin-top: 14px;
		gap: 10px;
	}

	.dk-topbar--mobile .dk-topbar__set {
		gap: 2px;
		padding: 4px;
		background-color: rgba(255, 255, 255, 0.12);
	}

	.dk-topbar--mobile .dk-topbar__btn.btn.btn-icon {
		width: 36px;
		height: 36px;
	}

	.dk-topbar--mobile .dk-topbar__btn.btn.btn-icon i {
		font-size: 18px;
	}

	.dk-topbar--mobile .dk-topbar__btn--metin.btn {
		height: 36px;
		padding: 0 14px 0 11px;
		gap: 6px;
		border-radius: 18px;
	}

	.dk-topbar--mobile .dk-topbar__btn--metin.btn i {
		font-size: 18px;
	}

	.dk-topbar--mobile .dk-topbar__metin {
		font-size: 13px;
	}

	.dk-links--mobile {
		position: static;
		display: grid;
		width: auto;
		margin: 18px 16px 24px;
		padding: 16px 8px;
		grid-template-columns: repeat(3, 1fr);
		gap: 14px 4px;
		border-radius: 20px;
		background-color: rgba(48, 48, 48, 0.62);
		backdrop-filter: blur(3px);
	}

	.dk-links--mobile .dk-links__item {
		position: static;
		flex-direction: column;
		width: auto;
		gap: 4px;
		white-space: normal;
	}

	.dk-links--mobile .dk-links__icon,
	.dk-links--mobile .dk-links__item:hover .dk-links__icon {
		width: 46px;
		height: 46px;
		flex: 0 0 46px;
		background-color: transparent;
		box-shadow: none;
		color: #ffffff;
		transform: none;
	}

	.dk-links--mobile .dk-links__icon i,
	.dk-links--mobile .dk-links__item:hover .dk-links__icon i {
		font-size: 26px;
	}

	.dk-links--mobile .dk-links__label {
		color: #ffffff;
		font-size: 12px;
		text-align: center;
	}

	.dk-info--mobile {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		margin: 0 16px 26px;
	}

	.dk-info--mobile .dk-info__label {
		width: 100%;
		height: 44px;
		padding: 0 64px 0 22px;
		border-radius: 22px;
		font-size: 14px;
	}

	.dk-info--mobile .dk-info__badge {
		top: 50%;
		width: 62px;
		height: 62px;
		margin-top: -31px;
	}

	.dk-info--mobile .dk-info__badge i {
		font-size: 28px;
	}

	.dk-info--mobile.dk-info--ai {
		top: auto;
		margin-top: -14px;
	}

	.dk-search--mobile {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		margin: auto 16px 0;
		padding-top: 5px;
	}

	.dk-search--mobile .dk-search__btn {
		width: 62px;
		height: 62px;
		border-width: 3px;
	}

	.dk-search--mobile .dk-search__icon {
		width: 32px;
		height: 32px;
	}

	.dk-search--mobile .dk-search__input {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		opacity: 1;
		pointer-events: auto;
		height: 62px;
		padding: 0 20px 0 72px;
		border-width: 3px;
		border-radius: 31px;
		font-size: 15px;
	}
}
/*end::Mobil*/

/*begin::Harita, grafik ve yükleniyor durumu*/
.dk-panel__map {
	position: relative;
	min-height: 320px;
	padding-top: 18px;
}

.dk-panel__yukleniyor {
	display: flex;
	min-height: 260px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: #6b717c;
	font-family: "Inter", sans-serif;
	font-size: 14px;
}

.dk-harita-svg {
	display: block;
	width: 100%;
	height: auto;
}

.dk-harita-svg path {
	cursor: pointer;
	transition: filter 0.15s ease;
}

.dk-harita-svg path:hover {
	filter: brightness(0.86);
}

/* Harita üzerindeki bölge adları (790px altında gizlenir) */
.dk-harita-etiket {
	fill: #17293f;
	font-family: "Inter", sans-serif;
	font-weight: 600;
	paint-order: stroke;
	pointer-events: none;
	stroke: #ffffff;
	stroke-linejoin: round;
	stroke-width: 2.2px;
	text-anchor: middle;
	user-select: none;
}

/* Harita ipucu kutusu */
.dk-harita-ipucu {
	position: fixed;
	z-index: 1100;
	display: none;
	padding: 8px 12px;
	border-radius: 8px;
	background-color: rgba(20, 24, 33, 0.92);
	color: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 13px;
	line-height: 1.4;
	pointer-events: none;
}

.dk-harita-ipucu--acik {
	display: block;
}

.dk-harita-ipucu strong {
	display: block;
	font-weight: 600;
}

.dk-harita-ipucu span {
	color: #9fc8e0;
}

/* Grafik bloğu */
.dk-panel__grafik {
	padding-top: 22px;
}

.dk-panel__grafik-baslik {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 6px;
	color: var(--dk-dark);
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.dk-panel__kaynak {
	color: #8b909a;
	font-size: 12px;
	font-weight: 400;
}

/* Etkin kategori butonu */
.dk-links__item--etkin .dk-links__icon {
	background-color: #ffffff;
	color: var(--dk-blue);
}

/*end::Harita, grafik ve yükleniyor durumu*/

/*begin::Karanlık mod(Metronic data-bs-theme="dark" ile çalışır)*/
[data-bs-theme="dark"] .dk-body {
	background-color: #151521;
}

[data-bs-theme="dark"] .dk-hero {
	background-color: #0f1017;
}

/* Karanlık modda slayt zemini koyu görselle değişir. !important gerekli:
   arka plan görselini Slider Revolution satır içi stille basıyor. */
[data-bs-theme="dark"] #dk_rev_slider .tp-bgimg {
	background-image: url("../slider/slider_koyu.jpg") !important;
}

/* Mavi parçanın zemin örtüsü koyulaşır */
[data-bs-theme="dark"] .dk-shape--mavi {
	background-image:
		linear-gradient(rgba(13, 58, 99, 0.82), rgba(13, 58, 99, 0.82)),
		url("../img/header_zemin.png");
}

/* Arama alanı */
[data-bs-theme="dark"] .dk-search__input {
	background-color: #11111c;
	color: #ffffff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

[data-bs-theme="dark"] .dk-search__input::placeholder {
	color: #6d7080;
}

/* Veri bölümü */
[data-bs-theme="dark"] .dk-filters .form-label {
	color: #c9cbd6;
}

[data-bs-theme="dark"] .dk-panel__desc {
	border-top-color: #2b2b40;
	color: #b3b7c6;
}

[data-bs-theme="dark"] .dk-filters__actions .dk-btn.btn {
	border-color: #2b2b40;
	background-color: #1e1e2d;
	color: #e6e6ea;
}

[data-bs-theme="dark"] .dk-filters__actions .dk-btn.btn i {
	color: #e8a83a;
}

[data-bs-theme="dark"] .dk-filters__actions .dk-btn.btn:hover,
[data-bs-theme="dark"] .dk-filters__actions .dk-btn.btn:focus {
	border-color: var(--dk-blue);
	background-color: var(--dk-blue);
	color: #ffffff;
}

[data-bs-theme="dark"] .dk-filters__actions .dk-btn.btn:hover i,
[data-bs-theme="dark"] .dk-filters__actions .dk-btn.btn:focus i {
	color: #ffffff;
}

/* En yüksek / en düşük kutuları */
[data-bs-theme="dark"] .dk-stat {
	background-color: #1e1e2d;
}

[data-bs-theme="dark"] .dk-stat__label {
	color: #8a8f9c;
}

[data-bs-theme="dark"] .dk-stat__value {
	color: #ffffff;
}

[data-bs-theme="dark"] .dk-stat__name {
	color: #a1a5b7;
}

/* Kart ucundaki menü butonu */
[data-bs-theme="dark"] .dk-card__next-btn.btn.btn-icon {
	background-color: #2b2b40;
	color: #ffffff;
}

/* Harita koyu zeminde biraz yumuşatılır */
[data-bs-theme="dark"] .dk-harita-etiket {
	fill: #0d1626;
	stroke: rgba(255, 255, 255, 0.9);
}

[data-bs-theme="dark"] .dk-panel__grafik-baslik {
	color: #e6e6ea;
}

[data-bs-theme="dark"] .dk-panel__yukleniyor {
	color: #9a9cae;
}

[data-bs-theme="dark"] .dk-panel__map img {
	filter: brightness(0.92) saturate(0.95);
}
/*end::Karanlık mod*/

/*begin::Hakkında sayfası*/
/* Kısa hero: yalnızca siyah parçanın göründüğü şerit (yükseklik JS ile ölçeklenir) */
.dk-hero--kisa {
	min-height: 120px;
}

.dk-hakkinda {
	padding: 58px 20px 86px;
}

.dk-hakkinda__ic {
	max-width: 1000px;
	margin: 0 auto;
}

.dk-hakkinda__baslik {
	padding-bottom: 22px;
	border-bottom: 3px solid var(--dk-yellow);
	margin-bottom: 28px;
}

.dk-hakkinda__baslik h2 {
	margin: 0;
	color: var(--dk-dark);
	font-family: "Anton", Impact, sans-serif;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 0.6px;
	line-height: 1.1;
}

.dk-hakkinda__metin p {
	margin: 0 0 15px;
	color: #3f4254;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	line-height: 1.75;
}

.dk-hakkinda__metin p:last-child {
	margin-bottom: 0;
}

.dk-hakkinda__metin strong {
	color: var(--dk-dark);
	font-weight: 600;
}

.dk-hakkinda__ayrac {
	height: 1px;
	border: 0;
	margin: 25px 0 20px;
	background-color: rgba(0, 0, 0, 0.1);
	opacity: 1;
}

.dk-hakkinda__altbaslik {
	margin: 0 0 12px;
	color: var(--dk-dark);
	font-family: "Inter", sans-serif;
	font-size: 19px;
	font-weight: 700;
}

.dk-hakkinda__kullanim p {
	margin-bottom: 10px;
}

/* İki sütunlu düzen: solda metin, sağda harita ve görsel */
.dk-hakkinda__duzen {
	display: grid;
	align-items: start;
	gap: 38px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.dk-hakkinda__sag {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

/* Düzey 2 tanıtım haritası */
.dk-hakkinda__harita {
	line-height: 0;
}

.dk-hakkinda__harita svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.dk-hakkinda__harita path {
	filter: drop-shadow(0 2px 3px rgba(20, 40, 70, 0.12));
}

.dk-hakkinda__kod {
	fill: #1b2a3d;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	paint-order: stroke;
	pointer-events: none;
	stroke: #ffffff;
	stroke-linejoin: round;
	stroke-width: 2.6px;
	text-anchor: middle;
	user-select: none;
}

@media (max-width: 991.98px) {
	.dk-hakkinda__duzen {
		gap: 28px;
		grid-template-columns: minmax(0, 1fr);
	}
}

/* İnfografik yönlendirme kutusu */
.dk-hakkinda__promo {
	margin-top: 20px;
	padding: 18px;
	border: 1px solid #e7e8ea;
	border-radius: 10px;
	background-color: #f6f7f8;
	text-align: center;
}

.dk-hakkinda__promo p {
	margin: 0 0 12px;
	color: #6b717c;
	font-family: "Inter", sans-serif;
	font-size: 14.5px;
}

.dk-hakkinda__promo-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 20px;
	border-radius: 8px;
	background-color: var(--dk-blue);
	color: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.dk-hakkinda__promo-btn i {
	margin-right: 8px;
	color: inherit;
	font-size: 18px;
}

.dk-hakkinda__promo-btn:hover {
	background-color: #14538c;
	color: #ffffff;
	transform: translateY(-1px);
}

/* Konu başlıklarını gösteren görsel: alanlar ilgili kategoriye gider */
.dk-hakkinda__gorsel {
	position: relative;
	overflow: hidden;
	margin-top: 26px;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	line-height: 0;
}

.dk-hakkinda__gorsel img {
	display: block;
	width: 100%;
	height: auto;
}

.dk-hakkinda__alan {
	position: absolute;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 10px;
	background-color: transparent;
	text-decoration: none;
	transition: background-color 0.25s ease;
}

.dk-hakkinda__alan span {
	padding: 5px 12px;
	border-radius: 20px;
	background-color: rgba(20, 24, 33, 0.85);
	color: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.dk-hakkinda__alan:hover {
	background-color: rgba(42, 123, 192, 0.28);
}

.dk-hakkinda__alan:hover span,
.dk-hakkinda__alan:focus-visible span {
	opacity: 1;
	transform: translateY(0);
}

.dk-hakkinda__alt {
	padding-top: 30px;
}

@media (max-width: 767.98px) {
	.dk-hakkinda {
		padding: 34px 16px 52px;
	}

	.dk-hakkinda__baslik h2 {
		font-size: 31px;
	}

	.dk-hakkinda__alan span {
		font-size: 11px;
		padding: 4px 9px;
	}
}

/* Karanlık mod */
[data-bs-theme="dark"] .dk-hakkinda__baslik h2,
[data-bs-theme="dark"] .dk-hakkinda__altbaslik,
[data-bs-theme="dark"] .dk-hakkinda__metin strong {
	color: #ffffff;
}

[data-bs-theme="dark"] .dk-hakkinda__metin p {
	color: #b3b7c6;
}

[data-bs-theme="dark"] .dk-hakkinda__ayrac {
	background-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme="dark"] .dk-hakkinda__promo {
	border-color: #2b2b40;
	background-color: #1e1e2d;
}

[data-bs-theme="dark"] .dk-hakkinda__kod {
	fill: #101a2b;
	stroke: rgba(255, 255, 255, 0.92);
}

[data-bs-theme="dark"] .dk-hakkinda__promo p {
	color: #9a9cae;
}
/*end::Hakkında sayfası*/

/*begin::Mini gezinme(sabit yan menü)*/
/* Masaüstü: sol kenarda dar ikon şeridi, üzerine gelince açılır.
   1200px altı: sağ altta bir düğme, dokununca başlık paneli açılır.
   Böylece kategori değiştirmek için sayfanın başına dönmek gerekmez. */
.dk-mini {
	position: fixed;
	z-index: 90;
	top: 50%;
	left: 18px;
	display: flex;
	width: 58px;
	min-width: 0;
	flex-direction: column;
	opacity: 0;
	pointer-events: none;
	transform: translate(-16px, -50%);
	transition: opacity 0.3s ease, transform 0.3s ease, width 0.25s ease;
}

.dk-mini--gorunur {
	opacity: 1;
	pointer-events: auto;
	transform: translate(0, -50%);
}

.dk-mini:hover,
.dk-mini:focus-within {
	width: 208px;
}

.dk-mini__liste {
	display: flex;
	width: 100%;
	min-width: 0;
	flex-direction: column;
	padding: 10px 9px;
	border: 1px solid #e7e8ea;
	border-radius: 16px;
	background-color: rgba(255, 255, 255, 0.94);
	box-shadow: 0 10px 30px rgba(20, 40, 70, 0.12);
	backdrop-filter: blur(6px);
	gap: 4px;
}

/* Açma düğmesi yalnızca dar ekranda görünür */
.dk-mini__ac {
	display: none;
}

.dk-mini__baslik {
	overflow: hidden;
	max-height: 0;
	color: #8b909a;
	font-family: "Inter", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.2s ease, max-height 0.25s ease, padding 0.25s ease;
}

.dk-mini:hover .dk-mini__baslik,
.dk-mini:focus-within .dk-mini__baslik {
	max-height: 24px;
	padding: 2px 0 6px 8px;
	opacity: 1;
}

.dk-mini__oge {
	display: flex;
	width: 100%;
	min-width: 0;
	align-items: center;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background-color: transparent;
	color: var(--dk-dark);
	cursor: pointer;
	gap: 10px;
	text-align: left;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.dk-mini__ikon {
	display: flex;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.dk-mini__ikon i {
	color: inherit;
	font-size: 21px;
	line-height: 1;
}

.dk-mini__metin {
	overflow: hidden;
	flex: 1 1 auto;
	color: inherit;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 600;
	opacity: 0;
	transition: opacity 0.2s ease;
	white-space: nowrap;
}

.dk-mini:hover .dk-mini__metin,
.dk-mini:focus-within .dk-mini__metin {
	opacity: 1;
}

.dk-mini__oge:hover {
	background-color: #eef4fb;
	color: var(--dk-blue);
}

.dk-mini__oge.dk-mini__oge--etkin {
	background-color: var(--dk-blue);
	color: #ffffff;
}

/* Dar ekran: sol kenarda sabit turuncu düğme, dokununca panel açılır.
   Hero üzerindeyken de görünür kalır ki başlıklara her an ulaşılsın. */
@media (max-width: 1199.98px) {
	.dk-mini {
		top: 50%;
		right: auto;
		bottom: auto;
		left: 0;
		width: auto;
		max-width: calc(100vw - 16px);
		align-items: center;
		flex-direction: row;
		gap: 8px;
		opacity: 1;
		pointer-events: auto;
		transform: translateY(-50%);
	}

	.dk-mini--gorunur {
		transform: translateY(-50%);
	}

	.dk-mini:hover,
	.dk-mini:focus-within {
		width: auto;
	}

	.dk-mini__ac {
		display: flex;
		width: 42px;
		height: 58px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		border-radius: 0 14px 14px 0;
		background-color: #d3ae02;
		box-shadow: 0 6px 18px rgba(20, 40, 70, 0.28);
		color: #ffffff;
		cursor: pointer;
		order: 1;
		transition: background-color 0.2s ease, width 0.2s ease;
	}

	.dk-mini__ac i {
		color: inherit;
		font-size: 22px;
	}

	.dk-mini--acik .dk-mini__ac {
		background-color: var(--dk-dark);
	}

	.dk-mini__liste {
		display: none;
		width: 220px;
		max-width: calc(100vw - 66px);
		order: 2;
		padding: 12px 10px;
	}

	.dk-mini--acik .dk-mini__liste {
		display: flex;
		animation: dk-mini-acil 0.22s ease both;
	}

	.dk-mini__baslik,
	.dk-mini__metin {
		max-height: none;
		opacity: 1;
	}

	.dk-mini__baslik {
		padding: 2px 0 6px 8px;
	}

	.dk-mini__oge {
		padding: 4px 6px 4px 0;
	}
}

@keyframes dk-mini-acil {
	from {
		opacity: 0;
		transform: translateX(-10px) scale(0.98);
	}
}

/* Karanlık mod */
[data-bs-theme="dark"] .dk-mini__liste {
	border-color: #2b2b40;
	background-color: rgba(30, 30, 45, 0.96);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

[data-bs-theme="dark"] .dk-mini__oge {
	color: #e6e6ea;
}

[data-bs-theme="dark"] .dk-mini__oge:hover {
	background-color: #2b2b40;
	color: #ffffff;
}

[data-bs-theme="dark"] .dk-mini__baslik {
	color: #8a8f9c;
}
/*end::Mini gezinme*/

/*begin::Arama katmanı*/
/* Arama alanına dokunulunca sayfayı koyu bir katman kaplar; sonuçlar
   bu katmanın üzerinde beyaz olarak listelenir. Katman body altına
   eklenir: tasarım katmanının transform bağlamı dışında kalmalı. */
.dk-arama-katman {
	position: fixed;
	z-index: 1300;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	padding: 12vh 20px 40px;
	background-color: rgba(9, 12, 18, 0.93);
	backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity 0.22s ease;
}

.dk-arama-katman--acik {
	opacity: 1;
}

.dk-arama-kilit {
	overflow: hidden;
}

.dk-arama-kutu {
	display: flex;
	width: 100%;
	max-width: 720px;
	flex-direction: column;
	gap: 18px;
	transform: translateY(14px);
	transition: transform 0.22s ease;
}

.dk-arama-katman--acik .dk-arama-kutu {
	transform: translateY(0);
}

.dk-arama-satir {
	display: flex;
	align-items: center;
	padding: 0 8px 0 18px;
	border: 2px solid rgba(255, 255, 255, 0.18);
	border-radius: 40px;
	background-color: rgba(255, 255, 255, 0.06);
	gap: 12px;
}

.dk-arama-satir:focus-within {
	border-color: var(--dk-yellow);
}

.dk-arama-ikon {
	color: rgba(255, 255, 255, 0.6);
	font-size: 22px;
}

.dk-arama-giris {
	flex: 1 1 auto;
	min-width: 0;
	height: 62px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 19px;
	font-weight: 500;
	outline: none;
}

.dk-arama-giris::placeholder {
	color: rgba(255, 255, 255, 0.45);
	font-weight: 400;
}

.dk-arama-kapat {
	display: flex;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: transparent;
	color: rgba(255, 255, 255, 0.7);
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.dk-arama-kapat:hover {
	background-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.dk-arama-kapat i {
	color: inherit;
	font-size: 20px;
}

/* Sonuç listesi */
.dk-arama-sonuclar {
	overflow-y: auto;
	max-height: calc(100vh - 12vh - 140px);
	padding-right: 4px;
}

.dk-arama-sayi,
.dk-arama-bos {
	margin: 0 0 10px;
	padding: 0 6px;
	color: rgba(255, 255, 255, 0.55);
	font-family: "Inter", sans-serif;
	font-size: 13px;
}

.dk-arama-bos strong {
	color: rgba(255, 255, 255, 0.85);
	font-weight: 600;
}

.dk-arama-sonuc {
	display: flex;
	width: 100%;
	align-items: baseline;
	padding: 12px 16px;
	border: 0;
	border-radius: 12px;
	background-color: transparent;
	color: #ffffff;
	cursor: pointer;
	gap: 12px;
	text-align: left;
	transition: background-color 0.15s ease;
}

.dk-arama-sonuc:hover,
.dk-arama-sonuc:focus-visible {
	background-color: rgba(255, 255, 255, 0.1);
	outline: none;
}

.dk-arama-sonuc__kategori {
	flex: 0 0 auto;
	color: var(--dk-yellow);
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	white-space: nowrap;
}

.dk-arama-sonuc__veri {
	flex: 1 1 auto;
	color: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.dk-arama-sonuc__yil {
	flex: 0 0 auto;
	color: rgba(255, 255, 255, 0.5);
	font-family: "Inter", sans-serif;
	font-size: 12px;
	white-space: nowrap;
}

@media (max-width: 575.98px) {
	.dk-arama-katman {
		padding: 16px 14px 24px;
	}

	.dk-arama-giris {
		height: 54px;
		font-size: 16px;
	}

	.dk-arama-sonuc {
		flex-direction: column;
		gap: 4px;
	}

	.dk-arama-sonuclar {
		max-height: calc(100vh - 150px);
	}
}
/*end::Arama katmanı*/

/*begin::Kaydırmalı anlatım(scrollytelling)*/
/* Başlık bölümleri sayfa akışında normal hızda kayar. Ekranın ortasına
   en yakın bölüm etkin olur; diğerleri soluklaşıp 20px aşağıda durur.
   Harita ve grafik paneli yapışkandır, etkin bölüme göre güncellenir. */
.dk-akis {
	padding-bottom: 120px;
}

.dk-akis .dk-section__inner {
	align-items: flex-start;
}

.dk-bolum {
	position: relative;
	display: flex;
	min-height: 78vh;
	flex-direction: column;
	justify-content: center;
	padding: 36px 0;
	opacity: 0.32;
	transform: translateY(20px);
	transition: opacity 0.5s ease, transform 0.5s ease;
	will-change: opacity, transform;
}

.dk-bolum--etkin {
	/* Kart menüsü panelin üzerinde açılmalı. Bölüm, will-change ve
	   saydamlık yüzünden kendi yığın bağlamını kurduğu için menünün
	   z-index’i tek başına yetmiyor; etkin bölüm panelin üstüne alınır. */
	z-index: 4;
	opacity: 1;
	transform: translateY(0);
}

.dk-akis .dk-panel {
	position: sticky;
	z-index: 2;
	top: 24px;
	align-self: flex-start;
}

/* Alçak masaüstü pencerelerinde filtreler derli toplu olsun ki haritaya
   yer kalsın: etiketler küçülür, indirme düğmeleri yalnızca ikon. */
@media (min-width: 1340px) and (max-height: 880px) {
	/* Filtreler ve indirme düğmeleri tek satırda: haritaya yer açar */
	.dk-akis .dk-filters {
		display: flex;
		align-items: flex-end;
		padding: 14px 0 10px;
		gap: 16px;
	}

	.dk-akis .dk-filters__row {
		min-width: 0;
		flex: 1 1 auto;
		gap: 12px;
	}

	.dk-akis .dk-filters__actions {
		flex: 0 0 auto;
		padding-top: 0;
	}

	.dk-akis .dk-filters__actions .dk-btn {
		padding: 6px 14px;
		font-size: 0;
		gap: 0;
	}

	.dk-akis .dk-filters__actions .dk-btn i {
		font-size: 18px;
		margin: 0;
	}

	.dk-akis .dk-panel__baslik {
		padding-bottom: 8px;
	}
}

/* Dar ve alçak masaüstünde tek satır sığmaz; iki satır ama sıkı durur */
@media (min-width: 992px) and (max-width: 1339.98px) and (max-height: 880px) {
	.dk-akis .dk-filters {
		padding: 14px 0 10px;
	}

	.dk-akis .dk-filters__row {
		gap: 12px;
	}

	.dk-akis .dk-filters__actions {
		padding-top: 8px;
	}

	.dk-akis .dk-filters__actions .dk-btn {
		padding: 6px 14px;
		font-size: 0;
		gap: 0;
	}

	.dk-akis .dk-filters__actions .dk-btn i {
		font-size: 18px;
		margin: 0;
	}

	.dk-akis .dk-panel__baslik {
		padding-bottom: 8px;
	}
}

/* Panelde boşluklar sıkı tutulur; artan yer harita ve grafiğe gider.
   Harita kabının 320px taban boyu bütçeyi şişiriyordu, boyu JS hesaplıyor. */
.dk-akis .dk-panel__map {
	min-height: 0;
	padding-top: 8px;
}

.dk-akis .dk-panel__baslik {
	padding-bottom: 6px;
}

.dk-akis .dk-panel__ikon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 11px;
}

.dk-akis .dk-panel__ikon i {
	font-size: 19px;
}

.dk-akis .dk-panel__ad {
	font-size: 19px;
}

.dk-akis .dk-panel__grafik {
	padding-top: 6px;
}

/* Grafik başlığı tek satır: gösterge adı zaten panel başlığında yazıyor */
.dk-akis .dk-panel__grafik-baslik {
	overflow: hidden;
	padding-bottom: 2px;
	font-size: 12.5px;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.dk-akis .dk-panel__kaynak {
	overflow: hidden;
	flex: 0 1 auto;
	text-overflow: ellipsis;
}

.dk-akis .dk-panel__yukleniyor {
	min-height: 0;
}

@media (prefers-reduced-motion: reduce) {
	.dk-bolum {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Veri bölümü ekranda değilken sabit panel gizlenir (slider’ın üzerine binmesin) */
.dk-panel--gizli {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s linear;
	visibility: hidden;
}

/* Dar ekran (eski sitedeki düzen): panel arkada tam ekran sabit durur,
   başlık kartları onun üzerinden kayar. Kartlar arasında bir ekranlık
   boşluk var, böylece harita ve grafik tam görünür. */
@media (max-width: 991.98px) {
	/* Kartlar panelden birkaç piksel geniş olsun ki panelin yazıları
	   kenarlardan sızmasın (panel 14px içeride, kart 8px). */
	.dk-akis {
		padding-top: 0;
		padding-right: 8px;
		padding-bottom: 40px;
		padding-left: 8px;
	}

	.dk-akis .dk-section__inner {
		display: block;
		position: relative;
	}

	/* Üst konum ve yükseklik JS ile veriliyor: panel bölümün üst kenarına
	   bağlı, yani slider’ın altından çıkıp tepeye oturuyor. */
	.dk-akis .dk-panel {
		position: fixed;
		z-index: 1;
		top: 10px;
		right: 14px;
		left: 14px;
		width: auto;
		height: calc(100vh - 20px);
		max-height: none;
		padding: 10px 0 0;
		overflow: hidden;
	}

	.dk-bolumler {
		position: relative;
		z-index: 2;
		width: auto;
		max-width: none;
		padding-top: 86vh;
		pointer-events: none;
	}

	.dk-bolum {
		min-height: 0;
		margin-bottom: 88vh;
		padding: 22px;
		border-radius: 20px;
		background-color: rgba(255, 255, 255, 0.96);
		box-shadow: 0 16px 48px rgba(16, 32, 58, 0.2);
		opacity: 0.5;
		pointer-events: auto;
	}

	.dk-bolum--etkin {
		opacity: 1;
	}

	.dk-bolum:last-child {
		margin-bottom: 36vh;
	}

	[data-bs-theme="dark"] .dk-bolum {
		background-color: rgba(21, 21, 33, 0.96);
	}

	/* Panel dar ekranda derli toplu: filtreler tek satır, indirme
	   düğmeleri yalnızca ikon, harita kabının taban boyu kalkar. */
	.dk-akis .dk-filters {
		padding: 8px 0 6px;
		border-top-width: 2px;
	}

	.dk-akis .dk-filters__row {
		flex-wrap: nowrap;
		gap: 8px;
	}

	.dk-akis .dk-filters__field {
		min-width: 0;
		flex: 1 1 0;
	}

	.dk-akis .dk-filters__actions {
		gap: 6px;
		padding-top: 6px;
	}

	.dk-akis .dk-filters__actions .dk-btn {
		padding: 5px 12px;
		font-size: 0;
		gap: 0;
	}

	.dk-akis .dk-filters__actions .dk-btn i {
		font-size: 17px;
		margin: 0;
	}

	.dk-akis .dk-panel__map {
		min-height: 0;
		padding-top: 8px;
	}

	.dk-akis .dk-panel__yukleniyor {
		min-height: 0;
	}

	.dk-akis .dk-panel__grafik {
		padding-top: 6px;
	}

	.dk-akis .dk-panel__grafik-baslik {
		font-size: 12px;
	}
}
/*end::Kaydırmalı anlatım*/

/*begin::Panel tablosu(SEGE gibi sıralama verileri)*/
/* Sıralama verilerinde çubuk grafik anlam taşımadığı için panelde
   sıralama ve kademeyi birlikte veren kaydırılabilir bir çizelge var. */
.dk-tablo {
	overflow-y: auto;
	border-radius: 10px;
	background-color: #f8f9fa;
	overscroll-behavior: contain;
	scrollbar-color: #d4d7dd transparent;
	scrollbar-width: thin;
}

.dk-tablo::-webkit-scrollbar {
	width: 6px;
}

.dk-tablo::-webkit-scrollbar-track {
	background: transparent;
}

.dk-tablo::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d4d7dd;
}

.dk-tablo__cetvel {
	width: 100%;
	border-collapse: collapse;
	font-family: "Inter", sans-serif;
	font-size: 13px;
}

.dk-tablo__cetvel thead th {
	position: sticky;
	z-index: 1;
	top: 0;
	padding: 8px 12px;
	background-color: #eef1f5;
	color: #5e6a7a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-align: left;
	text-transform: uppercase;
}

.dk-tablo__cetvel td {
	padding: 7px 12px;
	border-top: 1px solid #eceef1;
	color: var(--dk-dark);
}

.dk-tablo__cetvel tbody tr:first-child td {
	border-top: 0;
}

.dk-tablo__cetvel tbody tr:nth-child(even) td {
	background-color: #f2f4f6;
}

.dk-tablo__no {
	width: 44px;
	color: #9aa0aa;
	font-weight: 700;
	text-align: center;
}

.dk-tablo__sayi {
	width: 92px;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	text-align: right;
}

.dk-tablo__cetvel tbody td:nth-child(2) {
	color: var(--dk-blue);
	font-weight: 600;
}

[data-bs-theme="dark"] .dk-tablo {
	background-color: #1b1b29;
}

[data-bs-theme="dark"] .dk-tablo__cetvel thead th {
	background-color: #22222f;
	color: #9a9cae;
}

[data-bs-theme="dark"] .dk-tablo__cetvel td {
	border-top-color: #2b2b40;
	color: #e6e6ea;
}

[data-bs-theme="dark"] .dk-tablo__cetvel tbody tr:nth-child(even) td {
	background-color: #1f1f2d;
}

@media (max-width: 991.98px) {
	.dk-tablo__cetvel {
		font-size: 12px;
	}

	.dk-tablo__cetvel thead th,
	.dk-tablo__cetvel td {
		padding: 6px 9px;
	}

	.dk-tablo__no {
		width: 34px;
	}

	.dk-tablo__sayi {
		width: 74px;
	}
}
/*end::Panel tablosu*/

/*begin::Panel başlığı(hangi başlığın verisi)*/
/* Kaydırırken panelin hangi başlığa ait olduğu görünsün; başlık
   değişince kısa bir hareketle dikkat çeker. */
.dk-panel__baslik {
	display: flex;
	align-items: center;
	padding-bottom: 12px;
	gap: 12px;
}

.dk-panel__ikon {
	display: flex;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	background-color: var(--dk-blue);
	color: #ffffff;
}

.dk-panel__ikon i {
	color: inherit;
	font-size: 22px;
	line-height: 1;
}

.dk-panel__yazi {
	min-width: 0;
}

.dk-panel__ad {
	display: block;
	color: var(--dk-dark);
	font-family: "Anton", Impact, sans-serif;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: 0.4px;
	line-height: 1.1;
}

.dk-panel__veri {
	display: block;
	overflow: hidden;
	color: #6b717c;
	font-family: "Inter", sans-serif;
	font-size: 12.5px;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dk-panel__baslik--degisti {
	animation: dk-panel-baslik 0.5s cubic-bezier(0.16, 0.84, 0.28, 1) both;
}

@keyframes dk-panel-baslik {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
}

/* Veri değişince harita ve grafik kısa bir sönümlemeyle gelir */
.dk-panel--yenilendi .dk-panel__map,
.dk-panel--yenilendi .dk-panel__grafik {
	animation: dk-panel-veri 0.5s ease both;
}

@keyframes dk-panel-veri {
	from {
		opacity: 0.3;
	}

	to {
		opacity: 1;
	}
}

[data-bs-theme="dark"] .dk-panel__ad {
	color: #ffffff;
}

[data-bs-theme="dark"] .dk-panel__veri {
	color: #9a9cae;
}

@media (prefers-reduced-motion: reduce) {
	.dk-panel__baslik--degisti,
	.dk-panel--yenilendi .dk-panel__map,
	.dk-panel--yenilendi .dk-panel__grafik {
		animation: none;
	}
}

/* Dar ekranda harita ve grafiğin sönümlenmesi ağır boyama demek;
   yalnızca başlık hareketi kalır. */
@media (max-width: 991.98px) {
	.dk-panel--yenilendi .dk-panel__map,
	.dk-panel--yenilendi .dk-panel__grafik {
		animation: none;
	}
}

@media (max-width: 991.98px) {
	.dk-panel__baslik {
		padding-bottom: 8px;
	}

	.dk-panel__ikon {
		width: 36px;
		height: 36px;
		flex: 0 0 36px;
		border-radius: 11px;
	}

	.dk-panel__ikon i {
		font-size: 18px;
	}

	.dk-panel__ad {
		font-size: 17px;
	}

	.dk-panel__veri {
		font-size: 11.5px;
	}
}
/*end::Panel başlığı*/

/*begin::Bölüm içeriği(açıklama, kutular, sıralama)*/
/* Sıra: kart → kısa açıklama → en yüksek/en düşük → ilk 5/10 listesi */
.dk-bolumler {
	width: 420px;
	flex: 0 0 420px;
}

.dk-ozet {
	margin: 22px 0 0;
	color: #3f4254;
	font-family: "Inter", sans-serif;
	font-size: 14.5px;
	line-height: 1.65;
}

.dk-ozet strong {
	color: var(--dk-dark);
	font-weight: 600;
}

/* Kutular yan yana */
.dk-stats {
	display: grid;
	max-width: none;
	padding: 18px 0 0;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Sıralama listesi */
.dk-sira {
	padding-top: 22px;
}

.dk-sira__ust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 10px;
}

.dk-sira__baslik {
	margin: 0;
	color: var(--dk-dark);
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.dk-sira__sekmeler {
	display: flex;
	padding: 3px;
	border-radius: 9px;
	background-color: #f1f2f4;
	gap: 2px;
}

.dk-sira__sekme {
	padding: 5px 11px;
	border: 0;
	border-radius: 7px;
	background-color: transparent;
	color: #6b717c;
	cursor: pointer;
	font-family: "Inter", sans-serif;
	font-size: 12.5px;
	font-weight: 600;
	transition: background-color 0.18s ease, color 0.18s ease;
}

.dk-sira__sekme:hover {
	color: var(--dk-dark);
}

.dk-sira__sekme--etkin {
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(20, 40, 70, 0.12);
	color: var(--dk-blue);
}

.dk-sira__liste {
	overflow-y: auto;
	/* İlk 10 seçilince liste aşağı uzamasın; beş satırlık yükseklikte kaydırılır */
	max-height: 248px;
	margin: 0;
	padding: 0 6px 0 0;
	list-style: none;
	overscroll-behavior: contain;
	scrollbar-color: #d4d7dd transparent;
	scrollbar-width: thin;
}

.dk-sira__liste::-webkit-scrollbar {
	width: 6px;
}

.dk-sira__liste::-webkit-scrollbar-track {
	background: transparent;
}

.dk-sira__liste::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d4d7dd;
}

/* Gösterge listesi uzun olabiliyor; ekranı taşırmadan kaydırılır */
#dk_menu_liste {
	overflow-y: auto;
	max-height: min(52vh, 420px);
	overscroll-behavior: contain;
	scrollbar-color: #d4d7dd transparent;
	scrollbar-width: thin;
}

#dk_menu_liste::-webkit-scrollbar {
	width: 6px;
}

#dk_menu_liste::-webkit-scrollbar-track {
	background: transparent;
}

#dk_menu_liste::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d4d7dd;
}

.dk-sira__satir {
	display: flex;
	align-items: center;
	padding: 10px 14px;
	border-radius: 10px;
	background-color: #f6f7f8;
	gap: 10px;
	margin-bottom: 6px;
}

.dk-sira__satir:last-child {
	margin-bottom: 0;
}

.dk-sira__no {
	flex: 0 0 22px;
	color: #9aa0aa;
	font-family: "Inter", sans-serif;
	font-size: 13px;
	font-weight: 700;
}

.dk-sira__ad {
	flex: 1 1 auto;
	overflow: hidden;
	color: var(--dk-blue);
	font-family: "Inter", sans-serif;
	font-size: 14.5px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dk-sira__deger {
	flex: 0 0 auto;
	color: var(--dk-dark);
	font-family: "Inter", sans-serif;
	font-size: 14.5px;
	font-weight: 700;
}

@media (max-width: 991.98px) {
	.dk-bolumler {
		width: auto;
		max-width: none;
		flex: 0 0 auto;
	}
}

@media (max-width: 575.98px) {
	.dk-stats {
		grid-template-columns: minmax(0, 1fr);
	}

	.dk-sira__ust {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Karanlık mod */
[data-bs-theme="dark"] .dk-ozet {
	color: #b3b7c6;
}

[data-bs-theme="dark"] .dk-ozet strong,
[data-bs-theme="dark"] .dk-sira__baslik,
[data-bs-theme="dark"] .dk-sira__deger {
	color: #ffffff;
}

[data-bs-theme="dark"] .dk-sira__liste {
	scrollbar-color: #3a3a52 transparent;
}

[data-bs-theme="dark"] .dk-sira__liste::-webkit-scrollbar-thumb {
	background-color: #3a3a52;
}

[data-bs-theme="dark"] .dk-sira__satir {
	background-color: #1e1e2d;
}

[data-bs-theme="dark"] .dk-sira__sekmeler {
	background-color: #1e1e2d;
}

[data-bs-theme="dark"] .dk-sira__sekme--etkin {
	background-color: #2b2b40;
	color: #ffffff;
}
/*end::Sol sütun içeriği*/