/* ============================================================
   FT Hizmet Motoru — önyüz stilleri v1.1.0 (prefix: .fth-)
   Renkler: TÜMÜ ayarlardan (renk_birincil + renk_ikincil) türetilir.
   FT_Hizmet_Renk::css() :root'a --fth-birincil, --fth-ikincil, --fth-koyu,
   --fth-birincil-acik/-koyu, --fth-vurgu2, *-ustu (AA buton metni),
   --fth-birincil-metin/-parlak (AA vurgu metni) basar. Burada yalnız nötr
   beyaz/siyah ve WhatsApp markası sabittir; kalan her ton color-mix türevi.
   Her şablon TAM self-contained: .fth-sayfa kendi opak arka planını
   boydan boya (full-bleed) taşır; site arka planı tamamen örtülür.
   Tema sınıfları: .fth-tema-1 (Pro) … .fth-tema-5 (Minimal)
   ============================================================ */

:root {
	--fth-beyaz: #ffffff;
	--fth-siyah: #000000;
	--fth-wa: #25d366;               /* WhatsApp marka yeşili */
	/* PHP'nin bastığı türevler için güvenli geri dönüşler (inline yoksa) */
	--fth-koyu: color-mix(in srgb, var(--fth-birincil) 12%, var(--fth-siyah));
	--fth-birincil-acik: color-mix(in srgb, var(--fth-birincil) 60%, var(--fth-beyaz));
	--fth-birincil-koyu: color-mix(in srgb, var(--fth-birincil) 68%, var(--fth-siyah));
	--fth-vurgu2: var(--fth-vurgu2);
	--fth-birincil-ustu: var(--fth-koyu);
	--fth-vurgu2-ustu: var(--fth-koyu);
	--fth-birincil-metin: var(--fth-birincil-koyu);
	--fth-birincil-parlak: var(--fth-birincil);
	--fth-vurgu2-parlak: var(--fth-vurgu2);
	/* Ortak türevler */
	--fth-koyu-2: color-mix(in srgb, var(--fth-birincil) 12%, var(--fth-koyu));
	--fth-wa-metin: color-mix(in srgb, var(--fth-siyah) 82%, var(--fth-wa));
}

/* ------------------------------------------------------------
   Sayfa sarmalayıcı: opak zemin + full-bleed
   ------------------------------------------------------------ */
.fth-sayfa {
	/* Tema bazında ezilen tasarım değişkenleri */
	--fth-zemin: var(--fth-beyaz);            /* açık bölümler */
	--fth-zemin-acik: color-mix(in srgb, var(--fth-birincil) 7%, var(--fth-beyaz));  /* tonlu açık bölümler */
	--fth-koyu-zemin: var(--fth-koyu);                                              /* koyu bölümler */
	--fth-koyu-zemin-2: var(--fth-koyu-2);                                          /* koyu kart zemini */
	--fth-metin: var(--fth-koyu);
	--fth-metin-soluk: color-mix(in srgb, var(--fth-koyu) 72%, var(--fth-beyaz));  /* beyazda ≥4.5:1 */
	--fth-koyu-metin: color-mix(in srgb, var(--fth-beyaz) 90%, var(--fth-koyu));   /* koyu zeminde metin */
	--fth-koyu-soluk: color-mix(in srgb, var(--fth-beyaz) 68%, var(--fth-koyu));
	--fth-cizgi: color-mix(in srgb, var(--fth-koyu) 12%, var(--fth-beyaz));
	--fth-link: var(--fth-birincil-metin);
	--fth-koyu-cizgi: color-mix(in srgb, var(--fth-beyaz) 12%, transparent);
	--fth-kart-zemin: var(--fth-beyaz);
	--fth-radius: 14px;
	--fth-radius-kucuk: 10px;
	--fth-golge: 0 4px 18px color-mix(in srgb, var(--fth-koyu) 8%, transparent);
	--fth-golge-buyuk: 0 14px 40px color-mix(in srgb, var(--fth-koyu) 16%, transparent);

	/* Full-bleed: tema içerik kolonundan taşıp ekranı boydan boya kaplar */
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: var(--fth-zemin);
	color: var(--fth-metin);
	font-size: 1rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

.fth-sayfa a {
	color: var(--fth-link);
}

/* Koyu zeminlerde bağlantı AA için parlak ton */
.fth-bolum-koyu,
.fth-hero:not(.fth-hero-minimal),
.fth-cta-band,
.fth-tema-1,
.fth-tema-2 {
	--fth-link: var(--fth-birincil-parlak);
}

.fth-konteyner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 1.25rem;
}

/* ------------------------------------------------------------
   Bölüm iskeleti (dönüşümlü açık/koyu)
   ------------------------------------------------------------ */
.fth-bolum {
	padding: 3rem 0;
}

.fth-bolum-beyaz {
	background: var(--fth-zemin);
	color: var(--fth-metin);
}

.fth-bolum-acik {
	background: var(--fth-zemin-acik);
	color: var(--fth-metin);
}

.fth-bolum-koyu {
	background: var(--fth-koyu-zemin);
	color: var(--fth-koyu-metin);
}

.fth-bolum-baslik {
	margin: 0 0 0.75rem;
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1.25;
	color: inherit;
}

.fth-bolum-aciklama {
	margin: 0 0 1.75rem;
	max-width: 640px;
	color: var(--fth-metin-soluk);
}

.fth-bolum-koyu .fth-bolum-aciklama {
	color: var(--fth-koyu-soluk);
}

/* ------------------------------------------------------------
   Animasyonlar
   ------------------------------------------------------------ */
@keyframes fthFadeUp {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.fth-hero-metin > * {
	animation: fthFadeUp 0.55s ease both;
}

.fth-hero-metin > *:nth-child(2) { animation-delay: 0.08s; }
.fth-hero-metin > *:nth-child(3) { animation-delay: 0.16s; }
.fth-hero-metin > *:nth-child(4) { animation-delay: 0.24s; }
.fth-hero-metin > *:nth-child(5) { animation-delay: 0.32s; }
.fth-hero-metin > *:nth-child(6) { animation-delay: 0.4s; }

.fth-hero-gorsel {
	animation: fthFadeUp 0.65s ease 0.25s both;
}

@media (prefers-reduced-motion: reduce) {
	.fth-sayfa *,
	.fth-sayfa *::before,
	.fth-sayfa *::after {
		animation-duration: 0.01ms !important;
		animation-delay: 0s !important;
		transition-duration: 0.01ms !important;
	}
}

/* ------------------------------------------------------------
   Hero (ortak) + stiller: pro / neon / kurumsal / vitrin / minimal
   ------------------------------------------------------------ */
.fth-hero {
	position: relative;
	padding: 3.5rem 0 4.5rem;
	background: var(--fth-koyu-zemin);
	color: var(--fth-koyu-metin);
	overflow: hidden;
}

.fth-hero-ic {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: center;
}

.fth-hero-baslik {
	margin: 0 0 0.75rem;
	font-size: clamp(1.75rem, 4.5vw, 2.75rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--fth-beyaz);
}

.fth-hero-alt-baslik {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--fth-vurgu2-parlak);
}

.fth-hero-ozet {
	margin: 0 0 1.1rem;
	max-width: 560px;
	font-size: 1.05rem;
	color: var(--fth-koyu-soluk);
}

.fth-hero-rozet {
	display: inline-block;
	background: var(--fth-vurgu2);
	color: var(--fth-vurgu2-ustu);
	font-weight: 700;
	padding: 0.45rem 1.15rem;
	border-radius: 999px;
	margin-bottom: 1.4rem;
	font-size: 0.95rem;
	box-shadow: 0 4px 14px color-mix(in srgb, var(--fth-vurgu2) 40%, transparent);
}

.fth-hero-butonlar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.fth-hero-gorsel img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--fth-radius);
	box-shadow: var(--fth-golge-buyuk);
}

/* Kırıntı (breadcrumb) */
.fth-kirinti {
	margin-bottom: 1.1rem;
	font-size: 0.85rem;
	color: var(--fth-koyu-soluk);
}

.fth-kirinti a {
	color: var(--fth-koyu-soluk);
	text-decoration: none;
}

.fth-kirinti a:hover {
	color: var(--fth-beyaz);
	text-decoration: underline;
}

.fth-kirinti-ayrac {
	margin: 0 0.4rem;
	opacity: 0.6;
}

/* Hero: Pro — koyu zemin + birincil renge çalan gradient + nokta deseni */
.fth-hero-pro {
	background:
		radial-gradient(1.5px 1.5px at 20% 30%, color-mix(in srgb, var(--fth-beyaz) 14%, transparent) 0, transparent 100%),
		radial-gradient(1.5px 1.5px at 70% 65%, color-mix(in srgb, var(--fth-beyaz) 10%, transparent) 0, transparent 100%),
		radial-gradient(1.5px 1.5px at 45% 85%, color-mix(in srgb, var(--fth-beyaz) 8%, transparent) 0, transparent 100%),
		linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 28%, var(--fth-koyu-zemin)), var(--fth-koyu-zemin) 60%);
}

/* Hero: Neon — derin lacivert + neon parıltılar */
.fth-hero-neon {
	background:
		radial-gradient(640px 320px at 85% 0%, color-mix(in srgb, var(--fth-birincil) 24%, transparent), transparent 70%),
		radial-gradient(520px 300px at 0% 100%, color-mix(in srgb, var(--fth-vurgu2) 14%, transparent), transparent 70%),
		var(--fth-koyu-zemin);
}

.fth-hero-neon .fth-hero-baslik {
	text-shadow: 0 0 28px color-mix(in srgb, var(--fth-birincil) 55%, transparent);
}

/* Hero: Kurumsal — düz, ciddi, ince çizgili */
.fth-hero-kurumsal {
	background: linear-gradient(160deg, var(--fth-koyu-zemin), color-mix(in srgb, var(--fth-koyu-zemin) 80%, var(--fth-birincil)));
	border-bottom: 4px solid var(--fth-birincil);
}

/* Hero: Vitrin — full-bleed görsel + karartma */
.fth-hero-vitrin {
	min-height: 62vh;
	display: flex;
	align-items: flex-end;
	padding: 5rem 0 3.5rem;
}

.fth-hero-arkaplan,
.fth-hero-arkaplan img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.fth-hero-karartma {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to top, color-mix(in srgb, var(--fth-koyu) 92%, transparent) 0%, color-mix(in srgb, var(--fth-koyu) 55%, transparent) 55%, color-mix(in srgb, var(--fth-koyu) 25%, transparent) 100%);
}

/* Hero: Minimal — açık zemin, büyük tipografi */
.fth-hero-minimal {
	background: var(--fth-zemin);
	color: var(--fth-metin);
	padding: 4.5rem 0 3rem;
	border-bottom: 1px solid var(--fth-cizgi);
}

.fth-hero-minimal .fth-hero-baslik {
	color: var(--fth-metin);
	font-size: clamp(2rem, 5.5vw, 3.25rem);
	letter-spacing: -0.02em;
}

.fth-hero-minimal .fth-hero-ozet {
	color: var(--fth-metin-soluk);
	font-size: 1.15rem;
}

.fth-hero-minimal .fth-kirinti,
.fth-hero-minimal .fth-kirinti a {
	color: var(--fth-metin-soluk);
}

.fth-hero-minimal .fth-kirinti a:hover {
	color: var(--fth-birincil);
}

/* ------------------------------------------------------------
   Butonlar
   ------------------------------------------------------------ */
.fth-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.75rem 1.7rem;
	border-radius: var(--fth-radius-kucuk);
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.fth-btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--fth-golge);
	filter: brightness(1.06);
	text-decoration: none;
}

.fth-btn-ikon {
	font-size: 1.05em;
	line-height: 1;
}

.fth-btn-tel {
	background: var(--fth-birincil);
	color: var(--fth-birincil-ustu);
}

.fth-hero .fth-btn-tel {
	background: var(--fth-beyaz);
	color: var(--fth-koyu-zemin);
}

.fth-hero-minimal .fth-btn-tel {
	background: var(--fth-birincil);
	color: var(--fth-birincil-ustu);
}

