/* Klinik tema — sakin sağlık dili: camgöbeği vurgu, gök mavisi açık zeminler, yuvarlak ikonlar ve yumuşak güven rozetleri */
:root {
  --zc-text: #22343d; --zc-muted: #56707a; --zc-line: #d9e9f0; --zc-surface: #fbfdfe; --zc-card: #fff;
  --zc-shadow: 0 1px 2px rgba(12, 74, 92, .05), 0 10px 30px rgba(12, 74, 92, .07);
  --zc-shadow-lg: 0 18px 44px rgba(12, 74, 92, .14);
  --kl-sky: #e2f1f8;                                   /* gök mavisi yüzey */
  --kl-blue: #0284c7;                                  /* geçişlerde kullanılan ikinci ton */
}
body { --kl-brand: var(--zc-primary); }
h1, h2, h3, h4, .zc-title, .zc-hero-title { font-weight: 800; letter-spacing: -.02em; }
.zc-title { color: var(--zc-ink); }
.zc-bg-dark .zc-title, .zc-bg-brand .zc-title { color: #fff; }
.zc-lead { font-size: 17.5px; }

/* Üst bilgi: beyaz, yumuşak menü kutucukları */
:where(.zc-header.zc-h-nav-theme) .zc-nav > ul > li > a { border-radius: 10px; color: var(--zc-text); font-weight: 600; }
:where(.zc-header.zc-h-nav-theme) .zc-nav > ul > li > a:hover, :where(.zc-header.zc-h-nav-theme) .zc-nav > ul > li.is-active > a { background: var(--kl-sky); color: var(--zc-primary); }
.zc-sub { border-radius: 14px; padding: 10px; }
.zc-sub a { border-radius: 9px; }

/* Butonlar ve etiketler */
.zc-btn { border-radius: 12px; font-weight: 700; }
.zc-btn-primary { box-shadow: 0 8px 20px color-mix(in srgb, var(--zc-primary) 28%, transparent); }
.zc-btn-outline { border-width: 1.5px; border-color: color-mix(in srgb, var(--zc-primary) 40%, var(--zc-line)); color: var(--zc-primary); }
.zc-btn-outline:hover { background: var(--zc-primary); border-color: var(--zc-primary); }
.zc-icon-btn { border-radius: 12px; }
.zc-label { background: var(--zc-card); border: 1px solid color-mix(in srgb, var(--zc-primary) 22%, var(--zc-line)); color: var(--zc-primary); padding: 6px 14px 6px 12px; border-radius: 999px; font-size: 12.5px; letter-spacing: .06em; box-shadow: 0 2px 10px rgba(12, 74, 92, .06); }
.zc-label::before { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, var(--zc-primary) 18%, transparent); }
.zc-head-center .zc-label::after { display: none; }
.zc-bg-dark .zc-label, .zc-bg-brand .zc-label { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .22); color: #fff; box-shadow: none; }
.zc-hero-label { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .25); backdrop-filter: blur(8px); padding: 7px 16px 7px 12px; border-radius: 999px; font-size: 13px; }
.zc-hero-label::before { width: 8px; height: 8px; border-radius: 50%; background: #5eead4; box-shadow: 0 0 0 4px rgba(94, 234, 212, .25); }

/* Slider: camgöbeği-lacivert yumuşak karartma, nokta göstergeler */
.zc-hero.zc-hs-ov-theme .zc-hero-shade { background: linear-gradient(90deg, rgba(6, 44, 54, calc(var(--shade) * 1.25)) 0%, rgba(6, 44, 54, calc(var(--shade) * .7)) 50%, rgba(6, 44, 54, calc(var(--shade) * .15)) 100%); }
.zc-hero.zc-hs-nav-theme .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; }
.zc-hero.zc-hs-nav-theme .swiper-pagination-bullet-active { width: 30px; border-radius: 6px; }
.zc-hero-arrows button { border-radius: 50%; border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .08); }

