@charset "UTF-8";
/*!
 * Kuzey Marmara Oto Tamir — tema stilleri
 *
 * Değerlerin tamamı "Kuzey Marmara Oto Tamir v2.dc.html" prototipindeki satır içi
 * stillerden birebir alındı. Prototipte HİÇ @media kuralı ve JS kırılımı yoktu
 * (ölçüldü: 0 @media, 0 matchMedia, 0 `w < N`); duyarlılık tamamen `auto-fit
 * minmax()` ve `flex-wrap` ile içseldi. Bu yüzden mobil düzen tanımsızdı ve
 * aşağıdaki kırılım noktaları ızgara aritmetiğinden HESAPLANDI — bkz. docs/DEVIR.md.
 *
 * Masaüstünde (>=1240px) her ölçü prototiple aynıdır; akışkan tipografi
 * clamp() üst sınırları tam olarak prototip değerine oturur.
 */

/* ==========================================================================
   1. Belirteçler
   ========================================================================== */

:root {
	/* Zeminler */
	--kmt-zemin: #F6F7F8;
	--kmt-kart: #FFFFFF;
	--kmt-siyah: #0B0D0F;
	--kmt-koyu: #14181C;

	/* Metin */
	--kmt-govde: #3C444C;
	--kmt-soluk: #5B6670;

	/* Koyu zemin üstü metin */
	--kmt-k-parlak: #E6E9EC;
	--kmt-k-lead: #C9CFD5;
	--kmt-k-govde: #A8B0B8;
	--kmt-k-soluk: #8D959D;

	/* Marka */
	--kmt-kirmizi: #D81E26;
	--kmt-kirmizi-koyu: #A5141A;
	--kmt-kirmizi-acik: #FF8A8F;
	--kmt-kirmizi-zemin: #FDE9EA;
	--kmt-yesil: #31C46B;

	/* WhatsApp marka yeşili. Üzerine BEYAZ metin gelmez: beyazla 1.98:1 kalıyor
	   (WCAG AA 4.5 ister). Koyu metinle 9.8:1 — hem marka rengi korunur hem
	   okunur. WhatsApp'ın kendi arayüzü bu yeşili beyaz İKONLA kullanıyor,
	   küçük punto metinle değil. */
	--kmt-whatsapp: #25D366;
	--kmt-whatsapp-koyu: #1EBE5B;

	/* Çizgiler */
	--kmt-cizgi: #E7E9EB;
	--kmt-cizgi-2: #EDEFF1;
	--kmt-cizgi-3: #F1F3F4;
	--kmt-cizgi-form: #E1E4E7;
	--kmt-ok: #C6CBD0;
	--kmt-k-cizgi: #21262B;
	--kmt-k-cizgi-2: #1C2126;

	/* Ölçü */
	--kmt-kap: 1240px;
	--kmt-yatay: 28px;

	/* Yapışkan katman yükseklikleri — aside `top` değeri bunlardan türer. */
	--kmt-serit-y: 46px;
	--kmt-yapiskan: 150px;

	/* Tipografi */
	--kmt-baslik: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
	--kmt-govde-font: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

	/* Gölge */
	--kmt-golge-kart: 0 20px 50px -32px rgba(11, 13, 15, 0.28);
	--kmt-golge-panel: 0 40px 80px -32px rgba(11, 13, 15, 0.4);
	--kmt-golge-kirmizi: 0 8px 22px -10px rgba(216, 30, 38, 0.7);
	--kmt-golge-kirmizi-l: 0 16px 36px -14px rgba(216, 30, 38, 0.8);
}

/* ==========================================================================
   2. Yazı tipleri — kendi sunucumuzda, ağırlık başına tek birleşik alt küme
   --------------------------------------------------------------------------
   Alt küme latin + latin-ext + ok/üçgen işaretlerini kapsar. `latin` tek
   başına ğ/ş/İ/Ş/₺ İÇERMEZ; ayrı dosya kullanmak her Türkçe harfi ayrı bir
   isteğe bağlar. Ölçüm: tools/font-uret.py, rapor assets/font/rapor.txt.
   ========================================================================== */

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../font/space-grotesk-500.woff2") format("woff2");
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../font/space-grotesk-600.woff2") format("woff2");
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../font/plus-jakarta-sans-400.woff2") format("woff2");
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../font/plus-jakarta-sans-500.woff2") format("woff2");
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../font/plus-jakarta-sans-600.woff2") format("woff2");
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../font/plus-jakarta-sans-700.woff2") format("woff2");
}

/* ==========================================================================
   3. Temel — prototipin <style> bloğuyla birebir
   ========================================================================== */

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

body {
	margin: 0;
	background: var(--kmt-zemin);
	font-family: var(--kmt-govde-font);
	color: var(--kmt-koyu);
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--kmt-kirmizi);
	text-decoration: none;
}

a:hover {
	color: var(--kmt-kirmizi-koyu);
}

h1,
h2,
h3,
h4 {
	font-family: var(--kmt-baslik);
	font-weight: 600;
	margin: 0;
	letter-spacing: -0.028em;
	text-wrap: balance;
	line-height: 1.06;
}

p {
	text-wrap: pretty;
}

summary::-webkit-details-marker {
	display: none;
}

img {
	display: block;
	/* Güvenlik ağı: doğal genişliği kabından büyük hiçbir görsel sayfayı
	   yatay taşırmasın. Mutlak konumlu hero görselleri zaten %100. */
	max-width: 100%;
}

/*
 * <picture> düzen kutusu ÜRETMEZ.
 *
 * Varsayılan `display:inline` olduğu için `.kap > img` biçimindeki torun
 * seçiciler çalışsa da `.kap > *` ve flex/grid çocuk kuralları <picture>'a
 * takılıyor, <img> ise sarmalayıcının içinde ölçüsüz kalıyordu. `display:contents`
 * ile <img> doğrudan ebeveynin düzenine katılır; markup <picture> olsun ya da
 * olmasın stiller aynı davranır.
 */
picture {
	display: contents;
}

/* Prototipteki [data-xscroll] davranışı. */
.kmt-xkaydir {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.kmt-xkaydir::-webkit-scrollbar {
	display: none;
	height: 0;
}

/* Klavye erişilebilirliği — prototipte odak halkası tanımlı değildi;
   tarayıcı varsayılanını korumak yerine markaya uygun görünür bir halka. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--kmt-kirmizi);
	outline-offset: 2px;
	border-radius: 4px;
}

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

.kmt-atla {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 200;
	background: var(--kmt-koyu);
	color: #fff;
	padding: 12px 20px;
	border-radius: 0 0 12px 0;
	font-size: 14px;
	font-weight: 600;
}

.kmt-atla:focus {
	left: 0;
	color: #fff;
}

/* ==========================================================================
   4. Düzen
   ========================================================================== */

.kmt-sayfa {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--kmt-zemin);
}

.kmt-kap {
	max-width: var(--kmt-kap);
	margin-inline: auto;
	padding-inline: var(--kmt-yatay);
	width: 100%;
}

.kmt-ana {
	flex: 1 1 auto;
}

/* Bölüm üst boşlukları — prototipte `padding:76px 28px 0`. */
.kmt-bolum {
	padding-top: 76px;
}

.kmt-bolum--ust {
	padding-top: 20px;
}

.kmt-bolum--govde {
	padding-top: 52px;
}

.kmt-bolum--liste {
	padding-top: 48px;
}

/* Yazı + yan sütun ikilisi. 460 + 300 + 44 boşluk = 804px; kap dolgusuyla
   860px altında kendiliğinden alt alta geçer, ayrı @media gerekmez. */
.kmt-ikili {
	display: flex;
	flex-wrap: wrap;
	gap: 44px;
	align-items: flex-start;
}

.kmt-ikili__govde {
	flex: 1 1 460px;
	min-width: 0;
}