.fth-btn-wa {
	background: var(--fth-wa);
	color: var(--fth-wa-metin);
}

.fth-btn-ikincil {
	background: var(--fth-vurgu2);
	color: var(--fth-vurgu2-ustu);
}

.fth-btn-beyaz {
	background: var(--fth-beyaz);
	color: var(--fth-metin);
}

.fth-btn-kucuk {
	padding: 0.45rem 1.05rem;
	font-size: 0.875rem;
}

.fth-btn-tel:hover {
	color: var(--fth-birincil-ustu);
}

.fth-btn-wa:hover {
	color: var(--fth-wa-metin);
}

.fth-btn-ikincil:hover {
	color: var(--fth-vurgu2-ustu);
}

.fth-hero .fth-btn-tel:hover {
	color: var(--fth-koyu-zemin);
}

.fth-btn-beyaz:hover {
	color: var(--fth-metin);
}

/* ------------------------------------------------------------
   Özellik kutuları (+ hero'ya bindirmeli kart bandı)
   ------------------------------------------------------------ */
.fth-ozellik-bandi {
	padding: 2rem 0;
}

.fth-ozellik-bandi.fth-bindirme {
	padding-top: 0;
	background: transparent;
}

.fth-bindirme .fth-ozellikler {
	position: relative;
	z-index: 3;
	margin-top: -3.25rem;
}

.fth-ozellikler {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.fth-ozellik {
	background: var(--fth-kart-zemin);
	border: 1px solid var(--fth-cizgi);
	border-radius: var(--fth-radius);
	padding: 1.4rem 1.25rem;
	box-shadow: var(--fth-golge);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.fth-ozellik:hover {
	transform: translateY(-4px);
	box-shadow: var(--fth-golge-buyuk);
}

.fth-ozellik-ikon {
	font-size: 1.45rem;
	line-height: 1;
	margin-bottom: 0.6rem;
	color: var(--fth-birincil);
}

.fth-ozellik-baslik {
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--fth-birincil);
	margin-bottom: 0.35rem;
}

.fth-ozellik-deger {
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--fth-metin);
}

/* ------------------------------------------------------------
   İçerik tipografisi
   ------------------------------------------------------------ */
.fth-icerik {
	max-width: 80ch;
	margin: 0 auto;
	font-size: 1.05rem;
}

.fth-icerik h2 {
	margin: 2rem 0 0.75rem;
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.3;
	color: inherit;
}

.fth-icerik h3 {
	margin: 1.5rem 0 0.6rem;
	font-size: 1.15rem;
	font-weight: 700;
	color: inherit;
}

.fth-icerik h2:first-child,
.fth-icerik h3:first-child {
	margin-top: 0;
}

.fth-icerik p {
	margin: 0 0 1.1rem;
}

.fth-icerik ul,
.fth-icerik ol {
	margin: 0 0 1.1rem;
	padding-left: 1.4rem;
}

.fth-icerik li {
	margin-bottom: 0.35rem;
}

.fth-icerik img {
	max-width: 100%;
	height: auto;
	border-radius: var(--fth-radius);
}

.fth-icerik blockquote {
	margin: 1.25rem 0;
	padding: 0.75rem 1.25rem;
	border-left: 4px solid var(--fth-birincil);
	background: var(--fth-zemin-acik);
	border-radius: 0 var(--fth-radius-kucuk) var(--fth-radius-kucuk) 0;
}

/* Yerel giriş paragrafı */
.fth-yerel-giris-bolum {
	padding-bottom: 0;
}

.fth-yerel-giris {
	max-width: 80ch;
	margin: 0 auto;
}

.fth-yerel-giris p {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.75;
}

/* ------------------------------------------------------------
   Süreç (4 adım)
   ------------------------------------------------------------ */
.fth-surec {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.1rem;
	counter-reset: fth-adim;
}

.fth-surec-adim {
	position: relative;
	background: var(--fth-kart-zemin);
	border: 1px solid var(--fth-cizgi);
	border-radius: var(--fth-radius);
	padding: 1.5rem 1.25rem 1.25rem;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.fth-surec-adim:hover {
	transform: translateY(-4px);
	box-shadow: var(--fth-golge);
}

.fth-surec-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background: var(--fth-birincil);
	color: var(--fth-birincil-ustu);
	font-weight: 800;
	font-size: 1.05rem;
	margin-bottom: 0.8rem;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--fth-birincil) 40%, transparent);
}

.fth-surec-baslik {
	margin: 0 0 0.4rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--fth-metin);
}

.fth-surec-metin {
	margin: 0;
	font-size: 0.92rem;
	color: var(--fth-metin-soluk);
}

/* ------------------------------------------------------------
   Ücret kartları
   ------------------------------------------------------------ */
.fth-ucret-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.1rem;
	margin-bottom: 1.75rem;
}

.fth-ucret-kart {
	background: var(--fth-zemin-acik);
	border: 1px solid var(--fth-cizgi);
	border-radius: var(--fth-radius);
	padding: 1.5rem 1.25rem;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.fth-ucret-kart:hover {
	transform: translateY(-4px);
	box-shadow: var(--fth-golge);
}

.fth-ucret-ikon {
	font-size: 1.6rem;
	line-height: 1;
	margin-bottom: 0.7rem;
	color: var(--fth-birincil);
}

.fth-ucret-kart h3 {
	margin: 0 0 0.45rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--fth-metin);
}

.fth-ucret-kart p {
	margin: 0;
	font-size: 0.92rem;
	color: var(--fth-metin-soluk);
}

.fth-ucret-rozet-satir {
	margin: 0;
	text-align: center;
}

.fth-ucret-rozet-satir .fth-hero-rozet {
	margin-bottom: 0;
}

/* ------------------------------------------------------------
   Belirtiler (koyu bölüm)
   ------------------------------------------------------------ */
.fth-belirti-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.fth-belirti-kart {
	background: var(--fth-koyu-zemin-2);
	border: 1px solid var(--fth-koyu-cizgi);
	border-radius: var(--fth-radius);
	padding: 1.35rem 1.25rem;
	transition: transform 0.22s ease, border-color 0.22s ease;
}

.fth-belirti-kart:hover {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--fth-birincil) 55%, transparent);
}

.fth-belirti-kart h3 {
	margin: 0 0 0.4rem;
	font-size: 1rem;
	font-weight: 800;
	color: var(--fth-beyaz);
}

.fth-belirti-kart p {
	margin: 0;
	font-size: 0.9rem;
	color: var(--fth-koyu-soluk);
}

/* ------------------------------------------------------------
   Gradient CTA bandı
   ------------------------------------------------------------ */
.fth-cta-band {
	background: linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 55%, var(--fth-koyu)), var(--fth-koyu));
	color: var(--fth-beyaz);
	text-align: center;
	padding: 3.5rem 0;
}

.fth-cta-baslik {
	margin: 0 0 0.6rem;
	font-size: clamp(1.5rem, 3.5vw, 2.1rem);
	font-weight: 800;
	color: var(--fth-beyaz);
}

.fth-cta-metin {
	margin: 0 auto 1.5rem;
	max-width: 560px;
	color: color-mix(in srgb, var(--fth-beyaz) 85%, transparent);
}

.fth-cta-band .fth-hero-butonlar {
	justify-content: center;
}

/* ------------------------------------------------------------
   Uyarı bandı (ikincil rengin soft tonu)
   ------------------------------------------------------------ */
.fth-uyari-bolum {
	background: color-mix(in srgb, var(--fth-vurgu2) 12%, var(--fth-zemin));
	padding: 2.25rem 0;
}

.fth-uyari-kutu {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	background: var(--fth-kart-zemin);
	border: 1px solid color-mix(in srgb, var(--fth-vurgu2) 45%, transparent);
	border-left: 5px solid var(--fth-vurgu2);
	border-radius: var(--fth-radius);
	padding: 1.4rem 1.5rem;
	box-shadow: var(--fth-golge);
}

.fth-uyari-ikon {
	font-size: 1.6rem;
	line-height: 1;
	color: var(--fth-vurgu2);
	flex-shrink: 0;
	margin-top: 0.15rem;
}

.fth-uyari-baslik {
	margin: 0 0 0.4rem;
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--fth-metin);
}

.fth-uyari-icerik p {
	margin: 0;
	font-size: 0.95rem;
	color: var(--fth-metin-soluk);
}

/* ------------------------------------------------------------
   SSS accordion (details/summary)
   ------------------------------------------------------------ */
.fth-sss {
	max-width: 820px;
}

.fth-akordeon {
	border: 1px solid var(--fth-cizgi);
	border-radius: var(--fth-radius-kucuk);
	margin-bottom: 0.6rem;
	overflow: hidden;
	background: var(--fth-kart-zemin);
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.fth-akordeon[open] {
	box-shadow: var(--fth-golge);
	border-color: color-mix(in srgb, var(--fth-birincil) 45%, var(--fth-cizgi));
}

.fth-akordeon summary {
	cursor: pointer;
	padding: 1rem 2.9rem 1rem 1.25rem;
	font-weight: 700;
	list-style: none;
	position: relative;
	color: var(--fth-metin);
}

.fth-akordeon summary::-webkit-details-marker {
	display: none;
}

.fth-akordeon summary::after {
	content: "+";
	position: absolute;
	right: 1.25rem;
	top: 50%;
	translate: 0 -50%;
	color: var(--fth-birincil);
	font-size: 1.35rem;
	font-weight: 800;
	transition: transform 0.25s ease;
}

.fth-akordeon[open] summary::after {
	transform: rotate(45deg);
}

.fth-akordeon-icerik {
	padding: 0 1.25rem 1.1rem;
	color: var(--fth-metin-soluk);
	font-size: 0.95rem;
}

/* ------------------------------------------------------------
   Kurumsal band
   ------------------------------------------------------------ */
.fth-kurumsal-bolum {
	padding: 2.25rem 0;
	background: var(--fth-zemin);
}

.fth-kurumsal-band {
	background: var(--fth-koyu-zemin);
	color: var(--fth-koyu-metin);
	border-radius: var(--fth-radius);
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	align-items: flex-start;
	box-shadow: var(--fth-golge-buyuk);
}

.fth-kurumsal-band h2 {
	margin: 0 0 0.5rem;
	color: var(--fth-vurgu2);
	font-size: 1.35rem;
	font-weight: 800;
}

.fth-kurumsal-band p {
	margin: 0;
	color: var(--fth-koyu-soluk);
}

/* ------------------------------------------------------------
   İstatistik bandı (kurumsal şablon)
   ------------------------------------------------------------ */
.fth-istatistik-bolum {
	padding: 2.5rem 0;
}

.fth-istatistik-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	text-align: center;
}

.fth-istatistik-sayi {
	font-size: 2.4rem;
	font-weight: 800;
	line-height: 1.1;
	color: var(--fth-birincil);
}

.fth-istatistik-etiket {
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--fth-koyu-soluk);
	margin-top: 0.25rem;
}

/* ------------------------------------------------------------
   İlgili hizmet kartları + genel kart grid (shortcode uyumlu)
   ------------------------------------------------------------ */
.fth-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	margin: 1.5rem 0 0;
}

.fth-kart {
	background: var(--fth-kart-zemin);
	border: 1px solid var(--fth-cizgi);
	border-radius: var(--fth-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fth-kart:hover {
	transform: translateY(-5px);
	box-shadow: var(--fth-golge-buyuk);
}

.fth-kart-gorsel {
	display: block;
	overflow: hidden;
}

.fth-kart-gorsel img {
	width: 100%;
	height: 190px;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}

.fth-kart:hover .fth-kart-gorsel img {
	transform: scale(1.05);
}

.fth-kart-icerik {
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	flex: 1;
}

.fth-kart-baslik {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 800;
}

.fth-kart-baslik a {
	text-decoration: none;
	color: var(--fth-metin);
}

.fth-kart-baslik a:hover {
	color: var(--fth-birincil);
}

.fth-kart-ozet {
	margin: 0;
	color: var(--fth-metin-soluk);
	font-size: 0.92rem;
	flex: 1;
}

.fth-kart-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.fth-etiket {
	background: var(--fth-zemin-acik);
	border: 1px solid var(--fth-cizgi);
	border-radius: 999px;
	padding: 0.15rem 0.7rem;
	font-size: 0.78rem;
	color: var(--fth-metin-soluk);
}

.fth-kart-alt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.25rem;
}

/* ------------------------------------------------------------
   İlçe grid'i
   ------------------------------------------------------------ */
.fth-ilce-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.7rem;
}