/* İç sayfa başlığı: açık gök mavisi bant, artı desenli köşe */
.zc-page-hero { background: linear-gradient(180deg, var(--kl-sky), var(--zc-surface)); color: var(--zc-ink); padding: 60px 0 56px; border-bottom: 1px solid var(--zc-line); }
.zc-page-hero::before { left: auto; width: min(460px, 45%); background: var(--zc-primary); opacity: .1; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M19 12h6v7h7v6h-7v7h-6v-7h-7v-6h7z'/%3E%3C/svg%3E") 0 0 / 44px 44px, linear-gradient(90deg, transparent, #000 70%); -webkit-mask-composite: source-in; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M19 12h6v7h7v6h-7v7h-6v-7h-7v-6h7z'/%3E%3C/svg%3E") 0 0 / 44px 44px, linear-gradient(90deg, transparent, #000 70%); mask-composite: intersect; }
.zc-page-hero h1 { color: var(--zc-ink); font-size: clamp(30px, 4vw, 48px); }
.zc-page-hero p { color: var(--zc-muted); }
.zc-breadcrumb { display: inline-flex; background: var(--zc-card); border: 1px solid var(--zc-line); border-radius: 999px; padding: 5px 14px; font-size: 13.5px; color: var(--zc-muted); margin-bottom: 18px; }
.zc-breadcrumb a { color: var(--zc-primary); }
.zc-breadcrumb a:hover { color: var(--zc-ink); }
.zc-breadcrumb .is-current { color: var(--zc-ink); }
.zc-page-hero.has-image { color: #fff; border-bottom: 0; }
.zc-page-hero.has-image::before { left: 0; width: auto; opacity: 1; -webkit-mask: none; mask: none; }
.zc-page-hero.has-image h1 { color: #fff; }
.zc-page-hero.has-image p { color: rgba(255, 255, 255, .85); }

/* Kartlar: kenarsız, yumuşak gölgeli; ikonlar halkalı daire */
.zc-card, .zc-features-cards .zc-feature, .zc-testimonial, .zc-plan, .zc-contact-card, .zc-box, .zc-history-card { border-color: transparent; box-shadow: var(--zc-shadow); }
.zc-bg-light .zc-card, .zc-bg-light .zc-features-cards .zc-feature, .zc-bg-light .zc-testimonial { box-shadow: 0 1px 2px rgba(12, 74, 92, .05); }
a.zc-card:hover, .zc-card:hover, .zc-features-cards .zc-feature:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--zc-primary) 30%, transparent); }
.zc-icon { border-radius: 50%; background: var(--kl-sky); color: var(--zc-primary); box-shadow: 0 0 0 6px color-mix(in srgb, var(--kl-sky) 45%, transparent); }
.zc-service-card .zc-icon, .zc-features-cards .zc-icon { margin: 6px 0 4px 6px; }
.zc-seal-ico, .zc-callback-ico, .zc-nl-ico { background: var(--kl-sky); box-shadow: 0 0 0 6px color-mix(in srgb, var(--kl-sky) 45%, transparent); }
.zc-point { background: var(--zc-card); border-color: var(--zc-line); border-radius: 12px; }
.zc-mini-feature { background: var(--kl-sky); }
.zc-testimonial blockquote::before { content: '“'; display: block; font: 800 54px/0.6 var(--zc-font-head); color: color-mix(in srgb, var(--zc-primary) 35%, transparent); margin: 10px 0 4px; }
.zc-avatar { background: var(--kl-sky); }

