@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/* ============================
   CSS VARIABLES & ROOT
   ============================ */
:root {
	/* Primary Colors from Logo */
	--navy: #1B3A5C;
	--navy-dark: #122840;
	--navy-light: #2A5580;
	--navy-lighter: #3A6B9A;
	--gray: #8C8C8C;
	--gray-light: #B0B0B0;
	--gray-dark: #666666;
	/* Accent Colors */
	--accent: #C9A96E;
	--accent-light: #E0C48E;
	--accent-dark: #A88B50;
	/* Functional Colors */
	--white: #FFFFFF;
	--off-white: #F8F9FA;
	--light-bg: #F0F4F8;
	--text-dark: #1A1A2E;
	--text-body: #4A4A5A;
	--text-muted: #7A7A8A;
	--success: #2ECC71;
	--whatsapp: #25D366;
	/* Gradients */
	--gradient-navy: linear-gradient(135deg, #1B3A5C 0%, #2A5580 100%);
	--gradient-accent: linear-gradient(135deg, #C9A96E 0%, #E0C48E 100%);
	--gradient-hero: linear-gradient(135deg, #0a1628 0%, #1B3A5C 40%, #2A5580 100%);
	--gradient-dark: linear-gradient(180deg, #0f1923 0%, #1B3A5C 100%);
	--gradient-text: linear-gradient(135deg, #1B3A5C 0%, #C9A96E 100%);
	/* Shadows */
	--shadow-sm: 0 2px 8px rgba(27, 58, 92, 0.06);
	--shadow-md: 0 4px 16px rgba(27, 58, 92, 0.1);
	--shadow-lg: 0 8px 32px rgba(27, 58, 92, 0.15);
	--shadow-xl: 0 16px 48px rgba(27, 58, 92, 0.2);
	--shadow-glow: 0 0 30px rgba(27, 58, 92, 0.3);
	/* Typography */
	--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-heading: 'Playfair Display', Georgia, serif;
	/* Radius */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--radius-round: 50px;
	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-base: 0.3s ease;
	--transition-slow: 0.5s ease;
	--transition-cubic: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	 --navy: #1c3d5e;
    --navy-dark: #14304a;
    --gold: #c9a45c;
    --gold-light: #f5ecd9;
	 --navy: #1c3d5e;
    --navy-dark: #14304a;
    --gold: #c9a45c;
    --gold-light: #f5ecd9;
    --ink: #4b5563;
    --muted: #8a93a3;
	  --navy: #1c3d5e;
    --navy-dark: #14304a;
    --gold: #c9a45c;
    --gold-light: #f5ecd9;
    --ink: #5b6472;
    --muted: #9aa3af;
	 --navy: #1c3d5e;
    --navy-dark: #14304a;
    --gold: #c9a45c;
    --gold-light: #f5ecd9;
    --ink: #5b6472;
    --muted: #9aa3af;
    --border: #eef0f3;
}

/* ============================
   RESET & BASE
   ============================ */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
}

body {
	font-family: var(--font-primary);
	color: var(--text-body);
	line-height: 1.7;
	overflow-x: hidden;
	background-color: var(--white);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
	color: var(--navy);
	line-height: 1.3;
	font-weight: 700;
}

a {
	text-decoration: none;
	color: var(--navy);
	transition: var(--transition-base);
}

	a:hover {
		color: var(--navy-light);
	}

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

.section-padding {
	padding: 100px 0;
}

/* ============================
   TEXT GRADIENT
   ============================ */
.text-gradient {
	background: var(--gradient-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* ============================
   SECTION HEADERS
   ============================ */
.section-header {
	margin-bottom: 40px;
}

.section-subtitle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-primary);
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--navy);
	margin-bottom: 12px;
	padding: 8px 20px;
	background: linear-gradient(135deg, rgba(27, 58, 92, 0.08) 0%, rgba(201, 169, 110, 0.08) 100%);
	border-radius: var(--radius-round);
	border: 1px solid rgba(27, 58, 92, 0.1);
}

	.section-subtitle.light {
		color: var(--accent);
		background: rgba(255, 255, 255, 0.1);
		border-color: rgba(255, 255, 255, 0.15);
	}

.section-title {
	font-size: 2.5rem;
	margin-bottom: 16px;
}

.section-desc {
	font-size: 1.05rem;
	color: var(--text-muted);
	max-width: 600px;
	margin: 0 auto;
}

/* ============================
   BACKGROUND VARIANTS
   ============================ */
.bg-light-custom {
	background: var(--light-bg);
}

.bg-dark-custom {
	background: var(--gradient-dark);
}

/* ============================
   TOPBAR
   ============================ */
.topbar {
	background: var(--navy);
	padding: 8px 0;
	font-size: 0.82rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.topbar-info {
	display: flex;
	align-items: center;
	gap: 4px;
}

	.topbar-info li {
		color: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		gap: 6px;
	}

		.topbar-info li + li::before {
			content: '|';
			margin: 0 8px;
			color: rgba(255, 255, 255, 0.3);
		}

		.topbar-info li i {
			color: var(--accent);
			font-size: 0.75rem;
		}

	.topbar-info a {
		color: rgba(255, 255, 255, 0.8);
		transition: var(--transition-fast);
	}

		.topbar-info a:hover {
			color: var(--accent);
		}

.topbar-social a {
	color: rgba(255, 255, 255, 0.7);
	margin-left: 16px;
	font-size: 0.9rem;
	transition: var(--transition-fast);
}

	.topbar-social a:hover {
		color: var(--accent);
		transform: translateY(-1px);
	}

/* ============================
   NAVBAR
   ============================ */
.navbar {
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	box-shadow: var(--shadow-sm);
	padding: 12px 0;
	transition: var(--transition-base);
	z-index: 1050;
}

	.navbar.scrolled {
		padding: 6px 0;
		box-shadow: var(--shadow-md);
	}

.navbar-logo {
	height: 70px;
	width: auto;
	transition: var(--transition-base);
}

.navbar.scrolled .navbar-logo {
	height: 45px;
}

.navbar-nav .nav-link {
	font-family: var(--font-primary);
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--navy);
	padding: 8px 16px !important;
	margin: 0 2px;
	border-radius: var(--radius-sm);
	transition: var(--transition-base);
	position: relative;
}

	.navbar-nav .nav-link::after {
		content: '';
		position: absolute;
		bottom: 2px;
		left: 50%;
		width: 0;
		height: 2px;
		background: var(--gradient-text);
		border-radius: 2px;
		transition: var(--transition-base);
		transform: translateX(-50%);
	}

	.navbar-nav .nav-link:hover::after,
	.navbar-nav .nav-link.active::after {
		width: 60%;
	}

	.navbar-nav .nav-link:hover {
		color: var(--navy);
		background: rgba(27, 58, 92, 0.04);
	}

	.navbar-nav .nav-link.active {
		color: var(--navy);
		font-weight: 600;
	}

.navbar-buttons {
	display: flex;
	align-items: center;
}

/* ============================
   BUTTONS
   ============================ */
.btn-navy {
	background: var(--gradient-navy);
	color: var(--white);
	border: none;
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 0.9rem;
	padding: 10px 24px;
	border-radius: var(--radius-sm);
	transition: var(--transition-cubic);
	position: relative;
	overflow: hidden;
}

	.btn-navy::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
		transition: 0.6s;
	}

	.btn-navy:hover::before {
		left: 100%;
	}

	.btn-navy:hover {
		color: var(--white);
		transform: translateY(-2px);
		box-shadow: var(--shadow-lg);
	}

.btn-outline-navy {
	color: var(--navy);
	border: 2px solid var(--navy);
	background: transparent;
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 0.9rem;
	padding: 8px 22px;
	border-radius: var(--radius-sm);
	transition: var(--transition-cubic);
}

	.btn-outline-navy:hover {
		background: var(--navy);
		color: var(--white);
		transform: translateY(-2px);
		box-shadow: var(--shadow-md);
	}

.btn-nav {
	font-size: 0.82rem !important;
	padding: 8px 18px !important;
}

.btn-primary-custom {
	background: var(--gradient-navy);
	color: var(--white);
	border: none;
	font-family: var(--font-primary);
	font-weight: 600;
	padding: 14px 32px;
	border-radius: var(--radius-sm);
	transition: var(--transition-cubic);
	position: relative;
	overflow: hidden;
}

	.btn-primary-custom::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
		transition: 0.6s;
	}

	.btn-primary-custom:hover::before {
		left: 100%;
	}

	.btn-primary-custom:hover {
		color: var(--white);
		transform: translateY(-3px);
		box-shadow: var(--shadow-xl);
	}

.btn-outline-light-custom {
	color: var(--white);
	border: 2px solid rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.08);
	font-family: var(--font-primary);
	font-weight: 600;
	padding: 12px 30px;
	border-radius: var(--radius-sm);
	backdrop-filter: blur(8px);
	transition: var(--transition-cubic);
}

	.btn-outline-light-custom:hover {
		color: var(--navy);
		background: var(--white);
		border-color: var(--white);
		transform: translateY(-3px);
		box-shadow: var(--shadow-lg);
	}