.fth-ilce-kart {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	background: var(--fth-kart-zemin);
	border: 1px solid var(--fth-cizgi);
	border-radius: var(--fth-radius-kucuk);
	padding: 0.8rem 1rem;
	text-decoration: none;
	color: var(--fth-metin);
	font-weight: 600;
	font-size: 0.92rem;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.fth-ilce-kart:hover {
	transform: translateY(-3px);
	border-color: var(--fth-birincil);
	box-shadow: var(--fth-golge);
	color: var(--fth-birincil);
	text-decoration: none;
}

.fth-ilce-ikon {
	flex-shrink: 0;
	line-height: 1;
}

/* Eski liste biçimi (geriye uyum) */
.fth-ilce-listesi {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
}

.fth-ilce-listesi li a {
	display: inline-block;
	background: var(--fth-zemin-acik);
	border: 1px solid var(--fth-cizgi);
	border-radius: 999px;
	padding: 0.35rem 0.9rem;
	font-size: 0.875rem;
	text-decoration: none;
	color: var(--fth-metin);
	transition: background 0.2s ease, color 0.2s ease;
}

.fth-ilce-listesi li a:hover {
	background: var(--fth-birincil);
	color: var(--fth-birincil-ustu);
}

/* ------------------------------------------------------------
   Güven bandı
   ------------------------------------------------------------ */
.fth-guven-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.1rem;
	margin-bottom: 2rem;
}

.fth-guven-kutu {
	text-align: center;
	background: var(--fth-zemin-acik);
	border: 1px solid var(--fth-cizgi);
	border-radius: var(--fth-radius);
	padding: 1.6rem 1.25rem;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.fth-guven-kutu:hover {
	transform: translateY(-4px);
	box-shadow: var(--fth-golge);
}

.fth-guven-ikon {
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: 0.7rem;
}

.fth-guven-kutu h3 {
	margin: 0 0 0.45rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--fth-metin);
}

.fth-guven-kutu p {
	margin: 0;
	font-size: 0.92rem;
	color: var(--fth-metin-soluk);
}

.fth-guven-iletisim {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	align-items: center;
}

.fth-guven-firma {
	font-size: 1.15rem;
	color: var(--fth-metin);
}

.fth-guven-adres {
	font-size: 0.92rem;
	color: var(--fth-metin-soluk);
}

.fth-guven-iletisim .fth-hero-butonlar {
	justify-content: center;
	margin-top: 0.4rem;
}

/* ------------------------------------------------------------
   Fiyat tablosu (shortcode, geriye uyum)
   ------------------------------------------------------------ */
.fth-tablo-sarmal {
	overflow-x: auto;
	margin: 1.5rem 0;
}

.fth-tablo {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
}

.fth-tablo th {
	text-align: left;
	background: var(--fth-koyu-zemin);
	color: var(--fth-beyaz);
	padding: 0.75rem 1rem;
}

.fth-tablo td {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid var(--fth-cizgi);
}

.fth-tablo tr.fth-one-cikan {
	background: color-mix(in srgb, var(--fth-vurgu2) 10%, var(--fth-beyaz));
}

.fth-fiyat {
	font-weight: 700;
	color: var(--fth-link);
	white-space: nowrap;
}

.fth-rozet-mini {
	display: inline-block;
	background: var(--fth-vurgu2);
	color: var(--fth-vurgu2-ustu);
	font-size: 0.7rem;
	font-weight: 700;
	border-radius: 999px;
	padding: 0.1rem 0.5rem;
	margin-left: 0.4rem;
	vertical-align: middle;
}

/* ------------------------------------------------------------
   Sticky mobil alt CTA çubuğu
   ------------------------------------------------------------ */
.fth-mobil-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	display: flex;
	gap: 1px;
	background: var(--fth-koyu-zemin);
	box-shadow: 0 -4px 18px color-mix(in srgb, var(--fth-siyah) 25%, transparent);
}

.fth-mobil-cta-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: 0.95rem 0.5rem;
	font-weight: 800;
	font-size: 1rem;
	text-decoration: none;
	color: var(--fth-beyaz);
}

.fth-mobil-cta-btn:hover {
	color: var(--fth-beyaz);
	filter: brightness(1.08);
	text-decoration: none;
}

.fth-mobil-cta-tel,
.fth-mobil-cta-tel:hover {
	background: var(--fth-birincil);
	color: var(--fth-birincil-ustu);
}

.fth-mobil-cta-wa,
.fth-mobil-cta-wa:hover {
	background: var(--fth-wa);
	color: var(--fth-wa-metin);
}

@media (max-width: 767px) {
	/* Mobil çubuk içeriği örtmesin */
	.fth-sayfa {
		padding-bottom: 56px;
	}
}

@media (min-width: 768px) {
	.fth-mobil-cta {
		display: none;
	}
}

/* ============================================================
   TEMA 1 — Pro (KOYU CAM)
   2.0.6: sayfa kendi koyu zeminini taşır (--fth-koyu = koyu ikincil ya da
   birincile çalan derin ton) + birincil ışıltısı; tema zemini sızmaz.
   Tüm vurgu/ikon/rozet tonları birincilin tek-aile türevleri; mor/pembe yok.
   İçerik yüksek kontrast (WCAG AA) açık tipografi.
   ============================================================ */
.fth-tema-1 {
	/* Cam panel ve tipografi token'ları */
	--fth-cam: color-mix(in srgb, var(--fth-koyu) 72%, transparent);
	--fth-cam-koyu: color-mix(in srgb, var(--fth-koyu) 82%, transparent);
	--fth-cam-acik: color-mix(in srgb, var(--fth-beyaz) 5%, transparent);
	--fth-cam-cizgi: color-mix(in srgb, var(--fth-beyaz) 8%, transparent);
	--fth-cam-cizgi-guclu: color-mix(in srgb, var(--fth-beyaz) 16%, transparent);
	--fth-baslik: color-mix(in srgb, var(--fth-beyaz) 96%, var(--fth-birincil));
	--fth-govde: color-mix(in srgb, var(--fth-beyaz) 82%, var(--fth-koyu));
	--fth-ikincil-metin: color-mix(in srgb, var(--fth-beyaz) 66%, var(--fth-koyu));

	/* Temel değişkenleri cam paletine ez */
	--fth-zemin: transparent;
	--fth-zemin-acik: transparent;
	--fth-koyu-zemin: transparent;
	--fth-koyu-zemin-2: var(--fth-cam-acik);
	--fth-metin: var(--fth-baslik);
	--fth-metin-soluk: var(--fth-govde);
	--fth-koyu-metin: var(--fth-baslik);
	--fth-koyu-soluk: var(--fth-ikincil-metin);
	--fth-cizgi: var(--fth-cam-cizgi);
	--fth-koyu-cizgi: var(--fth-cam-cizgi);
	--fth-kart-zemin: var(--fth-cam);
	--fth-radius: 20px;
	--fth-radius-kucuk: 14px;
	--fth-golge: 0 10px 34px color-mix(in srgb, var(--fth-siyah) 45%, transparent);
	--fth-golge-buyuk: 0 22px 60px color-mix(in srgb, var(--fth-siyah) 60%, transparent);

	/* Kendi koyu zemini: ayar renginden ışıltı + koyu taban (opak) */
	background:
		radial-gradient(1100px 620px at 8% -4%, color-mix(in srgb, var(--fth-birincil) 16%, transparent), transparent 70%),
		radial-gradient(900px 560px at 100% 38%, color-mix(in srgb, var(--fth-vurgu2) 9%, transparent), transparent 70%),
		radial-gradient(900px 600px at 0% 100%, color-mix(in srgb, var(--fth-birincil) 10%, transparent), transparent 70%),
		var(--fth-koyu);
	color: var(--fth-govde);
}

/* Aurora arası nefes alsın: bölümlerin kendi opak zemini olmasın,
   ama içerideki kart/panel'ler cam olsun. Bölüm başlıklı paneller
   ortak .fth-cam-panel hissi için sarmalanır. */
.fth-tema-1 .fth-bolum {
	background: transparent;
}

/* Genel: içerik taşıyan bölümlere cam panel ver (başlık + grid birlikte). */
.fth-tema-1 .fth-surec-bolum .fth-konteyner,
.fth-tema-1 .fth-ucret-bolum .fth-konteyner,
.fth-tema-1 .fth-belirtiler-bolum .fth-konteyner,
.fth-tema-1 .fth-sss-bolum .fth-konteyner,
.fth-tema-1 .fth-ilgili-bolum .fth-konteyner,
.fth-tema-1 .fth-ilce-bolum .fth-konteyner,
.fth-tema-1 .fth-guven-bolum .fth-konteyner,
.fth-tema-1 .fth-yerel-giris-bolum .fth-konteyner,
.fth-tema-1 .fth-ulasim-bolum .fth-konteyner,
.fth-tema-1 .fth-bolum-beyaz:not(.fth-ilgili-bolum):not(.fth-guven-bolum):not(.fth-yerel-giris-bolum) .fth-icerik {
	position: relative;
	background: var(--fth-cam);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid var(--fth-cam-cizgi);
	border-radius: var(--fth-radius);
	box-shadow: var(--fth-golge);
	padding: 2rem 1.5rem;
}

.fth-tema-1 .fth-icerik {
	max-width: none;
	color: var(--fth-govde);
}

/* Tipografi — koyu cam üstünde okunabilir */
.fth-tema-1 .fth-bolum-baslik,
.fth-tema-1 .fth-icerik h2,
.fth-tema-1 .fth-icerik h3,
.fth-tema-1 .fth-surec-baslik,
.fth-tema-1 .fth-ucret-kart h3,
.fth-tema-1 .fth-belirti-kart h3,
.fth-tema-1 .fth-guven-kutu h3,
.fth-tema-1 .fth-uyari-baslik,
.fth-tema-1 .fth-kart-baslik a,
.fth-tema-1 .fth-akordeon summary,
.fth-tema-1 .fth-guven-firma,
.fth-tema-1 .fth-ozellik-deger {
	color: var(--fth-baslik);
}

.fth-tema-1 .fth-icerik,
.fth-tema-1 .fth-icerik p,
.fth-tema-1 .fth-icerik li,
.fth-tema-1 .fth-bolum-aciklama,
.fth-tema-1 .fth-surec-metin,
.fth-tema-1 .fth-ucret-kart p,
.fth-tema-1 .fth-belirti-kart p,
.fth-tema-1 .fth-guven-kutu p,
.fth-tema-1 .fth-kart-ozet,
.fth-tema-1 .fth-akordeon-icerik,
.fth-tema-1 .fth-uyari-icerik p,
.fth-tema-1 .fth-guven-adres,
.fth-tema-1 .fth-yerel-giris p,
.fth-tema-1 .fth-ulasim-metin {
	color: var(--fth-govde);
}

.fth-tema-1 .fth-icerik blockquote {
	background: var(--fth-cam-acik);
	border-left-color: var(--fth-birincil);
	color: var(--fth-govde);
}

.fth-tema-1 .fth-icerik a {
	color: var(--fth-birincil-parlak);
}

/* ---- HERO: aurora üstünde koyu cam panel ---- */
.fth-tema-1 .fth-hero {
	background: transparent;
	padding: 3.5rem 0 3rem;
}

.fth-tema-1 .fth-hero-pro {
	background: transparent;
}

.fth-tema-1 .fth-hero-ic {
	background: var(--fth-cam-koyu);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border: 1px solid var(--fth-cam-cizgi-guclu);
	border-radius: 28px;
	box-shadow: var(--fth-golge-buyuk);
	padding: 2.5rem 2rem;
}