.kmt-yan {
	position: sticky;
	top: var(--kmt-yapiskan);
	display: grid;
	gap: 16px;
	flex: 1 1 300px;
	max-width: 380px;
	min-width: 0;
}

/* Izgaralar — prototipteki auto-fit minmax değerleri birebir. */
.kmt-izgara {
	display: grid;
	gap: 20px;
}

.kmt-izgara--150 { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.kmt-izgara--200 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.kmt-izgara--220 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.kmt-izgara--230 { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.kmt-izgara--240 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.kmt-izgara--250 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.kmt-izgara--260 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.kmt-izgara--280 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.kmt-izgara--290 { grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.kmt-izgara--300 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.kmt-izgara--320 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.kmt-izgara--340 { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }

/* ==========================================================================
   5. Tipografi ölçeği
   --------------------------------------------------------------------------
   clamp() üst sınırı = prototip değeri; vw katsayısı 1240px genişlikte tam
   o değeri verecek biçimde hesaplandı (ör. 66 / 1240 * 100 = 5.323vw).
   Böylece masaüstü birebir korunur, mobilde taşma olmaz.
   ========================================================================== */

.kmt-b-66 { font-size: clamp(33px, 5.323vw, 66px); }
.kmt-b-56 { font-size: clamp(30px, 4.516vw, 56px); }
.kmt-b-54 { font-size: clamp(29px, 4.355vw, 54px); }
.kmt-b-52 { font-size: clamp(29px, 4.194vw, 52px); }
.kmt-b-50 { font-size: clamp(28px, 4.032vw, 50px); }
.kmt-b-48 { font-size: clamp(28px, 3.871vw, 48px); }
.kmt-b-46 { font-size: clamp(27px, 3.710vw, 46px); }
.kmt-b-44 { font-size: clamp(27px, 3.548vw, 44px); }
.kmt-b-42 { font-size: clamp(26px, 3.387vw, 42px); }
.kmt-b-40 { font-size: clamp(26px, 3.226vw, 40px); }
.kmt-b-36 { font-size: clamp(24px, 2.903vw, 36px); }
.kmt-b-32 { font-size: clamp(23px, 2.581vw, 32px); }
.kmt-b-30 { font-size: clamp(22px, 2.419vw, 30px); }
.kmt-b-28 { font-size: clamp(21px, 2.258vw, 28px); }
.kmt-b-25 { font-size: clamp(20px, 2.016vw, 25px); }
.kmt-b-24 { font-size: clamp(20px, 1.935vw, 24px); }

/* Sabit kalanlar (zaten mobil-güvenli). */
.kmt-b-23 { font-size: 23px; }
.kmt-b-22 { font-size: 22px; }
.kmt-b-21 { font-size: 21px; }
.kmt-b-19 { font-size: 19px; }
.kmt-b-17 { font-size: 17px; }
.kmt-b-165 { font-size: 16.5px; }

/* Ortak metin blokları */
.kmt-etiket {
	font-size: 11.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 14px;
}

.kmt-etiket--kirmizi { color: var(--kmt-kirmizi); }
.kmt-etiket--soluk { color: var(--kmt-soluk); }
.kmt-etiket--acik { color: var(--kmt-kirmizi-acik); }
.kmt-etiket--beyaz { color: #fff; }

.kmt-lead {
	font-size: 15.5px;
	color: var(--kmt-soluk);
	line-height: 1.65;
	margin: 0;
}

.kmt-p {
	font-size: 16.5px;
	line-height: 1.8;
	color: var(--kmt-govde);
	margin: 0 0 20px;
}

.kmt-ul {
	margin: 0 0 20px;
	padding-left: 22px;
	font-size: 16px;
	line-height: 1.9;
	color: var(--kmt-govde);
}

.kmt-h2 {
	margin: 38px 0 18px;
}

.kmt-h2:first-child {
	margin-top: 0;
}

/* ==========================================================================
   6. Düğmeler ve rozetler
   ========================================================================== */

.kmt-dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 999px;
	font-family: var(--kmt-govde-font);
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

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

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

/* Koyu zemin üstünde kırmızı düğme beyaza döner (prototip davranışı). */
.kmt-koyu-alan .kmt-dugme--kirmizi:hover,
.kmt-dugme--kirmizi.kmt-dugme--beyazlas:hover {
	background: #fff;
	color: var(--kmt-kirmizi);
}

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

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

.kmt-dugme--cizgi {
	border: 1px solid var(--kmt-cizgi-form);
	background: transparent;
	color: var(--kmt-koyu);
	font-weight: 600;
}

.kmt-dugme--cizgi:hover {
	border-color: var(--kmt-koyu);
	color: var(--kmt-koyu);
}

.kmt-dugme--cam {
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #fff;
	font-weight: 600;
	backdrop-filter: blur(8px);
	background: transparent;
}

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

.kmt-dugme--tam {
	display: block;
	width: 100%;
}

.kmt-cip {
	display: inline-block;
	font-size: 13.5px;
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 999px;
	padding: 10px 16px;
	color: var(--kmt-koyu);
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

a.kmt-cip:hover {
	background: var(--kmt-koyu);
	border-color: var(--kmt-koyu);
	color: #fff;
}

.kmt-cip--sabit {
	font-weight: 500;
	cursor: default;
}

.kmt-cip--kucuk {
	font-size: 12.5px;
	color: var(--kmt-soluk);
	padding: 8px 14px;
}

a.kmt-cip--kucuk:hover {
	color: #fff;
}

.kmt-cip--marka {
	font-size: 13.5px;
	font-weight: 600;
	padding: 9px 15px;
	cursor: default;
}

.kmt-rozet {
	background: var(--kmt-kirmizi-zemin);
	color: var(--kmt-kirmizi);
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 700;
	padding: 6px 13px;
	letter-spacing: 0.06em;
}

/* ==========================================================================
   7. Üst şerit + başlık
   ========================================================================== */

.kmt-serit {
	background: var(--kmt-siyah);
	color: var(--kmt-k-govde);
	font-size: 12.5px;
	flex: 0 0 auto;
}

.kmt-serit__ic {
	padding-block: 9px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
}

.kmt-serit__canli {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--kmt-k-parlak);
}

.kmt-nokta {
	width: 6px;
	height: 6px;
	background: var(--kmt-yesil);
	border-radius: 50%;
	display: inline-block;
	flex: 0 0 auto;
}

.kmt-serit__ayrac {
	opacity: 0.3;
}

.kmt-serit__parlak {
	color: var(--kmt-k-parlak);
}

.kmt-serit__wa {
	color: var(--kmt-k-govde);
	margin-left: auto;
}

.kmt-serit__wa:hover {
	color: #fff;
}

.kmt-basimlik {
	position: sticky;
	top: 0;
	z-index: 85;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--kmt-cizgi);
	flex: 0 0 auto;
}

.kmt-basimlik__ic {
	padding-block: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px 20px;
	min-height: 116px;
}

.kmt-logo {
	flex: 0 0 auto;
	display: block;
}

.kmt-logo img {
	height: 84px;
	width: auto;
}

.kmt-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
	flex: 1 1 260px;
	min-width: 0;
}

.kmt-nav__oge {
	padding: 9px 13px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	color: var(--kmt-koyu);
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	font-family: inherit;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.kmt-nav__oge:hover,
.kmt-nav__oge[aria-expanded="true"] {
	background: #F0F1F3;
	color: var(--kmt-koyu);
}

.kmt-nav__oge[aria-current="page"] {
	color: var(--kmt-kirmizi);
}

.kmt-nav__ok {
	font-size: 8px;
	color: var(--kmt-soluk);
}

.kmt-cagri {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}

.kmt-cagri__dugme {
	background: var(--kmt-kirmizi);
	color: #fff;
	border-radius: 999px;
	padding: 10px 22px;
	display: flex;
	flex-direction: column;
	box-shadow: var(--kmt-golge-kirmizi);
	transition: background-color 0.15s ease;
}

.kmt-cagri__dugme:hover {
	background: var(--kmt-koyu);
	color: #fff;
}

.kmt-cagri__ust {
	font-size: 10px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	white-space: nowrap;
}

.kmt-cagri__no {
	font-family: var(--kmt-baslik);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

/* Hamburger — prototipte yoktu; 1140px altında navigasyonun tek girişi. */
.kmt-hamburger {
	display: none;
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border: 1px solid var(--kmt-cizgi);
	background: var(--kmt-kart);
	border-radius: 14px;
	cursor: pointer;
	padding: 0;
	align-items: center;
	justify-content: center;
}

.kmt-hamburger span {
	display: block;
	width: 20px;
	height: 2px;
	background: var(--kmt-koyu);
	position: relative;
	transition: background-color 0.15s ease;
}

.kmt-hamburger span::before,
.kmt-hamburger span::after {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 2px;
	background: var(--kmt-koyu);
	transition: transform 0.18s ease;
}

.kmt-hamburger span::before { top: -6px; }
.kmt-hamburger span::after { top: 6px; }

.kmt-hamburger[aria-expanded="true"] span { background: transparent; }
.kmt-hamburger[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
.kmt-hamburger[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); }

/* ==========================================================================
   8. Mega menü
   --------------------------------------------------------------------------
   Panel <header> İÇİNDE durur ve `onmouseleave` başlığın kendisindedir; panelle
   düğme arasındaki 12px boşluk bu sayede hover'ı koparmaz. Paneli header dışına
   taşımak ölü bölge yaratır.
   ========================================================================== */

.kmt-mega {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding-inline: var(--kmt-yatay);
}

.kmt-mega__panel {
	max-width: var(--kmt-kap);
	margin: 12px auto 0;
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 22px;
	box-shadow: var(--kmt-golge-panel);
	padding: 26px;
	max-height: var(--kmt-panel-max, 70vh);
	overflow-y: auto;
}

.kmt-mega__panel--uclu {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) minmax(240px, 0.9fr) minmax(230px, 0.8fr);
	gap: 28px;
}

.kmt-mega__panel--esit {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
}

.kmt-mega__baslik {
	font-size: 11.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--kmt-soluk);
	font-weight: 700;
	margin-bottom: 14px;
}

.kmt-mega__hizmetler {
	display: grid;
	gap: 4px;
}

.kmt-mega__hizmet {
	display: flex;
	gap: 13px;
	align-items: center;
	padding: 9px;
	border-radius: 14px;
	color: var(--kmt-koyu);
	transition: background-color 0.15s ease;
}

.kmt-mega__hizmet:hover {
	background: var(--kmt-zemin);
	color: var(--kmt-koyu);
}

.kmt-mega__hizmet img {
	width: 56px;
	height: 44px;
	border-radius: 10px;
	object-fit: cover;
	flex: 0 0 auto;
}

.kmt-mega__ad {
	display: block;
	font-size: 14.5px;
	font-weight: 600;
}

.kmt-mega__not {
	display: block;
	font-size: 12.5px;
	color: var(--kmt-soluk);
	margin-top: 2px;
}

.kmt-mega__bolgeler {
	display: grid;
	gap: 1px;
}

.kmt-mega__bolge {
	display: block;
	padding: 7px 10px;
	border-radius: 10px;
	font-size: 13.5px;
	color: var(--kmt-koyu);
}

.kmt-mega__bolge:hover {
	background: var(--kmt-zemin);
	color: var(--kmt-kirmizi);
}

.kmt-mega__tum {
	display: inline-block;
	margin-top: 12px;
	font-size: 13.5px;
	font-weight: 600;
}

.kmt-mega__gorsel {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	min-height: 200px;
	background: var(--kmt-koyu);
}

.kmt-mega__gorsel img,
.kmt-mega__gorsel picture {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.55;
}

.kmt-mega__gorsel-ic {
	position: relative;
	padding: 24px;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-end;
	background: linear-gradient(180deg, rgba(11, 13, 15, 0.1), rgba(11, 13, 15, 0.88));
}

.kmt-mega__kartlar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 6px;
}

.kmt-mega__kart {
	display: block;
	padding: 14px;
	border-radius: 14px;
	border: 1px solid var(--kmt-cizgi-2);
	color: var(--kmt-koyu);
	transition: border-color 0.15s ease;
}

.kmt-mega__kart:hover {
	border-color: var(--kmt-koyu);
	color: var(--kmt-koyu);
}

.kmt-mega__ust {
	display: flex;
	gap: 14px;
	align-items: baseline;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

.kmt-mega__link {
	display: block;
	padding: 9px 0;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--kmt-koyu);
}

.kmt-mega__link:hover {
	color: var(--kmt-kirmizi);
}

.kmt-mega__yan {
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--kmt-cizgi-2);
}