.btn-whatsapp {
	background: var(--whatsapp);
	color: var(--white);
	border: none;
	font-family: var(--font-primary);
	font-weight: 600;
	padding: 14px 32px;
	border-radius: var(--radius-sm);
	transition: var(--transition-cubic);
}

	.btn-whatsapp:hover {
		background: #1FB855;
		color: var(--white);
		transform: translateY(-3px);
		box-shadow: 0 8px 25px rgba(37, 211, 102, 0.35);
	}

/* ============================
   HERO SECTION
   ============================ */
.hero-section {
	position: relative;
	min-height: 100vh;
	background: var(--gradient-hero);
	overflow: hidden;
	display: flex;
	align-items: center;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/assets/images/slider.jpg') center/cover no-repeat;
	opacity: 0.15;
	mix-blend-mode: luminosity;
}

.hero-particles {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}

.hero-particle {
	position: absolute;
	width: 4px;
	height: 4px;
	background: rgba(201, 169, 110, 0.4);
	border-radius: 50%;
	animation: float-particle linear infinite;
}

@keyframes float-particle {
	0% {
		transform: translateY(100vh) rotate(0deg);
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		transform: translateY(-10vh) rotate(720deg);
		opacity: 0;
	}
}

.hero-content {
	padding: 40px 0;
	z-index: 2;
	position: relative;
}

.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 24px;
	background: rgba(201, 169, 110, 0.15);
	border: 1px solid rgba(201, 169, 110, 0.3);
	border-radius: var(--radius-round);
	color: var(--accent-light);
	font-size: 0.85rem;
	font-weight: 500;
	margin-bottom: 24px;
	backdrop-filter: blur(10px);
	animation: fadeInUp 0.8s ease forwards;
}

	.hero-badge i {
		color: var(--accent);
	}

.hero-title {
	font-size: 3.8rem;
	font-weight: 800;
	color: var(--white);
	line-height: 1.15;
	margin-bottom: 24px;
	animation: fadeInUp 0.8s ease 0.1s both;
}

.hero-subtitle {
	font-size: 1.15rem;
	color: rgba(255, 255, 255, 0.75);
	max-width: 540px;
	margin-bottom: 36px;
	line-height: 1.8;
	animation: fadeInUp 0.8s ease 0.2s both;
}

.hero-buttons {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 50px;
	animation: fadeInUp 0.8s ease 0.3s both;
}

.hero-stats {
	display: flex;
	align-items: center;
	gap: 32px;
	padding: 28px 36px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--radius-lg);
	backdrop-filter: blur(15px);
	animation: fadeInUp 0.8s ease 0.4s both;
}

.hero-stat {
	text-align: center;
}

.hero-stat-number {
	font-family: var(--font-heading);
	font-size: 2rem;
	font-weight: 800;
	color: var(--accent);
	line-height: 1;
}

.hero-stat-label {
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 6px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hero-stat-divider {
	width: 1px;
	height: 40px;
	background: rgba(255, 255, 255, 0.15);
}

/* Hero Image Area */
.hero-image-wrapper {
	position: relative;
	height: 500px;
}

.hero-floating-card {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: var(--radius-md);
	backdrop-filter: blur(20px);
	color: var(--white);
	font-size: 0.9rem;
	font-weight: 500;
	animation: float 6s ease-in-out infinite;
}

	.hero-floating-card i {
		font-size: 1.3rem;
		color: var(--accent);
	}

	.hero-floating-card.card-1 {
		top: 20%;
		right: 10%;
		animation-delay: 0s;
	}

	.hero-floating-card.card-2 {
		bottom: 25%;
		left: 5%;
		animation-delay: 3s;
	}

@keyframes float {
	0%, 100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-20px);
	}
}

/* Hero Scroll Indicator */
.hero-scroll-indicator {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 2;
	animation: fadeInUp 0.8s ease 0.6s both;
}

	.hero-scroll-indicator a {
		color: rgba(255, 255, 255, 0.5);
		text-decoration: none;
		font-size: 0.75rem;
		letter-spacing: 2px;
		text-transform: uppercase;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		transition: var(--transition-base);
	}

		.hero-scroll-indicator a:hover {
			color: rgba(255, 255, 255, 0.8);
		}

.scroll-mouse {
	width: 24px;
	height: 38px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-radius: 12px;
	position: relative;
}

.scroll-wheel {
	width: 3px;
	height: 8px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 3px;
	position: absolute;
	top: 6px;
	left: 50%;
	transform: translateX(-50%);
	animation: scroll-wheel 2s ease infinite;
}

@keyframes scroll-wheel {
	0% {
		transform: translateX(-50%) translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(14px);
		opacity: 0;
	}
}