.fth-tema-1 .fth-hero-baslik {
	color: var(--fth-baslik);
	background: linear-gradient(120deg, var(--fth-beyaz) 0%, var(--fth-birincil-acik) 55%, var(--fth-birincil-parlak) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.fth-tema-1 .fth-hero-ozet {
	color: var(--fth-govde);
}

.fth-tema-1 .fth-hero-alt-baslik {
	color: var(--fth-vurgu2-parlak);
}

.fth-tema-1 .fth-hero-rozet {
	background: linear-gradient(135deg, var(--fth-birincil-acik), var(--fth-birincil));
	color: var(--fth-birincil-ustu);
	box-shadow: 0 6px 22px color-mix(in srgb, var(--fth-birincil) 40%, transparent);
}

.fth-tema-1 .fth-kirinti,
.fth-tema-1 .fth-kirinti a {
	color: var(--fth-ikincil-metin);
}

.fth-tema-1 .fth-kirinti a:hover {
	color: var(--fth-beyaz);
}

.fth-tema-1 .fth-hero-gorsel img {
	box-shadow: var(--fth-golge-buyuk);
	border: 1px solid var(--fth-cam-cizgi);
}

/* Hero butonları: tel = birincil ışıklı gradient (AA metin), WA = marka yeşili */
.fth-tema-1 .fth-hero .fth-btn-tel,
.fth-tema-1 .fth-btn-tel {
	background: linear-gradient(135deg, var(--fth-birincil-acik), var(--fth-birincil) 60%);
	color: var(--fth-birincil-ustu);
	box-shadow: 0 8px 24px color-mix(in srgb, var(--fth-birincil) 38%, transparent);
}

.fth-tema-1 .fth-hero .fth-btn-tel:hover,
.fth-tema-1 .fth-btn-tel:hover {
	color: var(--fth-birincil-ustu);
}

.fth-tema-1 .fth-btn-wa {
	background: var(--fth-wa);
	color: var(--fth-wa-metin);
	box-shadow: 0 8px 24px color-mix(in srgb, var(--fth-wa) 40%, transparent);
}

.fth-tema-1 .fth-btn-beyaz {
	background: var(--fth-beyaz);
	color: var(--fth-koyu);
}

/* ---- Renkli gradient ikon kutuları (laptopservisi tarzı) ----
   Süreç + özellik + ücret + ilgili kartlarda kullanılan renk paleti. */
.fth-tema-1 .fth-surec-no,
.fth-tema-1 .fth-ozellik-ikon,
.fth-tema-1 .fth-ucret-ikon,
.fth-tema-1 .fth-kart-ikon {
	--fth-ikon-a: var(--fth-birincil);
	--fth-ikon-b: var(--fth-birincil-koyu);
}

/* Renk varyantları (PHP'den .fth-*-renk-* sınıfı ile gelir) */
.fth-tema-1 .fth-surec-renk-turuncu,
.fth-tema-1 .fth-ozellik-renk-turuncu,
.fth-tema-1 .fth-ucret-renk-turuncu,
.fth-tema-1 .fth-kart-renk-turuncu {
	--fth-ikon-a: var(--fth-vurgu2);
	--fth-ikon-b: var(--fth-birincil);
}

.fth-tema-1 .fth-surec-renk-mor,
.fth-tema-1 .fth-ozellik-renk-mor,
.fth-tema-1 .fth-ucret-renk-mor,
.fth-tema-1 .fth-kart-renk-mor {
	--fth-ikon-a: var(--fth-birincil-acik);
	--fth-ikon-b: var(--fth-birincil);
}

.fth-tema-1 .fth-surec-renk-mavi,
.fth-tema-1 .fth-ozellik-renk-mavi,
.fth-tema-1 .fth-ucret-renk-mavi,
.fth-tema-1 .fth-kart-renk-mavi {
	--fth-ikon-a: var(--fth-birincil);
	--fth-ikon-b: var(--fth-birincil-koyu);
}

.fth-tema-1 .fth-surec-renk-yesil,
.fth-tema-1 .fth-ozellik-renk-yesil,
.fth-tema-1 .fth-kart-renk-yesil {
	--fth-ikon-a: color-mix(in srgb, var(--fth-birincil) 70%, var(--fth-beyaz));
	--fth-ikon-b: var(--fth-birincil-koyu);
}

.fth-tema-1 .fth-ozellik-renk-pembe,
.fth-tema-1 .fth-kart-renk-pembe {
	--fth-ikon-a: var(--fth-birincil);
	--fth-ikon-b: color-mix(in srgb, var(--fth-birincil-koyu) 70%, var(--fth-koyu));
}

/* ---- Özellik kutuları (cam + renkli ikon) ---- */
.fth-tema-1 .fth-ozellik {
	background: var(--fth-cam);
	border: 1px solid var(--fth-cam-cizgi);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: var(--fth-golge);
}

.fth-tema-1 .fth-ozellik-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 14px;
	font-size: 1.5rem;
	color: var(--fth-birincil-ustu);
	background: linear-gradient(135deg, var(--fth-ikon-a), var(--fth-ikon-b));
	box-shadow: 0 8px 22px color-mix(in srgb, var(--fth-ikon-a) 45%, transparent);
}

.fth-tema-1 .fth-ozellik-baslik {
	color: var(--fth-birincil-parlak);
}

.fth-tema-1 .fth-ozellik:hover {
	transform: translateY(-5px);
	border-color: var(--fth-cam-cizgi-guclu);
	box-shadow: var(--fth-golge-buyuk), 0 0 30px color-mix(in srgb, var(--fth-ikon-a) 22%, transparent);
}

/* ---- Süreç adımları (renkli numara rozeti) ---- */
.fth-tema-1 .fth-surec-adim {
	background: var(--fth-cam-acik);
	border: 1px solid var(--fth-cam-cizgi);
}

.fth-tema-1 .fth-surec-no {
	background: linear-gradient(135deg, var(--fth-ikon-a), var(--fth-ikon-b));
	box-shadow: 0 8px 22px color-mix(in srgb, var(--fth-ikon-a) 50%, transparent);
}

.fth-tema-1 .fth-surec-adim:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 30px color-mix(in srgb, var(--fth-ikon-a) 25%, transparent);
}

/* ---- Ücret kartları ---- */
.fth-tema-1 .fth-ucret-kart {
	background: var(--fth-cam-acik);
	border: 1px solid var(--fth-cam-cizgi);
}

.fth-tema-1 .fth-ucret-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 16px;
	font-size: 1.65rem;
	color: var(--fth-beyaz);
	background: linear-gradient(135deg, var(--fth-ikon-a), var(--fth-ikon-b));
	box-shadow: 0 8px 22px color-mix(in srgb, var(--fth-ikon-a) 45%, transparent);
}

.fth-tema-1 .fth-ucret-kart:hover {
	transform: translateY(-5px);
	box-shadow: var(--fth-golge-buyuk);
}

.fth-tema-1 .fth-ucret-rozet-satir .fth-hero-rozet {
	background: linear-gradient(135deg, var(--fth-birincil-acik), var(--fth-birincil));
}

/* ---- Belirti kartları ---- */
.fth-tema-1 .fth-belirti-kart {
	background: var(--fth-cam-acik);
	border: 1px solid var(--fth-cam-cizgi);
}

.fth-tema-1 .fth-belirti-kart:hover {
	transform: translateY(-5px);
	border-color: color-mix(in srgb, var(--fth-birincil) 55%, transparent);
	box-shadow: 0 0 28px color-mix(in srgb, var(--fth-birincil) 22%, transparent);
}

/* ---- SSS akordeon ---- */
.fth-tema-1 .fth-akordeon {
	background: var(--fth-cam-acik);
	border: 1px solid var(--fth-cam-cizgi);
}

.fth-tema-1 .fth-akordeon[open] {
	border-color: color-mix(in srgb, var(--fth-birincil) 45%, transparent);
	box-shadow: 0 0 24px color-mix(in srgb, var(--fth-birincil) 18%, transparent);
}

.fth-tema-1 .fth-akordeon summary::after {
	color: var(--fth-birincil);
}

/* ---- Hizmet yelpazesi grid (görselli, renkli, hover lift) ---- */
.fth-tema-1 .fth-kart {
	background: var(--fth-cam);
	border: 1px solid var(--fth-cam-cizgi);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: var(--fth-golge);
}

.fth-tema-1 .fth-kart-gorsel img {
	height: 200px;
}

.fth-tema-1 .fth-kart-icerik {
	gap: 0.7rem;
}

.fth-tema-1 .fth-kart-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 14px;
	font-size: 1.4rem;
	color: var(--fth-beyaz);
	background: linear-gradient(135deg, var(--fth-ikon-a), var(--fth-ikon-b));
	box-shadow: 0 8px 20px color-mix(in srgb, var(--fth-ikon-a) 45%, transparent);
}

/* İkon görselin üstüne hafifçe binsin */
.fth-tema-1 .fth-grid-gorselli .fth-kart-ikon {
	margin-top: -2.4rem;
	position: relative;
	z-index: 2;
	border: 2px solid var(--fth-cam-koyu);
}

.fth-tema-1 .fth-kart-baslik a:hover {
	color: var(--fth-birincil-acik);
}

.fth-tema-1 .fth-kart-fiyat {
	display: inline-block;
	background: color-mix(in srgb, var(--fth-birincil) 18%, transparent);
	color: var(--fth-birincil-acik);
	border: 1px solid color-mix(in srgb, var(--fth-birincil) 40%, transparent);
	border-radius: 999px;
	padding: 0.2rem 0.75rem;
	font-size: 0.8rem;
	font-weight: 700;
}

.fth-tema-1 .fth-kart:hover {
	transform: translateY(-6px);
	border-color: var(--fth-cam-cizgi-guclu);
	box-shadow: var(--fth-golge-buyuk), 0 0 34px color-mix(in srgb, var(--fth-ikon-a) 22%, transparent);
}

/* ---- İlçe grid (renkli pin ikon + cam) ---- */
.fth-tema-1 .fth-ilce-kart {
	background: var(--fth-cam-acik);
	border: 1px solid var(--fth-cam-cizgi);
	color: var(--fth-baslik);
}

.fth-tema-1 .fth-ilce-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 10px;
	font-size: 0.95rem;
	background: linear-gradient(135deg, var(--fth-ikon-a), var(--fth-ikon-b));
	box-shadow: 0 6px 16px color-mix(in srgb, var(--fth-ikon-a) 45%, transparent);
}

.fth-tema-1 .fth-ilce-kart:hover {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--fth-ikon-a) 60%, transparent);
	box-shadow: 0 0 26px color-mix(in srgb, var(--fth-ikon-a) 25%, transparent);
	color: var(--fth-baslik);
}

/* ---- Güven kutuları ---- */
.fth-tema-1 .fth-guven-kutu {
	background: var(--fth-cam-acik);
	border: 1px solid var(--fth-cam-cizgi);
}

.fth-tema-1 .fth-guven-ikon {
	color: var(--fth-birincil-parlak);
}

.fth-tema-1 .fth-guven-kutu:hover {
	transform: translateY(-5px);
	box-shadow: var(--fth-golge-buyuk);
}

/* ---- Uyarı bandı ---- */
.fth-tema-1 .fth-uyari-bolum {
	background: transparent;
}

.fth-tema-1 .fth-uyari-kutu {
	background: var(--fth-cam);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid color-mix(in srgb, var(--fth-vurgu2) 35%, transparent);
	border-left: 5px solid var(--fth-vurgu2);
	box-shadow: var(--fth-golge);
}

.fth-tema-1 .fth-uyari-ikon {
	color: var(--fth-vurgu2-parlak);
}

/* ---- Kurumsal band ---- */
.fth-tema-1 .fth-kurumsal-bolum {
	background: transparent;
}

.fth-tema-1 .fth-kurumsal-band {
	background: var(--fth-cam-koyu);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border: 1px solid var(--fth-cam-cizgi-guclu);
}

.fth-tema-1 .fth-kurumsal-band h2 {
	color: var(--fth-vurgu2-parlak);
}

