/* ==========================================================
   TEMA 1 — "Clinic" (Ata Diş Kliniği uyumlu)
   Ferah, turkuaz, yuvarlak hatlar, kırmızı vurgu butonları
   ========================================================== */
:root{
  --font-h:"Jakarta",system-ui,sans-serif;
  --font-b:"OpenSans",system-ui,sans-serif;
  --radius:22px;--radius-sm:14px;--radius-btn:999px;
}

/* Hero: tam genişlik video/görsel + koyu degrade, beyaz metin */
.hero--clinic{color:rgb(255 255 255/.86);background:var(--ink)}
.hero--clinic .hero__media{position:absolute;inset:0}
.hero--clinic .hero__img,.hero--clinic .hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero--clinic .hero__video{opacity:0;transition:opacity 1s}
.hero--clinic .hero__video.is-on{opacity:1}
.hero--clinic .hero__media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgb(var(--ink-rgb)/.72) 0%,rgb(var(--ink-rgb)/.86) 55%,rgb(var(--ink-rgb)/.94) 100%)}
.hero--clinic .hero__media::before{content:"";position:absolute;z-index:1;width:520px;height:520px;right:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgb(var(--primary-rgb)/.45),transparent 65%);pointer-events:none}
.hero--clinic .hero__inner{z-index:2;padding-top:36px;padding-bottom:44px}
.hero--clinic .h1{color:#fff}
.hero--clinic .hl{color:var(--primary);display:inline}
.hero--clinic .hero__badge{background:rgb(255 255 255/.12);color:#fff;border:1px solid rgb(255 255 255/.2);backdrop-filter:blur(8px)}
.hero--clinic .hero__badge .ic{color:var(--primary)}
.hero--clinic .ticks .ic{background:var(--primary);color:var(--on-primary)}
.hero--clinic .ticks li{color:#fff;font-weight:600}
.hero--clinic .btn--ghost{background:rgb(255 255 255/.12);color:#fff;border:1px solid rgb(255 255 255/.28)}
.hero--clinic .btn--ghost:hover{background:#25D366;border-color:#25D366}
.hero--clinic .btn--ghost .ic{color:#25D366}
.hero--clinic .btn--ghost:hover .ic{color:#fff}
.hero--clinic .rating strong,.hero--clinic .hero__stats dt{color:#fff}
.hero--clinic .rating small,.hero--clinic .hero__stats dd{color:rgb(255 255 255/.7)}
.hero--clinic .rating{padding:10px 14px;border-radius:16px;background:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.14)}
.hero--clinic .hero__stats div{padding-left:14px;border-left:2px solid var(--primary)}
.hero--clinic .qform{border:0}

/* Tonlar */
.theme-clinic .tone-soft{background:var(--soft)}
.theme-clinic .section.services,
.theme-clinic .section.smile{background:
  radial-gradient(800px 400px at 100% 0,rgb(var(--primary-rgb)/.08),transparent 60%),var(--soft)}
.theme-clinic .trust{background:var(--bg)}
.theme-clinic .timeline__item{backdrop-filter:blur(4px)}
.theme-clinic .journey .sec-head .lead{color:rgb(255 255 255/.85)}
.theme-clinic .journey::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='2' cy='2' r='1.4' fill='%23fff' fill-opacity='.14'/%3E%3C/svg%3E");pointer-events:none}
.theme-clinic .journey .container{position:relative}

/* Detaylar */
.theme-clinic .h2 em,.theme-clinic .h2 strong{color:var(--primary);font-style:normal}
.theme-clinic .type__n{color:var(--primary)}
.theme-clinic .type{background:linear-gradient(180deg,var(--bg),var(--bg)) padding-box,linear-gradient(135deg,rgb(var(--primary-rgb)/.35),var(--line)) border-box;border:1px solid transparent}
.theme-clinic .plan--featured{background:linear-gradient(180deg,rgb(var(--primary-rgb)/.06),var(--bg) 40%)}
.theme-clinic .counters dt{background:linear-gradient(135deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-clinic .contact .qform{box-shadow:0 30px 70px -30px rgb(var(--primary-rgb)/.55)}

@media (min-width:960px){
  .hero--clinic .hero__media::after{background:linear-gradient(95deg,rgb(var(--ink-rgb)/.92) 0%,rgb(var(--ink-rgb)/.78) 42%,rgb(var(--ink-rgb)/.35) 75%,rgb(var(--ink-rgb)/.25) 100%)}
  .hero--clinic .hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;min-height:min(760px,calc(100vh - 118px));padding-top:56px;padding-bottom:64px}
  .hero--clinic:not(.hero--withform) .hero__inner{grid-template-columns:1fr}
  .hero--clinic:not(.hero--withform) .hero__copy{max-width:720px}
  .hero--clinic .hero__form{max-width:440px;margin-left:auto;width:100%}
}