.kmt-mega__yan img {
	width: 100%;
	height: 130px;
	object-fit: cover;
}

/* ==========================================================================
   9. Kırıntı yolu
   ========================================================================== */

.kmt-kirinti {
	background: var(--kmt-kart);
	border-bottom: 1px solid var(--kmt-cizgi-2);
	flex: 0 0 auto;
}

.kmt-kirinti__ic {
	padding-block: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	font-size: 12.5px;
	color: var(--kmt-soluk);
}

.kmt-kirinti__oge {
	display: flex;
	gap: 8px;
	align-items: center;
}

.kmt-kirinti a {
	color: var(--kmt-soluk);
}

.kmt-kirinti a:hover {
	color: var(--kmt-kirmizi);
}

.kmt-kirinti__ayrac {
	color: var(--kmt-ok);
}

.kmt-kirinti__son {
	color: var(--kmt-koyu);
	font-weight: 600;
}

/* ==========================================================================
   10. Kahraman alanları
   ========================================================================== */

.kmt-hero {
	position: relative;
	border-radius: 28px;
	overflow: hidden;
	background: var(--kmt-siyah);
	min-height: 620px;
	display: flex;
}

.kmt-hero--orta { min-height: 460px; }
.kmt-hero--kisa { min-height: 420px; }
.kmt-hero--kurumsal { min-height: 440px; }

.kmt-hero__gorsel,
.kmt-hero__gorsel img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kmt-hero__perde {
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(11, 13, 15, 0.94) 0%, rgba(11, 13, 15, 0.8) 42%, rgba(11, 13, 15, 0.35) 100%);
}

.kmt-hero__perde--sert {
	background: linear-gradient(100deg, rgba(11, 13, 15, 0.95), rgba(11, 13, 15, 0.4));
}

.kmt-hero__perde--orta {
	background: linear-gradient(100deg, rgba(11, 13, 15, 0.94), rgba(11, 13, 15, 0.45));
}

.kmt-hero__ic {
	position: relative;
	padding: 56px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 26px;
	max-width: 820px;
}

.kmt-hero__ic--dar {
	padding: 48px;
	gap: 0;
	max-width: 760px;
}

.kmt-hero__ic--genis {
	padding: 48px;
	gap: 0;
	max-width: 820px;
}

.kmt-hero__isaret {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 10px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(8px);
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 12.5px;
	color: var(--kmt-k-parlak);
	font-weight: 600;
}

.kmt-hero__isaret .kmt-nokta {
	width: 7px;
	height: 7px;
}

.kmt-hero h1 {
	color: #fff;
	letter-spacing: -0.035em;
}

.kmt-hero__lead {
	font-size: 19px;
	line-height: 1.6;
	color: var(--kmt-k-lead);
	max-width: 600px;
	margin: 0;
}

.kmt-hero__lead--kucuk {
	font-size: 17.5px;
	line-height: 1.65;
	max-width: 620px;
}

.kmt-hero__eylem {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.kmt-hero__eylem .kmt-dugme {
	padding: 17px 30px;
	font-size: 17px;
}

.kmt-hero__eylem .kmt-dugme--kirmizi {
	box-shadow: var(--kmt-golge-kirmizi-l);
}

.kmt-sayilar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 6px;
}