.fth-tema-1 .fth-kurumsal-band p {
	color: var(--fth-govde);
}

.fth-tema-1 .fth-btn-ikincil {
	background: linear-gradient(135deg, var(--fth-vurgu2), var(--fth-birincil));
	color: var(--fth-vurgu2-ustu);
}

/* ---- CTA bandı (parlak gradient, cam üstü) ---- */
.fth-tema-1 .fth-cta-band {
	background:
		radial-gradient(600px 300px at 12% 0%, color-mix(in srgb, var(--fth-birincil) 34%, transparent), transparent 70%),
		radial-gradient(500px 260px at 90% 100%, color-mix(in srgb, var(--fth-vurgu2) 20%, transparent), transparent 70%),
		linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 30%, var(--fth-koyu)), var(--fth-koyu));
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 28px;
	border: 1px solid var(--fth-cam-cizgi-guclu);
	margin: 1rem auto;
	max-width: 1320px;
}

.fth-tema-1 .fth-cta-metin {
	color: color-mix(in srgb, var(--fth-beyaz) 90%, transparent);
}

/* ---- Etiketler ---- */
.fth-tema-1 .fth-etiket {
	background: var(--fth-cam-acik);
	border-color: var(--fth-cam-cizgi);
	color: var(--fth-ikincil-metin);
}

/* ---- fade-in-up animasyonu (saf CSS, observer yok) ---- */
.fth-tema-1 .fth-surec-adim,
.fth-tema-1 .fth-ucret-kart,
.fth-tema-1 .fth-belirti-kart,
.fth-tema-1 .fth-kart,
.fth-tema-1 .fth-ozellik,
.fth-tema-1 .fth-guven-kutu {
	animation: fthFadeUp 0.55s ease both;
}

/* Mobil cta çubuğu (tema-1: gradient tel) */
.fth-tema-1 .fth-mobil-cta-tel {
	background: linear-gradient(135deg, var(--fth-birincil-acik), var(--fth-birincil));
	color: var(--fth-birincil-ustu);
}

@media (prefers-reduced-motion: reduce) {
	.fth-tema-1 .fth-surec-adim,
	.fth-tema-1 .fth-ucret-kart,
	.fth-tema-1 .fth-belirti-kart,
	.fth-tema-1 .fth-kart,
	.fth-tema-1 .fth-ozellik,
	.fth-tema-1 .fth-guven-kutu {
		animation: none;
	}
}

/* ============================================================
   TEMA 2 — Koyu Neon (aurora uyumlu, glassmorphism)
   ============================================================ */
.fth-tema-2 {
	--fth-zemin: var(--fth-koyu);
	--fth-zemin-acik: var(--fth-koyu-2);
	--fth-koyu-zemin: var(--fth-koyu);
	--fth-koyu-zemin-2: color-mix(in srgb, var(--fth-beyaz) 5%, transparent);
	--fth-metin: color-mix(in srgb, var(--fth-beyaz) 90%, var(--fth-koyu));
	--fth-metin-soluk: color-mix(in srgb, var(--fth-beyaz) 68%, var(--fth-koyu));
	--fth-cizgi: color-mix(in srgb, var(--fth-beyaz) 12%, transparent);
	--fth-kart-zemin: color-mix(in srgb, var(--fth-beyaz) 5%, transparent);
	--fth-golge: 0 4px 22px color-mix(in srgb, var(--fth-siyah) 45%, transparent);
	--fth-golge-buyuk: 0 16px 48px color-mix(in srgb, var(--fth-siyah) 55%, transparent);
	--fth-radius: 16px;
}

.fth-tema-2 .fth-bolum-acik {
	background:
		radial-gradient(640px 300px at 100% 0%, color-mix(in srgb, var(--fth-birincil) 8%, transparent), transparent 70%),
		var(--fth-zemin-acik);
}

.fth-tema-2 .fth-ozellik,
.fth-tema-2 .fth-surec-adim,
.fth-tema-2 .fth-ucret-kart,
.fth-tema-2 .fth-akordeon,
.fth-tema-2 .fth-kart,
.fth-tema-2 .fth-ilce-kart,
.fth-tema-2 .fth-guven-kutu,
.fth-tema-2 .fth-belirti-kart,
.fth-tema-2 .fth-uyari-kutu {
	background: color-mix(in srgb, var(--fth-beyaz) 5%, transparent);
	border-color: color-mix(in srgb, var(--fth-beyaz) 12%, transparent);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.fth-tema-2 .fth-ozellik:hover,
.fth-tema-2 .fth-ilce-kart:hover,
.fth-tema-2 .fth-belirti-kart:hover {
	border-color: color-mix(in srgb, var(--fth-birincil) 65%, transparent);
	box-shadow: 0 0 24px color-mix(in srgb, var(--fth-birincil) 30%, transparent);
}

.fth-tema-2 .fth-ozellik-deger,
.fth-tema-2 .fth-surec-baslik,
.fth-tema-2 .fth-ucret-kart h3,
.fth-tema-2 .fth-guven-kutu h3,
.fth-tema-2 .fth-uyari-baslik,
.fth-tema-2 .fth-akordeon summary,
.fth-tema-2 .fth-kart-baslik a,
.fth-tema-2 .fth-ilce-kart,
.fth-tema-2 .fth-guven-firma {
	color: var(--fth-metin);
}

.fth-tema-2 .fth-bolum-aciklama,
.fth-tema-2 .fth-surec-metin,
.fth-tema-2 .fth-ucret-kart p,
.fth-tema-2 .fth-guven-kutu p,
.fth-tema-2 .fth-kart-ozet,
.fth-tema-2 .fth-akordeon-icerik,
.fth-tema-2 .fth-uyari-icerik p,
.fth-tema-2 .fth-guven-adres {
	color: var(--fth-metin-soluk);
}

.fth-tema-2 .fth-ozellik-baslik,
.fth-tema-2 .fth-ozellik-ikon,
.fth-tema-2 .fth-ucret-ikon {
	color: var(--fth-birincil-parlak);
	text-shadow: 0 0 14px color-mix(in srgb, var(--fth-birincil) 60%, transparent);
}

.fth-tema-2 .fth-surec-no {
	box-shadow: 0 0 18px color-mix(in srgb, var(--fth-birincil) 55%, transparent);
}

.fth-tema-2 .fth-uyari-bolum {
	background: color-mix(in srgb, var(--fth-vurgu2) 10%, var(--fth-zemin));
}

.fth-tema-2 .fth-icerik blockquote {
	background: color-mix(in srgb, var(--fth-beyaz) 5%, transparent);
}

.fth-tema-2 .fth-etiket {
	background: color-mix(in srgb, var(--fth-beyaz) 6%, transparent);
	border-color: color-mix(in srgb, var(--fth-beyaz) 12%, transparent);
	color: var(--fth-metin-soluk);
}

.fth-tema-2 .fth-cta-band {
	background:
		radial-gradient(560px 280px at 15% 0%, color-mix(in srgb, var(--fth-birincil) 35%, transparent), transparent 70%),
		linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 45%, var(--fth-koyu)), var(--fth-koyu));
}

/* ============================================================
   TEMA 3 — Kurumsal (lacivert-gri ciddi palet, keskin köşeler)
   ============================================================ */
.fth-tema-3 {
	--fth-zemin: var(--fth-beyaz);
	--fth-zemin-acik: color-mix(in srgb, var(--fth-koyu) 7%, var(--fth-beyaz));
	--fth-koyu-zemin: color-mix(in srgb, var(--fth-birincil) 14%, var(--fth-koyu));
	--fth-koyu-zemin-2: color-mix(in srgb, var(--fth-birincil) 22%, var(--fth-koyu));
	--fth-metin: var(--fth-koyu);
	--fth-metin-soluk: color-mix(in srgb, var(--fth-koyu) 74%, var(--fth-beyaz));
	--fth-koyu-soluk: color-mix(in srgb, var(--fth-beyaz) 70%, var(--fth-koyu));
	--fth-cizgi: color-mix(in srgb, var(--fth-koyu) 16%, var(--fth-beyaz));
	--fth-radius: 8px;
	--fth-radius-kucuk: 6px;
}

.fth-tema-3 .fth-bolum-baslik {
	letter-spacing: -0.01em;
}

.fth-tema-3 .fth-hero-rozet {
	border-radius: var(--fth-radius-kucuk);
}

.fth-tema-3 .fth-btn {
	border-radius: var(--fth-radius-kucuk);
}

.fth-tema-3 .fth-ozellik,
.fth-tema-3 .fth-surec-adim,
.fth-tema-3 .fth-ucret-kart,
.fth-tema-3 .fth-guven-kutu {
	border-top: 3px solid var(--fth-birincil);
}

.fth-tema-3 .fth-surec-no {
	border-radius: var(--fth-radius-kucuk);
}

/* ============================================================
   TEMA 4 — Vitrin (görsel ağırlıklı, magazin)
   ============================================================ */
.fth-tema-4 {
	--fth-radius: 20px;
	--fth-radius-kucuk: 12px;
	--fth-golge: 0 6px 24px color-mix(in srgb, var(--fth-koyu) 10%, transparent);
	--fth-golge-buyuk: 0 18px 52px color-mix(in srgb, var(--fth-koyu) 20%, transparent);
}

.fth-tema-4 .fth-bolum-baslik {
	font-size: clamp(1.6rem, 3.5vw, 2.2rem);
	letter-spacing: -0.02em;
}

.fth-tema-4 .fth-grid-gorselli .fth-kart-gorsel img {
	height: 230px;
}

.fth-tema-4 .fth-hero-rozet {
	backdrop-filter: blur(6px);
}

/* ============================================================
   TEMA 5 — Minimal (tek kolon, büyük tipografi)
   ============================================================ */
.fth-tema-5 {
	--fth-radius: 12px;
	font-size: 1.0625rem;
}

.fth-tema-5 .fth-konteyner {
	max-width: 760px;
}

.fth-tema-5 .fth-bolum {
	padding: 2.5rem 0;
}

.fth-tema-5 .fth-icerik {
	font-size: 1.15rem;
	line-height: 1.8;
}

.fth-tema-5 .fth-icerik h2 {
	font-size: 1.7rem;
	letter-spacing: -0.015em;
}

.fth-tema-5 .fth-bolum-baslik {
	font-size: 1.7rem;
	letter-spacing: -0.015em;
}

.fth-tema-5 .fth-cta-band {
	background: var(--fth-koyu-zemin);
}

.fth-tema-5 .fth-hero-rozet {
	background: var(--fth-zemin-acik);
	color: var(--fth-metin);
	box-shadow: none;
	border: 1px solid var(--fth-cizgi);
}

/* ------------------------------------------------------------
   Responsive (mobile-first kademeleri)
   ------------------------------------------------------------ */
@media (min-width: 640px) {
	.fth-bolum {
		padding: 3.75rem 0;
	}

	.fth-ozellikler {
		grid-template-columns: repeat(2, 1fr);
	}

	.fth-surec {
		grid-template-columns: repeat(2, 1fr);
	}

	.fth-belirti-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.fth-ilce-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.fth-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.fth-istatistik-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.fth-bolum-baslik {
		font-size: 1.85rem;
	}
}

