/* ==========================================================================
   Vienna Letters Medical — Design Tokens
   ========================================================================== */
:root {
	--ink: #061932;
	--ink-soft: #223259;
	--paper: #FFFFFF;
	--paper-2: #F3F4F6;
	--accent: #2CA8E0;
	--accent-dark: #1F7396;
	--text: #1B1B1B;
	--muted: #5B5B5B;
	--muted-on-ink: rgba(255, 255, 255, 0.72);
	--line: rgba(20, 33, 61, 0.12);
	--line-on-ink: rgba(255, 255, 255, 0.18);
	--font-display: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-mono: 'IBM Plex Mono', 'Courier New', monospace;
	--wrap: 1160px;
	--radius: 4px;
}
/* ==========================================================================
   Reset
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
	overflow-x: hidden;
	margin: 0;
	background: var(--paper);
	color: var(--text);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4 { font-family: var(--font-display); margin: 0; font-weight: 500; letter-spacing: -0.01em; }
p { margin: 0 0 1em; }
button { font-family: inherit; }
.screen-reader-text {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px,1px,1px,1px); white-space: nowrap;
}
.skip-link {
	position: absolute; top: -100px; left: 1rem; background: var(--ink); color: var(--paper);
	padding: 0.75rem 1.25rem; z-index: 1000; transition: top 0.2s;
}
.skip-link:focus { top: 1rem; }
:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 24px; }
/* ==========================================================================
   Buttons
   ========================================================================== */
.btn {
	display: inline-flex; align-items: center; gap: 0.5em;
	font-family: var(--font-body); font-weight: 600; font-size: 0.95rem;
	padding: 0.85em 1.7em; border-radius: var(--radius);
	transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color .15s ease;
	border: 1px solid transparent; cursor: pointer;
}
.btn-primary { background: var(--ink); color: var(--paper); }
.btn-primary:hover { background: var(--ink-soft); transform: translateY(-1px); }
.btn-ghost { border-color: currentColor; color: var(--ink); }
.btn-ghost:hover { background: var(--ink); color: var(--paper); }
.btn-lg { padding: 1em 2.2em; font-size: 1.05rem; }
.btn-whatsapp { background: #25D366; color: #FFFFFF; }
.btn-whatsapp:hover { background: #1EBE5A; transform: translateY(-1px); }
.btn-whatsapp-icon { display: block; flex-shrink: 0; }
/* ==========================================================================
   Header
   ========================================================================== */
.site-header {
	position: sticky; top: 0; z-index: 100;
	background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--line);
}
.site-header-inner {
	display: flex; align-items: center; justify-content: space-between;
	gap: 1.2rem; padding-top: 1.1rem; padding-bottom: 1.1rem;
	max-width: 1680px;
}
.site-branding { flex-shrink: 0; min-width: max-content; margin-right: 1.6rem; }
.vl-wordmark { display: flex; align-items: center; flex-shrink: 0; }
.vl-wordmark-text { font-family: var(--font-display); font-weight: 600; }
.vl-logo-img { height: 52px; width: auto; max-width: none; display: block; flex-shrink: 0; object-fit: contain; }
@media (max-width: 600px) {
	.vl-logo-img:not(.vl-logo-dark) { height: 42px; }
}
.vl-logo-img.vl-logo-dark { height: 64px; }
.custom-logo { max-height: 56px; width: auto; }
.primary-nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.primary-menu { display: flex; gap: 1.2rem; flex-wrap: nowrap; }
.primary-menu a {
	font-size: 0.9rem; font-weight: 500; color: var(--ink);
	position: relative; padding-bottom: 4px; white-space: nowrap;
}
.primary-menu a::after {
	content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1.5px;
	background: var(--accent); transition: width 0.2s ease;
}
.primary-menu a:hover::after, .primary-menu li.current-menu-item a::after { width: 100%; }
.site-header-cta { display: flex; align-items: center; gap: 0.7rem; flex-shrink: 0; margin-left: auto; }
.mobile-nav-cta { display: none; }
.header-lang-mobile { display: flex; margin-left: 1rem; }
.menu-toggle {
	display: none; flex-direction: column; gap: 5px; background: none; border: none; padding: 0.5rem;
}
.menu-toggle-bar { width: 22px; height: 2px; background: var(--ink); }
@media (max-width: 2200px) {
	.primary-nav { position: fixed; inset: 0 0 0 auto; width: min(320px, 85vw); height: 100vh;
		background: var(--paper); transform: translateX(100%); transition: transform 0.25s ease;
		padding: 6rem 2rem 2rem; box-shadow: -10px 0 30px rgba(0,0,0,0.08); z-index: 200;
		display: flex; flex-direction: column; overflow-y: auto; }
	.primary-nav.is-open { transform: translateX(0); }
	.primary-menu { flex-direction: column; gap: 1.5rem; }
	.primary-menu a { font-size: 0.95rem; white-space: normal; }
	.site-header-cta { display: none; }
	.mobile-nav-cta { display: flex; flex-direction: column; gap: 0.8rem; margin-top: 2.5rem; }
	.mobile-nav-cta .btn { justify-content: center; }
	.header-lang-mobile.lang-switch { margin-left: auto; margin-right: 0.6rem; display: grid !important; grid-template-columns: repeat(2, auto); gap: 0.15rem; }
	.header-lang-mobile .lang-flag { width: 38px; }
	.header-lang-mobile a { padding: 0.15em 0.2em; }
	.menu-toggle { display: flex; }
}
/* ==========================================================================
   Hero — Koyu Lacivert Tasarım
   ========================================================================== */
.hero { position: relative; padding: 5.5rem 0 6rem; overflow: hidden; background: var(--ink); }
.hero::before {
	content: ''; position: absolute; top: -20%; right: -10%; width: 600px; height: 600px; max-width: 80vw;
	border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(44,168,224,0.22), transparent 70%);
	pointer-events: none;
}
.hero .wrap { max-width: 1440px; }
.hero-grid { position: relative; display: grid; grid-template-columns: 1fr 1.05fr; gap: 3rem; align-items: center; z-index: 2; }
.hero-inner { position: relative; z-index: 2; }
.hero-star-decor {
	position: absolute;
	top: 20px;
	left: -70px;
	width: 90px;
	height: auto;
	opacity: 0.2;
	pointer-events: none;
	z-index: 1;
	animation: hero-star-spin 30s linear infinite;
}
@keyframes hero-star-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.hero-eyebrow {
	font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.12em;
	font-size: 0.8rem; color: var(--accent); margin-bottom: 1rem;
}
.hero-title {
	font-size: clamp(2.2rem, 4.2vw, 3.4rem); line-height: 1.1; color: var(--paper); margin-bottom: 1.3rem;
}
.hero-title em { font-style: normal; color: var(--accent); }
.hero-lede { font-size: 1.1rem; color: var(--muted-on-ink); max-width: 520px; margin-bottom: 2rem; }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.hero .btn-ghost { border-color: rgba(255,255,255,0.4); color: var(--paper); }
.hero .btn-ghost:hover { background: var(--paper); color: var(--ink); }
.hero .btn-primary { border: 1px solid rgba(255,255,255,0.4); }
.cta-section .btn-ghost { border-color: rgba(255,255,255,0.4); color: var(--paper); }
.cta-section .btn-ghost:hover { background: var(--paper); color: var(--ink); }
.cta-section .btn-primary { border: 1px solid rgba(255,255,255,0.4); }
.hero-media { position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,0.35); z-index: 2; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-media-caption {
	position: absolute; left: 0; right: 0; bottom: 0; padding: 0.9rem 1.2rem;
	background: linear-gradient(to top, rgba(6,25,50,0.9), transparent);
	color: var(--paper); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.02em;
}
.hero-media-video { aspect-ratio: 16/9; background: var(--ink); }
.hero-video { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-media-wrap { position: relative; }
.hero-phone-mockup {
	position: absolute; right: -32px; bottom: -70px; z-index: 3;
	width: 200px; display: block; transition: transform 0.25s ease;
	filter: drop-shadow(0 18px 30px rgba(0,0,0,0.35));
}
.hero-phone-mockup img { width: 100%; height: auto; display: block; }
.hero-phone-mockup:hover { transform: translateY(-4px) scale(1.03); }
@media (max-width: 860px) {
	.hero-grid { grid-template-columns: 1fr; gap: 2rem; }
	.hero-media { order: -1; max-height: 360px; }
	.hero-phone-mockup { width: 90px; right: -10px; bottom: -20px; }
	.hero-star-decor { width: 40px; top: 8px; left: -8px; }
}
/* ==========================================================================
   Brand Intro (hero altı tanıtım metni)
   ========================================================================== */
.brand-intro { padding: 0 0 3.5rem; }
.brand-intro-inner { max-width: 760px; text-align: center; margin: 0 auto; }
.brand-intro-inner p { font-size: 1.08rem; color: var(--text); line-height: 1.7; }
.brand-intro-link {
	display: inline-block; margin-top: 0.5rem; font-weight: 600; font-size: 0.95rem;
	color: var(--accent-dark); border-bottom: 1px solid currentColor; padding-bottom: 2px;
}
.brand-intro-link:hover { color: var(--ink); }
/* ==========================================================================
   Trust strip
   ========================================================================== */
.trust-strip {
	background: var(--ink); color: var(--paper); padding: 2.2rem 0;
	position: relative; overflow: hidden;
}
.trust-strip::before {
	content: '';
	position: absolute; inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='70' viewBox='0 0 300 70'%3E%3Cpath d='M0,35 L70,35 L85,10 L100,60 L115,35 L300,35' fill='none' stroke='%232CA8E0' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: center;
	background-size: 300px 70px;
	opacity: 0.14;
	pointer-events: none;
	animation: vlEkgScroll 6s linear infinite;
}
@keyframes vlEkgScroll {
	from { background-position: 0 center; }
	to { background-position: -300px center; }
}
@media (prefers-reduced-motion: reduce) {
	.trust-strip::before { animation: none; }
}
.trust-strip-inner { position: relative; z-index: 1;
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.3rem 3rem;
	max-width: 900px; margin: 0 auto; padding: 0 24px;
}
.trust-check-item { display: flex; align-items: center; gap: 0.7rem; text-align: left; }
.trust-check-icon {
	flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%;
	background: var(--accent); color: var(--ink); display: flex; align-items: center;
	justify-content: center; font-size: 0.85rem; font-weight: 700;
}
.trust-check-text { font-size: 0.94rem; color: var(--paper); line-height: 1.4; }
@media (max-width: 760px) {
	.trust-strip-inner { grid-template-columns: 1fr; }
}
/* ==========================================================================
   Section heads
   ========================================================================== */
.section-head { max-width: 620px; margin-bottom: 2.5rem; }
.section-eyebrow {
	font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.12em;
	font-size: 0.78rem; color: var(--accent-dark); margin-bottom: 0.6rem;
}
.section-title { font-size: clamp(1.7rem, 3vw, 2.4rem); color: var(--ink); }
/* ==========================================================================
   Services
   ========================================================================== */
.services-section { padding: 5rem 0; }
.services-grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.25rem;
}
.service-card {
	position: relative; display: flex; flex-direction: column;
	background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--radius);
	overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