/* ============================
   ANIMATIONS
   ============================ */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(30px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes pulse-glow {
	0%, 100% {
		box-shadow: 0 0 20px rgba(201, 169, 110, 0.2);
	}

	50% {
		box-shadow: 0 0 40px rgba(201, 169, 110, 0.4);
	}
}

/* Scroll Animation Classes */
.scroll-animate {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

	.scroll-animate.animate-in {
		opacity: 1;
		transform: translateY(0);
	}

	.scroll-animate.from-left {
		transform: translateX(-40px);
	}

		.scroll-animate.from-left.animate-in {
			transform: translateX(0);
		}

	.scroll-animate.from-right {
		transform: translateX(40px);
	}

		.scroll-animate.from-right.animate-in {
			transform: translateX(0);
		}

/* ============================
   FIXED LEFT FLOATING BUTTON
   ============================ */
.floating-left-button {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 1100;
	background: var(--gradient-accent);
	color: var(--navy-dark);
	padding: 14px 18px;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(27,58,92,0.12);
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

	.floating-left-button:hover {
		transform: translateY(-4px);
		box-shadow: 0 16px 40px rgba(27,58,92,0.18);
	}

	.floating-left-button .btn-icon {
		width: 36px;
		height: 36px;
		border-radius: 8px;
		background: var(--navy);
		color: var(--white);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 1.1rem;
	}

@media (max-width: 576px) {
	.floating-left-button {
		left: 12px;
		bottom: 12px;
		padding: 12px 14px;
		font-size: 0.88rem;
	}

		.floating-left-button .btn-icon {
			width: 32px;
			height: 32px;
		}
}

/* ============================
   ABOUT SECTION
   ============================ */
.about-image-wrapper {
	position: relative;
	padding: 20px;
}

.about-img-main {
	width: 100%;
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-xl);
	transition: var(--transition-slow);
}

	.about-img-main:hover {
		transform: scale(1.02);
	}

.about-experience-badge {
	position: absolute;
	bottom: 40px;
	right: 0;
	background: var(--gradient-navy);
	color: var(--white);
	padding: 20px 28px;
	border-radius: var(--radius-lg);
	text-align: center;
	box-shadow: var(--shadow-xl);
	animation: pulse-glow 3s ease infinite;
}

.exp-number {
	font-family: var(--font-heading);
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--accent);
	line-height: 1;
}

.exp-text {
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 4px;
}

.about-floating-shape {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 80px;
	height: 80px;
	border: 3px solid var(--accent);
	border-radius: var(--radius-lg);
	opacity: 0.3;
	animation: float 8s ease-in-out infinite;
}

.about-text {
	font-size: 1.02rem;
	color: var(--text-body);
	margin-bottom: 16px;
}

.about-features {
	margin-top: 28px;
}

.about-feature-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 20px;
	padding: 16px;
	background: var(--off-white);
	border-radius: var(--radius-md);
	transition: var(--transition-base);
}

	.about-feature-item:hover {
		background: var(--white);
		box-shadow: var(--shadow-md);
		transform: translateX(8px);
	}

.about-feature-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gradient-navy);
	border-radius: var(--radius-sm);
	color: var(--white);
	font-size: 1.1rem;
}

.about-feature-item h6 {
	font-family: var(--font-primary);
	font-size: 0.95rem;
	font-weight: 600;
	margin-bottom: 4px;
}

.about-feature-item p {
	font-size: 0.85rem;
	color: var(--text-muted);
	margin-bottom: 0;
}

/* ============================
   PROCESS / ÇALIŞMA ŞEKLİ
   ============================ */
.process-card {
	position: relative;
	text-align: center;
	padding: 40px 28px;
	background: var(--white);
	border-radius: var(--radius-lg);
	border: 1px solid rgba(27, 58, 92, 0.08);
	transition: var(--transition-cubic);
	overflow: hidden;
}

	.process-card::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 3px;
		background: var(--gradient-text);
		transform: scaleX(0);
		transition: var(--transition-cubic);
	}

	.process-card:hover::before {
		transform: scaleX(1);
	}

	.process-card:hover {
		transform: translateY(-10px);
		box-shadow: var(--shadow-lg);
	}

.process-step {
	font-family: var(--font-heading);
	font-size: 3rem;
	font-weight: 800;
	color: rgba(27, 58, 92, 0.06);
	position: absolute;
	top: 12px;
	right: 20px;
	line-height: 1;
}

.process-icon {
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(27, 58, 92, 0.08) 0%, rgba(201, 169, 110, 0.08) 100%);
	border-radius: 50%;
	margin: 0 auto 20px;
	font-size: 1.6rem;
	color: var(--navy);
	transition: var(--transition-cubic);
}

.process-card:hover .process-icon {
	background: var(--gradient-navy);
	color: var(--white);
	transform: scale(1.1);
}

.process-card h5 {
	font-family: var(--font-primary);
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 12px;
}

.process-card p {
	font-size: 0.9rem;
	color: var(--text-muted);
	margin-bottom: 0;
}

.process-connector {
	position: absolute;
	right: -28px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--accent);
	font-size: 1.2rem;
	opacity: 0.4;
	z-index: 2;
}

/* ============================
   TREATMENTS / TEDAVİLER
   ============================ */
.treatment-tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.treatment-tab {
	padding: 10px 28px;
	background: transparent;
	border: 2px solid rgba(27, 58, 92, 0.12);
	border-radius: var(--radius-round);
	color: var(--text-body);
	font-family: var(--font-primary);
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	transition: var(--transition-base);
}

	.treatment-tab:hover {
		border-color: var(--navy);
		color: var(--navy);
	}

	.treatment-tab.active {
		background: var(--gradient-navy);
		color: var(--white);
		border-color: transparent;
	}

.treatment-card {
	background: var(--white);
	border-radius: var(--radius-lg);
	overflow: hidden;
	border: 1px solid rgba(27, 58, 92, 0.06);
	transition: var(--transition-cubic);
	height: 100%;
}

	.treatment-card:hover {
		transform: translateY(-8px);
		box-shadow: var(--shadow-lg);
	}

.treatment-card-img {
	position: relative;
	overflow: hidden;
	height: 200px;
}

	.treatment-card-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: var(--transition-slow);
	}

.treatment-card:hover .treatment-card-img img {
	transform: scale(1.08);
}

.treatment-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(27, 58, 92, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: var(--transition-base);
}

.treatment-card:hover .treatment-card-overlay {
	opacity: 1;
}

.treatment-card-img-placeholder {
	height: 200px;
	background: linear-gradient(135deg, rgba(27, 58, 92, 0.05) 0%, rgba(201, 169, 110, 0.05) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	color: var(--navy);
	opacity: 0.3;
}

.treatment-card-body {
	padding: 24px;
	position: relative;
}

.treatment-card-icon {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gradient-navy);
	color: var(--white);
	border-radius: var(--radius-sm);
	font-size: 1.2rem;
	position: absolute;
	top: -24px;
	right: 24px;
	box-shadow: var(--shadow-md);
}

.treatment-card-body h5 {
	font-family: var(--font-primary);
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.treatment-card-body p {
	font-size: 0.9rem;
	color: var(--text-muted);
	margin-bottom: 16px;
}

.treatment-card-tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

	.treatment-card-tags .tag {
		padding: 4px 12px;
		background: linear-gradient(135deg, rgba(27, 58, 92, 0.06) 0%, rgba(201, 169, 110, 0.06) 100%);
		border-radius: var(--radius-round);
		font-size: 0.75rem;
		color: var(--navy);
		font-weight: 500;
	}

/* Treatment filter animation */
.treatment-item {
	transition: opacity 0.4s ease, transform 0.4s ease;
}

	.treatment-item.hidden {
		opacity: 0;
		transform: scale(0.8);
		position: absolute;
		pointer-events: none;
	}

/* ============================
   RESULTS / BEFORE-AFTER
   ============================ */
.result-card {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--radius-lg);
	padding: 32px;
	backdrop-filter: blur(10px);
	transition: var(--transition-cubic);
}

	.result-card:hover {
		background: rgba(255, 255, 255, 0.1);
		transform: translateY(-8px);
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	}

.result-badge {
	display: inline-block;
	padding: 4px 16px;
	background: var(--gradient-accent);
	border-radius: var(--radius-round);
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--navy);
	margin-bottom: 16px;
}

.result-stats {
	display: flex;
	gap: 16px;
	margin-bottom: 12px;
}

	.result-stats span {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 0.82rem;
		color: rgba(255, 255, 255, 0.6);
	}

/* ============================
   ASSESSMENT / CONTACT FORM STYLES
   ============================ */
.assessment-hero {
	padding: 70px 0 40px;
	background: var(--gradient-hero);
	color: var(--white);
	text-align: center;
}

.assessment-subtitle {
	display: block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	color: rgba(255,255,255,0.85);
	margin-bottom: 12px;
	font-size: 0.78rem;
}