@media (min-width: 960px) {
	.fth-hero-ic {
		grid-template-columns: 3fr 2fr;
	}

	.fth-hero-vitrin .fth-hero-ic,
	.fth-hero-minimal .fth-hero-ic {
		grid-template-columns: 1fr;
	}

	.fth-ozellikler {
		grid-template-columns: repeat(4, 1fr);
	}

	.fth-ozellikler-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.fth-surec {
		grid-template-columns: repeat(4, 1fr);
	}

	.fth-ucret-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.fth-belirti-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.fth-ilce-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.fth-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.fth-guven-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.fth-kurumsal-band {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.fth-bindirme .fth-ozellikler {
		margin-top: -4rem;
	}
}

@media (min-width: 1200px) {
	.fth-ilce-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ============================================================
   SİTE GENELİ FOOTER (prefix: .fth-footer-) v1.3.0
   Koyu glassmorphism cam zemin, tam genişlik, aurora-uyumlu.
   Renkler: yalnız ayar türevleri (--fth-birincil / --fth-vurgu2 / --fth-koyu).
   ============================================================ */
.fth-footer {
	--fthf-mor: var(--fth-birincil-acik);
	--fthf-yesil: var(--fth-birincil);
	--fthf-pembe: var(--fth-birincil-koyu);
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	box-sizing: border-box;
	margin-top: 3rem;
	padding: 3rem 0 1.5rem;
	background: color-mix(in srgb, var(--fth-koyu) 85%, transparent);
	backdrop-filter: blur(18px) saturate(140%);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
	border-top: 1px solid color-mix(in srgb, var(--fth-beyaz) 10%, transparent);
	color: color-mix(in srgb, var(--fth-beyaz) 82%, var(--fth-koyu));
	font-size: 0.95rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

.fth-footer .fth-konteyner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 1.25rem;
}

.fth-footer a {
	color: color-mix(in srgb, var(--fth-beyaz) 82%, var(--fth-koyu));
	text-decoration: none;
	transition: color 0.18s ease;
}

.fth-footer a:hover {
	color: var(--fth-birincil-parlak);
}

.fth-footer-baslik {
	color: color-mix(in srgb, var(--fth-beyaz) 96%, var(--fth-birincil));
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 0 0 1rem;
}

/* ÜST ŞERIT */
.fth-footer-ust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	padding-bottom: 1.75rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid color-mix(in srgb, var(--fth-beyaz) 10%, transparent);
}

.fth-footer-marka-ust {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.fth-footer-firma {
	color: color-mix(in srgb, var(--fth-beyaz) 96%, var(--fth-birincil));
	font-size: 1.4rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.fth-footer-slogan {
	color: color-mix(in srgb, var(--fth-beyaz) 66%, var(--fth-koyu));
	font-size: 0.95rem;
}

.fth-footer-aksiyon {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.fth-footer-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.6rem 1.1rem;
	border-radius: 999px;
	font-weight: 600;
	font-size: 0.9rem;
	color: color-mix(in srgb, var(--fth-beyaz) 96%, var(--fth-birincil)) !important;
	background: color-mix(in srgb, var(--fth-beyaz) 7%, transparent);
	border: 1px solid color-mix(in srgb, var(--fth-beyaz) 14%, transparent);
	transition: transform 0.18s ease, background 0.18s ease;
}

.fth-footer-btn:hover {
	transform: translateY(-2px);
	color: var(--fth-beyaz) !important;
}

.fth-footer-btn-tel {
	background: linear-gradient(135deg, var(--fth-birincil-acik), var(--fth-birincil));
	border-color: transparent;
}

.fth-footer-btn-wa {
	background: var(--fth-wa);
	border-color: transparent;
}

.fth-footer-btn-iletisim {
	background: linear-gradient(135deg, var(--fthf-mor), var(--fthf-yesil));
	border-color: transparent;
}

/* 4 SÜTUN GRID */
.fth-footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid color-mix(in srgb, var(--fth-beyaz) 10%, transparent);
}

.fth-footer-aciklama {
	color: color-mix(in srgb, var(--fth-beyaz) 66%, var(--fth-koyu));
	margin: 0 0 1rem;
}

.fth-footer-etiketler {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.fth-footer-etiket {
	font-size: 0.78rem;
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--fth-beyaz) 6%, transparent);
	border: 1px solid color-mix(in srgb, var(--fth-beyaz) 12%, transparent);
	color: color-mix(in srgb, var(--fth-beyaz) 82%, var(--fth-koyu));
}

.fth-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fth-footer-menu li {
	margin: 0 0 0.55rem;
}

.fth-footer-menu a {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
}

/* Renkli yuvarlak ikon rozetleri */
.fth-footer-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	min-width: 26px;
	border-radius: 8px;
	font-size: 0.85rem;
	line-height: 1;
	color: var(--fth-beyaz);
	box-shadow: 0 2px 8px color-mix(in srgb, var(--fth-siyah) 25%, transparent);
}

.fth-footer-iletisim {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fth-footer-iletisim li {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	margin: 0 0 0.7rem;
	color: color-mix(in srgb, var(--fth-beyaz) 82%, var(--fth-koyu));
}


/* EN ALT: telif */
.fth-footer-telif {
	text-align: center;
	color: color-mix(in srgb, var(--fth-beyaz) 66%, var(--fth-koyu));
	font-size: 0.85rem;
	padding-top: 0.5rem;
}

/* RESPONSIVE */
@media (min-width: 640px) {
	.fth-footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.fth-footer-grid {
		grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
		gap: 2.5rem;
	}
}

/* ------------------------------------------------------------
   FOOTER v1.4.0 — beyaz yazı + renkli zemin + tek footer (tema gizle)
   ------------------------------------------------------------ */
.fth-footer {
	background: linear-gradient(135deg, var(--fth-koyu) 0%, color-mix(in srgb, var(--fth-birincil) 14%, var(--fth-koyu)) 45%, color-mix(in srgb, var(--fth-vurgu2) 8%, var(--fth-koyu)) 75%, var(--fth-koyu) 100%) !important;
	border-top: 2px solid var(--fth-vurgu2);
}
.fth-footer,
.fth-footer p,
.fth-footer span,
.fth-footer li,
.fth-footer h2,
.fth-footer h3,
.fth-footer h4,
.fth-footer strong,
.fth-footer .fth-footer-baslik,
.fth-footer .fth-footer-aciklama,
.fth-footer .fth-footer-slogan,
.fth-footer a {
	color: var(--fth-beyaz) !important;
}
.fth-footer a:hover { color: var(--fth-birincil-parlak) !important; }
/* Dolu butonlarda AA metin (genel beyaz metin kuralını ezer) */
.fth-footer a.fth-footer-btn-tel,
.fth-footer a.fth-footer-btn-tel * { color: var(--fth-birincil-ustu) !important; }
.fth-footer a.fth-footer-btn-wa,
.fth-footer a.fth-footer-btn-wa * { color: var(--fth-wa-metin) !important; }
.fth-footer a.fth-footer-btn-iletisim,
.fth-footer a.fth-footer-btn-iletisim * { color: var(--fth-birincil-ustu) !important; }
.fth-footer a.fth-footer-ig,
.fth-footer a.fth-footer-ig * { color: var(--fth-birincil-ustu) !important; }
.fth-footer .fth-footer-baslik { opacity: 1; }
/* Instagram + telif satırı */
.fth-footer-ig {
	display: inline-flex; align-items: center; gap: .4rem;
	margin-left: 1rem; padding: .35rem .8rem; border-radius: 999px;
	background: linear-gradient(135deg, var(--fth-birincil-acik), var(--fth-birincil));
	font-weight: 700;
}
.fth-footer-telif { display:flex; flex-wrap:wrap; gap:.5rem 1rem; align-items:center; justify-content:center; }

/* Tema (Neve vb.) footer'ını gizle — tek footer olsun */
.hfg_footer,
.nv-footers-wrapper,
.cb-row--footer-desktop-bottom,
footer.site-footer,
.site-footer .site-info { display: none !important; }

/* ============================================================
   v1.5.0 — RENGARENK LIQUID GLASS + ANIMASYON (tema-1 odak)
   ============================================================ */
@keyframes fth-float   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
@keyframes fth-pulse   { 0%,100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--fth-beyaz) 25%, transparent)} 50%{box-shadow:0 0 22px 4px color-mix(in srgb, var(--fth-beyaz) 15%, transparent)} }
@keyframes fth-fadeup  { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }
@keyframes fth-shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
@keyframes fth-spin    { to{transform:rotate(360deg)} }

/* 7 canlı renk paleti (nth ile döner) */
/* 2.0.6: 7'li gökkuşağı yerine birincilin tek-aile tonları (ayardan) */
.fth-tema-1 {
	--c1: var(--fth-birincil);
	--c2: var(--fth-birincil-acik);
	--c3: var(--fth-birincil-koyu);
	--c4: var(--fth-vurgu2);
	--c5: color-mix(in srgb, var(--fth-birincil) 70%, var(--fth-beyaz));
	--c6: color-mix(in srgb, var(--fth-birincil) 80%, var(--fth-siyah));
	--c7: var(--fth-birincil-acik);
}

/* --- LIQUID GLASS PANELLER (bölümler) --- */
.fth-tema-1 .fth-bolum,
.fth-tema-1 .fth-cam-panel,
.fth-tema-1 .fth-surec-bolum,
.fth-tema-1 .fth-belirtiler-bolum,
.fth-tema-1 .fth-ilgili-bolum,
.fth-tema-1 .fth-ilce-bolum,
.fth-tema-1 .fth-guven-bolum {
	position: relative;
	background: linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 12%, transparent), color-mix(in srgb, var(--fth-vurgu2) 6%, transparent) 45%, color-mix(in srgb, var(--fth-birincil) 8%, transparent)) , color-mix(in srgb, var(--fth-koyu) 55%, transparent) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border: 1px solid color-mix(in srgb, var(--fth-beyaz) 14%, transparent) !important;
	border-radius: 26px !important;
	box-shadow: 0 18px 60px color-mix(in srgb, var(--fth-birincil) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--fth-beyaz) 18%, transparent) !important;
	overflow: hidden;
}
/* hareketli renkli üst şerit */
.fth-tema-1 .fth-bolum::before,
.fth-tema-1 .fth-surec-bolum::before,
.fth-tema-1 .fth-belirtiler-bolum::before {
	content:""; position:absolute; inset:0 0 auto 0; height:3px;
	background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c1));
	background-size:200% 100%; animation:fth-shimmer 6s linear infinite;
}

/* --- GRADIENT BAŞLIKLAR --- */
.fth-tema-1 .fth-bolum-baslik,
.fth-tema-1 .fth-hero-baslik,
.fth-tema-1 .fth-cta-baslik {
	background:linear-gradient(100deg,var(--fth-beyaz) 10%,var(--c2) 50%,var(--fth-birincil-parlak) 95%);
	-webkit-background-clip:text; background-clip:text; color:transparent !important;
}

/* --- LIQUID GLASS KARTLAR (tüm *-kart + süreç adımı) --- */
.fth-tema-1 .fth-surec-adim,
.fth-tema-1 .fth-belirti-kart,
.fth-tema-1 .fth-ilce-kart,
.fth-tema-1 [class*="-kart"]:not(.fth-kart-renk-mavi) {
	position:relative;
	background:linear-gradient(160deg, color-mix(in srgb, var(--fth-beyaz) 10%, transparent), color-mix(in srgb, var(--fth-koyu) 35%, transparent)) !important;
	border:1px solid color-mix(in srgb, var(--fth-beyaz) 16%, transparent) !important;
	border-radius:20px !important;
	backdrop-filter:blur(14px) saturate(160%) !important;
	transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s;
	animation:fth-fadeup .6s both;
}
/* kart-başı renkli kenar + glow (nth döngü) */
.fth-tema-1 .fth-surec-adim, .fth-tema-1 [class*="-kart"]{ border-color:color-mix(in srgb, var(--fth-birincil) 42%, transparent)!important; box-shadow:0 10px 34px color-mix(in srgb, var(--fth-birincil) 16%, transparent)!important }
.fth-tema-1 .fth-surec-adim:nth-child(even), .fth-tema-1 [class*="-kart"]:nth-child(even){ border-color:color-mix(in srgb, var(--fth-vurgu2) 38%, transparent)!important; box-shadow:0 10px 34px color-mix(in srgb, var(--fth-vurgu2) 14%, transparent)!important }
.fth-tema-1 .fth-surec-adim:hover, .fth-tema-1 [class*="-kart"]:hover{ transform:translateY(-8px) scale(1.015); box-shadow:0 22px 60px color-mix(in srgb, var(--fth-birincil) 30%, transparent)!important }

