/* ==========================================================================
   GÖRÜNÜM — MEDİKAL MAVİ
   Logo mavisinden (≈ #1b5fb0) türeyen lacivert→mavi gradient'ler, açık cyan vurgu,
   temiz klinik zemin. main.css'in üzerine biner; her kural body.gorunum-medikal-mavi ile kapsanır.
   ========================================================================== */

body.gorunum-medikal-mavi {
	--ink: #0b2545;        /* lacivert metin / koyu zemin */
	--ink-deep: #061a33;   /* en koyu */
	--primary: #1b6fd6;    /* ana mavi (logo tonu) */
	--primary-2: #2a9df4;  /* açık mavi (gradient ucu) */
	--soft: #93aecf;       /* koyu zeminde ikincil metin */
	--surface: #f2f7fc;    /* açık zemin */
	--mint: #8fe1ff;       /* vurgu: eyebrow, sayaç, accent buton */
	--white: #ffffff;
	--line: #d9e4f1;
	--shadow: 0 10px 30px rgba(11, 37, 69, 0.12);
	--shadow-lg: 0 24px 60px rgba(6, 26, 51, 0.30);
	--font-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--contour: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.08'%3E%3Ccircle cx='450' cy='450' r='110'/%3E%3Ccircle cx='450' cy='450' r='190'/%3E%3Ccircle cx='450' cy='450' r='270'/%3E%3Ccircle cx='450' cy='450' r='350'/%3E%3Ccircle cx='450' cy='450' r='430'/%3E%3C/svg%3E");

	--grad-koyu: linear-gradient(135deg, #061a33 0%, #0b2545 42%, #1b6fd6 100%);
	--grad-mavi: linear-gradient(150deg, #0b2545 0%, #1b6fd6 65%, #2a9df4 100%);
	--grad-buton: linear-gradient(135deg, #1b6fd6 0%, #2a9df4 100%);
}

/* --- Tipografi: sans başlıklar, biraz daha sıkı ------------------------- */
.gorunum-medikal-mavi h1,
.gorunum-medikal-mavi h2,
.gorunum-medikal-mavi h3,
.gorunum-medikal-mavi .footer-name,
.gorunum-medikal-mavi .cta-band-text,
.gorunum-medikal-mavi .hero-stats dt,
.gorunum-medikal-mavi .process-num {
	font-weight: 700;
	letter-spacing: -0.015em;
}
.gorunum-medikal-mavi h1 { font-size: clamp(2.4rem, 5vw, 3.9rem); line-height: 1.08; }
.gorunum-medikal-mavi h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.15; }
.gorunum-medikal-mavi .accent-word { font-style: normal; color: var(--mint); }

/* --- Koyu bantlar: gradient + cyan parıltı ------------------------------ */
.gorunum-medikal-mavi .hero-dark,
.gorunum-medikal-mavi .page-hero,
.gorunum-medikal-mavi .cta-band,
.gorunum-medikal-mavi .form-band,
.gorunum-medikal-mavi .process-band {
	background: var(--grad-koyu);
}
/* Hero ve sayfa başlıkları: gradient üstüne cyan parıltı katmanları (kontur halkaları ::before'da kalır) */
.gorunum-medikal-mavi .hero-dark,
.gorunum-medikal-mavi .page-hero {
	background:
		radial-gradient(at 85% 15%, rgba(42, 157, 244, 0.38), transparent 50%),
		radial-gradient(at 10% 95%, rgba(143, 225, 255, 0.12), transparent 45%),
		var(--grad-koyu);
}
/* Ana sayfa hero arka planı: çapraz ışık huzmesi zeminde kayar (fotoğrafa dokunmaz) */
.gorunum-medikal-mavi .hero-dark {
	background:
		linear-gradient(115deg, transparent 36%, rgba(255, 255, 255, 0.04) 44%, rgba(143, 225, 255, 0.16) 50%, rgba(255, 255, 255, 0.04) 56%, transparent 64%) 0 0 / 240% 100% no-repeat,
		radial-gradient(at 85% 15%, rgba(42, 157, 244, 0.38), transparent 50%),
		radial-gradient(at 10% 95%, rgba(143, 225, 255, 0.12), transparent 45%),
		var(--grad-koyu);
	animation: hero-arka-huzme 16s linear 1s infinite;
}
@keyframes hero-arka-huzme {
	0%   { background-position: -140% 0, 0 0, 0 0, 0 0; }
	62%  { background-position: 140% 0, 0 0, 0 0, 0 0; }
	100% { background-position: 140% 0, 0 0, 0 0, 0 0; }
}
@media (prefers-reduced-motion: reduce) { .gorunum-medikal-mavi .hero-dark { animation: none; } }
.gorunum-medikal-mavi .hero-dark::after,
.gorunum-medikal-mavi .page-hero::after,
.gorunum-medikal-mavi .form-band::after {
	background: radial-gradient(closest-side, rgba(143, 225, 255, 0.22), transparent 70%);
}

.gorunum-medikal-mavi .icerik-cta,
.gorunum-medikal-mavi .side-sosyal,
.gorunum-medikal-mavi .side-cta,
.gorunum-medikal-mavi .mp-modal-panel,
.gorunum-medikal-mavi .catcard:hover {
	background: var(--grad-mavi);
}
.gorunum-medikal-mavi .tekart-media { background: linear-gradient(150deg, #93aecf, #0b2545); }
.gorunum-medikal-mavi .tcard-scrim {
	background: linear-gradient(to top, rgba(6, 26, 51, 0.92) 0%, rgba(6, 26, 51, 0.42) 45%, rgba(6, 26, 51, 0.04) 75%);
}
.gorunum-medikal-mavi .hero-perde {
	background: linear-gradient(100deg, rgba(6, 26, 51, 0.93) 0%, rgba(11, 37, 69, 0.74) 46%, rgba(27, 111, 214, 0.34) 100%);
}
.gorunum-medikal-mavi .process-num { color: rgba(143, 225, 255, 0.55); }

/* --- Butonlar ------------------------------------------------------------ */
.gorunum-medikal-mavi .btn-primary { background: var(--grad-buton); color: #fff; }
.gorunum-medikal-mavi .btn-primary:hover { background: linear-gradient(135deg, #0b2545, #1b6fd6); }
.gorunum-medikal-mavi .btn-accent { background: var(--mint); color: var(--ink-deep); }
.gorunum-medikal-mavi .btn-accent:hover { background: #fff; }
.gorunum-medikal-mavi .btn-ghost { border-color: rgba(143, 225, 255, 0.45); }
.gorunum-medikal-mavi .btn-ghost:hover { border-color: var(--mint); color: var(--mint); }

/* --- Açık zemin detayları ---------------------------------------------- */
.gorunum-medikal-mavi .site-header.scrolled { box-shadow: 0 6px 24px rgba(11, 37, 69, 0.1); }
.gorunum-medikal-mavi .site-header.scrolled .nav-cta { background: var(--grad-buton); }
.gorunum-medikal-mavi .eyebrow { color: var(--primary); }
.gorunum-medikal-mavi .eyebrow-light,
.gorunum-medikal-mavi .hero-dark .eyebrow,
.gorunum-medikal-mavi .page-hero .eyebrow { color: var(--mint); }
.gorunum-medikal-mavi .tcard-cat { background: rgba(255, 255, 255, 0.92); color: var(--primary); }
.gorunum-medikal-mavi .value-card,
.gorunum-medikal-mavi .quote-card,
.gorunum-medikal-mavi .side-box,
.gorunum-medikal-mavi .info-item { border-color: var(--line); }
.gorunum-medikal-mavi .quote-card::before { color: rgba(27, 111, 214, 0.25); }
.gorunum-medikal-mavi .marquee { background: var(--surface); border-color: var(--line); }
.gorunum-medikal-mavi .marquee-track span { color: var(--ink); }
.gorunum-medikal-mavi .marquee-track .marquee-sep { color: var(--primary-2); }
.gorunum-medikal-mavi .section-title::after { background: var(--grad-buton); }
.gorunum-medikal-mavi .inceleme-notu strong { color: var(--primary); }

/* Koyu bantlarda metin içi linkler (İletişim sayfası tel/e-posta vb.) */
.gorunum-medikal-mavi .page-hero a:not(.btn),
.gorunum-medikal-mavi .hero-dark a:not(.btn),
.gorunum-medikal-mavi .process-band a:not(.btn),
.gorunum-medikal-mavi .cta-band a:not(.btn) { color: var(--mint); }
.gorunum-medikal-mavi .page-hero a:not(.btn):hover,
.gorunum-medikal-mavi .hero-dark a:not(.btn):hover { color: #fff; }

/* --- Footer: koyu lacivert ------------------------------------------------ */
.gorunum-medikal-mavi .site-footer { background: #061a33; }
.gorunum-medikal-mavi .site-footer a:hover { color: var(--mint); }