.assessment-title {
	font-size: 2.25rem;
	font-weight: 800;
	color: var(--white);
	margin-bottom: 8px;
}

.assessment-desc {
	color: rgba(255,255,255,0.9);
	max-width: 900px;
	margin: 0 auto 24px;
	font-size: 1rem;
}

.assessment-card {
	background: var(--white);
	border-radius: 14px;
	box-shadow: var(--shadow-xl);
	padding: 24px;
	margin-top: -48px;
}

@media (min-width: 992px) {
	.assessment-form-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 18px;
	}

		.assessment-form-row .full {
			grid-column: 1 / -1;
		}
}

.assessment-card .form-control, .assessment-card .form-select {
	border-radius: 10px;
	padding: 12px 14px;
}

.assessment-card textarea.form-control {
	min-height: 150px;
}

.form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	align-items: center;
	margin-top: 18px;
}

.btn-ghost {
	background: transparent;
	border: 1px solid var(--navy);
	color: var(--navy);
	padding: 10px 26px;
	border-radius: 40px;
}

.btn-send {
	background: var(--navy);
	color: var(--white);
	padding: 10px 26px;
	border-radius: 40px;
	box-shadow: var(--shadow-md);
}

	.btn-send i {
		margin-right: 8px;
	}


.result-stats span i {
	color: var(--accent);
}

.result-card h6 {
	color: var(--white);
	font-family: var(--font-primary);
	font-size: 1.05rem;
	font-weight: 600;
	margin-bottom: 8px;
}

.result-card p {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.88rem;
	margin-bottom: 0;
}

/* ============================
   PRICING / FİYATLAR
   ============================ */
.pricing-card {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: 36px;
	border: 1px solid rgba(27, 58, 92, 0.08);
	transition: var(--transition-cubic);
	height: 100%;
	position: relative;
	overflow: hidden;
}

	.pricing-card:hover {
		transform: translateY(-8px);
		box-shadow: var(--shadow-lg);
	}

	.pricing-card.featured {
		border: 2px solid var(--navy);
		background: linear-gradient(180deg, rgba(27, 58, 92, 0.03) 0%, var(--white) 100%);
	}

		.pricing-card.featured:hover {
			box-shadow: var(--shadow-xl);
		}

.pricing-popular-badge {
	position: absolute;
	top: 20px;
	right: -32px;
	background: var(--gradient-navy);
	color: var(--white);
	padding: 4px 40px;
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	transform: rotate(45deg);
}

.pricing-icon {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(27, 58, 92, 0.08) 0%, rgba(201, 169, 110, 0.08) 100%);
	border-radius: 50%;
	font-size: 1.5rem;
	color: var(--navy);
	margin-bottom: 20px;
}

.pricing-title {
	font-family: var(--font-primary);
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(27, 58, 92, 0.08);
}

.pricing-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.pricing-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px dashed rgba(27, 58, 92, 0.08);
	font-size: 0.9rem;
}

	.pricing-item:last-child {
		border-bottom: none;
	}

.pricing-price {
	font-weight: 600;
	color: var(--navy);
	font-size: 0.85rem;
	white-space: nowrap;
}

/* ============================
   TESTIMONIALS
   ============================ */
.testimonial-card {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: 32px;
	border: 1px solid rgba(27, 58, 92, 0.06);
	transition: var(--transition-cubic);
	height: 100%;
	position: relative;
}

	.testimonial-card::before {
		content: '\201C';
		font-family: var(--font-heading);
		font-size: 5rem;
		color: rgba(27, 58, 92, 0.05);
		position: absolute;
		top: 10px;
		right: 24px;
		line-height: 1;
	}

	.testimonial-card:hover {
		transform: translateY(-8px);
		box-shadow: var(--shadow-lg);
	}

.testimonial-stars {
	display: flex;
	gap: 4px;
	margin-bottom: 16px;
	color: #FFB800;
	font-size: 0.9rem;
}

.testimonial-text {
	font-size: 0.95rem;
	color: var(--text-body);
	font-style: italic;
	line-height: 1.8;
	margin-bottom: 24px;
}

.testimonial-author {
	display: flex;
	align-items: center;
	gap: 14px;
}

.testimonial-avatar {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gradient-navy);
	color: var(--white);
	border-radius: 50%;
	font-size: 1.2rem;
}

.testimonial-author h6 {
	font-family: var(--font-primary);
	font-size: 0.95rem;
	font-weight: 600;
	margin-bottom: 2px;
}

.testimonial-author span {
	font-size: 0.8rem;
	color: var(--text-muted);
}

/* ============================
   DOCTORS
   ============================ */
.doctor-card {
	text-align: center;
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: 32px 24px;
	border: 1px solid rgba(27, 58, 92, 0.06);
	transition: var(--transition-cubic);
	height: 100%;
}

	.doctor-card:hover {
		transform: translateY(-8px);
		box-shadow: var(--shadow-lg);
	}

.doctor-img {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(27, 58, 92, 0.08) 0%, rgba(201, 169, 110, 0.08) 100%);
	border-radius: 50%;
	margin: 0 auto 20px;
	font-size: 3rem;
	color: var(--navy);
	border: 3px solid rgba(27, 58, 92, 0.1);
	transition: var(--transition-base);
}

.doctor-card:hover .doctor-img {
	border-color: var(--accent);
	transform: scale(1.05);
}

.doctor-info h6 {
	font-family: var(--font-primary);
	font-size: 1.05rem;
	font-weight: 700;
	margin-bottom: 4px;
}

.doctor-specialty {
	display: inline-block;
	font-size: 0.82rem;
	color: var(--accent-dark);
	font-weight: 500;
	padding: 4px 14px;
	background: rgba(201, 169, 110, 0.1);
	border-radius: var(--radius-round);
	margin-bottom: 12px;
}

.doctor-info p {
	font-size: 0.88rem;
	color: var(--text-muted);
	margin-bottom: 16px;
}

.doctor-social {
	display: flex;
	justify-content: center;
	gap: 12px;
}

	.doctor-social a {
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(27, 58, 92, 0.05);
		border-radius: 50%;
		color: var(--navy);
		font-size: 0.9rem;
		transition: var(--transition-base);
	}

		.doctor-social a:hover {
			background: var(--navy);
			color: var(--white);
			transform: translateY(-3px);
		}

/* ============================
   BLOG
   ============================ */
.blog-card {
	background: var(--white);
	border-radius: var(--radius-lg);
	overflow: hidden;
	border: 1px solid rgba(27, 58, 92, 0.06);
	transition: var(--transition-cubic);
	height: 100%;
}

	.blog-card:hover {
		transform: translateY(-8px);
		box-shadow: var(--shadow-lg);
	}

.blog-card-img {
	position: relative;
	height: 200px;
	overflow: hidden;
}

.blog-img-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(27, 58, 92, 0.06) 0%, rgba(201, 169, 110, 0.06) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	color: var(--navy);
	/*opacity: 0.2;*/
}

	.blog-img-placeholder img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


.blog-date {
	position: absolute;
	top: 16px;
	left: 16px;
	background: var(--gradient-navy);
	color: var(--white);
	padding: 10px 16px;
	border-radius: var(--radius-sm);
	text-align: center;
	line-height: 1;
}

.blog-day {
	display: block;
	font-size: 1.3rem;
	font-weight: 800;
}

.blog-month {
	display: block;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 4px;
}

.blog-card-body {
	padding: 24px;
}

.blog-meta {
	display: flex;
	gap: 16px;
	margin-bottom: 12px;
}

	.blog-meta span {
		font-size: 0.78rem;
		color: var(--text-muted);
		display: flex;
		align-items: center;
		gap: 4px;
	}

		.blog-meta span i {
			color: var(--accent);
		}

