/* Yılmaz Diş — build.py tarafından üretildi. Elle düzenleme; sablon/stil.css'i değiştir. */

:root{
  --ana:#0E9F8E;
  --ana-koyu:#0B8274;
  --ana-acik:#E6F5F3;
  --ana-rgb:14,159,142;
  --ink:#0B1220;
  --ink-2:#1C2A3A;
  --muted:#5B6B7F;
  --line:#E4E9F0;
  --bg:#FFFFFF;
  --bg-soft:#F6F9FC;
  --radius:16px;
  --shadow:0 1px 2px rgba(11,18,32,.04),0 12px 32px rgba(11,18,32,.08);
  --shadow-lg:0 2px 4px rgba(11,18,32,.04),0 24px 64px rgba(11,18,32,.14);
  --max:1160px;
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:17px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(2.05rem,5vw,3.5rem)}
h2{font-size:clamp(1.65rem,3.6vw,2.5rem)}
h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
p{color:var(--muted)}
section{padding:88px 0}
@media(max-width:700px){section{padding:64px 0}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ana);background:var(--ana-acik);padding:7px 14px;border-radius:100px;margin-bottom:20px}
.lead{font-size:1.1rem;max-width:640px}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.sec-head{margin-bottom:48px}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;border:0;cursor:pointer;transition:.18s ease;white-space:nowrap;font-family:inherit;line-height:1.2}
.btn-primary{background:var(--ana);color:#fff;box-shadow:0 8px 20px rgba(var(--ana-rgb),.28)}
.btn-primary:hover{background:var(--ana-koyu);transform:translateY(-2px)}
.btn-primary[disabled]{opacity:.6;cursor:wait;transform:none}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.24)}
.btn-ghost:hover{background:rgba(255,255,255,.16)}
.btn-outline{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-outline:hover{border-color:var(--ink);transform:translateY(-2px)}
.btn-sm{padding:11px 20px;font-size:.93rem}
.btn-lg{padding:18px 34px;font-size:1.05rem}
.btn-block{width:100%}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(var(--ana-rgb),.001);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .25s}
header{background:color-mix(in srgb,var(--ink) 88%,transparent)}
@supports not (background:color-mix(in srgb,red,blue)){header{background:var(--ink)}}
header.solid{background:var(--ink)}
nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.12rem;letter-spacing:-.02em;flex:0 0 auto}
.logo-mark{width:32px;height:32px;border-radius:9px;flex:0 0 32px;background:linear-gradient(135deg,var(--ana),var(--ana-acik));display:grid;place-items:center;color:var(--ink);font-weight:900;font-size:.95rem}
.nav-links{display:flex;gap:28px;align-items:center;flex:1 1 auto;justify-content:center}
.nav-links a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.94rem;font-weight:500;transition:.15s}
.nav-links a:hover{color:#fff}
.nav-cta{display:flex;gap:12px;align-items:center;flex:0 0 auto}
.nav-tel{color:#fff;text-decoration:none;font-weight:700;font-size:.94rem;display:flex;align-items:center;gap:7px}
.nav-burger{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.nav-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:.22s}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobil{display:none;flex-direction:column;background:var(--ink);border-top:1px solid rgba(255,255,255,.1)}
.nav-mobil.acik{display:flex}
.nav-mobil a{color:rgba(255,255,255,.85);text-decoration:none;padding:15px 24px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600}
@media(max-width:980px){
  .nav-links{display:none}
  .nav-burger{display:flex}
  .nav-tel span{display:none}
  .nav-cta .btn{display:none}
}

/* ---------- hero (ortak) ---------- */
.hero{background:radial-gradient(900px 500px at 78% 8%,rgba(var(--ana-rgb),.30),transparent 62%),radial-gradient(700px 500px at 5% 92%,rgba(var(--ana-rgb),.12),transparent 60%),var(--ink);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(700px 500px at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(700px 500px at 50% 0%,#000,transparent 75%)}
.hero .wrap{position:relative;z-index:2}
.hero h1{color:#fff;margin-bottom:20px}
.hero h1 .hl{background:linear-gradient(180deg,transparent 78%,var(--ana) 78%,var(--ana) 90%,transparent 90%);padding:0 4px}
.hero p.lead{color:rgba(255,255,255,.76);font-size:1.15rem;margin-bottom:30px}
.hero-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.9);padding:8px 16px;border-radius:100px;font-size:.86rem;font-weight:600;margin-bottom:26px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ana-acik);box-shadow:0 0 0 4px rgba(var(--ana-rgb),.25);flex:0 0 8px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 26px;color:rgba(255,255,255,.72);font-size:.93rem}
.hero-points span{display:flex;align-items:center;gap:8px}
.tick{color:var(--ana-acik);font-weight:900;font-style:normal}

/* hero varyant: form */
.hero-form{padding:80px 0 92px}
.hero-form .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:start}
@media(max-width:980px){.hero-form .hero-grid{grid-template-columns:1fr;gap:38px}}

/* hero varyant: görsel */
.hero-gorsel{padding:80px 0 92px}
.hero-gorsel .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
@media(max-width:980px){.hero-gorsel .hero-grid{grid-template-columns:1fr;gap:38px}}
.hero-medya{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3;background:linear-gradient(135deg,var(--ana),var(--ink));display:grid;place-items:center;color:rgba(255,255,255,.55);font-weight:600;text-align:center;padding:24px;font-size:.9rem}

/* hero varyant: merkez */
.hero-merkez{padding:96px 0 100px;text-align:center}
.hero-merkez .hero-inner{max-width:820px;margin:0 auto}
.hero-merkez p.lead{margin-left:auto;margin-right:auto}
.hero-merkez .hero-cta,.hero-merkez .hero-points{justify-content:center}

/* ---------- form kartı ---------- */
.form-card{background:#fff;border-radius:20px;padding:30px;box-shadow:var(--shadow-lg);color:var(--ink)}
.form-card h3{margin-bottom:6px;font-size:1.28rem}
.form-card>p{font-size:.92rem;margin-bottom:22px}
.field{margin-bottom:14px}
.field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px;color:var(--ink-2)}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:.97rem;font-family:inherit;background:#fff;color:var(--ink);transition:.15s}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--ana);box-shadow:0 0 0 4px var(--ana-acik)}
.field textarea{min-height:90px;resize:vertical}
.hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0}
.form-note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:13px}
.form-note a{color:var(--muted)}
.form-err{display:none;background:#FDECEC;border:1px solid #F5C2C2;color:#B03030;padding:13px;border-radius:10px;font-size:.89rem;margin-top:12px}
.form-bolum{background:var(--bg-soft)}
.form-bolum .form-card{max-width:560px;margin:0 auto;border:1px solid var(--line)}

/* ---------- güven barı ---------- */
.guven{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:34px 0}
.guven-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
@media(max-width:760px){.guven-grid{grid-template-columns:repeat(2,1fr);gap:26px}}
.guven-num{font-size:1.85rem;font-weight:800;letter-spacing:-.03em}
.guven-lbl{font-size:.85rem;color:var(--muted);margin-top:2px}

/* ---------- kart ızgaraları ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}
@media(max-width:560px){.grid-4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:.2s ease}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#D3DCE7}
.card h3{margin-bottom:9px}
.card p{font-size:.95rem}
.icon{width:46px;height:46px;border-radius:12px;background:var(--ana-acik);display:grid;place-items:center;font-size:1.3rem;margin-bottom:16px}
.bg-soft{background:var(--bg-soft)}

/* ---------- süreç ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px}
@media(max-width:900px){.steps{grid-template-columns:1fr;gap:28px}}
.step{padding:0 22px;position:relative}
.step:not(:last-child):after{content:"";position:absolute;top:22px;right:0;width:1px;height:calc(100% - 22px);background:var(--line)}
@media(max-width:900px){.step:after{display:none}.step{padding:0}}
.step-n{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:16px;font-size:1.05rem}
.step h3{margin-bottom:7px}
.step p{font-size:.93rem}
.step-day{font-size:.77rem;font-weight:800;color:var(--ana);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}

/* ---------- ekip ---------- */
.kisi{text-align:center}
.kisi-foto{width:120px;height:120px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--ana),var(--ink));display:grid;place-items:center;color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:-.02em}
.kisi h3{margin-bottom:2px}
.kisi .rol{color:var(--ana);font-size:.88rem;font-weight:700;margin-bottom:8px}
.kisi p{font-size:.92rem}