/* --- İKON KUTULARI: renkli gradient + float --- */
.fth-tema-1 .fth-surec-no,
.fth-tema-1 .fth-ozellik-ikon,
.fth-tema-1 .fth-ucret-ikon,
.fth-tema-1 .fth-guven-ikon,
.fth-tema-1 .fth-ilce-ikon,
.fth-tema-1 .fth-kart-ikon {
	animation:fth-float 4s ease-in-out infinite !important;
	color:var(--fth-birincil-ustu) !important;
}
/* ikon kutuları: birincil → koyu ton (tek aile); çift sıradakiler açık → ana ton */
.fth-tema-1 .fth-surec-no,.fth-tema-1 [class*="-kart"] [class*="-ikon"]{ background:linear-gradient(135deg,var(--fth-birincil),var(--fth-birincil-koyu))!important; box-shadow:0 8px 24px color-mix(in srgb, var(--fth-birincil) 38%, transparent)!important }
.fth-tema-1 .fth-surec-adim:nth-child(even) .fth-surec-no,.fth-tema-1 [class*="-kart"]:nth-child(even) [class*="-ikon"]{ background:linear-gradient(135deg,var(--fth-birincil-acik),var(--fth-birincil))!important; box-shadow:0 8px 24px color-mix(in srgb, var(--fth-birincil) 32%, transparent)!important }

/* --- FİYAT ROZETİ: parlak shimmer --- */
.fth-tema-1 .fth-hero-rozet,
.fth-tema-1 .fth-kart-fiyat,
.fth-tema-1 .fth-rozet-mini {
	background:linear-gradient(90deg,var(--fth-birincil),var(--fth-birincil-acik),var(--fth-birincil)) !important;
	background-size:200% 100% !important; animation:fth-shimmer 3.5s linear infinite !important;
	color:var(--fth-birincil-ustu) !important; border:none !important; box-shadow:0 6px 20px color-mix(in srgb, var(--fth-birincil) 35%, transparent)!important;
}

/* --- HİZMET GRID GÖRSEL: renkli overlay + zoom --- */
.fth-tema-1 .fth-kart-gorsel img { transition:transform .5s ease; }
.fth-tema-1 .fth-kart:hover .fth-kart-gorsel img { transform:scale(1.08); }
.fth-tema-1 .fth-kart-gorsel::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,color-mix(in srgb, var(--fth-koyu) 55%, transparent)); }

/* giriş animasyon stagger */
.fth-tema-1 [class*="-kart"]:nth-child(2){animation-delay:.08s}
.fth-tema-1 [class*="-kart"]:nth-child(3){animation-delay:.16s}
.fth-tema-1 [class*="-kart"]:nth-child(4){animation-delay:.24s}
.fth-tema-1 [class*="-kart"]:nth-child(5){animation-delay:.32s}
.fth-tema-1 [class*="-kart"]:nth-child(6){animation-delay:.40s}

@media (prefers-reduced-motion: reduce){
	.fth-tema-1 *{ animation:none !important; }
}

/* --- AI İÇERİK (the_content) rengarenk tipografi --- */
.fth-tema-1 .fth-icerik h2 {
	position:relative; padding-left:1rem; margin-top:2.2rem;
	background:linear-gradient(100deg,var(--fth-beyaz),var(--c2) 55%,var(--fth-birincil-parlak));
	-webkit-background-clip:text; background-clip:text; color:transparent;
}
.fth-tema-1 .fth-icerik h2::before{
	content:""; position:absolute; left:0; top:.1em; bottom:.1em; width:5px; border-radius:4px;
	background:linear-gradient(180deg,var(--c1),var(--c2),var(--c4));
}
.fth-tema-1 .fth-icerik h3{ color:var(--fth-birincil-parlak); }
.fth-tema-1 .fth-icerik p,
.fth-tema-1 .fth-icerik li{ color:color-mix(in srgb, var(--fth-beyaz) 90%, var(--fth-koyu)); }
.fth-tema-1 .fth-icerik strong{ color:var(--fth-beyaz); }
.fth-tema-1 .fth-icerik ul{ list-style:none; padding-left:0; }
.fth-tema-1 .fth-icerik ul li{
	position:relative; padding:.5rem .75rem .5rem 2.2rem; margin:.4rem 0;
	background:linear-gradient(135deg,color-mix(in srgb, var(--fth-beyaz) 6%, transparent),color-mix(in srgb, var(--fth-koyu) 25%, transparent));
	border:1px solid color-mix(in srgb, var(--fth-beyaz) 10%, transparent); border-radius:12px;
}
.fth-tema-1 .fth-icerik ul li::before{
	content:"✦"; position:absolute; left:.8rem; top:50%; transform:translateY(-50%);
	background:linear-gradient(135deg,var(--c1),var(--c4)); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:900;
}
.fth-tema-1 .fth-icerik ul li:nth-child(3n+1)::before{ background:linear-gradient(135deg,var(--c2),var(--c5)); -webkit-background-clip:text; background-clip:text; }
.fth-tema-1 .fth-icerik ul li:nth-child(3n+2)::before{ background:linear-gradient(135deg,var(--c3),var(--c4)); -webkit-background-clip:text; background-clip:text; }
/* tablo: renkli cam */
.fth-tema-1 .fth-icerik table{
	width:100%; border-collapse:separate; border-spacing:0; overflow:hidden;
	border-radius:16px; border:1px solid color-mix(in srgb, var(--fth-beyaz) 14%, transparent);
	background:color-mix(in srgb, var(--fth-koyu) 40%, transparent); backdrop-filter:blur(10px);
}
.fth-tema-1 .fth-icerik thead th,
.fth-tema-1 .fth-icerik table tr:first-child{
	background:linear-gradient(90deg,var(--c1),var(--c2)); color:var(--fth-birincil-ustu) !important;
}
.fth-tema-1 .fth-icerik th{ color:var(--fth-birincil-ustu) !important; padding:.9rem 1rem; text-align:left; }
.fth-tema-1 .fth-icerik td{ padding:.85rem 1rem; border-top:1px solid color-mix(in srgb, var(--fth-beyaz) 8%, transparent); color:color-mix(in srgb, var(--fth-beyaz) 90%, var(--fth-koyu)); }
.fth-tema-1 .fth-icerik tbody tr:nth-child(even){ background:color-mix(in srgb, var(--fth-beyaz) 4%, transparent); }
.fth-tema-1 .fth-icerik tbody tr:hover{ background:color-mix(in srgb, var(--fth-birincil) 12%, transparent); }
.fth-tema-1 .fth-icerik blockquote{
	border-left:4px solid var(--c1); background:color-mix(in srgb, var(--fth-birincil) 8%, transparent);
	padding:1rem 1.2rem; border-radius:0 12px 12px 0; color:var(--fth-beyaz);
}

/* ============================================================
   v1.7.0 — İNTERAKTİF ANİMASYONLAR (4 çeşit, 12+)
   ============================================================ */
/* ÇEŞİT 1 — SCROLL REVEAL (JS .fth-reveal/.fth-gorundu) */
.fth-tema-1 .fth-reveal{ opacity:0; transform:translateY(30px) scale(.98); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); transition-delay:var(--fth-d,0s); }
.fth-tema-1 .fth-reveal.fth-gorundu{ opacity:1; transform:none; }

/* ÇEŞİT 2 — SÜREKLİ (idle, belirgin) */
@keyframes fth-borderflow{ to{ transform:rotate(1turn); } }
@keyframes fth-gradflow{ 0%{background-position:0% 50%} 100%{background-position:200% 50%} }
@keyframes fth-pulseglow{ 0%,100%{ transform:scale(1); box-shadow:0 8px 24px color-mix(in srgb, var(--fth-beyaz) 15%, transparent) } 50%{ transform:scale(1.08); box-shadow:0 0 26px 6px currentColor } }
/* dönen renkli kenar (sürekli hafif, hover güçlü) */
.fth-tema-1 .fth-surec-adim, .fth-tema-1 [class*="-kart"]{ position:relative; z-index:0; }
.fth-tema-1 .fth-surec-adim::after, .fth-tema-1 [class*="-kart"]::after{
	content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1;
	background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c6),var(--c1));
	animation:fth-borderflow 7s linear infinite; opacity:.28; transition:opacity .35s; filter:blur(2px);
}
.fth-tema-1 .fth-surec-adim:hover::after, .fth-tema-1 [class*="-kart"]:hover::after{ opacity:.85; }
/* gradient başlık akışı (sürekli) */
.fth-tema-1 .fth-bolum-baslik, .fth-tema-1 .fth-hero-baslik, .fth-tema-1 .fth-cta-baslik, .fth-tema-1 .fth-icerik h2{
	background-size:200% auto !important; animation:fth-gradflow 5s linear infinite alternate;
}
/* numaralar güçlü nabız */
.fth-tema-1 .fth-surec-no{ animation:fth-pulseglow 2.6s ease-in-out infinite !important; }

/* ÇEŞİT 3 — HOVER İNTERAKTİF */
.fth-tema-1 .fth-surec-adim, .fth-tema-1 [class*="-kart"]{ transition:transform .25s ease, box-shadow .35s, border-color .35s; transform-style:preserve-3d; }
.fth-tema-1 .fth-surec-adim:hover [class*="-ikon"], .fth-tema-1 [class*="-kart"]:hover [class*="-ikon"], .fth-tema-1 .fth-surec-adim:hover .fth-surec-no{
	transform:rotate(-8deg) scale(1.18); transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
/* belirti maddesi hover soldan renkli dolgu */
.fth-tema-1 .fth-icerik ul li{ overflow:hidden; }
.fth-tema-1 .fth-icerik ul li::after{
	content:""; position:absolute; inset:0 100% 0 0; background:linear-gradient(90deg,color-mix(in srgb, var(--fth-birincil) 20%, transparent),color-mix(in srgb, var(--fth-birincil) 6%, transparent)); transition:right .4s ease; z-index:-1;
}
.fth-tema-1 .fth-icerik ul li:hover::after{ inset:0 0 0 0; }
.fth-tema-1 .fth-icerik ul li{ position:relative; z-index:0; transition:transform .25s; }
.fth-tema-1 .fth-icerik ul li:hover{ transform:translateX(6px); }

/* ÇEŞİT 4 — DİKKAT / AKSİYON */
@keyframes fth-ctapulse{ 0%,100%{ box-shadow:0 0 0 0 color-mix(in srgb, var(--fth-birincil) 50%, transparent) } 50%{ box-shadow:0 0 0 14px color-mix(in srgb, var(--fth-birincil) 0%, transparent) } }
@keyframes fth-bounce{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-4px) } }
.fth-tema-1 .fth-hero-rozet{ animation:fth-shimmer 3.5s linear infinite, fth-ctapulse 2.4s ease-in-out infinite !important; }
.fth-tema-1 .fth-hero-butonlar a:hover, .fth-tema-1 .fth-cta a:hover{ animation:fth-bounce .6s ease; }
/* sayaç değeri belirgin */
.fth-tema-1 .fth-istatistik-deger{ background:linear-gradient(100deg,var(--c2),var(--fth-birincil-parlak)); -webkit-background-clip:text; background-clip:text; color:transparent; }

@media (prefers-reduced-motion: reduce){ .fth-tema-1 *, .fth-tema-1 *::after{ animation:none !important; transition:none !important; } }

/* ============================================================
   v1.8.0 — KURUMSAL SAKİN: dönen kenar kapalı, hafif renkli glow
   ============================================================ */