.blog-card-body h5 {
	font-family: var(--font-primary);
	font-size: 1.05rem;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.4;
}

	.blog-card-body h5 a {
		color: var(--navy);
		transition: var(--transition-base);
	}

		.blog-card-body h5 a:hover {
			color: var(--navy-light);
		}

.blog-card-body p {
	font-size: 0.88rem;
	color: var(--text-muted);
	margin-bottom: 16px;
}

.blog-read-more {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--navy);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: var(--transition-base);
}

	.blog-read-more:hover {
		color: var(--accent-dark);
		gap: 10px;
	}

/* ============================
   CTA SECTION
   ============================ */
.cta-section {
	background: var(--gradient-hero);
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}

	.cta-section::before {
		content: '';
		position: absolute;
		top: -50%;
		right: -10%;
		width: 500px;
		height: 500px;
		background: rgba(201, 169, 110, 0.08);
		border-radius: 50%;
		animation: float 10s ease-in-out infinite;
	}

	.cta-section::after {
		content: '';
		position: absolute;
		bottom: -30%;
		left: -5%;
		width: 300px;
		height: 300px;
		background: rgba(201, 169, 110, 0.05);
		border-radius: 50%;
		animation: float 8s ease-in-out infinite 3s;
	}

.cta-content {
	position: relative;
	z-index: 2;
}

	.cta-content h2 {
		font-size: 2.5rem;
		color: var(--white);
		margin-bottom: 16px;
	}

	.cta-content p {
		font-size: 1.1rem;
		color: rgba(255, 255, 255, 0.7);
		max-width: 600px;
		margin: 0 auto 32px;
	}

.cta-buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

/* ============================
   CONTACT / İLETİŞİM
   ============================ */
.contact-info-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.contact-info-card {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 24px;
	background: var(--white);
	border-radius: var(--radius-lg);
	border: 1px solid rgba(27, 58, 92, 0.06);
	transition: var(--transition-cubic);
}

	.contact-info-card:hover {
		box-shadow: var(--shadow-md);
		transform: translateX(8px);
	}

.contact-icon {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gradient-navy);
	border-radius: var(--radius-md);
	color: var(--white);
	font-size: 1.2rem;
}

.contact-info-card h6 {
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 6px;
}

.contact-info-card p {
	font-size: 0.9rem;
	color: var(--text-muted);
	margin-bottom: 2px;
}

.contact-info-card a {
	color: var(--text-muted);
}

	.contact-info-card a:hover {
		color: var(--navy);
	}

.contact-form-wrapper {
	background: var(--white);
	border-radius: var(--radius-xl);
	padding: 40px;
	box-shadow: var(--shadow-md);
	border: 1px solid rgba(27, 58, 92, 0.06);
}

	.contact-form-wrapper h5 {
		font-family: var(--font-primary);
		font-weight: 700;
		color: var(--navy);
	}

.form-control, .form-select {
	border: 1px solid rgba(27, 58, 92, 0.12);
	border-radius: var(--radius-sm);
	padding: 12px 16px;
	font-family: var(--font-primary);
	font-size: 0.9rem;
	transition: var(--transition-base);
}

	.form-control:focus, .form-select:focus {
		border-color: var(--navy);
		box-shadow: 0 0 0 3px rgba(27, 58, 92, 0.1);
	}

.form-floating label {
	font-size: 0.88rem;
	color: var(--text-muted);
}

.map-wrapper {
	border-radius: var(--radius-xl);
	overflow: hidden;
	box-shadow: var(--shadow-md);
}

/* ============================
   FOOTER
   ============================ */
.footer-section {
	background: var(--navy-dark);
}

.footer-top {
	padding: 80px 0 40px;
}

.footer-logo {
	height: 80px;
	margin-bottom: 20px;
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

.footer-widget p {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 20px;
	line-height: 1.8;
}

.footer-social {
	display: flex;
	gap: 12px;
}

	.footer-social a {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, 0.08);
		border-radius: 50%;
		color: rgba(255, 255, 255, 0.7);
		font-size: 1rem;
		transition: var(--transition-base);
	}

		.footer-social a:hover {
			background: var(--accent);
			color: var(--navy-dark);
			transform: translateY(-3px);
		}

.footer-widget-title {
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 20px;
	padding-bottom: 12px;
	position: relative;
}

	.footer-widget-title::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 30px;
		height: 2px;
		background: var(--accent);
		border-radius: 2px;
	}

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

	.footer-links li {
		margin-bottom: 10px;
	}

	.footer-links a {
		font-size: 0.88rem;
		color: rgba(255, 255, 255, 0.55);
		display: flex;
		align-items: center;
		gap: 8px;
		transition: var(--transition-base);
	}

		.footer-links a::before {
			content: '\203A';
			color: var(--accent);
			font-size: 1.2rem;
			line-height: 1;
		}

		.footer-links a:hover {
			color: var(--accent);
			transform: translateX(6px);
		}

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

	.footer-contact li {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		margin-bottom: 16px;
		font-size: 0.88rem;
		color: rgba(255, 255, 255, 0.6);
	}

		.footer-contact li i {
			color: var(--accent);
			font-size: 1rem;
			margin-top: 3px;
			flex-shrink: 0;
		}

		.footer-contact li a {
			color: rgba(255, 255, 255, 0.6);
		}

			.footer-contact li a:hover {
				color: var(--accent);
			}

.footer-bottom {
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

	.footer-bottom p {
		font-size: 0.82rem;
		color: rgba(255, 255, 255, 0.4);
		margin-bottom: 0;
	}

	.footer-bottom a {
		font-size: 0.82rem;
		color: rgba(255, 255, 255, 0.4);
		transition: var(--transition-base);
	}

		.footer-bottom a:hover {
			color: var(--accent);
		}

/* ============================
   WHATSAPP FLOATING BUTTON
   ============================ */
.whatsapp-float {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--whatsapp);
	color: var(--white);
	font-size: 1.6rem;
	border-radius: 50%;
	box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
	z-index: 999;
	transition: var(--transition-cubic);
	animation: pulse-whatsapp 2s infinite;
}

	.whatsapp-float:hover {
		color: var(--white);
		transform: scale(1.1);
		box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5);
	}

.whatsapp-tooltip {
	position: absolute;
	right: 70px;
	background: var(--navy);
	color: var(--white);
	padding: 8px 16px;
	border-radius: var(--radius-sm);
	font-size: 0.8rem;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-base);
	pointer-events: none;
}

	.whatsapp-tooltip::after {
		content: '';
		position: absolute;
		right: -6px;
		top: 50%;
		transform: translateY(-50%);
		border-left: 6px solid var(--navy);
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}

.whatsapp-float:hover .whatsapp-tooltip {
	opacity: 1;
	visibility: visible;
}

@keyframes pulse-whatsapp {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	}
}

/* ============================
   BACK TO TOP
   ============================ */
.back-to-top {
	position: fixed;
	bottom: 100px;
	right: 34px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gradient-navy);
	color: var(--white);
	border-radius: 50%;
	font-size: 1rem;
	box-shadow: var(--shadow-md);
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: var(--transition-cubic);
	z-index: 998;
}

	.back-to-top.visible {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.back-to-top:hover {
		color: var(--white);
		transform: translateY(-4px);
		box-shadow: var(--shadow-lg);
	}

/* ============================
   MODAL STYLING
   ============================ */
.modal-content {
	border: none;
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-xl);
	overflow: hidden;
}