a.service-card:hover, a.service-card:focus-visible {
	transform: translateY(-8px) scale(1.015); border-color: var(--accent); box-shadow: 0 20px 40px rgba(20,33,61,0.14);
}
.service-card-image { aspect-ratio: 4/3; background: var(--ink); overflow: hidden; }
.ba-label-wrap { position: relative; }
.ba-label {
	position: absolute; top: 12px; left: 12px; z-index: 2;
	background: rgba(6,25,50,0.85); color: var(--paper);
	font-family: var(--font-mono); font-size: 0.72rem; text-transform: uppercase;
	letter-spacing: 0.06em; padding: 0.35em 0.8em; border-radius: 3px;
}
.ba-label.is-after { background: var(--accent); color: var(--ink); }
.service-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.service-card-placeholder {
	display: flex; align-items: center; justify-content: center; height: 100%;
	color: var(--muted-on-ink); font-family: var(--font-mono); font-size: 0.72rem;
	text-transform: uppercase; letter-spacing: 0.05em; text-align: center; padding: 0 1rem;
}
.service-card-body {
	display: flex; flex-direction: column; gap: 0.6rem;
	padding: 1.6rem 1.6rem 2.4rem;
}
.service-letter {
	font-family: var(--font-display); font-size: 2.2rem; font-weight: 600; color: var(--accent);
	line-height: 1;
}
.service-name { font-size: 1.15rem; color: var(--ink); }
.service-tagline { font-size: 0.92rem; color: var(--muted); margin-bottom: 0; }
.service-arrow {
	position: absolute; bottom: 1.4rem; right: 1.6rem; font-size: 1.1rem; color: var(--ink);
	opacity: 0; transform: translateX(-6px); transition: all 0.2s ease;
}
a.service-card:hover .service-arrow { opacity: 1; transform: translateX(0); }
@media (max-width: 480px) { .services-grid { grid-template-columns: 1fr; } }
/* ==========================================================================
   Hubs
   ========================================================================== */