.kmt-sayi {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 16px;
	padding: 14px 18px;
	backdrop-filter: blur(8px);
}

.kmt-sayi--bolge {
	background: rgba(255, 255, 255, 0.09);
	border-color: rgba(255, 255, 255, 0.15);
	padding: 13px 18px;
	backdrop-filter: none;
}

.kmt-sayi__v {
	font-family: var(--kmt-baslik);
	font-size: 24px;
	color: #fff;
	font-weight: 600;
}

.kmt-sayi--bolge .kmt-sayi__v {
	font-size: 22px;
}

.kmt-sayi__l {
	font-size: 12px;
	color: var(--kmt-k-govde);
	margin-top: 2px;
}

.kmt-hero__cipler {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.kmt-hero__cip {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	padding: 9px 16px;
	font-size: 13px;
	color: var(--kmt-k-parlak);
}

/* ==========================================================================
   11. Hızlı form (anasayfa)
   ========================================================================== */

.kmt-hizli {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 22px;
	padding: 18px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
	box-shadow: var(--kmt-golge-kart);
}

.kmt-alan {
	border: 1px solid var(--kmt-cizgi-form);
	border-radius: 14px;
	padding: 15px;
	font-family: var(--kmt-govde-font);
	font-size: 14.5px;
	color: var(--kmt-koyu);
	background: var(--kmt-kart);
	width: 100%;
}

.kmt-alan:focus {
	border-color: var(--kmt-koyu);
}

.kmt-hizli .kmt-dugme {
	border-radius: 14px;
	font-size: 15.5px;
	padding: 15px 24px;
}

/* ==========================================================================
   12. Bölüm başlıkları
   ========================================================================== */

.kmt-basl {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 28px;
	margin-bottom: 32px;
	flex-wrap: wrap;
}

.kmt-basl__yan {
	font-size: 15.5px;
	color: var(--kmt-soluk);
	max-width: 400px;
	line-height: 1.65;
	margin: 0;
}

.kmt-basl h2 {
	max-width: 640px;
}

.kmt-tum {
	font-size: 14.5px;
	font-weight: 600;
}

/* ==========================================================================
   13. Kartlar
   ========================================================================== */

.kmt-kart-h {
	display: block;
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 22px;
	overflow: hidden;
	color: var(--kmt-koyu);
	transition: border-color 0.15s ease;
}

.kmt-kart-h:hover {
	border-color: var(--kmt-koyu);
	color: var(--kmt-koyu);
}

.kmt-kart-h__medya {
	display: block;
	position: relative;
}

.kmt-kart-h__medya img {
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.kmt-kart-h__etiket {
	position: absolute;
	left: 14px;
	top: 14px;
	background: rgba(11, 13, 15, 0.6);
	backdrop-filter: blur(6px);
	color: #fff;
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 11.5px;
	font-weight: 600;
}

.kmt-kart-h__ic {
	display: block;
	padding: 24px;
}

.kmt-kart-h__ad {
	display: block;
	font-family: var(--kmt-baslik);
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.02em;
	margin-bottom: 9px;
}

.kmt-kart-h__ozet {
	display: block;
	font-size: 14.5px;
	color: var(--kmt-soluk);
	line-height: 1.6;
	margin-bottom: 16px;
}

.kmt-kart-h__git {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--kmt-kirmizi);
}

/* Bölge sayfasındaki küçük hizmet kartı */
.kmt-kart-k {
	display: block;
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 18px;
	overflow: hidden;
	color: var(--kmt-koyu);
	transition: border-color 0.15s ease;
}

.kmt-kart-k:hover {
	border-color: var(--kmt-koyu);
	color: var(--kmt-koyu);
}

.kmt-kart-k img {
	width: 100%;
	height: 120px;
	object-fit: cover;
}

.kmt-kart-k__ic {
	display: block;
	padding: 16px 18px;
}

.kmt-kart-k__ad {
	display: block;
	font-family: var(--kmt-baslik);
	font-size: 16.5px;
	font-weight: 600;
	letter-spacing: -0.02em;
	margin-bottom: 5px;
}

.kmt-kart-k__not {
	display: block;
	font-size: 13px;
	color: var(--kmt-soluk);
	line-height: 1.55;
}

/* Blog kartı */
.kmt-kart-y__ic {
	display: block;
	padding: 22px;
}

.kmt-kart-y img {
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.kmt-kart-y--kucuk img {
	height: 180px;
}

.kmt-kart-y__meta {
	display: flex;
	gap: 9px;
	align-items: center;
	font-size: 11.5px;
	color: var(--kmt-soluk);
	margin-bottom: 11px;
	font-weight: 600;
	flex-wrap: wrap;
}

.kmt-kart-y__kat {
	color: var(--kmt-kirmizi);
}

.kmt-kart-y__ad {
	display: block;
	font-family: var(--kmt-baslik);
	font-size: 20.5px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.25;
	margin-bottom: 9px;
}

.kmt-kart-y--kucuk .kmt-kart-y__ad {
	font-size: 20px;
}

.kmt-kart-y__ozet {
	display: block;
	font-size: 14px;
	color: var(--kmt-soluk);
	line-height: 1.6;
}

.kmt-kart-y--kucuk .kmt-kart-y__ozet {
	font-size: 13.5px;
}

/* İçerik kartı (hizmet kapsamı listesi) */
.kmt-bilgi-kart {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 16px;
	padding: 16px 18px;
	font-size: 14.5px;
}

.kmt-istatistik {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 20px;
	padding: 26px;
}

.kmt-istatistik__v {
	font-family: var(--kmt-baslik);
	font-size: 38px;
	color: var(--kmt-kirmizi);
	font-weight: 600;
}

.kmt-istatistik__l {
	font-size: 13.5px;
	color: var(--kmt-soluk);
	margin-top: 6px;
}

/* ==========================================================================
   14. Süreç bloğu (koyu)
   ========================================================================== */

.kmt-surec {
	background: var(--kmt-siyah);
	border-radius: 28px;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.kmt-surec__ic {
	padding: 48px;
}

.kmt-surec h2 {
	color: #fff;
	margin-bottom: 16px;
}

.kmt-surec__lead {
	font-size: 15.5px;
	color: var(--kmt-k-govde);
	line-height: 1.7;
	margin: 0 0 32px;
	max-width: 460px;
}

.kmt-adimlar {
	display: grid;
	gap: 14px;
}

.kmt-adim {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	border-top: 1px solid var(--kmt-k-cizgi);
	padding-top: 14px;
}

.kmt-adim__no {
	font-family: var(--kmt-baslik);
	font-size: 14px;
	color: var(--kmt-kirmizi-acik);
	font-weight: 600;
	width: 26px;
	flex: 0 0 auto;
}

.kmt-adim__ad {
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 4px;
}

.kmt-adim__met {
	display: block;
	font-size: 13.5px;
	color: var(--kmt-k-soluk);
	line-height: 1.6;
}

.kmt-surec__gorsel {
	position: relative;
	min-height: 320px;
	max-height: 620px;
}

.kmt-surec__gorsel img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 60% center;
}

/* ==========================================================================
   15. Bölge listesi + gece kutusu
   ========================================================================== */

.kmt-bolge-liste {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 22px;
	overflow: hidden;
}

.kmt-bolge-satir {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 15px 20px;
	border-bottom: 1px solid var(--kmt-cizgi-3);
	color: var(--kmt-koyu);
	transition: background-color 0.15s ease;
}

.kmt-bolge-satir:last-child {
	border-bottom: none;
}

.kmt-bolge-satir:hover {
	background: #FAFAFB;
	color: var(--kmt-koyu);
}

.kmt-bolge-satir__km {
	font-size: 11.5px;
	color: var(--kmt-kirmizi);
	font-weight: 700;
	width: 38px;
	flex: 0 0 auto;
}

.kmt-bolge-satir__ic {
	flex: 1 1 auto;
	min-width: 0;
}

.kmt-bolge-satir__ad {
	display: block;
	font-size: 15px;
	font-weight: 600;
}

.kmt-bolge-satir__not {
	display: block;
	font-size: 12.5px;
	color: var(--kmt-soluk);
	margin-top: 2px;
}

.kmt-bolge-satir__ok {
	color: var(--kmt-ok);
}

.kmt-gece {
	position: sticky;
	top: var(--kmt-yapiskan);
	border-radius: 24px;
	overflow: hidden;
	min-height: 520px;
	background: var(--kmt-siyah);
}

.kmt-gece > img,
.kmt-gece > picture img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.85;
}

.kmt-gece__ic {
	position: relative;
	height: 100%;
	min-height: 520px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 28px;
	background: linear-gradient(180deg, rgba(11, 13, 15, 0) 30%, rgba(11, 13, 15, 0.92));
}

.kmt-gece h3 {
	color: #fff;
	margin-bottom: 8px;
}

.kmt-gece p {
	font-size: 14px;
	color: var(--kmt-k-lead);
	line-height: 1.6;
	margin: 0;
}

/* ==========================================================================
   16. S.S.S. akordeonu
   ========================================================================== */

.kmt-sss {
	display: grid;
	gap: 10px;
}

.kmt-sss__oge {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 18px;
}

.kmt-sss__soru {
	padding: 20px 24px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: center;
	font-family: var(--kmt-baslik);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.02em;
	list-style: none;
}

.kmt-sss__oge--kucuk .kmt-sss__soru {
	padding: 18px 22px;
	font-size: 16.5px;
}

.kmt-sss__isaret {
	color: var(--kmt-kirmizi);
	font-size: 20px;
	flex: 0 0 auto;
	line-height: 1;
}

.kmt-sss__oge--kucuk .kmt-sss__isaret {
	font-size: inherit;
}

.kmt-sss__oge[open] .kmt-sss__isaret::before {
	content: "−";
}

.kmt-sss__oge[open] .kmt-sss__isaret {
	font-size: 0;
}

.kmt-sss__oge[open] .kmt-sss__isaret::before {
	font-size: 20px;
}

.kmt-sss__cevap {
	padding: 0 24px 22px;
	font-size: 14.5px;
	color: var(--kmt-soluk);
	line-height: 1.75;
	max-width: 70ch;
}

.kmt-sss__oge--kucuk .kmt-sss__cevap {
	padding: 0 22px 20px;
}

/* ==========================================================================
   17. Yorumlar
   ========================================================================== */

.kmt-yorum {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 20px;
	padding: 24px;
}

.kmt-yorum__ust {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: baseline;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.kmt-yorum__ad {
	font-family: var(--kmt-baslik);
	font-size: 16.5px;
	font-weight: 600;
}

.kmt-yorum__tarih {
	font-size: 12px;
	color: var(--kmt-soluk);
}

.kmt-yorum__yer {
	font-size: 12px;
	color: var(--kmt-kirmizi);
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 12px;
}

.kmt-yorum p {
	font-size: 14.5px;
	color: var(--kmt-govde);
	line-height: 1.7;
	margin: 0;
}

/* ==========================================================================
   18. Tablo
   ========================================================================== */

.kmt-tablo-kap {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 12px;
	overflow-x: auto;
}

.kmt-tablo {
	width: 100%;
	border-collapse: collapse;
	font-size: 14.5px;
	min-width: 460px;
}

.kmt-tablo thead tr {
	background: var(--kmt-koyu);
	color: #fff;
	text-align: left;
}

.kmt-tablo th {
	padding: 14px 18px;
	font-family: var(--kmt-baslik);
	font-weight: 500;
}

.kmt-tablo tbody tr {
	border-top: 1px solid var(--kmt-cizgi-2);
}

.kmt-tablo td {
	padding: 14px 18px;
}

/* ==========================================================================
   19. Yan sütun kutuları
   ========================================================================== */

.kmt-kutu {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 22px;
	padding: 24px;
}

.kmt-kutu--koyu {
	background: var(--kmt-siyah);
	border: none;
	padding: 26px;
	color: #fff;
}

.kmt-kutu--kirmizi {
	background: var(--kmt-kirmizi);
	border: none;
	padding: 26px;
	color: #fff;
}

.kmt-kutu--gri {
	background: var(--kmt-zemin);
}

.kmt-kutu--koyu h3,
.kmt-kutu--kirmizi h3 {
	color: #fff;
	margin-bottom: 14px;
}

.kmt-kutu--kirmizi .kmt-etiket {
	color: #fff;
	margin-bottom: 10px;
}

.kmt-kutu--kirmizi h3 {
	margin-bottom: 12px;
}

.kmt-kutu--kirmizi p {
	font-size: 13.5px;
	line-height: 1.6;
	color: #fff;
	margin: 0 0 16px;
}

.kmt-kutu--koyu p {
	font-size: 13.5px;
	color: var(--kmt-k-govde);
	line-height: 1.6;
	margin: 0 0 16px;
}

.kmt-kutu__tel {
	display: block;
	background: var(--kmt-kirmizi);
	color: #fff;
	border-radius: 999px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	padding: 15px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.kmt-kutu__tel:hover {
	background: #fff;
	color: var(--kmt-kirmizi);
}

.kmt-kutu--kirmizi .kmt-kutu__tel {
	background: #fff;
	color: var(--kmt-kirmizi);
}

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

.kmt-kutu__wa {
	display: block;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #fff;
	border-radius: 999px;
	font-size: 14px;
	padding: 13px;
	margin-top: 9px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.kmt-kutu__wa:hover {
	background: #fff;
	color: var(--kmt-koyu);
}

.kmt-kutu__satir {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid var(--kmt-cizgi-3);
	font-size: 14px;
	font-weight: 600;
	color: var(--kmt-koyu);
}

.kmt-kutu__satir:last-of-type {
	border-bottom: none;
}

.kmt-kutu__satir:hover {
	color: var(--kmt-kirmizi);
}

.kmt-kutu__satir--ince {
	font-size: 13.5px;
	font-weight: 500;
	padding: 10px 0;
}

.kmt-kutu__ok {
	color: var(--kmt-ok);
}

.kmt-kutu--gri p {
	font-size: 13.5px;
	color: var(--kmt-soluk);
	line-height: 1.65;
	margin: 0 0 8px;
}

.kmt-kutu--gri p:last-child {
	color: var(--kmt-koyu);
	font-weight: 600;
	margin: 0;
}

.kmt-ozet {
	display: grid;
	gap: 12px;
	font-size: 14px;
}

.kmt-ozet__satir {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--kmt-k-cizgi);
	padding-bottom: 10px;
}

.kmt-ozet__satir:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.kmt-ozet__l {
	color: var(--kmt-k-soluk);
}

.kmt-ozet__v {
	font-weight: 600;
}

.kmt-icindekiler a {
	display: block;
	font-size: 13.5px;
	padding: 8px 0;
	border-bottom: 1px solid var(--kmt-cizgi-3);
	color: var(--kmt-koyu);
	font-weight: 500;
}

.kmt-icindekiler a:last-child {
	border-bottom: none;
}

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

.kmt-ilgili a {
	display: block;
	font-size: 13.5px;
	line-height: 1.5;
	padding: 10px 0;
	border-bottom: 1px solid var(--kmt-cizgi-3);
	color: var(--kmt-koyu);
	font-weight: 600;
}

.kmt-ilgili a:last-child {
	border-bottom: none;
}

.kmt-ilgili a:hover {
	color: var(--kmt-kirmizi);
}

/* ==========================================================================
   20. Kombin (hizmet × bölge) sayfası
   ========================================================================== */

.kmt-kombin-ust {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 28px;
	padding: 44px;
	margin-bottom: 36px;
}

.kmt-kombin-ust__meta {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

.kmt-kombin-ust__url {
	font-size: 12.5px;
	color: var(--kmt-soluk);
}

.kmt-kombin-ust h1 {
	max-width: 900px;
	margin-bottom: 18px;
}

.kmt-kombin-ust__lead {
	font-size: 17.5px;
	color: var(--kmt-soluk);
	line-height: 1.7;
	max-width: 820px;
	margin: 0 0 26px;
}

.kmt-kombin-ust__eylem {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.kmt-kombin-ust__eylem .kmt-dugme {
	padding: 16px 28px;
	font-size: 16.5px;
}

.kmt-ikili-kutu {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	margin: 30px 0 34px;
}

.kmt-ikili-kutu__ak {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 20px;
	padding: 24px;
}

.kmt-ikili-kutu__koyu {
	background: var(--kmt-siyah);
	border-radius: 20px;
	padding: 24px;
	color: #fff;
}

.kmt-ikili-kutu h3 {
	font-size: 19px;
	margin-bottom: 12px;
}

.kmt-ikili-kutu__koyu h3 {
	color: #fff;
}

.kmt-ikili-kutu ul {
	margin: 0;
	padding-left: 20px;
	font-size: 14.5px;
	line-height: 1.8;
	color: var(--kmt-soluk);
}

.kmt-ikili-kutu__koyu ul {
	color: var(--kmt-k-govde);
}

.kmt-link-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 8px;
	margin-bottom: 34px;
}

.kmt-link-kart {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 14px;
	padding: 15px 18px;
	font-size: 14px;
	font-weight: 600;
	color: var(--kmt-koyu);
	display: flex;
	justify-content: space-between;
	gap: 10px;
	transition: border-color 0.15s ease, color 0.15s ease;
}

.kmt-link-kart:hover {
	border-color: var(--kmt-kirmizi);
	color: var(--kmt-kirmizi);
}

.kmt-odak p {
	font-size: 13.5px;
	color: var(--kmt-koyu);
	line-height: 1.9;
	margin: 0;
	font-weight: 600;
}

.kmt-odak span {
	color: var(--kmt-soluk);
	font-weight: 500;
}

/* ==========================================================================
   21. Alt CTA + çip listeleri
   ========================================================================== */

.kmt-cta {
	position: relative;
	border-radius: 28px;
	overflow: hidden;
	min-height: 340px;
	display: flex;
	background: var(--kmt-siyah);
}

.kmt-cta > img,
.kmt-cta > picture img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.6;
}

.kmt-cta__ic {
	position: relative;
	padding: 48px;
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: linear-gradient(90deg, rgba(11, 13, 15, 0.92), rgba(11, 13, 15, 0.45));
}

.kmt-cta h2 {
	color: #fff;
	margin-bottom: 12px;
}

.kmt-cta p {
	font-size: 16px;
	color: var(--kmt-k-lead);
	line-height: 1.65;
	margin: 0;
}

.kmt-cta__met {
	max-width: 620px;
}

.kmt-cta .kmt-dugme {
	padding: 19px 34px;
	font-size: 19px;
	white-space: nowrap;
	box-shadow: 0 16px 36px -14px rgba(216, 30, 38, 0.9);
}

.kmt-cip-liste {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.kmt-kombin-serit {
	padding-block: 60px 40px;
	flex: 0 0 auto;
}

/* Yazı içi CTA */
.kmt-yazi-cta {
	background: var(--kmt-siyah);
	border-radius: 22px;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: center;
	flex-wrap: wrap;
}

.kmt-yazi-cta h3 {
	color: #fff;
	margin-bottom: 6px;
}

.kmt-yazi-cta p {
	font-size: 14px;
	color: var(--kmt-k-govde);
	margin: 0;
}

.kmt-yazi-cta .kmt-dugme {
	padding: 14px 26px;
	font-size: 16px;
	white-space: nowrap;
}

/* ==========================================================================
   22. İçerik (blog yazısı, sayfa)
   ========================================================================== */

.kmt-yazi {
	flex: 1 1 460px;
	max-width: 76ch;
	min-width: 0;
}

.kmt-yazi__meta {
	display: flex;
	gap: 9px;
	align-items: center;
	font-size: 12px;
	color: var(--kmt-soluk);
	margin-bottom: 18px;
	font-weight: 600;
	flex-wrap: wrap;
}

.kmt-yazi h1 {
	margin-bottom: 22px;
}

.kmt-yazi__giris {
	font-size: 19.5px;
	line-height: 1.7;
	color: var(--kmt-govde);
	margin: 0 0 28px;
}

.kmt-yazi__kapak {
	width: 100%;
	border-radius: 22px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	margin-bottom: 32px;
}

.kmt-icerik h2 {
	font-size: clamp(22px, 2.419vw, 30px);
	margin: 34px 0 14px;
}

.kmt-icerik h3 {
	font-size: 21px;
	margin: 28px 0 12px;
}

.kmt-icerik p {
	font-size: 16.5px;
	line-height: 1.8;
	color: var(--kmt-govde);
	margin: 0 0 24px;
}

.kmt-icerik ul,
.kmt-icerik ol {
	margin: 0 0 28px;
	padding-left: 22px;
	font-size: 16.5px;
	line-height: 1.9;
	color: var(--kmt-govde);
}

.kmt-icerik img {
	max-width: 100%;
	height: auto;
	border-radius: 22px;
	margin-bottom: 24px;
}

.kmt-icerik blockquote,
.kmt-alinti {
	border-left: 3px solid var(--kmt-kirmizi);
	background: var(--kmt-kart);
	border-radius: 0 18px 18px 0;
	padding: 24px 28px;
	margin: 0 0 24px;
	font-size: 17.5px;
	line-height: 1.7;
	color: var(--kmt-koyu);
}

.kmt-icerik a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Harita vekili (facade) — tıklanana kadar iframe yüklenmez. */
.kmt-harita {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--kmt-cizgi);
	margin-bottom: 18px;
	background: repeating-linear-gradient(135deg, #ECEEF0 0 10px, #E5E8EA 10px 20px);
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0;
	cursor: pointer;
	font-family: inherit;
}

.kmt-harita--uzun {
	height: 380px;
	border-radius: 24px;
	margin-bottom: 0;
}

.kmt-harita__met {
	font-size: 13px;
	color: var(--kmt-soluk);
	text-align: center;
	line-height: 1.7;
	font-weight: 600;
}

.kmt-harita iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* ==========================================================================
   23. İletişim
   ========================================================================== */

.kmt-iletisim-kart {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 20px;
	padding: 26px;
}

.kmt-iletisim-kart--kirmizi {
	background: var(--kmt-kirmizi);
	border: none;
	color: #fff;
}

.kmt-iletisim-kart--kirmizi .kmt-etiket,
.kmt-iletisim-kart--kirmizi div {
	color: #fff;
}

.kmt-iletisim-kart__deger {
	font-family: var(--kmt-baslik);
	font-size: 25px;
	font-weight: 600;
	display: block;
	color: var(--kmt-koyu);
}

.kmt-iletisim-kart--kirmizi .kmt-iletisim-kart__deger {
	color: #fff;
}

.kmt-iletisim-kart__deger:hover {
	color: var(--kmt-kirmizi);
}

.kmt-iletisim-kart--kirmizi .kmt-iletisim-kart__deger:hover {
	color: #fff;
}

.kmt-iletisim-kart__ad {
	font-size: 16px;
	font-weight: 600;
}

.kmt-iletisim-kart__not {
	font-size: 13px;
	color: var(--kmt-soluk);
	margin-top: 6px;
}

.kmt-form-kart {
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	border-radius: 24px;
	padding: 32px;
}

.kmt-form-kart h2 {
	margin-bottom: 22px;
}

.kmt-form {
	display: grid;
	gap: 16px;
}

.kmt-form__ikili {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 16px;
}

.kmt-form label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--kmt-govde);
}

.kmt-form label .kmt-alan {
	margin-top: 7px;
	padding: 14px;
}

.kmt-form textarea.kmt-alan {
	resize: vertical;
}

.kmt-form__onay {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 12.5px;
	color: var(--kmt-soluk);
	line-height: 1.5;
	font-weight: 400;
}

.kmt-form__onay input {
	margin-top: 3px;
	flex: 0 0 auto;
}

.kmt-form .kmt-dugme {
	font-size: 16.5px;
	padding: 16px;
}

.kmt-form__uyari {
	border-radius: 14px;
	padding: 14px 18px;
	font-size: 14px;
	line-height: 1.6;
}

.kmt-form__uyari--ok {
	background: #E8F7EE;
	border: 1px solid #B6E4C8;
	color: #14181C;
}

.kmt-form__uyari--hata {
	background: var(--kmt-kirmizi-zemin);
	border: 1px solid #F5C2C4;
	color: #8E1016;
}

/* Bal küpü — insan görmez, ekran okuyucu odaklanmaz. */
.kmt-bal {
	position: absolute !important;
	left: -9999px !important;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.kmt-yol-kutu {
	background: var(--kmt-siyah);
	border-radius: 24px;
	padding: 28px;
	color: #fff;
}

.kmt-yol-kutu h3 {
	color: #fff;
	margin-bottom: 14px;
}

.kmt-yol-kutu ol {
	margin: 0;
	padding-left: 20px;
	font-size: 14.5px;
	line-height: 1.9;
	color: var(--kmt-k-govde);
}

/* ==========================================================================
   24. Alt bilgi
   ========================================================================== */

.kmt-alt {
	background: var(--kmt-siyah);
	color: var(--kmt-k-govde);
	flex: 0 0 auto;
}

.kmt-alt__ic {
	padding-top: 56px;
}

.kmt-alt__izgara {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 40px;
	padding-bottom: 44px;
	border-bottom: 1px solid var(--kmt-k-cizgi-2);
}

.kmt-alt__marka {
	font-family: var(--kmt-baslik);
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.03em;
}

.kmt-alt__marka span {
	color: var(--kmt-kirmizi);
}

.kmt-alt__alt-marka {
	font-size: 12px;
	letter-spacing: 0.3em;
	color: var(--kmt-k-soluk);
	margin-top: 5px;
	text-transform: uppercase;
	font-weight: 600;
}

.kmt-alt p {
	font-size: 13.5px;
	line-height: 1.75;
	margin: 20px 0;
	max-width: 320px;
}

.kmt-alt__tel {
	display: inline-block;
	background: var(--kmt-kirmizi);
	color: #fff;
	border-radius: 999px;
	padding: 14px 24px;
	font-size: 17px;
	font-weight: 700;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.kmt-alt__tel:hover {
	background: #fff;
	color: var(--kmt-kirmizi);
}

.kmt-alt__baslik {
	font-size: 11.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	margin-bottom: 16px;
}

.kmt-alt__link {
	display: block;
	font-size: 13.5px;
	padding: 6px 0;
	color: var(--kmt-k-govde);
}

.kmt-alt__link:hover {
	color: #fff;
}

.kmt-alt__saat {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--kmt-k-cizgi-2);
}

.kmt-alt__saat-met {
	font-size: 13px;
	line-height: 1.85;
}

.kmt-alt__son {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	justify-content: space-between;
	align-items: center;
	padding: 22px 0;
	font-size: 12.5px;
	color: var(--kmt-k-soluk);
}

.kmt-alt__yasal {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}

.kmt-alt__yasal a {
	color: var(--kmt-k-soluk);
}

.kmt-alt__yasal a:hover {
	color: #fff;
}

/* ==========================================================================
   25. Mobil sabit çağrı çubuğu
   --------------------------------------------------------------------------
   Prototipte yoktu; SEO Teslim Dokümanı 07 açıkça istiyor:
   "mobilde sabit alt çağrı çubuğu 44 px hedef yüksekliğinde".
   ========================================================================== */

.kmt-mobil-cagri {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	background: var(--kmt-siyah);
	padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
	gap: 8px;
	border-top: 1px solid var(--kmt-k-cizgi);
}

.kmt-mobil-cagri a {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
}

/* Telefon birincil dönüşüm — biraz daha geniş dursun ki iki dolu renk
   arasında hiyerarşi kaybolmasın (ölçüm ve reklam dönüşümü tel: tıklaması). */
.kmt-mobil-cagri__tel {
	flex: 1.15 1 0;
	background: var(--kmt-kirmizi);
	color: #fff;
}

.kmt-mobil-cagri__wa {
	flex: 1 1 0;
	background: var(--kmt-whatsapp);
	border: none;
	color: var(--kmt-siyah);
}

.kmt-mobil-cagri__wa:hover,
.kmt-mobil-cagri__wa:active {
	background: var(--kmt-whatsapp-koyu);
	color: var(--kmt-siyah);
}

.kmt-mobil-cagri__ikon {
	width: 17px;
	height: 17px;
	flex: 0 0 auto;
	fill: currentColor;
}

/* ==========================================================================
   26. 404 / arama
   ========================================================================== */

.kmt-404 {
	padding-block: 80px 40px;
	text-align: center;
}

.kmt-404__kod {
	font-family: var(--kmt-baslik);
	font-size: clamp(64px, 9.6vw, 120px);
	color: var(--kmt-kirmizi);
	font-weight: 600;
	line-height: 1;
}

.kmt-arama {
	display: flex;
	gap: 10px;
	max-width: 460px;
	margin: 24px auto 0;
}

.kmt-arama .kmt-alan {
	flex: 1 1 auto;
}

.kmt-sayfalama {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 40px;
}

.kmt-sayfalama .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--kmt-kart);
	border: 1px solid var(--kmt-cizgi);
	color: var(--kmt-koyu);
	font-size: 14px;
	font-weight: 600;
}

.kmt-sayfalama .page-numbers.current,
.kmt-sayfalama .page-numbers:hover {
	background: var(--kmt-koyu);
	border-color: var(--kmt-koyu);
	color: #fff;
}

/* ==========================================================================
   27. Kırılım noktaları
   --------------------------------------------------------------------------
   Prototipte @media yoktu; değerler ızgara aritmetiğinden HESAPLANDI:
   · 1140px — logo 252 + nav ~540 + telefon 250 + boşluk 40 + dolgu 56 = 1138.
              Bu genişliğin altında yatay menü sarılır; mobil çekmeceye geçer.
   ·  900px — mega panelin üçlü ızgarası 260+240+230+56 boşluk+52 dolgu = 838;
              kap dolgusuyla 894. Yuvarlanmış güvenli sınır.
   ·  700px — hero dolgusu 56px ve bölüm dolgusu 76px küçük ekranda oransız.
   ·  480px — telefon; kap dolgusu 28 -> 18.
   ========================================================================== */

@media (max-width: 1140px) {
	.kmt-hamburger {
		display: flex;
		order: 3;
	}

	.kmt-basimlik__ic {
		min-height: 88px;
		gap: 12px;
	}

	.kmt-logo img {
		height: 58px;
	}

	.kmt-cagri {
		order: 2;
	}

	.kmt-cagri__dugme {
		padding: 8px 16px;
	}

	.kmt-cagri__no {
		font-size: 17px;
	}

	/* Yatay menü ve hover mega menü kapanır; içerik çekmeceye taşınır. */
	.kmt-nav {
		display: none;
	}

	.kmt-mega {
		display: none;
	}

	/*
	 * Çekmecenin görünürlük kuralı BURADA DEĞİL, kendi bileşen bölümündedir
	 * (28. bölüm). Buraya yazıldığında dosyanın ilerisindeki taban kuralı
	 * `.kmt-cekmece { display: none }` aynı özgüllükte ve DAHA SONRA geldiği
	 * için onu eziyordu — medya sorgusu özgüllüğü artırmaz. Sonuç: hamburger
	 * çalışıyor ama çekmece hiçbir koşulda görünmüyordu.
	 */
}

@media (max-width: 900px) {
	.kmt-mega__panel--uclu {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.kmt-surec__ic {
		padding: 32px;
	}

	.kmt-kombin-ust {
		padding: 30px;
	}
}

@media (max-width: 700px) {
	:root {
		--kmt-yapiskan: 96px;
	}

	.kmt-bolum {
		padding-top: 48px;
	}

	.kmt-bolum--govde,
	.kmt-bolum--liste {
		padding-top: 32px;
	}

	.kmt-hero {
		min-height: 0;
		border-radius: 22px;
	}

	.kmt-hero__ic,
	.kmt-hero__ic--dar,
	.kmt-hero__ic--genis {
		padding: 30px 24px;
		gap: 18px;
	}

	.kmt-hero__lead,
	.kmt-hero__lead--kucuk {
		font-size: 16px;
	}

	.kmt-hero__eylem .kmt-dugme {
		padding: 15px 22px;
		font-size: 15.5px;
		flex: 1 1 100%;
	}

	.kmt-cta__ic,
	.kmt-surec__ic {
		padding: 28px 24px;
	}

	.kmt-cta {
		min-height: 0;
	}

	.kmt-cta .kmt-dugme {
		padding: 16px 26px;
		font-size: 17px;
		width: 100%;
	}

	.kmt-ikili {
		gap: 32px;
	}

	.kmt-yan {
		position: static;
		max-width: none;
	}

	/*
	 * `position: static` OLMAZ.
	 *
	 * Amaç yalnızca yapışkanlığı kapatmak; ama `sticky` aynı zamanda içerideki
	 * `position:absolute` arka plan görselinin kapsayan bloğudur. Static'e
	 * çekilince görsel en yakın konumlanmış ataya (pratikte sayfanın tamamına)
	 * göre yerleşiyor ve gece otoyolu fotoğrafı tüm mobil sayfanın üzerine
	 * yayılıyordu — metin okunmaz hâle geliyordu. `relative` yapışkanlığı
	 * kaldırır, kapsayan bloğu korur.
	 */
	.kmt-gece {
		position: relative;
		max-width: none;
	}

	.kmt-gece,
	.kmt-gece__ic {
		min-height: 360px;
	}

	.kmt-form-kart,
	.kmt-kombin-ust {
		padding: 24px 20px;
	}

	.kmt-kart-h__ic {
		padding: 20px;
	}

	.kmt-sss__soru {
		padding: 16px 18px;
		font-size: 15.5px;
	}

	.kmt-sss__cevap {
		padding: 0 18px 18px;
	}

	.kmt-alt__izgara {
		gap: 28px;
		padding-bottom: 32px;
	}

	.kmt-alt__ic {
		padding-top: 40px;
	}

	.kmt-basl {
		gap: 16px;
		margin-bottom: 24px;
	}

	/* Sabit çağrı çubuğu görünür; alt bilgi onun altında kalmasın. */
	.kmt-mobil-cagri {
		display: flex;
	}

	.kmt-sayfa {
		padding-bottom: 68px;
	}
}

@media (max-width: 480px) {
	:root {
		--kmt-yatay: 18px;
	}

	/*
	 * Başlık tek satıra sığsın. 390px'te kullanılabilir genişlik 354px;
	 * logo 132 + telefon ~140 + hamburger 46 + boşluk 24 = 342. Ölçüler
	 * bunun altına inmezse şerit iki satıra taşıyor ve başlık şişiyor.
	 */
	.kmt-logo img {
		height: 44px;
	}

	.kmt-basimlik__ic {
		min-height: 72px;
		gap: 10px;
		flex-wrap: nowrap;
	}

	.kmt-cagri__dugme {
		padding: 7px 13px;
	}

	.kmt-cagri__ust {
		font-size: 9px;
		letter-spacing: 0.1em;
	}

	.kmt-cagri__no {
		font-size: 15px;
	}

	.kmt-hamburger {
		width: 42px;
		height: 42px;
	}

	.kmt-hero__ic,
	.kmt-hero__ic--dar,
	.kmt-hero__ic--genis {
		padding: 24px 18px;
	}

	.kmt-mega__panel,
	.kmt-kutu,
	.kmt-yorum {
		padding: 18px;
	}

	.kmt-sayi {
		flex: 1 1 calc(50% - 5px);
	}

	.kmt-mobil-cagri a {
		font-size: 14px;
	}
}

/* Hareket azaltma tercihi. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ==========================================================================
   28. Mobil çekmece
   ========================================================================== */

/*
 * Görünürlük kuralları bileşenin KENDİ bölümünde tutulur.
 *
 * Taban `display:none`, mobilde `display:block`. Bu ikisi kırılım bölümüne
 * dağıtıldığında dosya sırası taban kuralı sona attı ve medya sorgusunu ezdi;
 * çekmece hiç açılmadı. Aynı özgüllükte kaynak sırası kazanır — bu yüzden
 * bir bileşenin taban ve duyarlı kuralları AYNI yerde durmalı.
 */
.kmt-cekmece {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 120;
	background: rgba(11, 13, 15, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

@media (max-width: 1140px) {
	.kmt-cekmece {
		display: block;
	}
}

.kmt-cekmece[data-acik="1"] {
	opacity: 1;
	visibility: visible;
}

.kmt-cekmece__panel {
	position: absolute;
	inset: 0 0 0 auto;
	width: min(400px, 90vw);
	background: var(--kmt-kart);
	overflow-y: auto;
	padding: 22px 20px calc(30px + env(safe-area-inset-bottom));
	transform: translateX(100%);
	transition: transform 0.22s ease;
}

.kmt-cekmece[data-acik="1"] .kmt-cekmece__panel {
	transform: translateX(0);
}

.kmt-cekmece__kapat {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	border: 1px solid var(--kmt-cizgi);
	background: var(--kmt-kart);
	font-size: 20px;
	line-height: 1;
	color: var(--kmt-koyu);
	cursor: pointer;
}

.kmt-cekmece__grup {
	border-bottom: 1px solid var(--kmt-cizgi-3);
	padding: 6px 0;
}

.kmt-cekmece__grup:last-of-type {
	border-bottom: none;
}

.kmt-cekmece__bas {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	background: none;
	border: none;
	padding: 14px 4px;
	font-family: var(--kmt-baslik);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--kmt-koyu);
	cursor: pointer;
	text-align: left;
}

.kmt-cekmece__bas .kmt-nav__ok {
	font-size: 10px;
	transition: transform 0.18s ease;
}

.kmt-cekmece__bas[aria-expanded="true"] .kmt-nav__ok {
	transform: rotate(180deg);
}

.kmt-cekmece__ic {
	display: none;
	padding: 0 4px 12px;
}

.kmt-cekmece__bas[aria-expanded="true"] + .kmt-cekmece__ic {
	display: block;
}

.kmt-cekmece__link {
	display: block;
	padding: 11px 0;
	font-size: 14.5px;
	color: var(--kmt-govde);
	border-bottom: 1px solid var(--kmt-cizgi-3);
}

.kmt-cekmece__link:last-child {
	border-bottom: none;
}

.kmt-cekmece__tel {
	display: block;
	margin-top: 20px;
	background: var(--kmt-kirmizi);
	color: #fff;
	border-radius: 999px;
	text-align: center;
	padding: 15px;
	font-size: 17px;
	font-weight: 700;
}

/* Çekmece açıkken arka plan kaymasın. */
body.kmt-kilit {
	overflow: hidden;
}

/* ==========================================================================
   29. Yazdırma
   ========================================================================== */

@media print {
	.kmt-serit,
	.kmt-basimlik,
	.kmt-mobil-cagri,
	.kmt-cekmece,
	.kmt-cta,
	.kmt-kombin-serit {
		display: none !important;
	}

	.kmt-sayfa {
		padding-bottom: 0;
	}

	body {
		background: #fff;
	}
}