.modal-header {
	background: linear-gradient(135deg, rgba(27, 58, 92, 0.03) 0%, rgba(201, 169, 110, 0.03) 100%);
	border-bottom: 1px solid rgba(27, 58, 92, 0.08);
	padding: 24px 32px;
}

.modal-title {
	font-family: var(--font-primary);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--navy);
	display: flex;
	align-items: center;
	gap: 10px;
}

	.modal-title i {
		color: var(--accent);
	}

.modal-subtitle {
	font-size: 0.85rem;
	color: var(--text-muted);
	margin-top: 4px;
}

.modal-body {
	padding: 32px;
}

.modal-footer {
	padding: 16px 32px 24px;
	border-top: 1px solid rgba(27, 58, 92, 0.08);
}

/* ============================
   RESPONSIVE DESIGN
   ============================ */
@media (max-width: 1199.98px) {
	.hero-title {
		font-size: 3.2rem;
	}

	.section-title {
		font-size: 2.2rem;
	}
}

@media (max-width: 991.98px) {
	.hero-title {
		font-size: 2.8rem;
	}

	.section-padding {
		padding: 80px 0;
	}

	.section-title {
		font-size: 2rem;
	}

	.navbar-nav {
		padding: 16px 0;
	}

	.navbar-buttons {
		padding: 12px 0;
	}

	.hero-stats {
		gap: 24px;
		padding: 20px 28px;
	}

	.hero-stat-number {
		font-size: 1.6rem;
	}

	.cta-content h2 {
		font-size: 2rem;
	}
}

@media (max-width: 767.98px) {
	.hero-section {
		padding-top: 80px;
	}

	.hero-title {
		font-size: 2.2rem;
	}

	.hero-subtitle {
		font-size: 1rem;
	}

	.hero-buttons {
		flex-direction: column;
	}

	.hero-stats {
		flex-wrap: wrap;
		gap: 16px;
		padding: 20px;
	}

	.hero-stat-divider {
		display: none;
	}

	.hero-stat {
		flex: 1;
		min-width: 80px;
	}

	.section-padding {
		padding: 60px 0;
	}

	.section-title {
		font-size: 1.7rem;
	}

	.section-desc {
		font-size: 0.95rem;
	}

	.about-experience-badge {
		bottom: 20px;
		right: 10px;
		padding: 14px 20px;
	}

	.exp-number {
		font-size: 2rem;
	}

	.contact-form-wrapper {
		padding: 28px;
	}

	.cta-content h2 {
		font-size: 1.6rem;
	}

	.cta-section {
		padding: 60px 0;
	}

	.pricing-card {
		padding: 28px;
	}

	.modal-header, .modal-body, .modal-footer {
		padding: 20px;
	}
}

@media (max-width: 575.98px) {
	.hero-title {
		font-size: 1.9rem;
	}

	.section-title {
		font-size: 1.5rem;
	}

	.process-connector {
		display: none !important;
	}

	.whatsapp-float {
		bottom: 20px;
		right: 20px;
		width: 52px;
		height: 52px;
		font-size: 1.4rem;
	}

	.back-to-top {
		bottom: 80px;
		right: 24px;
	}

	.topbar-info {
		flex-wrap: wrap;
		gap: 2px;
	}

		.topbar-info li + li::before {
			margin: 0 4px;
		}
}

/* ============================
   SCROLLBAR CUSTOM
   ============================ */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--off-white);
}

::-webkit-scrollbar-thumb {
	background: var(--navy);
	border-radius: 10px;
}

	::-webkit-scrollbar-thumb:hover {
		background: var(--navy-dark);
	}

/* ============================
   SELECTION COLOR
   ============================ */
::selection {
	background: rgba(27, 58, 92, 0.2);
	color: var(--navy);
}


.map-wrapper iframe {
	width: 100% !important;
}

.pagination-container {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.pagination {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 6px;
	flex-wrap: wrap;
}

	.pagination li {
		display: inline-block;
	}

		.pagination li span,
		.pagination li a {
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 42px;
			height: 42px;
			padding: 0 8px;
			border-radius: 8px;
			font-family: inherit;
			font-size: 14px;
			font-weight: 600;
			text-decoration: none;
			background-color: #f5f7fa;
			color: #1c3d5e;
			border: 1px solid #e5e9ef;
			transition: all 0.25s ease;
		}

			.pagination li a:hover {
				background-color: #c9a45c;
				color: #ffffff;
				border-color: #c9a45c;
				transform: translateY(-2px);
			}

		.pagination li.active span {
			background-color: #1c3d5e;
			color: #ffffff;
			border-color: #1c3d5e;
			box-shadow: 0 4px 10px rgba(28, 61, 94, 0.25);
		}

		.pagination li.PagedList-ellipses span,
		.pagination li.PagedList-ellipses a {
			background-color: transparent;
			border: none;
			color: #9aa5b1;
			font-weight: 700;
		}

			.pagination li.PagedList-ellipses a:hover {
				background-color: transparent;
				color: #c9a45c;
				transform: none;
			}

		.pagination li.PagedList-skipToNext a,
		.pagination li.PagedList-skipToLast a {
			background-color: #1c3d5e;
			color: #ffffff;
			border-color: #1c3d5e;
			font-weight: 700;
		}

			.pagination li.PagedList-skipToNext a:hover,
			.pagination li.PagedList-skipToLast a:hover {
				background-color: #c9a45c;
				border-color: #c9a45c;
			}

@media (max-width: 576px) {
	.pagination li span,
	.pagination li a {
		min-width: 36px;
		height: 36px;
		font-size: 13px;
	}
}

.blog-photo{
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	    overflow: hidden;
}

.blog-photo img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}

.row.g-4.mt-3 .owl-nav {
  position: absolute;
  top: -60px;
  right: 10px;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  z-index: 20;
}

.row.g-4.mt-3 .owl-nav button.owl-prev,
.row.g-4.mt-3 .owl-nav button.owl-next {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(28, 61, 94, 0.9);
  border: 1px solid rgba(201, 164, 92, 0.4);
  border-radius: 50%;
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.25s ease;
  margin: 0 !important; /* owl-carousel'in varsayılan margin'ini eziyoruz */
}

.row.g-4.mt-3 .owl-nav button span {
  display: block;
  margin-top: -2px;
}

.row.g-4.mt-3 .owl-nav button:hover {
  background: #c9a45c;
  border-color: #c9a45c;
  color: #1c3d5e;
  transform: scale(1.08);
}

.row.g-4.mt-3 .owl-nav button.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}




.testimonial-card{
    height:100%;
    display:flex;
    flex-direction:column;
}

.testimonial-content{
    flex:1;
}

.comment-wrapper{
    max-height:120px; /* yaklaşık 4-5 satır */
    overflow:hidden;
    transition:max-height .3s ease;
}

.comment-wrapper.expanded{
    max-height:1000px;
}

.read-more-btn{
    display:inline-block;
    margin-top:10px;
    color:#0d6efd;
    text-decoration:none;
    cursor:pointer;
}

.read-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 8px 14px;
    border-radius: 25px;
    background: rgba(203, 168, 106, 0.12);
    color: #cba86a;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.read-more-btn::after {
    content: "→";
    transition: transform .3s ease;
}



.read-more-btn:hover::after {
    transform: translateX(4px);
}

.read-more-btn.active::after {
    content: "↑";
}


.read-more-btn {
    color: #cba86a;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    padding-bottom: 3px;
}

.read-more-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #cba86a;
    transition: width .3s ease;
}

.read-more-btn:hover::before {
    width: 100%;
}