/* ---------- galeri ---------- */
.galeri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.galeri-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.galeri-grid{grid-template-columns:1fr}}
.galeri-oge{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--ana),var(--ink));display:grid;place-items:center;color:rgba(255,255,255,.55);font-size:.85rem;font-weight:600;text-align:center;padding:18px;transition:.2s;position:relative}
.galeri-oge:nth-child(3n+2){background:linear-gradient(135deg,var(--ink-2),var(--ana-acik))}
.galeri-oge:nth-child(3n+3){background:linear-gradient(135deg,var(--ana-koyu),var(--ink))}
.galeri-oge:hover{transform:scale(1.02)}
.galeri-cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:.86rem;text-align:left}

/* ---------- yorumlar ---------- */
.yorum{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:16px}
.yildiz{color:#F0A028;font-size:1rem;letter-spacing:2px}
.yorum blockquote{font-size:1rem;color:var(--ink-2);line-height:1.65;flex:1}
.yorum-kim{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:15px}
.yorum-av{width:40px;height:40px;border-radius:50%;background:var(--ana-acik);color:var(--ana-koyu);display:grid;place-items:center;font-weight:800;flex:0 0 40px}
.yorum-kim b{display:block;font-size:.94rem}
.yorum-kim span{font-size:.83rem;color:var(--muted)}

/* ---------- fiyat ---------- */
.fiyat{background:var(--ink);color:#fff}
.fiyat h2{color:#fff}
.fiyat .lead{color:rgba(255,255,255,.7)}
.fiyat .eyebrow{background:rgba(var(--ana-rgb),.2)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;align-items:start}
@media(max-width:900px){.price-grid{grid-template-columns:1fr}}
.plan{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:30px;transition:.2s;position:relative}
.plan:hover{background:rgba(255,255,255,.08)}
.plan.one-cikan{background:#fff;color:var(--ink);border-color:transparent;box-shadow:0 24px 60px rgba(0,0,0,.4);transform:scale(1.03)}
@media(max-width:900px){.plan.one-cikan{transform:none;margin-top:14px}}
.plan-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--ana);color:#fff;font-size:.73rem;font-weight:800;padding:6px 15px;border-radius:100px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.plan h3{font-size:1.22rem;margin-bottom:4px}
.plan .plan-for{font-size:.87rem;opacity:.65;margin-bottom:20px}
.plan .amount{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.plan .amount small{font-size:.88rem;font-weight:600;opacity:.6}
.plan .amount-note{font-size:.83rem;opacity:.6;margin:6px 0 22px}
.plan ul{list-style:none;margin-bottom:26px}
.plan li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:.93rem;opacity:.92}
.plan li:before{content:"✓";color:var(--ana);font-weight:900;flex:0 0 auto}
.plan .btn{width:100%}
.plan:not(.one-cikan) .btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:none}
.plan:not(.one-cikan) .btn:hover{background:rgba(255,255,255,.2)}
.price-foot{text-align:center;margin-top:34px;color:rgba(255,255,255,.6);font-size:.92rem}

/* ---------- sss ---------- */
.faq{background:var(--bg-soft)}
.faq-list{max-width:820px;margin:44px auto 0}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:20px 24px;font-size:1.01rem;font-weight:700;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:inherit}
.faq-q:hover{color:var(--ana-koyu)}
.faq-ico{flex:0 0 auto;font-size:1.4rem;color:var(--ana);transition:.2s;line-height:1}
.faq-item.open .faq-ico{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-a p{padding:0 24px 22px;font-size:.96rem}

/* ---------- son cta ---------- */
.final{background:linear-gradient(135deg,var(--ana-koyu),var(--ana));color:#fff;text-align:center}
.final h2{color:#fff;margin-bottom:14px}
.final p{color:rgba(255,255,255,.88);max-width:600px;margin:0 auto 32px;font-size:1.08rem}
.final .btn-primary{background:#fff;color:var(--ana-koyu);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.final .btn-primary:hover{background:#F7FCFB}
.final-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- footer ---------- */
footer{background:var(--ink);color:rgba(255,255,255,.6);padding:52px 0 28px;font-size:.91rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:36px}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:28px}}
footer h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
footer a{color:rgba(255,255,255,.6);text-decoration:none;display:block;padding:4px 0}
footer a:hover{color:#fff}
.foot-desc{color:rgba(255,255,255,.55);max-width:320px;font-size:.91rem}
.foot-adres{display:block;padding:8px 0 0;color:rgba(255,255,255,.45);font-size:.86rem}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.84rem}
.foot-bottom a{display:inline}

/* ---------- whatsapp ---------- */
.wa{position:fixed;bottom:22px;right:22px;z-index:60;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 26px rgba(37,211,102,.42);text-decoration:none;transition:.2s}
.wa:hover{transform:scale(1.08)}
.wa svg{width:29px;height:29px;fill:#fff}

/* ---------- randevu ---------- */
.randevu{background:var(--bg-soft)}
.randevu-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}
.randevu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:700px){.randevu-grid{grid-template-columns:1fr}}
.randevu-saatler{margin:6px 0 18px;min-height:44px}
.randevu-ipucu{font-size:.9rem;color:var(--muted);text-align:center;padding:10px 0}
.randevu-grup h4{font-size:.85rem;color:var(--ink-2);margin:12px 0 8px}
.randevu-slotlar{display:flex;flex-wrap:wrap;gap:8px}
.saat-btn{padding:9px 14px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit;transition:.15s}
.saat-btn:hover{border-color:var(--ana);color:var(--ana-koyu)}
.saat-btn.secili{background:var(--ana);border-color:var(--ana);color:#fff}
.randevu-secim{background:var(--ana-acik);color:var(--ana-koyu);font-weight:700;font-size:.92rem;padding:11px 14px;border-radius:10px;margin-bottom:16px}
.randevu-kvkk{display:flex;gap:9px;align-items:flex-start;font-size:.82rem;color:var(--muted);margin:4px 0 16px;cursor:pointer}
.randevu-kvkk input{margin-top:3px}
.randevu-kvkk a{color:var(--muted)}
.randevu-tamam{text-align:center;padding:26px 10px}
.randevu-tamam h3{font-size:1.3rem;margin-bottom:8px}
.randevu-tik{width:56px;height:56px;border-radius:50%;background:var(--ana);color:#fff;font-size:1.7rem;font-weight:900;display:grid;place-items:center;margin:0 auto 16px}

/* ---------- QR menü bloğu ---------- */
.menu-blok{background:var(--bg-soft)}
.menu-qr{display:flex;justify-content:center}
.menu-qr-kart{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow);text-align:center;max-width:360px}
.menu-qr-kart img{margin:0 auto 14px;border-radius:12px}
.menu-qr-kart p{font-size:.92rem;margin-bottom:14px}

/* ---------- ilan vitrini ---------- */
.ilan-filtre{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}
.ilan-filtre button{background:#fff;border:1.5px solid var(--line);border-radius:100px;padding:9px 20px;font-weight:700;font-size:.9rem;color:var(--muted);cursor:pointer;font-family:inherit;transition:.15s}
.ilan-filtre button.aktif{background:var(--ink);border-color:var(--ink);color:#fff}
.ilan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.ilan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ilan-grid{grid-template-columns:1fr}}
.ilan-kart{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:.2s ease;display:block}
.ilan-kart:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ilan-gorsel{aspect-ratio:4/3;background:linear-gradient(135deg,var(--ana),var(--ink));display:grid;place-items:center;color:rgba(255,255,255,.55);font-size:.85rem;font-weight:600;position:relative;overflow:hidden}
.ilan-gorsel img{width:100%;height:100%;object-fit:cover}
.ilan-rozet{position:absolute;top:12px;left:12px;background:var(--ink);color:#fff;font-size:.74rem;font-weight:800;padding:5px 12px;border-radius:100px;letter-spacing:.04em;text-transform:uppercase}
.ilan-govde{padding:18px}
.ilan-tip{font-size:.74rem;font-weight:800;color:var(--ana);letter-spacing:.06em;text-transform:uppercase}
.ilan-govde h3{margin:6px 0 4px;font-size:1.05rem}
.ilan-govde p{font-size:.88rem}
.ilan-fiyat{font-size:1.15rem;font-weight:800;color:var(--ana-koyu);margin-top:10px}
.ilan-bos{grid-column:1/-1;text-align:center;color:var(--muted);padding:36px 16px}

/* ---------- bilgi bankası ---------- */
.yazi-kart{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.yazi-tarih{font-size:.78rem;color:var(--muted);font-weight:600}
.yazi-kart p{flex:1}
.yazi-devam{color:var(--ana-koyu);font-weight:700;font-size:.9rem}

/* ---------- cam (liquid glass) ---------- */
.cam{position:relative;overflow:hidden;background:rgba(255,255,255,.04);background-blend-mode:luminosity;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.10)}
.cam:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 20%,transparent 40%,transparent 60%,rgba(255,255,255,.15) 80%,rgba(255,255,255,.45) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.hero-cam-btn{color:#fff;border-radius:inherit}
.hero-cam-btn:hover{background:rgba(255,255,255,.12)}

/* ---------- hero varyant: video ---------- */
.hero-video{min-height:100svh;display:flex;align-items:stretch;padding:0}
.hero-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-aurora{position:absolute;inset:0;background:radial-gradient(900px 600px at 75% 15%,rgba(var(--ana-rgb),.55),transparent 60%),radial-gradient(700px 600px at 15% 85%,rgba(var(--ana-rgb),.30),transparent 55%),radial-gradient(1200px 800px at 50% 50%,rgba(255,255,255,.05),transparent 70%),var(--ink);background-size:160% 160%;animation:aurora 16s ease-in-out infinite alternate}
@keyframes aurora{from{background-position:0% 30%}to{background-position:100% 70%}}
.hero-video-ortu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.52) 100%)}
.hero-video .hero-video-icerik{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding-top:120px;padding-bottom:44px;width:100%}
.hero-video h1{max-width:13ch;font-weight:500;letter-spacing:-.045em;font-size:clamp(2.5rem,7vw,5.2rem);line-height:1.02}
.hero-video .lead{max-width:460px}
.hero-video .hero-badge{border-radius:100px}
.hero-video-alt{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.hero-cip{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:9px 16px;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600}

/* ---------- hero varyant: kocaman ---------- */
.hero-kocaman{min-height:92svh;display:flex;flex-direction:column;justify-content:space-between;padding:110px 0 48px}
.kocaman-sarici{overflow:hidden;width:100%}
.kocaman-metin{font-size:clamp(3.4rem,16vw,270px);text-transform:uppercase;white-space:nowrap;text-align:center;line-height:.92;letter-spacing:-.03em;font-weight:900;background:linear-gradient(180deg,#646973 0%,#BBCCD7 100%);width:100%}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero .kocaman-metin{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
.kocaman-alt{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.kocaman-aciklama{max-width:300px;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;line-height:1.5}
@media(max-width:700px){.hero-kocaman{min-height:84svh}.kocaman-alt{flex-direction:column;align-items:flex-start}}

/* ---------- vitrin (marquee) ---------- */
.vitrin{padding:64px 0;overflow:hidden}
.marquee{overflow:hidden;margin-bottom:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-ic{display:flex;gap:14px;width:max-content;animation:marquee 46s linear infinite}
.marquee-ters .marquee-ic{animation-direction:reverse}
.marquee img{width:340px;height:214px;object-fit:cover;border-radius:16px;flex:0 0 auto}
@media(max-width:700px){.marquee img{width:230px;height:146px}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee:hover .marquee-ic{animation-play-state:paused}

/* ---------- harf harf açılan başlık ---------- */
[data-split] .harf{display:inline-block;opacity:0;transform:translateY(.55em);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}
[data-split].acildi .harf{opacity:1;transform:none}

/* ---------- erişilebilirlik / animasyon ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
:focus-visible{outline:3px solid var(--ana);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-9999px;background:#fff;color:var(--ink);padding:12px 20px;z-index:100;border-radius:0 0 8px 0;font-weight:700}
.skip:focus{left:0;top:0}


/* ════ sektör kimliği: klinik ════ */
/* ── KLİNİK kimliği: "yumuşak klinik" ─────────────────────────
   Tipografi: Plus Jakarta Sans (dost ama profesyonel).
   Biçim dili: hap formlar, dalga geçişi, bol nefes; sert köşe yok.
   Renkler her zaman var(--ana) ailesinden türetilir.               */

:root{
  --font-baslik:'Plus Jakarta Sans',var(--font);
  --radius:22px;
}
h1,h2,h3{font-family:var(--font-baslik);letter-spacing:-.03em}
h1{font-weight:800}

/* hero: ızgara dokusu yerine yumuşak ışık + sayfaya dalgayla bağlanır */
.hero:after{background-image:none;background:radial-gradient(640px 420px at 82% 18%,rgba(255,255,255,.06),transparent 70%)}
.hero{padding-bottom:46px}
.hero:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:56px;z-index:1;background:var(--bg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56h1200V22c-140 26-320 34-500 24S340-8 160 6C100 11 40 20 0 34z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56h1200V22c-140 26-320 34-500 24S340-8 160 6C100 11 40 20 0 34z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.hero-badge{border-radius:100px;background:rgba(255,255,255,.12);border-color:transparent}

/* hap düğmeler — dokunması yumuşak */
.btn{border-radius:100px}
.btn-primary{box-shadow:0 10px 24px rgba(var(--ana-rgb),.32)}

/* rozet/başlık dili */
.eyebrow{background:#fff;border:1.5px solid var(--ana-acik);color:var(--ana-koyu);border-radius:100px}

/* kartlar: çerçevesiz, gölgeyle yüzer; ikonlar daire */
.card{border:0;box-shadow:0 2px 6px rgba(11,18,32,.05),0 16px 40px rgba(11,18,32,.07);border-radius:var(--radius)}
.card:hover{box-shadow:0 4px 10px rgba(var(--ana-rgb),.10),0 24px 56px rgba(var(--ana-rgb),.16);border-color:transparent}
.icon{border-radius:50%;width:52px;height:52px}

/* güven barı: beyaz yüzen şerit, dalganın hemen altında */
.guven{background:var(--bg);border-bottom:0;padding:10px 0 42px}
.guven-grid{background:#fff;border-radius:24px;box-shadow:0 14px 44px rgba(11,18,32,.08);padding:28px 18px}
.guven-num{color:var(--ana-koyu);font-family:var(--font-baslik)}

/* süreç: çizgi yerine yumuşak numara baloncukları */
.step-n{background:var(--ana-acik);color:var(--ana-koyu);border-radius:50%}
.step:not(:last-child):after{background:linear-gradient(var(--ana-acik),transparent)}

/* randevu: saat düğmeleri hap */
.saat-btn{border-radius:100px;padding:9px 16px}
.randevu-card,.form-card{border-radius:26px}

/* yorumlar: konuşma balonu hissi */
.yorum{border-radius:22px 22px 22px 6px;border-color:transparent;box-shadow:0 10px 30px rgba(11,18,32,.06)}

/* sss ve fiyat yumuşatma */
.faq-item{border-radius:16px}
.plan{border-radius:22px}

/* bölüm ritmi: her ikinci açık bölüm çok hafif ana renge çalar */
@supports (background: color-mix(in srgb, red, blue)){
  .bg-soft,.faq,.form-bolum,.randevu,.menu-blok{background:color-mix(in srgb,var(--ana) 4%,#FAFCFE)}
}