.hubs-section { padding: 4.5rem 0 1rem; }
.hubs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.hub-card {
	position: relative; display: flex; flex-direction: column; gap: 0.5rem;
	background: var(--ink); color: var(--paper); border-radius: var(--radius);
	padding: 2rem 1.6rem; transition: transform 0.2s ease, box-shadow 0.2s ease;
	overflow: hidden;
}
.hub-card:hover, .hub-card:focus-visible { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(20,33,61,0.18); }
.hub-card-letter { font-family: var(--font-display); font-size: 2.4rem; font-weight: 600; color: var(--accent); line-height: 1; }
.hub-card-name { font-size: 1.15rem; color: var(--paper); }
.hub-card-tagline { font-size: 0.88rem; color: var(--muted-on-ink); margin-bottom: 0; }
.hub-card.is-coming-soon { background: var(--paper-2); color: var(--ink); }
.hub-card.is-coming-soon .hub-card-name { color: var(--ink); }
.hub-card.is-coming-soon .hub-card-tagline { color: var(--muted); }
.hub-card-badge {
	position: absolute; top: 1rem; right: 1rem; font-family: var(--font-mono);
	font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.08em;
	background: var(--accent); color: var(--ink); padding: 0.25em 0.6em; border-radius: 3px;
}
@media (max-width: 960px) { .hubs-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .hubs-grid { grid-template-columns: 1fr; } }
.hub-header { background: var(--paper-2); padding: 4rem 0; }
.hub-header-inner { display: flex; align-items: center; gap: 2rem; }
.hub-header-letter { font-family: var(--font-display); font-size: 5rem; font-weight: 600; color: var(--accent); line-height: 1; }
.hub-header-tagline { font-size: 1.1rem; color: var(--muted); margin-top: 0.6rem; }
@media (max-width: 600px) { .hub-header-inner { flex-direction: column; align-items: flex-start; gap: 1rem; } }
.hub-description { padding: 2.5rem 0 0; max-width: 720px; }
.hub-description p { color: var(--text); font-size: 1.05rem; }
.hub-coming-soon { text-align: center; padding: 5rem 0 6rem; }
.hub-coming-soon-letter {
	display: block; font-family: var(--font-display); font-size: 5rem; font-weight: 600;
	color: var(--accent); margin-bottom: 1rem;
}
.hub-coming-soon h2 { font-size: 1.6rem; color: var(--ink); margin-bottom: 0.8rem; }
.hub-coming-soon p { color: var(--muted); margin-bottom: 1.6rem; }
.doctor-photo-placeholder { display: flex; align-items: center; justify-content: center; }
.doctor-photo-placeholder span { font-family: var(--font-display); font-size: 3rem; color: var(--accent); }
.about-lede-section { padding: 1rem 0 3rem; }
.about-lede-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.about-lede-inner p { font-size: 1.08rem; color: var(--text); line-height: 1.7; }
/* ==========================================================================
   About
   ========================================================================== */
.about-section { padding: 4rem 0 5rem; background: var(--paper-2); }
.about-inner {
	display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 3.5rem; align-items: center;
}
.about-frame {
	aspect-ratio: 4/5; background: var(--ink); border-radius: var(--radius);
	display: flex; align-items: center; justify-content: center;
}
.about-glyph { font-family: var(--font-display); font-size: 5.5rem; color: var(--accent); font-weight: 600; letter-spacing: -0.02em; }
.about-copy p { color: var(--muted); font-size: 1.02rem; }
.about-quote {
	margin: 1.4rem 0 1.6rem; padding-left: 1.4rem; border-left: 2px solid var(--accent);
	font-family: var(--font-display); font-style: italic; font-size: 1.15rem; color: var(--ink);
	line-height: 1.5;
}
.about-list { display: flex; flex-direction: column; gap: 0.7rem; margin-top: 1.2rem; }
.about-list li {
	position: relative; padding-left: 1.6rem; color: var(--text);
}
.about-list li::before {
	content: '—'; position: absolute; left: 0; color: var(--accent); font-weight: 600;
}
@media (max-width: 800px) {
	.about-inner { grid-template-columns: 1fr; }
	.about-frame { max-width: 260px; margin: 0 auto; }
}
/* ==========================================================================
   Patient Stories
   ========================================================================== */
.stories-section { padding: 2rem 0 5rem; }
.stories-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.story-card {
	background: var(--paper-2); border-radius: var(--radius); overflow: hidden;
	box-shadow: 0 1px 3px rgba(6,25,50,0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.story-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(6,25,50,0.12); }
.story-card-image {
	aspect-ratio: 16/10; position: relative; overflow: hidden;
	background: linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%);
	display: flex; align-items: center; justify-content: center;
}
.story-card-image::before {
	content: ''; position: absolute; inset: 0;
	background: radial-gradient(circle at 30% 20%, rgba(44,168,224,0.18), transparent 60%);
}
.story-card-image span {
	position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.6rem;
	font-family: var(--font-mono); font-size: 0.75rem; color: var(--muted-on-ink);
	text-transform: uppercase; letter-spacing: 0.08em;
}
.story-card-image span::before {
	content: ''; width: 34px; height: 34px; border-radius: 50%;
	background: rgba(255,255,255,0.12); border: 1px solid var(--line-on-ink);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232CA8E0' stroke-width='1.6'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10.5' r='1.5'/%3E%3Cpath d='M21 16l-5-5-4 4-3-3-4 4'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 16px;
}
.story-card-image img { width: 100%; height: 100%; object-fit: cover; position: relative; }
.story-card-body { padding: 1.7rem 1.8rem 1.9rem; }
.story-card-badge {
	display: inline-block; background: linear-gradient(100deg, var(--accent), var(--accent-dark));
	color: var(--paper);
	font-family: var(--font-mono); font-size: 0.68rem; text-transform: uppercase;
	letter-spacing: 0.07em; padding: 0.3em 0.75em; border-radius: 3px; margin-bottom: 1rem;
}
.story-card-name { font-size: 1.28rem; color: var(--ink); margin-bottom: 0.35rem; }
.story-card-meta {
	font-family: var(--font-mono); font-size: 0.76rem; color: var(--accent-dark);
	text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 1.1rem;
	padding-bottom: 1.1rem; border-bottom: 1px solid var(--line);
}
.story-card-text { color: var(--text); font-size: 0.95rem; line-height: 1.65; }
@media (max-width: 700px) { .stories-grid { grid-template-columns: 1fr; } }
/* ==========================================================================
   Doctors
   ========================================================================== */
.doctors-section { padding: 5rem 0; }
.doctors-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.doctor-card { display: block; }
.doctor-photo {
	aspect-ratio: 4/5; overflow: hidden; border-radius: var(--radius); margin-bottom: 1rem;
	background: var(--paper-2);
}
.doctor-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.doctor-card:hover .doctor-photo img { transform: scale(1.04); }
.doctor-name { font-size: 1.15rem; color: var(--ink); margin-bottom: 0.2rem; }
.doctor-title { font-size: 0.9rem; color: var(--muted); }
@media (max-width: 900px) { .doctors-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .doctors-grid { grid-template-columns: 1fr; } }
/* ==========================================================================
   CTA
   ========================================================================== */