.sss-section {
    padding: 80px 0;
  }

  .sss-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--gold-light);
    color: var(--gold);
    font-weight: 600;
    font-size: 14px;
    padding: 8px 18px;
    border-radius: 50px;
    margin-bottom: 16px;
  }

  .sss-section h2 {
    color: var(--navy);
    font-weight: 800;
    font-size: 2.4rem;
  }

  .sss-section h2 span {
    color: var(--gold);
  }

  .sss-section .lead {
    color: #6c7686;
    max-width: 600px;
  }

  /* Accordion - sadece Bootstrap sınıfları üzerine tema rengi */
  .accordion-item {
    border: none;
    border-radius: 12px !important;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(28, 61, 94, 0.06);
  }

  .accordion-button {
    background: #ffffff;
    color: var(--navy);
    font-weight: 600;
    font-size: 1.05rem;
    padding: 22px 26px;
    box-shadow: none !important;
  }

  .accordion-button:not(.collapsed) {
    background: var(--navy);
    color: #ffffff;
  }

  .accordion-button:focus {
    box-shadow: none;
  }

  /* Bootstrap'in varsayılan ok ikonunu özelleştirip gold/beyaz yapıyoruz */
  .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c9a45c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    width: 1.1rem;
    height: 1.1rem;
  }

  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }

  .accordion-body {
    background: #ffffff;
    color: #5b6472;
    font-size: 0.98rem;
    line-height: 1.75;
    padding: 22px 26px 26px;
  }

  .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-body {
    border-top: 1px solid #eef0f3;
  }

  /* Soru numarası rozeti */
  .q-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 50%;
    background: var(--gold-light);
    color: var(--gold);
    font-weight: 700;
    font-size: 14px;
    margin-right: 14px;
  }

  .accordion-button:not(.collapsed) .q-badge {
    background: var(--gold);
    color: var(--navy);
  }

  .accordion-button {
    display: flex;
    align-items: center;
  }


  .lang-divider {
  width: 1px;
  height: 18px;
  background: rgba(255, 255, 255, 0.25);
}

.lang-link {
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.lang-link:hover {
  color: #c9a45c;
}

.lang-link.active {
  color: #ffffff;
}

.lang-sep {
  color: rgba(255, 255, 255, 0.3);
  font-size: 13px;
}


.lang-switch-mobile {
  padding: 8px 4px;
  border-top: 1px solid rgba(28, 61, 94, 0.1);
  border-bottom: 1px solid rgba(28, 61, 94, 0.1);
}

.lang-link-mobile {
  color: #1c3d5e;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  opacity: 0.6;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.lang-link-mobile:hover {
  color: #c9a45c;
  opacity: 1;
}

.lang-link-mobile.active {
  opacity: 1;
  color: #1c3d5e;
}

.lang-switch-mobile .lang-sep {
  color: rgba(28, 61, 94, 0.3);
  font-size: 13px;
}

#formAlert {
    display: none;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
    color: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    animation: slideDown 0.25s ease-in-out;
}

/* Başarı */
#formAlert.bg-success {
    background: linear-gradient(135deg, #1f8f5f, #28c76f);
    border-left: 5px solid #0f6b42;
}

/* Hata */
#formAlert.bg-danger {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-left: 5px solid #7a1e16;
}

