/* ============================================================
   FT Hizmet Motoru — önyüz stilleri v1.1.0 (prefix: .fth-)
   --fth-birincil / --fth-ikincil ayarlardan inline style ile beslenir.
   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-birincil: #0ea5e9;
	--fth-ikincil: #f59e0b;
	--fth-wa: #25d366;
}

/* ------------------------------------------------------------
   Sayfa sarmalayıcı: opak zemin + full-bleed
   ------------------------------------------------------------ */
.fth-sayfa {
	/* Tema bazında ezilen tasarım değişkenleri */
	--fth-zemin: #ffffff;            /* açık bölümler */
	--fth-zemin-acik: #f1f5f9;       /* gri bölümler */
	--fth-koyu-zemin: #0f172a;       /* koyu bölümler (slate-900) */
	--fth-koyu-zemin-2: #1e293b;     /* koyu kart zemini */
	--fth-metin: #0f172a;
	--fth-metin-soluk: #64748b;
	--fth-koyu-metin: #e2e8f0;       /* koyu zeminde metin */
	--fth-koyu-soluk: #94a3b8;
	--fth-cizgi: #e2e8f0;
	--fth-koyu-cizgi: rgba(255, 255, 255, 0.12);
	--fth-kart-zemin: #ffffff;
	--fth-radius: 14px;
	--fth-radius-kucuk: 10px;
	--fth-golge: 0 4px 18px rgba(15, 23, 42, 0.08);
	--fth-golge-buyuk: 0 14px 40px rgba(15, 23, 42, 0.16);

	/* 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-birincil);
}

.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: #ffffff;
}

.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-ikincil);
}

.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-ikincil);
	color: #ffffff;
	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-ikincil) 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: #ffffff;
	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%, rgba(255, 255, 255, 0.14) 0, transparent 100%),
		radial-gradient(1.5px 1.5px at 70% 65%, rgba(255, 255, 255, 0.1) 0, transparent 100%),
		radial-gradient(1.5px 1.5px at 45% 85%, rgba(255, 255, 255, 0.08) 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-ikincil) 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, rgba(8, 13, 26, 0.92) 0%, rgba(8, 13, 26, 0.55) 55%, rgba(8, 13, 26, 0.25) 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: #ffffff;
}

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

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

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

.fth-btn-ikincil {
	background: var(--fth-ikincil);
	color: #ffffff;
}

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

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

.fth-btn-tel:hover,
.fth-btn-wa:hover,
.fth-btn-ikincil:hover {
	color: #ffffff;
}

.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: #ffffff;
	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: #ffffff;
}

.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, var(--fth-birincil), color-mix(in srgb, var(--fth-birincil) 35%, var(--fth-koyu-zemin)));
	color: #ffffff;
	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: #ffffff;
}

.fth-cta-metin {
	margin: 0 auto 1.5rem;
	max-width: 560px;
	color: rgba(255, 255, 255, 0.85);
}

.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-ikincil) 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-ikincil) 45%, transparent);
	border-left: 5px solid var(--fth-ikincil);
	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-ikincil);
	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-ikincil);
	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: #ffffff;
}

/* ------------------------------------------------------------
   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: #ffffff;
	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-ikincil) 10%, #ffffff);
}

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

.fth-rozet-mini {
	display: inline-block;
	background: var(--fth-ikincil);
	color: #ffffff;
	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, #0f172a);
	box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.25);
}

.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: #ffffff;
}

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

.fth-mobil-cta-tel {
	background: var(--fth-birincil);
}

.fth-mobil-cta-wa {
	background: var(--fth-wa);
}

@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 Aurora (KOYU CAM / GLASSMORPHISM)
   Site geneli mu-plugin aurora arka planı (#0b1322 + renk bulutları)
   bu sayfada GÖRÜNSÜN diye zemin tamamen şeffaf; bölümler yarı-saydam
   koyu cam panel. İçerik yüksek kontrast (WCAG AA) açık tipografi.
   --fth-birincil / --fth-ikincil inline ayardan beslenmeye devam eder.
   ============================================================ */
.fth-tema-1 {
	/* Cam panel ve tipografi token'ları */
	--fth-cam: rgba(11, 19, 34, 0.72);
	--fth-cam-koyu: rgba(8, 14, 26, 0.82);
	--fth-cam-acik: rgba(255, 255, 255, 0.05);
	--fth-cam-cizgi: rgba(255, 255, 255, 0.08);
	--fth-cam-cizgi-guclu: rgba(255, 255, 255, 0.16);
	--fth-baslik: #f8fafc;
	--fth-govde: #cbd5e1;
	--fth-ikincil-metin: #94a3b8;

	/* 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 rgba(0, 0, 0, 0.45);
	--fth-golge-buyuk: 0 22px 60px rgba(0, 0, 0, 0.6);

	/* Aurora görünsün: sayfa zemini tamamen şeffaf */
	background: transparent;
	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-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 {
	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: color-mix(in srgb, var(--fth-birincil) 80%, #ffffff);
}

/* ---- 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, #ffffff 0%, color-mix(in srgb, var(--fth-birincil) 70%, #ffffff) 60%, var(--fth-ikincil) 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-ikincil);
}

.fth-tema-1 .fth-hero-rozet {
	background: linear-gradient(135deg, var(--fth-ikincil), color-mix(in srgb, var(--fth-ikincil) 55%, #ff4d4d));
	color: #ffffff;
	box-shadow: 0 6px 22px color-mix(in srgb, var(--fth-ikincil) 55%, 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: #ffffff;
}

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

/* Hero butonları: tel = birincil dolu gradient, WA = #25D366 */
.fth-tema-1 .fth-hero .fth-btn-tel,
.fth-tema-1 .fth-btn-tel {
	background: linear-gradient(135deg, var(--fth-birincil), color-mix(in srgb, var(--fth-birincil) 55%, #7c3aed));
	color: #ffffff;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--fth-birincil) 45%, transparent);
}

.fth-tema-1 .fth-hero .fth-btn-tel:hover,
.fth-tema-1 .fth-btn-tel:hover {
	color: #ffffff;
}

.fth-tema-1 .fth-btn-wa {
	background: #25d366;
	color: #ffffff;
	box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);
}

.fth-tema-1 .fth-btn-beyaz {
	background: #ffffff;
	color: #0b1322;
}

/* ---- 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: color-mix(in srgb, var(--fth-birincil) 50%, #7c3aed);
}

/* 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-ikincil);
	--fth-ikon-b: #fb923c;
}

.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: #a855f7;
	--fth-ikon-b: #d946ef;
}

.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: #38bdf8;
}

.fth-tema-1 .fth-surec-renk-yesil,
.fth-tema-1 .fth-ozellik-renk-yesil,
.fth-tema-1 .fth-kart-renk-yesil {
	--fth-ikon-a: #22c55e;
	--fth-ikon-b: #4ade80;
}

.fth-tema-1 .fth-ozellik-renk-pembe,
.fth-tema-1 .fth-kart-renk-pembe {
	--fth-ikon-a: #ec4899;
	--fth-ikon-b: #f472b6;
}

/* ---- Ö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: #ffffff;
	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: color-mix(in srgb, var(--fth-ikon-a) 70%, #ffffff);
}

.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: #ffffff;
	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-ikincil), #fb923c);
}

/* ---- 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: #ffffff;
	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: color-mix(in srgb, var(--fth-ikon-a) 75%, #ffffff);
}

.fth-tema-1 .fth-kart-fiyat {
	display: inline-block;
	background: color-mix(in srgb, var(--fth-ikincil) 18%, transparent);
	color: color-mix(in srgb, var(--fth-ikincil) 60%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--fth-ikincil) 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: #ffffff;
}

/* ---- 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);
}

.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-ikincil) 35%, transparent);
	border-left: 5px solid var(--fth-ikincil);
	box-shadow: var(--fth-golge);
}

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

/* ---- 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-ikincil);
}

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

.fth-tema-1 .fth-btn-ikincil {
	background: linear-gradient(135deg, var(--fth-ikincil), #fb923c);
	color: #ffffff;
}

/* ---- 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) 45%, transparent), transparent 70%),
		radial-gradient(500px 260px at 90% 100%, color-mix(in srgb, #a855f7 35%, transparent), transparent 70%),
		linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 50%, #0b1322), rgba(11, 19, 34, 0.92));
	-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: rgba(255, 255, 255, 0.9);
}

/* ---- 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), color-mix(in srgb, var(--fth-birincil) 55%, #7c3aed));
}

@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: #0b1322;
	--fth-zemin-acik: #0f1a2e;
	--fth-koyu-zemin: #0b1322;
	--fth-koyu-zemin-2: rgba(255, 255, 255, 0.05);
	--fth-metin: #e2e8f0;
	--fth-metin-soluk: #94a3b8;
	--fth-cizgi: rgba(255, 255, 255, 0.12);
	--fth-kart-zemin: rgba(255, 255, 255, 0.05);
	--fth-golge: 0 4px 22px rgba(0, 0, 0, 0.45);
	--fth-golge-buyuk: 0 16px 48px rgba(0, 0, 0, 0.55);
	--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: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.12);
	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: #e2e8f0;
}

.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: #94a3b8;
}

.fth-tema-2 .fth-ozellik-baslik,
.fth-tema-2 .fth-ozellik-ikon,
.fth-tema-2 .fth-ucret-ikon {
	color: var(--fth-birincil);
	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-ikincil) 10%, var(--fth-zemin));
}

.fth-tema-2 .fth-icerik blockquote {
	background: rgba(255, 255, 255, 0.05);
}

.fth-tema-2 .fth-etiket {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.12);
	color: #94a3b8;
}

.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%, #0b1322), #0b1322);
}

/* ============================================================
   TEMA 3 — Kurumsal (lacivert-gri ciddi palet, keskin köşeler)
   ============================================================ */
.fth-tema-3 {
	--fth-zemin: #ffffff;
	--fth-zemin-acik: #eef2f7;
	--fth-koyu-zemin: #14253d;
	--fth-koyu-zemin-2: #1d3354;
	--fth-metin: #1e293b;
	--fth-metin-soluk: #526077;
	--fth-koyu-soluk: #9fb0c7;
	--fth-cizgi: #d7dfe9;
	--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 rgba(15, 23, 42, 0.1);
	--fth-golge-buyuk: 0 18px 52px rgba(15, 23, 42, 0.2);
}

.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: --fth-birincil / --fth-ikincil + mor/yeşil/pembe.
   ============================================================ */
.fth-footer {
	--fthf-mor: #a855f7;
	--fthf-yesil: #22c55e;
	--fthf-pembe: #ec4899;
	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: rgba(11, 19, 34, 0.85);
	backdrop-filter: blur(18px) saturate(140%);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	color: #cbd5e1;
	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: #cbd5e1;
	text-decoration: none;
	transition: color 0.18s ease;
}

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

.fth-footer-baslik {
	color: #f8fafc;
	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 rgba(255, 255, 255, 0.10);
}

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

.fth-footer-firma {
	color: #f8fafc;
	font-size: 1.4rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.fth-footer-slogan {
	color: #94a3b8;
	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: #f8fafc !important;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.14);
	transition: transform 0.18s ease, background 0.18s ease;
}

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

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

.fth-footer-btn-wa {
	background: #25d366;
	border-color: transparent;
}

.fth-footer-btn-iletisim {
	background: linear-gradient(135deg, var(--fthf-mor), var(--fthf-pembe));
	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 rgba(255, 255, 255, 0.10);
}

.fth-footer-aciklama {
	color: #94a3b8;
	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: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #cbd5e1;
}

.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: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.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: #cbd5e1;
}

/* ALT BANT: HİZMET BÖLGELERİMİZ */
.fth-footer-bolge {
	padding-bottom: 1.75rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.fth-footer-bolge-baslik {
	margin-bottom: 1.1rem;
}

.fth-footer-chipler {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.fth-footer-chip {
	font-size: 0.82rem;
	padding: 0.35rem 0.8rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #cbd5e1 !important;
	transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.fth-footer-chip:hover {
	transform: translateY(-2px);
	color: #fff !important;
}

.fth-footer-chip-0:hover { background: var(--fth-birincil); border-color: transparent; }
.fth-footer-chip-1:hover { background: var(--fth-ikincil); border-color: transparent; }
.fth-footer-chip-2:hover { background: var(--fthf-mor); border-color: transparent; }
.fth-footer-chip-3:hover { background: var(--fthf-yesil); border-color: transparent; }
.fth-footer-chip-4:hover { background: var(--fthf-pembe); border-color: transparent; }

/* EN ALT: telif */
.fth-footer-telif {
	text-align: center;
	color: #94a3b8;
	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, #0b1322 0%, #241056 36%, #3a1330 66%, #0b1322 100%) !important;
	border-top: 2px solid var(--fth-ikincil);
}
.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: #ffffff !important;
}
.fth-footer a:hover { color: var(--fth-ikincil) !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,#feda75,#d62976 45%,#962fbf 80%,#4f5bd5);
	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 rgba(255,255,255,.25)} 50%{box-shadow:0 0 22px 4px rgba(255,255,255,.15)} }
@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) */
.fth-tema-1 { --c1:#a855f7; --c2:#06b6d4; --c3:#f97316; --c4:#ec4899; --c5:#10b981; --c6:#3b82f6; --c7:#eab308; }

/* --- 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, rgba(168,85,247,.14), rgba(6,182,212,.10) 45%, rgba(236,72,153,.12)) , rgba(11,19,34,.55) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border: 1px solid rgba(255,255,255,.14) !important;
	border-radius: 26px !important;
	box-shadow: 0 18px 60px rgba(124,58,237,.18), inset 0 1px 0 rgba(255,255,255,.18) !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,#fff 10%,var(--c2) 40%,var(--c4) 65%,var(--c3) 90%);
	-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, rgba(255,255,255,.10), rgba(11,19,34,.35)) !important;
	border:1px solid rgba(255,255,255,.16) !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:nth-child(7n+1), .fth-tema-1 [class*="-kart"]:nth-child(7n+1){ border-color:rgba(168,85,247,.5)!important; box-shadow:0 10px 34px rgba(168,85,247,.25)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+2), .fth-tema-1 [class*="-kart"]:nth-child(7n+2){ border-color:rgba(6,182,212,.5)!important;  box-shadow:0 10px 34px rgba(6,182,212,.25)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+3), .fth-tema-1 [class*="-kart"]:nth-child(7n+3){ border-color:rgba(249,115,22,.5)!important;  box-shadow:0 10px 34px rgba(249,115,22,.25)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+4), .fth-tema-1 [class*="-kart"]:nth-child(7n+4){ border-color:rgba(236,72,153,.5)!important;  box-shadow:0 10px 34px rgba(236,72,153,.25)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+5), .fth-tema-1 [class*="-kart"]:nth-child(7n+5){ border-color:rgba(16,185,129,.5)!important;  box-shadow:0 10px 34px rgba(16,185,129,.25)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+6), .fth-tema-1 [class*="-kart"]:nth-child(7n+6){ border-color:rgba(59,130,246,.5)!important;  box-shadow:0 10px 34px rgba(59,130,246,.25)!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 rgba(168,85,247,.4)!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:#fff !important;
}
.fth-tema-1 .fth-surec-adim:nth-child(7n+1) .fth-surec-no,.fth-tema-1 [class*="-kart"]:nth-child(7n+1) [class*="-ikon"]{ background:linear-gradient(135deg,#a855f7,#7c3aed)!important; box-shadow:0 8px 24px rgba(168,85,247,.5)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+2) .fth-surec-no,.fth-tema-1 [class*="-kart"]:nth-child(7n+2) [class*="-ikon"]{ background:linear-gradient(135deg,#06b6d4,#0891b2)!important; box-shadow:0 8px 24px rgba(6,182,212,.5)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+3) .fth-surec-no,.fth-tema-1 [class*="-kart"]:nth-child(7n+3) [class*="-ikon"]{ background:linear-gradient(135deg,#f97316,#ea580c)!important; box-shadow:0 8px 24px rgba(249,115,22,.5)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+4) .fth-surec-no,.fth-tema-1 [class*="-kart"]:nth-child(7n+4) [class*="-ikon"]{ background:linear-gradient(135deg,#ec4899,#db2777)!important; box-shadow:0 8px 24px rgba(236,72,153,.5)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+5) .fth-surec-no,.fth-tema-1 [class*="-kart"]:nth-child(7n+5) [class*="-ikon"]{ background:linear-gradient(135deg,#10b981,#059669)!important; box-shadow:0 8px 24px rgba(16,185,129,.5)!important }
.fth-tema-1 .fth-surec-adim:nth-child(7n+6) .fth-surec-no,.fth-tema-1 [class*="-kart"]:nth-child(7n+6) [class*="-ikon"]{ background:linear-gradient(135deg,#3b82f6,#2563eb)!important; box-shadow:0 8px 24px rgba(59,130,246,.5)!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(--c3),var(--c4),var(--c1),var(--c3)) !important;
	background-size:200% 100% !important; animation:fth-shimmer 3.5s linear infinite !important;
	color:#fff !important; border:none !important; box-shadow:0 6px 20px rgba(236,72,153,.45)!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%,rgba(124,58,237,.35)); }

/* 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,#fff,var(--c2) 55%,var(--c4));
	-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(--c2); }
.fth-tema-1 .fth-icerik p,
.fth-tema-1 .fth-icerik li{ color:#e5e7eb; }
.fth-tema-1 .fth-icerik strong{ color:#fff; }
.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,rgba(255,255,255,.06),rgba(11,19,34,.25));
	border:1px solid rgba(255,255,255,.10); 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 rgba(255,255,255,.14);
	background:rgba(11,19,34,.4); 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:#fff !important;
}
.fth-tema-1 .fth-icerik th{ color:#fff !important; padding:.9rem 1rem; text-align:left; }
.fth-tema-1 .fth-icerik td{ padding:.85rem 1rem; border-top:1px solid rgba(255,255,255,.08); color:#e5e7eb; }
.fth-tema-1 .fth-icerik tbody tr:nth-child(even){ background:rgba(255,255,255,.04); }
.fth-tema-1 .fth-icerik tbody tr:hover{ background:rgba(168,85,247,.12); }
.fth-tema-1 .fth-icerik blockquote{
	border-left:4px solid var(--c4); background:rgba(236,72,153,.08);
	padding:1rem 1.2rem; border-radius:0 12px 12px 0; color:#fff;
}

/* ============================================================
   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 rgba(255,255,255,.15) } 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,rgba(168,85,247,.22),rgba(6,182,212,.10)); 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 rgba(249,115,22,.5) } 50%{ box-shadow:0 0 0 14px rgba(249,115,22,0) } }
@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(--c4)); -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 rgba(124,58,237,.38) !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 rgba(0,0,0,.45); }
.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, rgba(11,19,34,.30), rgba(11,19,34,.15));
	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, rgba(22,30,50,.88), rgba(11,19,34,.82)) !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:#fff !important; }
.fth-tema-1 .fth-icerik {
	background: rgba(11,19,34,.66) !important;
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	border:1px solid rgba(255,255,255,.08);
}
.fth-tema-1 .fth-icerik p, .fth-tema-1 .fth-icerik li { color:#e8edf5 !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, rgba(22,30,50,.92), rgba(11,19,34,.86)) !important;
	border: 1px solid rgba(255,255,255,.16) !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:#fff !important; font-weight:700; }
/* renkli kenar (nth) özellik + güven için */
.fth-tema-1 .fth-ozellik:nth-child(4n+1), .fth-tema-1 .fth-guven-kutu:nth-child(3n+1){ border-color:rgba(168,85,247,.5)!important; box-shadow:0 10px 30px rgba(168,85,247,.2)!important }
.fth-tema-1 .fth-ozellik:nth-child(4n+2), .fth-tema-1 .fth-guven-kutu:nth-child(3n+2){ border-color:rgba(6,182,212,.5)!important; box-shadow:0 10px 30px rgba(6,182,212,.2)!important }
.fth-tema-1 .fth-ozellik:nth-child(4n+3), .fth-tema-1 .fth-guven-kutu:nth-child(3n+3){ border-color:rgba(249,115,22,.5)!important; box-shadow:0 10px 30px rgba(249,115,22,.2)!important }
.fth-tema-1 .fth-ozellik:nth-child(4n+4){ border-color:rgba(236,72,153,.5)!important; box-shadow:0 10px 30px rgba(236,72,153,.2)!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 rgba(124,58,237,.35)!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:#fff !important; text-decoration:none;
	border:none !important;
	background:linear-gradient(135deg, var(--fth-ikincil), #f97316 55%, #ec4899) !important;
	box-shadow:0 10px 28px rgba(249,115,22,.45);
	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 rgba(249,115,22,.6); 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) 45%, transparent), transparent 70%),
		radial-gradient(500px 260px at 90% 100%, color-mix(in srgb, #a855f7 35%, transparent), transparent 70%),
		linear-gradient(135deg, color-mix(in srgb, var(--fth-birincil) 50%, #0b1322), rgba(11, 19, 34, 0.92)) !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;
}