.cta-section { background: var(--ink); padding: 4.5rem 0; text-align: center; position: relative; overflow: hidden; }
.cta-star-decor {
	position: absolute;
	top: 20px;
	right: 30%;
	left: auto;
	width: 70px;
	height: auto;
	opacity: 0.2;
	pointer-events: none;
	z-index: 1;
	animation: hero-star-spin 30s linear infinite;
}
@media (max-width: 860px) {
	.cta-star-decor { width: 40px; top: 10px; right: 20%; }
}
.cta-title { color: var(--paper); font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 1.6rem; }
.cta-inline {
	display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
	background: var(--paper-2); border-radius: var(--radius); padding: 1.8rem 2rem; margin: 3rem 0;
	flex-wrap: wrap;
}
.cta-inline p { margin: 0; font-size: 1.05rem; color: var(--ink); }
/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer { background: var(--ink); color: var(--muted-on-ink); padding-top: 3.5rem; }
.footer-top {
	display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 2.5rem;
	padding-bottom: 3rem; border-bottom: 1px solid var(--line-on-ink);
}
.footer-brand { text-align: left; }
.footer-brand .vl-wordmark-text { color: var(--paper); }
.footer-brand .vl-wordmark { display: flex; justify-content: flex-start; margin: 0; }
.footer-brand .vl-logo-img { content: url('../images/logo-navy-panel.png'); width: 100%; max-width: 180px; height: auto; margin: 0; display: block; vertical-align: top; }
@media (max-width: 860px) {
	.footer-brand .vl-logo-img { max-width: 140px; }
}
.footer-tagline { margin: 8px 0 0; max-width: 260px; font-size: 0.82rem; text-align: left; line-height: 1.2; }
@media (max-width: 860px) {
	.footer-tagline { margin-top: 12px !important; text-align: left !important; margin-left: 0 !important; }
	.footer-brand { text-align: left !important; }
}
@media (max-width: 860px) {
	.footer-brand .vl-wordmark { margin-bottom: 0; }
}
.footer-widget-title { color: var(--paper); font-size: 1rem; margin-bottom: 1rem; font-family: var(--font-body); font-weight: 600; }
.footer-menu { display: flex; flex-direction: column; gap: 0.6rem; }
.footer-menu a:hover { color: var(--accent); }
.footer-bottom {
	display: flex; justify-content: space-between; padding: 1.6rem 0; font-size: 0.82rem; flex-wrap: wrap; gap: 0.5rem;
}
@media (max-width: 860px) {
	.footer-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
	.footer-top { grid-template-columns: 1fr; }
}
/* ==========================================================================
   Inner pages
   ========================================================================== */
.page-header { padding: 3.5rem 0 2rem; }
.page-title { font-size: clamp(1.8rem, 4vw, 2.6rem); color: var(--ink); }
.page-featured-image img { width: 100%; max-height: 480px; object-fit: cover; }
.page-body { padding: 3rem 0; max-width: 760px; }
.page-body p { color: var(--text); }
.content-wrap { padding: 3rem 0 5rem; }
.post-list { display: flex; flex-direction: column; gap: 2.5rem; }
.post-list-item { display: grid; grid-template-columns: 220px 1fr; gap: 1.6rem; }
.post-list-thumb img { border-radius: var(--radius); aspect-ratio: 4/3; object-fit: cover; }
.post-list-title { font-size: 1.4rem; margin-bottom: 0.4rem; }
.post-list-meta { font-family: var(--font-mono); font-size: 0.78rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }
@media (max-width: 640px) { .post-list-item { grid-template-columns: 1fr; } }
.pagination { display: flex; gap: 0.8rem; justify-content: center; padding-top: 2rem; }
.pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
	border: 1px solid var(--line); border-radius: var(--radius); font-family: var(--font-mono); font-size: 0.9rem;
}
.pagination .page-numbers.current { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.service-header { background: var(--paper-2); padding: 4rem 0; }
.service-header-inner { display: flex; align-items: center; gap: 2rem; }
.service-header-letter {
	font-family: var(--font-display); font-size: 5rem; font-weight: 600; color: var(--accent); line-height: 1;
}
.service-header-tagline { font-size: 1.1rem; color: var(--muted); margin-top: 0.6rem; }
.service-header-duration { font-family: var(--font-mono); font-size: 0.85rem; color: var(--accent); }
@media (max-width: 600px) { .service-header-inner { flex-direction: column; align-items: flex-start; gap: 1rem; } }
.doctor-single-inner { display: grid; grid-template-columns: 340px 1fr; gap: 3rem; padding: 3.5rem 0 5rem; }
.doctor-single-photo img { border-radius: var(--radius); aspect-ratio: 4/5; object-fit: cover; }
.doctor-single-title { font-size: 1.1rem; color: var(--accent); margin-bottom: 1.2rem; }
.doctor-single-facts { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.6rem; font-size: 0.95rem; }
.doctor-single-content { margin-bottom: 2rem; color: var(--text); }
@media (max-width: 760px) { .doctor-single-inner { grid-template-columns: 1fr; } .doctor-single-photo { max-width: 280px; } }
.error-404 { text-align: center; padding: 6rem 0; }
.error-404-letter {
	display: block; font-family: var(--font-display); font-size: 6rem; color: var(--accent); font-style: italic; margin-bottom: 1rem;
}
/* ==========================================================================
   Service Landing Page
   ========================================================================== */
.service-hero { position: relative; overflow: hidden; }
.service-hero-image { width: 100%; aspect-ratio: 16/8; object-fit: cover; display: block; }
.service-hero.no-image {
	aspect-ratio: 16/6; background: linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%);
	display: flex; align-items: flex-end;
}
.service-hero.no-image .service-hero-caption { position: static; background: none; padding: 3rem 2rem; }
.service-hero-caption {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0,0,0,0); white-space: nowrap; border: 0; padding: 0; margin: -1px;
}
.service-hero-eyebrow {
	font-family: var(--font-mono); font-size: 0.78rem; text-transform: uppercase;
	letter-spacing: 0.08em; color: var(--accent); margin-bottom: 0.5rem; display: block;
}
.service-hero-title { font-size: clamp(2rem, 4vw, 3rem); color: var(--paper); max-width: 700px; }
.service-section { padding: 4rem 0; }
.service-section.alt { background: var(--paper-2); }
.service-section-title { font-size: 1.9rem; color: var(--ink); margin-bottom: 1rem; }
.service-section-text { color: var(--text); font-size: 1rem; line-height: 1.75; max-width: 760px; }
.service-section-text + .service-section-text { margin-top: 1rem; }
.service-subtreatments { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8rem; margin-top: 2.2rem; }
.service-subcard { background: var(--paper); border-radius: var(--radius); overflow: hidden; box-shadow: 0 1px 3px rgba(6,25,50,0.06); }
.service-subcard-image { aspect-ratio: 4/3; overflow: hidden; }
.service-subcard-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.service-subcard-body { padding: 1.4rem 1.5rem 1.7rem; }
.service-subcard-title { font-size: 1.1rem; color: var(--ink); margin-bottom: 0.5rem; }
.service-subcard-text { font-size: 0.9rem; color: var(--text); line-height: 1.6; }
.service-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-top: 2.2rem; }
.service-step { text-align: center; padding: 1.5rem 1rem; }
.service-step-num {
	width: 40px; height: 40px; border-radius: 50%; background: var(--accent); color: var(--paper);
	display: flex; align-items: center; justify-content: center; font-family: var(--font-mono);
	font-size: 1rem; margin: 0 auto 1rem;
}
.service-step-title { font-size: 0.98rem; color: var(--ink); margin-bottom: 0.4rem; }
.service-step-text { font-size: 0.86rem; color: var(--muted); line-height: 1.5; }
.service-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-top: 2.2rem; }
.service-gallery img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: var(--radius); display: block; }