/* Hafif giriş animasyonu */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.error-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 40px 20px;
  }

  /* Arka plan dekoru: noktalar */
  .bg-dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
  }

  .bg-dots span {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold);
    opacity: 0.35;
    animation: floatDot 7s ease-in-out infinite;
  }

  @keyframes floatDot {
    0%, 100% { transform: translateY(0); opacity: 0.25; }
    50% { transform: translateY(-22px); opacity: 0.55; }
  }

  .content-wrap {
    position: relative;
    z-index: 2;
    max-width: 620px;
    text-align: center;
  }

  /* Arka plandaki dev 404 yazısı */
  .ghost-404 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(110px, 22vw, 230px);
    font-weight: 700;
    line-height: 1;
    color: var(--gold-light);
    user-select: none;
    margin: 0 0 -40px 0;
    letter-spacing: 4px;
  }

  .tooth-stage {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 10px;
  }

  .tooth-wrap {
    animation: bob 3.2s ease-in-out infinite;
    transform-origin: center;
  }

  @keyframes bob {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-12px) rotate(1deg); }
  }

  .tooth-shadow {
    animation: shadowPulse 3.2s ease-in-out infinite;
    transform-origin: center;
  }

  @keyframes shadowPulse {
    0%, 100% { transform: scaleX(1); opacity: 0.18; }
    50% { transform: scaleX(0.75); opacity: 0.1; }
  }

  .eye {
    animation: blink 4.5s ease-in-out infinite;
    transform-origin: center;
  }

  .eye-right { animation-delay: 0.08s; }

  @keyframes blink {
    0%, 92%, 100% { transform: scaleY(1); }
    96% { transform: scaleY(0.1); }
  }

  .magnifier {
    animation: search 3.6s ease-in-out infinite;
    transform-origin: 130px 150px;
  }

  @keyframes search {
    0%, 100% { transform: rotate(-8deg) translate(0,0); }
    50% { transform: rotate(10deg) translate(4px,-4px); }
  }

  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 18px;
  }

  .eyebrow::before,
  .eyebrow::after {
    content: '';
    width: 22px;
    height: 1px;
    background: var(--gold);
    opacity: 0.6;
  }

  h1.headline {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: clamp(28px, 4.2vw, 40px);
    color: var(--navy);
    margin: 0 0 16px 0;
    line-height: 1.25;
  }

  h1.headline em {
    font-style: italic;
    color: var(--gold);
  }

  .sub-text {
    color: var(--ink);
    font-size: 16px;
    line-height: 1.75;
    max-width: 460px;
    margin: 0 auto 34px;
  }

  .cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
  }

  .btn-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 26px;
    border-radius: 50px;
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
    border: 1.5px solid transparent;
  }

  .btn-cta.primary {
    background: var(--navy);
    color: #ffffff;
  }

  .btn-cta.primary:hover {
    background: var(--navy-dark);
    transform: translateY(-2px);
  }

  .btn-cta.outline {
    background: transparent;
    color: var(--navy);
    border-color: rgba(28,61,94,0.25);
  }

  .btn-cta.outline:hover {
    border-color: var(--gold);
    color: var(--gold);
    transform: translateY(-2px);
  }

  .help-line {
    font-size: 13.5px;
    color: var(--muted);
    padding-top: 26px;
    border-top: 1px solid #eef0f3;
  }

  .help-line a {
    color: var(--navy);
    font-weight: 600;
    text-decoration: none;
  }

  .help-line a:hover {
    color: var(--gold);
  }

  @media (max-width: 480px) {
    .ghost-404 { margin-bottom: -28px; }
    .tooth-stage { width: 150px; height: 150px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .tooth-wrap, .tooth-shadow, .eye, .magnifier, .bg-dots span {
      animation: none !important;
    }
  }


.form-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(28,61,94,0.1);
    padding: 48px;
  }

  .field-group { margin-bottom: 26px; }

  .field-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--navy);
    margin-bottom: 9px;
  }

  .field-label i { color: var(--gold); font-size: 15px; }

  .field-label .req { color: #d9534f; font-weight: 700; margin-left: 1px; }

  .form-control, .form-select {
    border: 1.5px solid #e6e9ed;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14.5px;
    color: var(--navy);
    background-color: #fcfcfd;
    transition: all 0.2s ease;
  }

  .form-control::placeholder { color: var(--muted); }

  .form-control:focus, .form-select:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(201,164,92,0.15);
    background-color: #ffffff;
  }

  textarea.form-control { min-height: 130px; resize: vertical; }

  /* Dosya yükleme alanı */
  .file-upload {
    border: 1.5px dashed #d8dde3;
    border-radius: 10px;
    background: #fcfcfd;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .file-upload:hover {
    border-color: var(--gold);
    background: var(--gold-light);
  }

  .file-upload-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 8px;
    background: var(--gold-light);
    color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }

  .file-upload-text {
    font-size: 13.5px;
    color: var(--muted);
  }

  .file-upload-text strong {
    display: block;
    color: var(--navy);
    font-size: 14px;
    font-weight: 600;
  }

  .file-upload input[type="file"] {
    display: none;
  }

  /* Gönder butonu */
  .btn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: var(--navy);
    color: #ffffff;
    border: none;
    border-radius: 50px;
    padding: 16px;
    font-size: 15.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
    transition: all 0.25s ease;
  }

  .btn-submit:hover {
    background: var(--navy-dark);
    transform: translateY(-2px);
    color: #ffffff;
  }

  .kvkk-text {
    font-size: 12.5px;
    color: var(--muted);
    line-height: 1.7;
    text-align: center;
    margin-top: 18px;
  }

  .kvkk-text a {
    color: var(--navy);
    font-weight: 600;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .form-card { padding: 30px 22px; }
  }

   .doctor-strip {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    padding-bottom: 36px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--border);
  }

  .doctor-portrait {
    width: 250px;
    height: 250px;
    min-width: 250px;
    border-radius: 50%;
    padding: 5px;
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
  }

  .doctor-portrait img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
  }

  .doctor-branch {
    color: var(--gold);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
  }

  .doctor-name-lg {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 32px;
    color: var(--navy);
    margin-bottom: 6px;
  }

  .doctor-sub {
    color: var(--muted);
    font-size: 14.5px;
    margin-bottom: 18px;
  }

  .rating-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
  }

  .rating-stars { color: var(--gold); font-size: 14px; letter-spacing: 2px; }
  .rating-row .rating-num { font-weight: 700; color: var(--navy); font-size: 14px; }
  .rating-row .rating-count { color: var(--muted); font-size: 13px; }

  .action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .btn-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 50px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1.5px solid transparent;
  }

  .btn-action.navy { background: var(--navy); color: #fff; }
  .btn-action.navy:hover { background: var(--navy-dark); color: #fff; }

  .btn-action.outline {
    background: transparent;
    border-color: rgba(28,61,94,0.2);
    color: var(--navy);
  }

  .btn-action.outline:hover { border-color: var(--gold); color: var(--gold); }

  /* ---- Sekmeler ---- */
  .doc-nav-tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 28px;
    border-bottom: none;
  }

  .doc-nav-tabs .nav-link {
    border: none;
    background: #f3f5f7;
    color: var(--muted);
    font-weight: 600;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all 0.2s ease;
  }

  .doc-nav-tabs .nav-link.active {
    background: var(--navy);
    color: #ffffff;
  }

  .tab-content p {
    color: var(--ink);
    font-size: 14.5px;
    line-height: 1.9;
  }

  .timeline-item {
    display: flex;
    gap: 16px;
    padding-bottom: 22px;
    position: relative;
  }

  .timeline-item::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 22px;
    bottom: 0;
    width: 1px;
    background: var(--border);
  }

  .timeline-item:last-child::before { display: none; }

  .timeline-dot {
    width: 11px;
    height: 11px;
    min-width: 11px;
    border-radius: 50%;
    background: var(--gold);
    margin-top: 5px;
  }

  .timeline-item .t-year {
    font-size: 12px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 2px;
  }

  .timeline-item .t-title {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--navy);
  }

  .tag-pill {
    display: inline-block;
    background: var(--gold-light);
    color: #9c7a35;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 50px;
    margin: 0 8px 8px 0;
  }

  /* ---- Sağ Sidebar: Diğer Doktorlar ---- */
  .sidebar-heading {
    font-family: 'Playfair Display', serif;
    font-size: 19px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 4px;
  }

  .sidebar-sub {
    color: var(--muted);
    font-size: 13px;
    margin-bottom: 22px;
  }

  .other-doc-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
    text-decoration: none;
    border: 1px solid var(--border);
    margin-bottom: 12px;
    transition: all 0.2s ease;
  }

  .other-doc-card:hover {
    border-color: var(--gold);
    background: var(--gold-light);
    transform: translateX(4px);
  }

  .other-doc-card img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
  }

  .other-doc-card .name {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--navy);
    display: block;
  }

  .other-doc-card .branch {
    font-size: 12.5px;
    color: var(--muted);
  }

  .other-doc-card .arrow {
    margin-left: auto;
    color: var(--muted);
    font-size: 14px;
  }

  .other-doc-card:hover .arrow { color: var(--gold); }

  @media (max-width: 767px) {
    .doctor-strip { flex-direction: column; align-items: center; text-align: center; }
    .rating-row, .action-row { justify-content: center; }
  }

  /* ===== Tourism Packages ===== */
.tourism-packages-section {
    background: #f8fafc;
}

.tourism-card {
    background: #fff;
    border: 0.5px solid #d6dfe8;
    border-radius: 14px;
    padding: 1.5rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.tourism-card.featured {
    border: 2px solid #1c3d5e;
}

.tourism-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 11px;
    border-radius: 999px;
    background: #eef3f8;
    color: #1c3d5e;
    align-self: flex-start;
}

.tourism-badge.popular {
    background: #1c3d5e;
    color: #fff;
}

.tourism-icon {
    font-size: 26px;
    color: #c9a45c;
}

.tourism-name {
    font-size: 16px;
    font-weight: 600;
    color: #1c3d5e;
    margin: 0;
}

.tourism-price {
    font-size: 28px;
    font-weight: 700;
    color: #1c3d5e;
    line-height: 1;
}

.tourism-price small {
    font-size: 13px;
    font-weight: 400;
    color: #6c757d;
}

.tourism-divider {
    border: none;
    border-top: 0.5px solid #d6dfe8;
    margin: 2px 0;
}

.tourism-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tourism-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #6c757d;
    line-height: 1.4;
}

.tourism-list li i {
    font-size: 14px;
    color: #c9a45c;
    margin-top: 2px;
    flex-shrink: 0;
}

.tourism-note {
    font-size: 11px;
    color: #adb5bd;
    display: block;
}

.tourism-footnote {
    font-size: 12px;
    color: #6c757d;
    margin-top: 1rem;
    text-align: center;
}

/* ===== Doctor Card ===== */
.doctor-card {
    background: #fff;
    border-radius: 14px;
    padding: 1.5rem 1.25rem;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    box-shadow: 0 2px 12px rgba(28, 61, 94, 0.07);
}

.doctor-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 3px solid #c9a45c;
    background: #eef3f8;
}

.doctor-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}

.doctor-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.doctor-info h6 {
    font-size: 15px;
    font-weight: 600;
    color: #1c3d5e;
    margin: 0;
}

.doctor-info a {
    text-decoration: none;
}

.doctor-info a:hover h6 {
    color: #c9a45c;
}

.doctor-specialty {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #c9a45c;
    background: #f9f3e8;
    border: 0.5px solid #e8dfc8;
    padding: 4px 14px;
    border-radius: 999px;
}

.doctor-social {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

.doctor-social a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0.5px solid #d6dfe8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c3d5e;
    font-size: 14px;
    transition: background 0.15s, color 0.15s;
}

.doctor-social a:hover {
    background: #1c3d5e;
    color: #fff;
}