/* dönen conic kenarı kapat (yanar-döner gitti) */
.fth-tema-1 .fth-surec-adim::after,
.fth-tema-1 [class*="-kart"]::after { animation:none !important; opacity:0 !important; background:none !important; filter:none !important; }
/* başlık renk akışını durdur (statik gradyan kalır) */
.fth-tema-1 .fth-bolum-baslik,
.fth-tema-1 .fth-hero-baslik,
.fth-tema-1 .fth-cta-baslik,
.fth-tema-1 .fth-icerik h2 { animation:none !important; background-position:0 0 !important; }
/* numaralar: güçlü nabız yerine çok hafif nefes */
@keyframes fth-softbreath { 0%,100%{ transform:scale(1); filter:brightness(1) } 50%{ transform:scale(1.03); filter:brightness(1.12) } }
.fth-tema-1 .fth-surec-no { animation:fth-softbreath 4.5s ease-in-out infinite !important; }
/* ikon float hafiflet */
.fth-tema-1 .fth-ozellik-ikon,
.fth-tema-1 .fth-ucret-ikon,
.fth-tema-1 .fth-guven-ikon,
.fth-tema-1 .fth-kart-ikon { animation:fth-float 6s ease-in-out infinite !important; }
/* rozet: sürekli pulse halkası kapat, sadece nazik shimmer */
.fth-tema-1 .fth-hero-rozet { animation:fth-shimmer 4s linear infinite !important; }
/* kartlar: statik renkli glow (kenar zaten nth-child renkli) — kurumsal */
.fth-tema-1 .fth-surec-adim,
.fth-tema-1 [class*="-kart"] { overflow:visible !important; }
/* hover'da nazik renkli derinlik */
.fth-tema-1 .fth-surec-adim:hover,
.fth-tema-1 [class*="-kart"]:hover { box-shadow:0 16px 46px color-mix(in srgb, var(--fth-birincil) 30%, transparent) !important; }

/* v1.8.0 ek — özellik ikonları kart içinde (üst taşma/kırpılma düzelt) */
.fth-tema-1 .fth-bindirme .fth-ozellikler { margin-top: -1.6rem; }
.fth-tema-1 .fth-ozellikler [class*="-kart"] { padding-top: 1.4rem; overflow: visible !important; }
.fth-tema-1 .fth-ozellik-ikon { margin-top: 0 !important; transform: none; }
.fth-tema-1 .fth-ozellikler [class*="-kart"]:hover .fth-ozellik-ikon { transform: rotate(-8deg) scale(1.12); }

/* ============================================================
   v1.9.0 — BÜTÜNLÜK / KESİNTİSİZ AKIŞ (bölüm kutuları kaldırıldı)
   ============================================================ */
/* Bölümler artık ayrı cam kutu DEĞİL — aurora üstünde kesintisiz akar.
   (Hero kartı hariç; iç kartlar cam kalır = bütünün parçası) */
.fth-tema-1 .fth-bolum,
.fth-tema-1 .fth-surec-bolum,
.fth-tema-1 .fth-belirtiler-bolum,
.fth-tema-1 .fth-ilgili-bolum,
.fth-tema-1 .fth-ilce-bolum,
.fth-tema-1 .fth-guven-bolum,
.fth-tema-1 .fth-istatistik-bolum,
.fth-tema-1 .fth-cam-panel {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	margin: 0 !important;
	padding: 3.5rem 0 !important;
	overflow: visible !important;
}
/* bölüm ayıran hareketli renkli şeritleri kaldır */
.fth-tema-1 .fth-bolum::before,
.fth-tema-1 .fth-surec-bolum::before,
.fth-tema-1 .fth-belirtiler-bolum::before { display: none !important; }
/* özellik kutuları üst bölüme TAŞMASIN — akışta hizalı */
.fth-tema-1 .fth-bindirme,
.fth-tema-1 .fth-bindirme .fth-ozellikler { margin-top: 0 !important; }
.fth-tema-1 .fth-ozellikler [class*="-kart"] { padding-top: 1.6rem; }
/* aurora üstünde her yerde okunabilirlik */
.fth-tema-1, .fth-tema-1 p, .fth-tema-1 li { text-shadow: 0 1px 4px color-mix(in srgb, var(--fth-siyah) 45%, transparent); }
.fth-tema-1 [class*="-kart"] p, .fth-tema-1 [class*="-kart"] li { text-shadow: none; }
/* the_content kartsız metni hafif okunur zemin (çerçevesiz, akışta) */
.fth-tema-1 .fth-icerik {
	background: linear-gradient(180deg, color-mix(in srgb, var(--fth-koyu) 30%, transparent), color-mix(in srgb, var(--fth-koyu) 15%, transparent));
	border-radius: 18px; padding: 1.5rem 1.75rem;
}

/* v1.9.1 — akış korunur ama İÇ kartlar opak/okunur (soluk düzelt) */
.fth-tema-1 .fth-surec-adim,
.fth-tema-1 [class*="-kart"] {
	background: linear-gradient(160deg, color-mix(in srgb, var(--fth-koyu-2) 88%, transparent), color-mix(in srgb, var(--fth-koyu) 82%, transparent)) !important;
	-webkit-backdrop-filter: blur(12px) saturate(150%) !important;
	backdrop-filter: blur(12px) saturate(150%) !important;
}
.fth-tema-1 .fth-surec-adim *,
.fth-tema-1 [class*="-kart"] * { text-shadow: none !important; }
.fth-tema-1 .fth-surec-adim .fth-surec-baslik,
.fth-tema-1 .fth-surec-adim .fth-kart-baslik,
.fth-tema-1 [class*="-kart"] strong,
.fth-tema-1 [class*="-kart"] h3 { color:var(--fth-beyaz) !important; }
.fth-tema-1 .fth-icerik {
	background: color-mix(in srgb, var(--fth-koyu) 66%, transparent) !important;
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	border:1px solid color-mix(in srgb, var(--fth-beyaz) 8%, transparent);
}
.fth-tema-1 .fth-icerik p, .fth-tema-1 .fth-icerik li { color:color-mix(in srgb, var(--fth-beyaz) 92%, var(--fth-koyu)) !important; text-shadow:none !important; }
/* özellik kart etiketleri net */
.fth-tema-1 .fth-ozellikler [class*="-kart"] *{ text-shadow:none !important; }

/* v1.9.2 — özellik(.fth-ozellik) + güven(-kutu) kartları opak/okunur (soluk düzelt) */
.fth-tema-1 .fth-ozellik,
.fth-tema-1 .fth-ucret-kart,
.fth-tema-1 [class*="-kutu"] {
	background: linear-gradient(160deg, color-mix(in srgb, var(--fth-koyu-2) 92%, transparent), color-mix(in srgb, var(--fth-koyu) 86%, transparent)) !important;
	border: 1px solid color-mix(in srgb, var(--fth-beyaz) 16%, transparent) !important;
	border-radius: 18px !important;
	-webkit-backdrop-filter: blur(12px) saturate(150%) !important;
	backdrop-filter: blur(12px) saturate(150%) !important;
	padding: 1.6rem 1.5rem !important;
	transition: transform .3s ease, box-shadow .35s, border-color .35s;
}
.fth-tema-1 .fth-ozellik *,
.fth-tema-1 .fth-ucret-kart *,
.fth-tema-1 [class*="-kutu"] * { text-shadow: none !important; }
.fth-tema-1 .fth-ozellik-deger { color:var(--fth-beyaz) !important; font-weight:700; }
/* renkli kenar (nth) özellik + güven için */
.fth-tema-1 .fth-ozellik, .fth-tema-1 .fth-guven-kutu{ border-color:color-mix(in srgb, var(--fth-birincil) 42%, transparent)!important; box-shadow:0 10px 30px color-mix(in srgb, var(--fth-birincil) 14%, transparent)!important }
.fth-tema-1 .fth-ozellik:nth-child(even), .fth-tema-1 .fth-guven-kutu:nth-child(even){ border-color:color-mix(in srgb, var(--fth-vurgu2) 38%, transparent)!important; box-shadow:0 10px 30px color-mix(in srgb, var(--fth-vurgu2) 12%, transparent)!important }
.fth-tema-1 .fth-ozellik:hover, .fth-tema-1 .fth-ucret-kart:hover, .fth-tema-1 [class*="-kutu"]:hover{ transform:translateY(-6px); box-shadow:0 16px 44px color-mix(in srgb, var(--fth-birincil) 28%, transparent)!important }

/* v1.9.3 — reveal: opacity yerine sadece kayma (scroll'da soluk görünmesin) */
.fth-tema-1 .fth-reveal { opacity:1 !important; transform:translateY(18px); transition:transform .6s cubic-bezier(.2,.8,.2,1); transition-delay:var(--fth-d,0s); }
.fth-tema-1 .fth-reveal.fth-gorundu { transform:none; }

/* v1.9.4 — "Teklif Alın" (kurumsal band) modern buton */
.fth-tema-1 .fth-btn-ikincil {
	display:inline-flex !important; align-items:center; justify-content:center; gap:.5rem;
	white-space:nowrap; padding:.95rem 2rem !important; border-radius:14px !important;
	font-weight:800; font-size:1.02rem; line-height:1; color:var(--fth-vurgu2-ustu) !important; text-decoration:none;
	border:none !important;
	background:linear-gradient(135deg, var(--fth-vurgu2), var(--fth-birincil)) !important;
	box-shadow:0 10px 28px color-mix(in srgb, var(--fth-birincil) 35%, transparent);
	transition:transform .25s ease, box-shadow .3s, filter .3s;
}
.fth-tema-1 .fth-btn-ikincil::after{ content:"→"; font-weight:700; transition:transform .25s; }
.fth-tema-1 .fth-btn-ikincil:hover{ transform:translateY(-3px) scale(1.04); box-shadow:0 16px 40px color-mix(in srgb, var(--fth-birincil) 50%, transparent); filter:brightness(1.08); }
.fth-tema-1 .fth-btn-ikincil:hover::after{ transform:translateX(4px); }
/* kurumsal band içeriği dikey ortala (buton hizası) */
.fth-tema-1 .fth-kurumsal-band{ align-items:center; }

/* ============================================================
   v1.9.6 — CTA bandı düzeltme: v1.9.0 akış kuralı CTA'yı kutusuz+sola
   düşürüyordu. CTA bir VURGU kutusu (içerik bölümü değil) → kutu geri + ortala.
   ============================================================ */
.fth-tema-1 .fth-cta-band {
	background:
		radial-gradient(600px 300px at 12% 0%, color-mix(in srgb, var(--fth-birincil) 34%, transparent), transparent 70%),
		radial-gradient(500px 260px at 90% 100%, color-mix(in srgb, var(--fth-vurgu2) 20%, transparent), transparent 70%),
		linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 30%, var(--fth-koyu)), var(--fth-koyu)) !important;
	border: 1px solid var(--fth-cam-cizgi-guclu) !important;
	border-radius: 28px !important;
	max-width: 1100px !important;
	margin: 1.5rem auto !important;
	padding: 3rem 1.5rem !important;
	text-align: center !important;
	-webkit-backdrop-filter: blur(10px) !important;
	backdrop-filter: blur(10px) !important;
}
.fth-tema-1 .fth-cta-band .fth-konteyner { text-align: center !important; max-width: 760px; }
.fth-tema-1 .fth-cta-baslik,
.fth-tema-1 .fth-cta-metin { text-align: center !important; }
.fth-tema-1 .fth-cta-band .fth-hero-butonlar {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
}

/* ------------------------------------------------------------
   İlçeden ulaşım (2.0.6) — kartlar .fth-ozellik stilini paylaşır
   ------------------------------------------------------------ */
.fth-ulasim-metin {
	max-width: 80ch;
	margin: 0 0 0.75rem;
	font-size: 1.05rem;
	line-height: 1.75;
}

.fth-ulasim-kartlar {
	margin-top: 1.5rem;
}

.fth-ulasim-kart h3.fth-ozellik-baslik {
	margin: 0 0 0.35rem;
	line-height: 1.3;
}

.fth-ulasim-kart p.fth-ozellik-deger {
	margin: 0;
	font-weight: 500;
	line-height: 1.6;
}

/* 2.0.6 — dolu butonlar/rozetler ve gradient başlıklarda gölge yok:
   koyu metin + koyu gölge bulanık görünür; clip-text başlıkta gölge rengi
   metnin içinden sızar ve tonu griye çeker. */
.fth-tema-1 .fth-btn,
.fth-tema-1 .fth-btn *,
.fth-tema-1 .fth-hero-rozet,
.fth-tema-1 .fth-kart-fiyat,
.fth-tema-1 .fth-rozet-mini,
.fth-tema-1 .fth-mobil-cta-btn,
.fth-tema-1 .fth-bolum-baslik,
.fth-tema-1 .fth-hero-baslik,
.fth-tema-1 .fth-cta-baslik,
.fth-tema-1 .fth-icerik h2 {
	text-shadow: none !important;
}