/* Galeri: watermark + lightbox açma efekti (JS ile otomatik sarmalanır) */
.gallery-img-wrap { position: relative; border-radius: var(--radius); overflow: hidden; cursor: pointer; }
.gallery-img-wrap img { border-radius: 0; transition: transform 0.3s ease; }
.gallery-img-wrap:hover img { transform: scale(1.05); }
.gallery-img-wrap::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(6,25,50,0.35), transparent 35%);
	pointer-events: none;
}

/* Lightbox modal */
.vl-lightbox {
	position: fixed; inset: 0; z-index: 9999; background: rgba(6,25,50,0.94);
	display: none; align-items: center; justify-content: center; padding: 2rem;
}
.vl-lightbox.is-open { display: flex; }
.vl-lightbox-img { max-width: 90vw; max-height: 80vh; object-fit: contain; border-radius: 4px; }
.vl-lightbox-close, .vl-lightbox-prev, .vl-lightbox-next {
	position: absolute; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.3);
	color: var(--paper); border-radius: 50%; width: 44px; height: 44px; display: flex;
	align-items: center; justify-content: center; font-size: 1.3rem; cursor: pointer;
	transition: background 0.2s ease;
}
.vl-lightbox-close:hover, .vl-lightbox-prev:hover, .vl-lightbox-next:hover { background: rgba(255,255,255,0.25); }
.vl-lightbox-close { top: 1.5rem; right: 1.5rem; }
.vl-lightbox-prev { left: 1.5rem; top: 50%; transform: translateY(-50%); }
.vl-lightbox-next { right: 1.5rem; top: 50%; transform: translateY(-50%); }
.vl-lightbox-counter {
	position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
	color: var(--muted-on-ink); font-family: var(--font-mono); font-size: 0.85rem;
}
@media (max-width: 600px) {
	.vl-lightbox-prev, .vl-lightbox-next { width: 38px; height: 38px; font-size: 1.1rem; }
	.vl-lightbox-close { width: 38px; height: 38px; top: 1rem; right: 1rem; }
}

.service-price-box {
	background: var(--ink); color: var(--paper); border-radius: var(--radius);
	padding: 2.4rem 2.2rem; margin-top: 2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
}
.page-body .service-price-box {
	width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
	border-radius: 0; margin-top: 0;
	padding-left: calc((100vw - 1160px) / 2 + 24px);
	padding-right: calc((100vw - 1160px) / 2 + 24px);
}
.service-section:has(> .wrap > .service-price-box) { padding: 0; }
.service-price-box-text { max-width: 560px; }
.service-price-box-title { font-size: 1.3rem; color: var(--paper); margin-bottom: 0.5rem; }
.service-price-box-note { font-size: 0.9rem; color: var(--muted-on-ink); }
.service-price-tag { font-family: var(--font-mono); font-size: 1.6rem; color: var(--accent); white-space: nowrap; }
.service-price-cta {
	display: inline-block; font-family: var(--font-mono); font-size: 0.95rem; font-weight: 600;
	color: var(--paper); background: var(--accent-dark); padding: 0.8rem 1.4rem; border-radius: 8px;
	white-space: normal; text-align: center; transition: background 0.2s ease;
	border: 1px solid rgba(255,255,255,0.5);
}
.service-price-cta:hover { background: var(--ink); }
@media (max-width: 480px) {
	.service-price-cta { font-size: 0.85rem; padding: 0.7rem 1.1rem; }
}
.service-faq-item { border-bottom: 1px solid var(--line); padding: 1.2rem 0; }
.service-faq-q { font-size: 1rem; color: var(--ink); font-weight: 600; margin-bottom: 0.5rem; }
.service-faq-a { font-size: 0.92rem; color: var(--text); line-height: 1.65; }
.service-cta-final { background: var(--ink); padding: 3.5rem 0; text-align: center; }
.service-cta-final-title { font-size: 1.8rem; color: var(--paper); margin-bottom: 1.5rem; }
.service-cta-final-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.service-cta-final-buttons .btn-primary { border: 1px solid rgba(255,255,255,0.5); }
@media (max-width: 900px) {
	.service-subtreatments { grid-template-columns: 1fr; }
	.service-steps { grid-template-columns: repeat(2, 1fr); }
	.service-gallery { grid-template-columns: repeat(2, 1fr); }
	.service-price-box { flex-direction: column; align-items: flex-start; }
}
/* ==========================================================================
   Neden VLM
   ========================================================================== */