/* Güven şeridi: beyaz zemin, ikonlar dairede */
.zc-trust { background: var(--zc-card); color: var(--zc-ink); border-bottom: 1px solid var(--zc-line); }
.zc-trust i { width: 38px; height: 38px; border-radius: 50%; background: var(--kl-sky); color: var(--zc-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }

/* Bantlar */
.zc-stats-band.zc-bg-brand, .zc-cta-brand { background: linear-gradient(120deg, var(--zc-primary), color-mix(in srgb, var(--zc-primary) 50%, var(--kl-blue))); }
.zc-stat + .zc-stat { border-left-color: rgba(255, 255, 255, .2); }
.zc-cta-dark { background: var(--zc-secondary); }
.zc-cta-dark::after { clip-path: none; width: 520px; height: 520px; top: -160px; right: -140px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--zc-primary) 70%, transparent) 0 38%, transparent 39% 52%, color-mix(in srgb, var(--zc-primary) 30%, transparent) 53% 54%, transparent 55%); opacity: .7; }
.zc-steps { background: transparent; border: 0; gap: 16px; }
.zc-step { border-radius: var(--zc-radius); box-shadow: var(--zc-shadow); }
.zc-step-no { width: 40px; height: 40px; border-radius: 50%; background: var(--kl-sky); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.zc-timeline li::before { background: var(--zc-primary); box-shadow: 0 0 0 5px var(--kl-sky); }

/* SSS: ayrı kart satırları */
.zc-accordion { border-top: 0; display: grid; gap: 10px; }
.zc-accordion details { background: var(--zc-card); border: 1px solid var(--zc-line); border-radius: 14px; padding: 0 20px; }
.zc-accordion details[open] { border-color: color-mix(in srgb, var(--zc-primary) 35%, var(--zc-line)); box-shadow: var(--zc-shadow); }
.zc-accordion summary { font-size: 17px; padding: 18px 0; }
.zc-accordion summary i { width: 30px; height: 30px; flex: none; border-radius: 50%; background: var(--kl-sky); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.zc-accordion-body { padding: 0 0 20px; }
.zc-bg-dark .zc-accordion details { background: rgba(255, 255, 255, .05); }

/* Formlar */
.zc-input { border-radius: 12px; border-width: 1px; }
.zc-input:focus { box-shadow: 0 0 0 4px color-mix(in srgb, var(--zc-primary) 16%, transparent); }
.zc-tab-list button, .zc-chip { border-radius: 999px; }
.zc-pager a, .zc-pager span { border-radius: 50%; min-width: 44px; padding: 0; }

/* Alt bilgi: yuvarlak üst köşeli koyu camgöbeği */
.zc-nl-band { padding-bottom: 64px; }
.zc-footer { position: relative; z-index: 1; margin-top: -32px; border-radius: 32px 32px 0 0; }
.zc-footer.zc-f-bg-dark { background: var(--zc-dark); color: rgba(255, 255, 255, .74); }
.zc-footer h4 { font-size: 15px; letter-spacing: .02em; }
.zc-footer-contact i { width: 30px; height: 30px; flex: none; border-radius: 50%; background: rgba(255, 255, 255, .08); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color: #5eead4; }
.zc-footer.zc-f-bg-light .zc-footer-contact i { background: var(--kl-sky); color: var(--zc-primary); }
.zc-footer .zc-social a { border-radius: 50%; }
.zc-footer-bottom { border-top-color: rgba(255, 255, 255, .08); }

/* Koyu mod: gece camgöbeği yüzeyler; vurgu metinleri biraz açılır */
html.is-dark { --zc-surface: #0a1419; --zc-card: #11212a; --zc-light: #0e1b22; --zc-line: rgba(170, 225, 240, .12); --kl-sky: #15303a; --zc-muted: #94adb6; }
html.is-dark body > * { --zc-primary: color-mix(in srgb, var(--kl-brand) 82%, #fff); }
html.is-dark :is(.zc-camp-bar, .zc-announce, .zc-wordmark i, .zc-count) { background-color: var(--kl-brand); }
html.is-dark .zc-btn-primary, html.is-dark .zc-pager a.is-active { background: var(--kl-brand); }
html.is-dark .zc-btn-primary:hover { background: var(--zc-primary-dark); }
html.is-dark .zc-label { background: transparent; }
html.is-dark .zc-page-hero:not(.has-image) { background: linear-gradient(180deg, #102830, var(--zc-surface)); }
html.is-dark .zc-stats-band.zc-bg-brand, html.is-dark .zc-cta-brand { background: linear-gradient(120deg, var(--kl-brand), color-mix(in srgb, var(--kl-brand) 50%, var(--kl-blue))); }
.zc-bg-dark .zc-link-more { color: #5eead4; }