.why-section { padding: 5rem 0; background: var(--paper-2); }
.why-head { text-align: center; max-width: 640px; margin: 0 auto 3rem; }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8rem; }
.why-card {
	background: var(--paper); border-radius: var(--radius); padding: 2rem 1.9rem;
	box-shadow: 0 1px 3px rgba(6,25,50,0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.why-card:hover {
	transform: translateY(-6px); box-shadow: 0 16px 32px rgba(20,33,61,0.10);
}
.why-card-num {
	font-family: var(--font-mono); font-size: 0.78rem; color: var(--accent-dark);
	letter-spacing: 0.05em; margin-bottom: 0.5rem; display: block;
}
.why-card-icon {
	width: 77px; height: 77px; border-radius: 50%; background: rgba(44,168,224,0.12);
	display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;
}
.why-card-icon img { width: 49px; height: 49px; object-fit: contain; }
.why-card-icon svg { width: 22px; height: 22px; }
.why-card-icon svg path, .why-card-icon svg circle {
	fill: none; stroke: var(--accent-dark); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.why-card-title { font-size: 1.15rem; color: var(--ink); margin-bottom: 0.6rem; }
.why-card-text { font-size: 0.92rem; color: var(--text); line-height: 1.65; }
@media (max-width: 900px) { .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .why-grid { grid-template-columns: 1fr; } }
/* ==========================================================================
   Süreç Sayfası
   ========================================================================== */
.process-section { padding: 3rem 0 5rem; }
.process-intro { max-width: 640px; margin: 0 auto 3.5rem; text-align: center; color: var(--text); font-size: 1.02rem; }
.process-timeline { max-width: 620px; margin: 0 auto; position: relative; }
.process-timeline::before {
	content: ''; position: absolute; top: 22px; bottom: 22px; left: 22px;
	width: 2px; background: var(--line);
}
.process-step { display: flex; gap: 1.6rem; position: relative; padding-bottom: 2.8rem; }
.process-step:last-child { padding-bottom: 0; }
.process-step-marker {
	width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%;
	background: var(--accent); color: var(--paper); display: flex; align-items: center;
	justify-content: center; font-family: var(--font-mono); font-size: 1.05rem; position: relative; z-index: 1;
}
.process-step-content { padding-top: 0.5rem; }
.process-step-title { font-size: 1.15rem; color: var(--ink); margin-bottom: 0.35rem; }
.process-step-text { font-size: 0.92rem; color: var(--muted); line-height: 1.6; }
.process-closing { text-align: center; margin-top: 3.5rem; font-size: 1.1rem; color: var(--ink); font-style: italic; }
@media (max-width: 600px) {
	.process-step { gap: 1.1rem; }
	.process-step-marker { width: 38px; height: 38px; font-size: 0.95rem; }
	.process-timeline::before { left: 19px; }
}
/* ==========================================================================
   Footer — Sosyal Medya İkonları
   ========================================================================== */
.footer-social { display: flex; gap: 0.7rem; margin-top: 1.2rem; }
.footer-social a {
	width: 34px; height: 34px; border-radius: 50%; background: #ffffff;
	display: flex; align-items: center; justify-content: center;
	transition: background 0.2s ease, transform 0.2s ease;
}
.footer-social a:hover { background: var(--accent); transform: translateY(-2px); }
.footer-social svg { width: 16px; height: 16px; fill: var(--ink) !important; }
/* ==========================================================================
   Dil Değiştirici
   ========================================================================== */
.lang-switch { display: flex; gap: 0.4rem; align-items: center; }
.lang-switch a {
	display: flex; align-items: center; justify-content: center;
	padding: 0.2rem; border-radius: 4px; border: 1px solid transparent;
	line-height: 0; opacity: 0.6; filter: grayscale(40%); transition: all 0.15s ease;
}
.lang-flag { width: 24px; height: auto; display: block; border-radius: 2px; }
.lang-switch a.is-active { opacity: 1; filter: none; border-color: var(--accent); background: rgba(44,168,224,0.08); }
.lang-switch a:hover:not(.is-active) { opacity: 1; filter: none; }
.site-header-cta .lang-switch { margin-right: 0.8rem; }
.mobile-nav-cta .lang-switch { margin-bottom: 0.8rem; }
/* ==========================================================================
   Sayfa içeriğinde hero'nun tam genişliğe yayılması
   ========================================================================== */
.page-body .hero {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.page-body .hero,
.page-body .trust-strip,
.page-body .why-section,
.page-body .services-section,
.page-body .cta-section,
.page-body .brand-intro,
.page-body .service-section,
.page-body .service-cta-final {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.page-body .hero { padding: 7.5rem 0 8rem; }
.page-body:has(> .hero) { padding: 0; }
.page-body.page-body-hero { padding: 0 !important; }
.page-body:has(> .service-cta-final:last-child) { padding-bottom: 0; }
.page-body .hero-eyebrow { color: var(--accent); }
.page-body .hero-lede { color: var(--muted-on-ink); }
.page-body .service-price-box-note { color: var(--muted-on-ink); }

/* ==========================================================================
   Beratung Modal (Danışmanlık Formu Açılır Penceresi)
   ========================================================================== */
.vl-modal {
	position: fixed; inset: 0; z-index: 9998; display: none;
	align-items: center; justify-content: center; padding: 1.5rem;
}
.vl-modal.is-open { display: flex; }
.vl-modal-overlay {
	position: absolute; inset: 0; background: rgba(6,25,50,0.72);
}
.vl-modal-box {
	position: relative; background: var(--paper); border-radius: 10px;
	max-width: 520px; width: 100%; max-height: 90vh; overflow-y: auto;
	padding: 2.4rem 2.2rem; box-shadow: 0 30px 70px rgba(0,0,0,0.35);
	color-scheme: light;
}
.vl-modal-close {
	position: absolute; top: 1rem; right: 1.2rem; background: none; border: none;
	font-size: 1.8rem; line-height: 1; color: var(--muted); cursor: pointer;
}
.vl-modal-close:hover { color: var(--ink); }
.vl-modal-title { font-size: 1.4rem; color: var(--ink); margin-bottom: 1.6rem; padding-right: 1.5rem; }

/* Form alanları */
.vl-modal-box .wpcf7-form p,
.vl-modal-box .vl-form-row { margin-bottom: 1.2rem; }
.vl-modal-box label {
	display: block; font-size: 0.88rem; font-weight: 600; color: var(--ink); margin-bottom: 0.4rem;
}
.vl-modal-box input[type="text"],
.vl-modal-box input[type="email"],
.vl-modal-box input[type="tel"],
.vl-modal-box textarea {
	width: 100%; padding: 0.75em 1em; border: 1px solid var(--line); border-radius: 8px;
	font-family: var(--font-body); font-size: 0.95rem; box-sizing: border-box;
	background: #FFFFFF; color: #1B1B1B; -webkit-text-fill-color: #1B1B1B;
}
.vl-modal-box input::placeholder,
.vl-modal-box textarea::placeholder { color: #8a8a8a; opacity: 1; }
.vl-modal-box input:focus,
.vl-modal-box textarea:focus { outline: 2px solid var(--accent); border-color: transparent; }
.vl-modal-box textarea { min-height: 90px; resize: vertical; }
.vl-form-row-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.vl-form-row-radio label { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 500; margin-right: 1.2rem; }
.vl-form-row-radio > label:first-child { display: block; font-weight: 600; margin-bottom: 0.5rem; }
.vl-form-row-radio span.wpcf7-list-item { margin: 0 1rem 0 0; }
.vl-form-row-toggle label,
.vl-form-row-terms label {
	display: flex; align-items: center; gap: 0.6rem; font-weight: 400; font-size: 0.88rem; color: var(--text);
}
.vl-modal-box .wpcf7-submit {
	width: 100%; background: var(--ink); color: var(--paper); border: none; border-radius: 8px;
	padding: 0.9em; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.2s ease;
}
.vl-modal-box .wpcf7-submit:hover { background: var(--ink-soft); }
.vl-modal-box .wpcf7-not-valid-tip { color: #c0392b; font-size: 0.8rem; margin-top: 0.3rem; }
.vl-modal-box .wpcf7-response-output { border-radius: 8px; margin-top: 1rem; font-size: 0.88rem; }
@media (max-width: 560px) {
	.vl-form-row-split { grid-template-columns: 1fr; }
	.vl-modal-box { padding: 1.8rem 1.4rem; }
}

/* ==========================================================================
   Hero Giriş Animasyonu (fade-up) — geri almak için bu bloğu sil
   ========================================================================== */
.hero-eyebrow, .hero-title, .hero-lede, .hero-actions {
	opacity: 0; transform: translateY(24px);
	animation: vlFadeUp 0.7s ease forwards;
}
.hero-eyebrow { animation-delay: 0.05s; }
.hero-title { animation-delay: 0.15s; }
.hero-lede { animation-delay: 0.3s; }
.hero-actions { animation-delay: 0.45s; }
@keyframes vlFadeUp {
	to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.hero-eyebrow, .hero-title, .hero-lede, .hero-actions {
		opacity: 1; transform: none; animation: none;
	}
}

/* ==========================================================================
   Scroll ile Beliren Bölümler — geri almak için bu bloğu ve footer.php'deki
   ilgili JS bloğunu (vlScrollReveal) sil
   ========================================================================== */
.vl-reveal {
	opacity: 0; transform: translateY(28px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}
.vl-reveal.is-visible {
	opacity: 1; transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.vl-reveal { opacity: 1; transform: none; transition: none; }
}

/* ==========================================================================
   Diş İkonu Filigranı (Zahnästhetik "Ihr Weg" bölümü) — geri almak için sil
   ========================================================================== */
.vl-tooth-watermark { position: relative; overflow: hidden; }
.vl-tooth-watermark::before {
	content: '';
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 480px; height: 380px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20950%22%3E%3Cpath%20d%3D%22M%201116.46091733%2C0.589470666667%20c%200%2C4.26666666667%20-7.06666666666%2C48.9333333333%20-8.8%2C55.4666666667%20c%20-2.8%2C11.2%20-9.06666666666%2C22.5333333333%20-15.8666666667%2C28.8%20c%20-9.06666666666%2C8.4%20-30.2666666667%2C15.0666666667%20-56%2C17.4666666667%20c%20-8%2C0.8%20-17.3333333333%2C1.86666666667%20-20.6666666667%2C2.26666666667%20c%20-5.6%2C0.666666666667%20-5.73333333333%2C0.8%20-2.26666666667%2C1.86666666667%20c%202%2C0.533333333333%2011.6%2C2%2021.3333333333%2C3.2%20c%2029.3333333333%2C3.73333333333%2047.8666666667%2C9.86666666666%2058.4%2C19.0666666667%20c%2010.4%2C9.06666666666%2013.4666666667%2C18.4%2020.8%2C61.8666666667%20c%202%2C12.4%204.13333333333%2C22.4%204.53333333333%2C22.4%20c%200.4%2C0%201.2%2C-4.66666666667%201.73333333333%2C-10.4%20c%204.26666666667%2C-47.8666666667%2013.8666666667%2C-72.5333333333%2031.8666666667%2C-81.7333333333%20c%203.86666666667%2C-2%2063.6%2C-14.5333333333%2069.4666666666%2C-14.5333333333%20c%200.666666666667%2C0%200.933333333333%2C-0.266666666667%200.533333333333%2C-0.666666666666%20c%20-0.4%2C-0.4%20-8.93333333333%2C-1.6%20-18.9333333333%2C-2.66666666667%20c%20-47.2%2C-4.93333333333%20-65.7333333333%2C-14.9333333333%20-73.4666666666%2C-39.4666666667%20c%20-3.86666666667%2C-12.4%20-8%2C-34.8%20-9.46666666666%2C-51.6%20c%20-0.4%2C-6%20-1.46666666667%2C-11.3333333333%20-2%2C-11.7333333333%20c%20-0.666666666667%2C-0.4%20-1.2%2C-0.266666666667%20-1.2%2C0.4%20z%20M%20535.660917333%2C148.989470667%20c%20-43.6%2C7.86666666666%20-77.6%2C36.8%20-92.2666666666%2C78.6666666666%20c%20-11.0666666667%2C31.4666666667%20-11.0666666667%2C71.4666666666%20-0.133333333333%2C104.666666667%20c%202.26666666667%2C6.53333333333%204.53333333333%2C12.5333333333%205.33333333333%2C13.3333333333%20c%200.666666666667%2C0.666666666667%201.2%2C-5.33333333333%201.2%2C-16.1333333333%20c%200%2C-32.1333333333%204.13333333333%2C-53.3333333333%2014.6666666667%2C-74.5333333333%20c%2011.0666666667%2C-22.5333333333%2023.8666666667%2C-35.8666666667%2043.4666666667%2C-45.4666666667%20c%2015.4666666667%2C-7.46666666666%2027.8666666667%2C-10.1333333333%2047.8666666667%2C-10.2666666667%20c%2028.8%2C-0.133333333333%2040.5333333333%2C2.93333333333%20100.133333333%2C25.7333333333%20c%2072.6666666666%2C28%2095.4666666666%2C33.7333333333%20134.533333333%2C33.7333333333%20c%2032.9333333333%2C0.133333333333%2058.1333333333%2C-5.73333333333%2088%2C-20.4%20c%2015.6%2C-7.6%2039.3333333333%2C-22.2666666667%2039.3333333333%2C-24.2666666667%20c%200%2C-0.666666666666%20-0.933333333333%2C-1.06666666667%20-2%2C-0.666666666666%20c%20-3.86666666667%2C1.6%20-33.6%2C7.46666666666%20-47.4666666667%2C9.46666666666%20c%20-18%2C2.66666666667%20-44.9333333333%2C2.66666666667%20-61.2%2C0.133333333333%20c%20-30.6666666667%2C-5.06666666667%20-50.2666666667%2C-11.6%20-113.333333333%2C-38%20c%20-74.9333333333%2C-31.4666666667%20-90.6666666666%2C-35.8666666667%20-128.666666667%2C-36.6666666667%20c%20-12.4%2C-0.266666666667%20-25.7333333333%2C0%20-29.4666666667%2C0.666666666667%20z%20M%20957.260917333%2C156.456137333%20c%20-21.0666666667%2C3.86666666667%20-45.3333333333%2C13.8666666667%20-65.0666666667%2C26.8%20c%20-10%2C6.66666666666%20-12.6666666667%2C9.33333333333%20-7.6%2C7.86666666666%20c%2022.1333333333%2C-6.4%2033.0666666667%2C-8.13333333333%2053.2%2C-8.13333333333%20c%2019.2%2C0%2021.4666666667%2C0.266666666667%2031.3333333333%2C3.73333333333%20c%2031.2%2C10.9333333333%2052.5333333333%2C34.8%2061.6%2C68.6666666666%20c%203.2%2C11.6%203.6%2C15.4666666667%203.6%2C36.9333333333%20c%200.133333333333%2C26.8%20-1.86666666667%2C38.9333333333%20-10.6666666667%2C66%20c%20-6.53333333333%2C19.6%20-26.1333333333%2C58.5333333333%20-40.5333333333%2C80.6666666666%20c%20-17.6%2C26.6666666667%20-26.4%2C38.1333333333%20-71.2%2C92%20c%20-58.6666666667%2C70.5333333333%20-75.0666666666%2C93.3333333333%20-92.6666666666%2C128.8%20c%20-4.93333333333%2C9.86666666666%20-11.4666666667%2C25.4666666667%20-14.5333333333%2C34.6666666667%20c%20-5.33333333333%2C16.4%20-10.2666666667%2C36.9333333333%20-9.06666666666%2C38.1333333333%20c%200.4%2C0.4%203.33333333333%2C-4.66666666667%206.66666666667%2C-11.3333333333%20c%2014.4%2C-28.5333333333%2033.2%2C-58%2053.6%2C-83.6%20c%206.66666666666%2C-8.4%2036.5333333333%2C-39.6%2069.2%2C-72.6666666666%20c%2069.0666666666%2C-69.7333333333%2084.4%2C-86.6666666666%20108.266666667%2C-120%20c%2023.3333333333%2C-32.6666666667%2042.8%2C-72%2052.4%2C-106.133333333%20c%2013.4666666667%2C-48.2666666667%209.46666666666%2C-97.2%20-11.0666666667%2C-133.2%20c%20-6.4%2C-11.2%20-24.9333333333%2C-30%20-35.8666666667%2C-36.5333333333%20c%20-23.2%2C-13.4666666667%20-52%2C-18%20-81.6%2C-12.6666666667%20z%20M%2041.127584%2C234.322804%20c%20-42%2C0.666666666667%20-44.8%2C0.8%20-38.6666666667%2C2.53333333333%20c%2021.2%2C6%2044.1333333333%2C19.4666666667%2057.7333333333%2C34%20c%2010.2666666667%2C11.0666666667%2016.6666666667%2C20.9333333333%2026.6666666667%2C41.4666666667%20c%2035.6%2C72.5333333333%20275.466666667%2C571.066666667%20309.733333333%2C643.6%20c%2012%2C25.6%2022.1333333333%2C46.4%2022.5333333333%2C46.4%20c%200.4%2C0%204.26666666667%2C-7.6%208.66666666666%2C-17.0666666667%20c%2027.3333333333%2C-59.4666666667%20256.4%2C-540.266666667%20270.133333333%2C-566.933333333%20c%207.06666666666%2C-13.8666666667%2016.5333333333%2C-24.6666666667%2029.0666666667%2C-32.9333333333%20c%208%2C-5.33333333333%2025.8666666667%2C-12.9333333333%2034.1333333333%2C-14.5333333333%20l%205.33333333333%2C-1.06666666667%20l%20-7.33333333333%2C-0.933333333333%20c%20-11.0666666667%2C-1.33333333333%20-140.266666667%2C-1.33333333333%20-139.466666667%2C0%20c%200.4%2C0.666666666667%204.26666666667%2C2.53333333333%208.4%2C4.13333333333%20c%2016.9333333333%2C6.66666666667%2022.1333333333%2C14.5333333333%2022.2666666667%2C32.6666666667%20c%200%2C10.2666666667%20-0.533333333333%2C11.8666666667%20-11.3333333333%2C40%20c%20-10.4%2C27.2%20-183.6%2C415.2%20-185.333333333%2C415.333333333%20c%20-0.4%2C0%20-30%2C-65.8666666667%20-65.8666666667%2C-146.4%20c%20-35.7333333333%2C-80.4%20-92.2666666666%2C-206.533333333%20-125.466666667%2C-280.266666667%20c%20-33.2%2C-73.7333333333%20-61.6%2C-138.533333333%20-63.2%2C-144%20c%20-3.6%2C-13.0666666667%20-4.8%2C-28.6666666667%20-2.66666666667%2C-35.2%20c%200.8%2C-2.66666666667%203.06666666667%2C-6.66666666667%204.93333333333%2C-8.93333333333%20c%203.46666666667%2C-4%2014.6666666667%2C-10.5333333333%2018.2666666667%2C-10.5333333333%20c%201.06666666667%2C0%202.4%2C-0.666666666667%202.8%2C-1.33333333333%20c%200.8%2C-1.33333333333%20-91.8666666666%2C-1.33333333333%20-181.333333333%2C0%20z%20M%20706.327584%2C517.656137333%20c%20-3.73333333333%2C7.33333333333%20-22.1333333333%2C44.8%20-40.9333333333%2C83.3333333333%20l%20-34%2C70%20l%20-0.666666666667%2C112.666666667%20c%20-0.533333333333%2C108.533333333%20-0.666666666667%2C113.066666667%20-3.33333333333%2C122.8%20c%20-7.2%2C26.8%20-19.7333333333%2C39.4666666667%20-48.2666666667%2C48.5333333333%20c%20-4%2C1.33333333333%20-7.86666666666%2C2.8%20-8.53333333333%2C3.46666666667%20c%20-0.8%2C0.666666666666%20102%2C1.2%20240.8%2C1.2%20l%20242.133333333%2C0%20l%202.13333333333%2C-6.4%20c%208.53333333333%2C-26.2666666667%2035.4666666667%2C-118%2034.9333333333%2C-118.666666667%20c%20-0.4%2C-0.4%20-0.933333333333%2C-0.4%20-1.2%2C-0.133333333333%20c%20-2.26666666667%2C3.06666666667%20-38.5333333333%2C42.6666666667%20-41.4666666667%2C45.2%20c%20-10.6666666667%2C9.33333333333%20-28.6666666667%2C20.9333333333%20-44.1333333333%2C28.5333333333%20c%20-18.9333333333%2C9.46666666666%20-31.4666666667%2C13.8666666667%20-51.2%2C18.4%20c%20-12.5333333333%2C2.8%20-15.3333333333%2C2.93333333333%20-125.733333333%2C3.33333333333%20l%20-113.066666667%2C0.533333333333%20l%20-0.266666666667%2C-213.066666667%20l%20-0.4%2C-213.066666667%20l%20-6.8%2C13.3333333333%20z%22%20fill%3D%22%233AACE0%22/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center; background-size: contain;
	opacity: 0.07; pointer-events: none; z-index: 0;
}
.vl-tooth-watermark .wrap { position: relative; z-index: 1; }
@media (max-width: 760px) {
	.vl-tooth-watermark::before {
		width: 300px; height: 240px; opacity: 0.06;
		top: 58%; left: 50%; transform: translate(-50%, -50%);
	}
}

/* ==========================================================================
   Sabit WhatsApp Butonu (mobilde her zaman görünür) — geri almak için sil
   ========================================================================== */
.vl-whatsapp-fixed {
	position: fixed; right: 16px; bottom: 16px; z-index: 999;
	width: 52px; height: 52px; border-radius: 50%;
	background: #25D366; color: #fff;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 6px 18px rgba(0,0,0,0.3);
	transition: transform 0.2s ease;
}
.vl-whatsapp-fixed:hover { transform: scale(1.08); }