/* =====================================================================
   LUMÉ Premium Tema
   Renk, font, radius ve boşluk değerleri Panel > Tasarım bölümünden
   CSS değişkenleri (--ana, --kart-radius ...) olarak gelir.
   ===================================================================== */

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;font-family:var(--font-govde);font-size:var(--taban);line-height:1.7;color:var(--yazi);background:var(--zemin);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,picture,video,svg{display:block;max-width:100%}
figure{margin:0}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font-baslik);font-weight:var(--baslik-kalinlik);line-height:1.12;letter-spacing:-.015em;margin:0 0 .5em;color:var(--yazi)}
h1{font-size:clamp(40px,5.6vw,84px);letter-spacing:-.028em;line-height:1.02}
h2{font-size:clamp(32px,3.8vw,56px);letter-spacing:-.022em}
h3{font-size:clamp(21px,1.7vw,26px)}
p{margin:0 0 1em}
::selection{background:var(--vurgu);color:var(--yazi)}
.ikon{width:1em;height:1em;flex:none}
.kap{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.dar{max-width:780px}
.bolum{padding:var(--bolum) 0}
.bolum.sik{padding:calc(var(--bolum) * .6) 0}
.soluk{color:var(--soluk)}
.gorunmez,.bt-alan{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:16px;top:-60px;background:var(--ana);color:#fff;padding:10px 16px;border-radius:10px;z-index:200}
.atla:focus{top:12px}
:focus-visible{outline:2px solid var(--ikincil);outline-offset:3px;border-radius:6px}

/* Üst başlık (eyebrow) */
.ust-baslik{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ikincil);margin-bottom:22px}
.ust-baslik::before{content:"";width:28px;height:1px;background:currentColor}
.bolum-bas{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;margin-bottom:56px}
.bolum-bas h2{margin:0}
.bolum-bas p{color:var(--soluk);margin:0;max-width:440px;font-size:17px}
.bolum-bas.orta{grid-template-columns:1fr;text-align:center;justify-items:center}
.bolum-bas.orta .ust-baslik::after{content:"";width:28px;height:1px;background:currentColor}
.italik{font-style:italic;color:var(--ikincil)}

/* ---------- Butonlar ---------- */
.btn{--bg:var(--ana);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--btn-h);padding:0 28px;
  border-radius:var(--btn-radius);background:var(--bg);color:var(--fg);border:1px solid var(--bg);font-weight:500;font-size:15px;letter-spacing:.01em;
  cursor:pointer;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .25s,color .25s}
.btn .ikon{width:15px;height:15px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.btn:hover{box-shadow:0 14px 30px -14px color-mix(in srgb,var(--bg) 70%,transparent)}
.hover-kaldir .btn:hover{transform:translateY(-2px)}
.btn:hover .ikon-ok{transform:translateX(4px)}
.btn-cizgi{--bg:transparent;--fg:var(--yazi);border-color:color-mix(in srgb,var(--yazi) 22%,transparent)}
.btn-cizgi:hover{--fg:#fff;background:var(--yazi);border-color:var(--yazi)}
.btn-acik{--bg:var(--yuzey);--fg:var(--yazi);border-color:var(--yuzey)}
.btn-ikincil{--bg:var(--ikincil)}
.btn-kucuk{height:42px;padding:0 20px;font-size:14px}
.btn-blok{width:100%}
.link-ok{display:inline-flex;align-items:center;gap:8px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.link-ok .ikon{width:13px;height:13px;transition:transform .3s}
.link-ok:hover .ikon{transform:translateX(4px)}

/* ---------- Üst bilgi çubuğu ---------- */
.ust-bilgi{background:var(--koyu);color:rgba(255,255,255,.78);font-size:13px}
.ust-bilgi .kap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:40px}
.ust-bilgi a:hover{color:#fff}
.ust-bilgi .grup{display:flex;align-items:center;gap:22px}
.ust-bilgi .ikon{width:13px;height:13px;display:inline-block;vertical-align:-2px;margin-right:6px;opacity:.7}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--zemin) 88%,transparent);
  backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.header.kaydi{border-color:color-mix(in srgb,var(--yazi) 8%,transparent);box-shadow:0 10px 30px -24px rgba(0,0,0,.4)}
.header-sabit-degil .header{position:relative}
.hdr-beyaz .header{background:var(--yuzey)}
.header .kap{display:flex;align-items:center;gap:32px;height:var(--header-h)}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo img{height:var(--logo-h);width:auto}
.logo-yazi{font-family:var(--font-baslik);font-size:calc(var(--logo-h) * .8);letter-spacing:.28em;font-weight:500;line-height:1}
.logo-yazi small{display:block;font-family:var(--font-govde);font-size:10px;letter-spacing:.42em;color:var(--soluk);margin-top:6px;font-weight:400}
.nav{flex:1;display:flex;justify-content:center}
.nav>ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav li{position:relative}
.nav>ul>li>a{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;font-size:15px;color:color-mix(in srgb,var(--yazi) 82%,transparent);transition:color .2s,background .2s}
.nav>ul>li>a:hover,.nav>ul>li.aktif>a{color:var(--yazi)}
.nav>ul>li.aktif>a::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--ikincil);transform:translateX(-50%)}
.menu-hap .nav>ul>li>a:hover,.menu-hap .nav>ul>li.aktif>a{background:color-mix(in srgb,var(--yazi) 6%,transparent)}
.menu-hap .nav>ul>li.aktif>a::after{display:none}
.nav .ok{width:10px;height:10px;opacity:.6;transition:transform .25s}
.nav li:hover>a .ok{transform:rotate(180deg)}
.nav .alt{position:absolute;top:100%;left:50%;min-width:250px;list-style:none;margin:0;padding:10px;background:var(--yuzey);border-radius:18px;
  box-shadow:0 30px 60px -20px rgba(20,24,28,.25),0 0 0 1px rgba(20,24,28,.05);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:all .25s cubic-bezier(.2,.7,.2,1)}
.nav li:hover>.alt,.nav li:focus-within>.alt{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav .alt a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;font-size:14.5px;color:var(--yazi)}
.nav .alt a:hover{background:var(--zemin)}
.nav .alt .ikon{width:16px;height:16px;color:var(--ikincil)}
.nav .vurgulu{display:none}
.header-sag{display:flex;align-items:center;gap:12px;flex:none}
.dil-sec{position:relative}
.dil-sec>button{display:flex;align-items:center;gap:6px;background:none;border:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);border-radius:999px;height:40px;padding:0 14px;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.dil-sec ul{position:absolute;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:8px;background:var(--yuzey);border-radius:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.25);min-width:160px;display:none}
.dil-sec.acik ul{display:block}
.dil-sec li a{display:flex;gap:10px;padding:9px 12px;border-radius:10px;font-size:14px}
.dil-sec li a:hover,.dil-sec li a.aktif{background:var(--zemin)}
.hamburger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);background:none;cursor:pointer;position:relative}
.hamburger span{position:absolute;left:14px;right:14px;height:1.5px;background:var(--yazi);transition:transform .35s,opacity .2s}
.hamburger span:nth-child(1){top:18px}.hamburger span:nth-child(2){top:26px}
.menu-acik .hamburger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.menu-acik .hamburger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

/* Şeffaf header (ana sayfa üstünde) */
.hdr-seffaf.sayfa-anasayfa.hero-tam .header:not(.kaydi){background:transparent;backdrop-filter:none}
.hdr-seffaf.sayfa-anasayfa.hero-tam .header:not(.kaydi) .nav>ul>li>a,.hdr-seffaf.sayfa-anasayfa.hero-tam .header:not(.kaydi) .logo-yazi{color:#fff}
.hdr-seffaf.sayfa-anasayfa.hero-tam .header:not(.kaydi) .logo-yazi small{color:rgba(255,255,255,.7)}
.hdr-seffaf.sayfa-anasayfa.hero-tam .header:not(.kaydi) .hamburger span{background:#fff}
.hdr-seffaf.sayfa-anasayfa.hero-tam .header:not(.kaydi) .hamburger,.hdr-seffaf.sayfa-anasayfa.hero-tam .header:not(.kaydi) .dil-sec>button{border-color:rgba(255,255,255,.35);color:#fff}
.hdr-seffaf.sayfa-anasayfa.hero-tam .header{position:fixed;left:0;right:0}
.hdr-seffaf.sayfa-anasayfa.hero-tam .ust-bilgi{display:none}
/* Ortalanmış logo */
.hdr-ortali .header .kap{display:grid;grid-template-columns:1fr auto 1fr}
.hdr-ortali .nav{justify-content:flex-start;order:-1}
.hdr-ortali .logo{justify-self:center}
.hdr-ortali .header-sag{justify-self:end}

/* ---------- Mobil menü ---------- */
.mobil-menu{position:fixed;inset:0;z-index:95;background:var(--zemin);padding:calc(var(--header-h) + 12px) 24px 32px;overflow-y:auto;
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;display:flex;flex-direction:column}
.mobil-yan_panel .mobil-menu{left:auto;width:min(420px,88vw);box-shadow:-30px 0 60px -30px rgba(0,0,0,.35);transform:translateX(30px);transition:all .35s cubic-bezier(.2,.7,.2,1)}
.menu-acik .mobil-menu{opacity:1;visibility:visible;transform:none}
.menu-acik{overflow:hidden}
.menu-acik .header{z-index:96;background:var(--zemin)}
.mobil-menu ul{list-style:none;margin:0;padding:0}
.mobil-menu>nav>ul>li{border-bottom:1px solid color-mix(in srgb,var(--yazi) 8%,transparent);opacity:0;transform:translateY(12px);transition:all .45s cubic-bezier(.2,.7,.2,1)}
.menu-acik .mobil-menu>nav>ul>li{opacity:1;transform:none}
.mobil-menu>nav>ul>li>a,.mobil-menu>nav>ul>li>button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:18px 0;font-family:var(--font-baslik);font-size:28px;background:none;border:0;cursor:pointer;text-align:start}
.mobil-menu .alt{display:none;padding:0 0 16px}
.mobil-menu .alt.acik{display:block}
.mobil-menu .alt a{display:block;padding:9px 0;color:var(--soluk);font-size:16px}
.mobil-menu .alt-ac .ikon{width:16px;height:16px;transition:transform .3s}
.mobil-menu .alt-ac[aria-expanded=true] .ikon{transform:rotate(45deg)}
.mobil-alt{margin-top:auto;padding-top:28px;display:grid;gap:12px}
.mobil-alt .iletisim-satir{display:flex;gap:10px;align-items:center;color:var(--soluk);font-size:15px}
.mobil-alt .iletisim-satir .ikon{color:var(--ikincil)}
.mobil-diller{display:flex;gap:8px;flex-wrap:wrap}
.mobil-diller a{padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);font-size:13px}
.mobil-diller a.aktif{background:var(--yazi);color:var(--zemin)}

/* ---------- Hero ---------- */
.hero{position:relative;padding:clamp(40px,6vw,80px) 0 clamp(60px,7vw,110px);overflow:hidden}
.hero::before{content:"";position:absolute;width:900px;height:900px;right:-260px;top:-380px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--vurgu) 55%,transparent),transparent 65%);opacity:.55;pointer-events:none}
.hero .kap{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,80px);align-items:center}
.hero h1{margin-bottom:28px}
.hero h1 em{font-style:italic;color:var(--ikincil);font-weight:400}
.hero-aciklama{font-size:clamp(17px,1.35vw,19px);color:var(--soluk);max-width:520px;margin-bottom:38px}
.hero-butonlar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}
.hero-guven{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--yazi) 10%,transparent);max-width:540px}
.hero-guven .puan{display:flex;align-items:center;gap:12px}
.hero-guven .puan b{font-family:var(--font-baslik);font-size:36px;font-weight:400;line-height:1}
.yildizlar{display:flex;gap:2px;color:var(--ikincil)}
.yildizlar .ikon{width:14px;height:14px}
.hero-guven small{display:block;color:var(--soluk);font-size:13px;line-height:1.4}
.hero-guven .avatarlar{display:flex}
.hero-guven .avatarlar span{width:38px;height:38px;border-radius:50%;border:2px solid var(--zemin);margin-left:-10px;overflow:hidden;background:var(--vurgu)}
.hero-guven .avatarlar span:first-child{margin-left:0}
.hero-guven .avatarlar img{width:100%;height:100%;object-fit:cover}
.hero-gorsel{position:relative}
.hero-gorsel .cerceve{border-radius:calc(var(--kart-radius) + 12px);overflow:hidden;aspect-ratio:4/5;background:var(--vurgu);box-shadow:0 50px 90px -40px rgba(20,24,28,.45)}
.hero-gorsel .cerceve img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.yuklendi .hero-gorsel .cerceve img{transform:none}
.hero-rozet{position:absolute;left:-36px;bottom:48px;display:flex;align-items:center;gap:14px;padding:16px 20px 16px 16px;border-radius:20px;max-width:300px;
  background:color-mix(in srgb,var(--yuzey) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 50px -20px rgba(20,24,28,.35)}
.hero-rozet .ik{width:48px;height:48px;border-radius:14px;background:var(--ana);color:#fff;display:grid;place-items:center;flex:none}
.hero-rozet .ik .ikon{width:20px;height:20px}
.hero-rozet b{display:block;font-size:15px;font-weight:500;line-height:1.3}
.hero-rozet small{color:var(--soluk);font-size:13px;line-height:1.4;display:block}
.hero-etiket{position:absolute;right:22px;top:22px;padding:10px 16px;border-radius:999px;background:color-mix(in srgb,var(--koyu) 70%,transparent);color:#fff;font-size:13px;backdrop-filter:blur(8px);display:flex;gap:8px;align-items:center}
.hero-etiket i{width:8px;height:8px;border-radius:50%;background:#7bd59a;box-shadow:0 0 0 4px rgba(123,213,154,.25)}
/* Hero: tam ekran */
.hero-tam .hero{min-height:100svh;display:flex;align-items:flex-end;color:#fff;padding-top:calc(var(--header-h) + 60px)}
.hero-tam .hero::before{display:none}
.hero-tam .hero .kap{grid-template-columns:1fr}
.hero-tam .hero .arka{position:absolute;inset:0}
.hero-tam .hero .arka img{width:100%;height:100%;object-fit:cover}
.hero-tam .hero .arka::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,15,.35) 0%,rgba(10,14,15,.15) 40%,rgba(10,14,15,.75) 100%)}
.hero-tam .hero h1,.hero-tam .hero .hero-aciklama{color:#fff;max-width:900px}
.hero-tam .hero .hero-aciklama{color:rgba(255,255,255,.8)}
.hero-tam .hero .hero-gorsel{display:none}
.hero-tam .hero-guven{border-color:rgba(255,255,255,.2)}
.hero-tam .hero-guven small{color:rgba(255,255,255,.7)}
.hero-tam .btn-cizgi{--fg:#fff;border-color:rgba(255,255,255,.4)}
/* Hero: minimal */
.hero-minimal .hero .kap{grid-template-columns:1fr;text-align:center;justify-items:center}
.hero-minimal .hero h1{max-width:1000px}
.hero-minimal .hero-aciklama{margin-left:auto;margin-right:auto}
.hero-minimal .hero-butonlar,.hero-minimal .hero-guven{justify-content:center}
.hero-minimal .hero-gorsel{width:100%;max-width:1100px}
.hero-minimal .hero-gorsel .cerceve{aspect-ratio:21/9}
.hero-minimal .hero-rozet{left:24px}

/* ---------- Marka şeridi ---------- */
.marka-seridi{border-top:1px solid color-mix(in srgb,var(--yazi) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--yazi) 8%,transparent);padding:26px 0;overflow:hidden}
.marka-seridi .kap{display:flex;align-items:center;gap:40px}
.marka-seridi .etiket{flex:none;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--soluk);max-width:150px;line-height:1.5}
.serit{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.serit-ic{display:flex;gap:64px;width:max-content;animation:kaydir 38s linear infinite}
.serit-ic span{font-family:var(--font-baslik);font-size:24px;font-style:italic;color:color-mix(in srgb,var(--yazi) 55%,transparent);white-space:nowrap;display:flex;align-items:center;gap:64px}
.serit-ic span::after{content:"✦";font-style:normal;font-size:12px;color:var(--ikincil)}
@keyframes kaydir{to{transform:translateX(-50%)}}

/* ---------- Kartlar ---------- */
.kart{background:var(--yuzey);border-radius:var(--kart-radius);box-shadow:var(--kart-golge);border:1px solid color-mix(in srgb,var(--yazi) 5%,transparent);overflow:hidden}
.hover-kaldir .kart-link:hover{transform:translateY(-6px);box-shadow:0 36px 60px -30px rgba(20,24,28,.35)}
.kart-link{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.hover-parlat .kart-link:hover{box-shadow:0 0 0 2px var(--vurgu),var(--kart-golge)}

/* Tedavi bento */
.tedavi-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.tedavi-kart{grid-column:span 4;padding:34px;display:flex;flex-direction:column;min-height:300px;position:relative}
.tedavi-kart .ik{width:56px;height:56px;border-radius:16px;background:var(--zemin);display:grid;place-items:center;color:var(--ana);margin-bottom:auto;transition:background .4s,color .4s}
.tedavi-kart .ik .ikon{width:22px;height:22px}
.tedavi-kart h3{margin:48px 0 10px}
.tedavi-kart p{color:var(--soluk);font-size:15px;margin:0 0 20px}
.tedavi-kart .alt-bilgi{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--soluk);padding-top:18px;border-top:1px solid color-mix(in srgb,var(--yazi) 8%,transparent)}
.tedavi-kart .ok-dairesi{width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);display:grid;place-items:center;transition:all .4s}
.tedavi-kart .ok-dairesi .ikon{width:13px;height:13px;transform:rotate(-45deg);transition:transform .4s}
.tedavi-kart:hover .ik{background:var(--ana);color:#fff}
.tedavi-kart:hover .ok-dairesi{background:var(--ana);border-color:var(--ana);color:#fff}
.tedavi-kart:hover .ok-dairesi .ikon{transform:rotate(0)}
.tedavi-kart.buyuk{grid-column:span 6;grid-row:span 2;padding:0;min-height:620px;color:#fff;justify-content:flex-end}
.tedavi-kart.buyuk picture,.tedavi-kart.buyuk>img{position:absolute;inset:0;width:100%;height:100%}
.tedavi-kart.buyuk img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.tedavi-kart.buyuk:hover img{transform:scale(1.05)}
.tedavi-kart.buyuk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,14,15,.82))}
.tedavi-kart.buyuk .icerik{position:relative;z-index:1;padding:38px}
.tedavi-kart.buyuk h3{color:#fff;font-size:clamp(28px,2.6vw,40px);margin:16px 0 10px}
.tedavi-kart.buyuk p{color:rgba(255,255,255,.78);max-width:440px}
.tedavi-kart.buyuk .rozet{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.tedavi-kart.buyuk .alt-bilgi{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.18)}
.tedavi-kart.buyuk .ok-dairesi{border-color:rgba(255,255,255,.3)}
.tedavi-izgara.buyuklu .tedavi-kart:not(.buyuk){grid-column:span 3}
.tedavi-kart[style*=span]{min-height:240px}
.tumu-link{margin-top:40px;text-align:center}

/* Özellikler */
.ozellik-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid color-mix(in srgb,var(--yazi) 12%,transparent)}
.ozellik{padding:36px 32px 8px 0;position:relative}
.ozellik+.ozellik{padding-left:32px;border-left:1px solid color-mix(in srgb,var(--yazi) 12%,transparent)}
.ozellik .no{font-family:var(--font-baslik);font-size:14px;color:var(--ikincil);margin-bottom:36px;display:flex;justify-content:space-between;align-items:center}
.ozellik .no .ikon{width:26px;height:26px;color:var(--ana)}
.ozellik h3{font-size:22px}
.ozellik p{color:var(--soluk);font-size:15px}

/* Önce / Sonra */
.os-bolum{background:var(--yuzey)}
.os-duzen{display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:center}
.os-slider{position:relative;aspect-ratio:16/11;border-radius:var(--kart-radius);overflow:hidden;user-select:none;touch-action:pan-y;background:var(--zemin);--konum:50%}
.os-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.os-slider picture{position:absolute;inset:0}
.os-slider .sonra{clip-path:inset(0 0 0 var(--konum))}
.os-slider .cizgi{position:absolute;top:0;bottom:0;left:var(--konum);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 18px rgba(0,0,0,.25)}
.os-slider .tutamac{position:absolute;top:50%;left:var(--konum);width:56px;height:56px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);display:grid;place-items:center;
  box-shadow:0 10px 30px rgba(0,0,0,.25);pointer-events:none;color:var(--ana)}
.os-slider .tutamac .ikon{width:18px;height:18px}
.os-slider input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.os-slider .etk{position:absolute;bottom:18px;padding:7px 14px;border-radius:999px;background:rgba(10,14,15,.55);color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px);pointer-events:none}
.os-slider .etk.once{left:18px}.os-slider .etk.sonra-e{right:18px}
.os-liste{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--yazi) 10%,transparent)}
.os-liste button{width:100%;text-align:start;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--yazi) 10%,transparent);padding:20px 0;cursor:pointer;display:flex;gap:16px;align-items:baseline;opacity:.55;transition:opacity .25s}
.os-liste button[aria-selected=true],.os-liste button:hover{opacity:1}
.os-liste .no{font-family:var(--font-baslik);color:var(--ikincil);font-size:14px}
.os-liste b{display:block;font-family:var(--font-baslik);font-size:22px;font-weight:400}
.os-liste small{color:var(--soluk);font-size:14px}
.os-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.os-kart figcaption{padding:20px 4px 0}
.os-kart figcaption b{font-family:var(--font-baslik);font-size:22px;font-weight:400;display:block}
.os-kart{margin:0}

/* Doktorlar */
.doktor-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.doktor-izgara:has(>:nth-child(4)){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.doktor-kart{position:relative}
.doktor-kart .foto{aspect-ratio:4/5;border-radius:var(--kart-radius);overflow:hidden;background:var(--vurgu);position:relative}
.doktor-kart .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.doktor-kart:hover .foto img{transform:scale(1.04)}
.doktor-kart .foto .profil{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);
  display:flex;justify-content:space-between;align-items:center;font-size:14px;opacity:0;transform:translateY(10px);transition:all .4s}
.doktor-kart:hover .profil,.doktor-kart:focus-within .profil{opacity:1;transform:none}
.doktor-kart .profil .ikon{width:13px;height:13px}
.doktor-kart h3{font-size:22px;margin:20px 0 4px}
.doktor-kart p{color:var(--soluk);font-size:14px;margin:0}

/* Teknoloji (koyu bölüm) */
.koyu-bolum{background:var(--koyu);color:#efe9df;position:relative;overflow:hidden}
.koyu-bolum h2,.koyu-bolum h3{color:#fff}
.koyu-bolum .soluk,.koyu-bolum p{color:rgba(239,233,223,.68)}
.teknoloji{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.teknoloji .gorsel{border-radius:var(--kart-radius);overflow:hidden;aspect-ratio:4/5}
.teknoloji .gorsel img{width:100%;height:100%;object-fit:cover}
.tek-liste{list-style:none;margin:36px 0 0;padding:0}
.tek-liste li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}
.tek-liste .ik{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:var(--vurgu)}
.tek-liste .ik .ikon{width:20px;height:20px}
.tek-liste b{display:block;color:#fff;font-weight:500;margin-bottom:2px}
.tek-liste p{margin:0;font-size:15px}
.sayaclar{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(60px,7vw,100px);padding-top:48px;border-top:1px solid rgba(255,255,255,.1)}
.sayaclar b{font-family:var(--font-baslik);font-size:clamp(44px,5vw,72px);font-weight:400;color:#fff;line-height:1;display:block}
.sayaclar b sup{font-size:.45em;color:var(--vurgu);vertical-align:top;margin-left:4px}
.sayaclar>div>span{color:rgba(239,233,223,.6);font-size:14px}

/* Yorumlar */
.yorum-ust{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px}
.yorum-ust h2{margin:0}
.kaydirma-butonlari{display:flex;gap:10px}
.kaydirma-butonlari button{width:52px;height:52px;border-radius:50%;border:1px solid color-mix(in srgb,var(--yazi) 16%,transparent);background:none;cursor:pointer;display:grid;place-items:center;transition:all .25s}
.kaydirma-butonlari button:hover{background:var(--yazi);color:var(--zemin)}
.kaydirma-butonlari .ikon{width:15px;height:15px}
.yorum-serit{display:grid;grid-auto-flow:column;grid-auto-columns:min(420px,85%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 24px;scrollbar-width:none}
.yorum-serit::-webkit-scrollbar{display:none}
.yorum-kart{scroll-snap-align:start;padding:34px;display:flex;flex-direction:column;gap:22px}
.yorum-kart blockquote{margin:0;font-family:var(--font-baslik);font-size:20px;line-height:1.5;font-style:italic;flex:1}
.yorum-kart .kisi{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--yazi) 8%,transparent)}
.yorum-kart .avatar{width:46px;height:46px;border-radius:50%;background:var(--vurgu);display:grid;place-items:center;font-family:var(--font-baslik);font-size:18px;overflow:hidden;flex:none;color:var(--ana)}
.yorum-kart .avatar img{width:100%;height:100%;object-fit:cover}
.yorum-kart .kisi b{display:block;font-weight:500;font-size:15px}
.yorum-kart .kisi small{color:var(--soluk);font-size:13px}
.yorum-izgara{columns:3 320px;column-gap:20px}
.yorum-izgara .yorum-kart{break-inside:avoid;margin-bottom:20px}

/* SSS */
.sss-duzen{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,96px);align-items:start}
.sss-duzen .yapiskan{position:sticky;top:calc(var(--header-h) + 32px)}
.akordeon{border-top:1px solid color-mix(in srgb,var(--yazi) 12%,transparent)}
.akordeon details{border-bottom:1px solid color-mix(in srgb,var(--yazi) 12%,transparent)}
.akordeon summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:clamp(17px,1.4vw,20px);font-weight:500}
.akordeon summary::-webkit-details-marker{display:none}
.akordeon summary .arti{width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,var(--yazi) 16%,transparent);display:grid;place-items:center;flex:none;transition:all .3s}
.akordeon summary .arti .ikon{width:12px;height:12px;transition:transform .3s}
.akordeon details[open] summary .arti{background:var(--ana);border-color:var(--ana);color:#fff}
.akordeon details[open] summary .arti .ikon{transform:rotate(45deg)}
.akordeon .cevap{padding:0 60px 26px 0;color:var(--soluk)}
.akordeon .cevap p:last-child{margin:0}
.yardim-kart{margin-top:36px;padding:28px;display:flex;gap:18px;align-items:center}
.yardim-kart .ik{width:52px;height:52px;border-radius:50%;background:var(--zemin);display:grid;place-items:center;flex:none;color:var(--ana)}
.yardim-kart b{display:block;font-weight:500}
.yardim-kart a{color:var(--ikincil)}

/* Blog */
.blog-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-kart .gorsel{aspect-ratio:3/2;border-radius:var(--kart-radius);overflow:hidden;background:var(--vurgu);margin-bottom:22px}
.blog-kart .gorsel img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.blog-kart:hover .gorsel img{transform:scale(1.04)}
.blog-kart .meta{display:flex;gap:14px;font-size:13px;color:var(--soluk);margin-bottom:10px}
.blog-kart .meta span:first-child{color:var(--ikincil)}
.blog-kart h3{font-size:24px;margin-bottom:10px;transition:color .25s}
.blog-kart:hover h3{color:var(--ana)}
.blog-kart p{color:var(--soluk);font-size:15px}

/* CTA */
.cta-panel{position:relative;border-radius:calc(var(--kart-radius) + 12px);background:var(--ana);color:#fff;padding:clamp(48px,7vw,100px);overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}
.cta-panel::before,.cta-panel::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.cta-panel::before{width:520px;height:520px;right:-140px;top:-220px}
.cta-panel::after{width:340px;height:340px;right:-50px;top:-130px}
.cta-panel h2{color:#fff;margin:0 0 16px;position:relative}
.cta-panel p{color:rgba(255,255,255,.75);margin:0;max-width:520px;position:relative}
.cta-panel .butonlar{display:flex;flex-direction:column;gap:12px;position:relative}
.cta-panel .btn-acik{--fg:var(--ana)}
.cta-panel .btn-cizgi{--fg:#fff;border-color:rgba(255,255,255,.35)}
.cta-panel .btn-cizgi:hover{background:#fff;--fg:var(--ana)}

/* İletişim */
.iletisim-duzen{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
.bilgi-kartlari{display:grid;gap:16px}
.bilgi-kart{padding:26px 28px;display:flex;gap:18px}
.bilgi-kart .ik{width:48px;height:48px;border-radius:14px;background:var(--zemin);color:var(--ana);display:grid;place-items:center;flex:none}
.bilgi-kart .ik .ikon{width:18px;height:18px}
.bilgi-kart small{display:block;color:var(--soluk);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.bilgi-kart b{font-weight:500;font-size:17px;display:block}
.bilgi-kart a:hover{color:var(--ikincil)}
.saat-tablo{width:100%;font-size:14px;border-collapse:collapse;margin-top:6px}
.saat-tablo td{padding:5px 0;border-bottom:1px dashed color-mix(in srgb,var(--yazi) 10%,transparent)}
.saat-tablo td:last-child{text-align:end;color:var(--soluk)}
.saat-tablo tr.bugun td{color:var(--ana);font-weight:500}
.harita{border-radius:var(--kart-radius);overflow:hidden;min-height:440px;background:var(--koyu) center/cover;position:relative;display:grid;place-items:center}
.harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.05)}
.harita-yukle{position:relative;text-align:center;color:#fff;padding:24px}
.harita-yukle .ikon{width:34px;height:34px;margin:0 auto 14px;color:var(--vurgu)}
.harita-yukle p{color:rgba(255,255,255,.7);font-size:14px;max-width:320px;margin:0 auto 18px}
.harita-desen{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:44px 44px}

/* ---------- İç sayfa başlığı ---------- */
.sayfa-basi{padding:clamp(40px,5vw,72px) 0 clamp(40px,5vw,64px)}
.sayfa-basi h1{font-size:clamp(40px,5vw,76px);max-width:960px;margin-bottom:20px}
.sayfa-basi .giris{font-size:clamp(17px,1.3vw,19px);color:var(--soluk);max-width:680px;margin:0}
.kirinti{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--soluk);margin-bottom:28px;list-style:none;padding:0}
.kirinti li{display:flex;align-items:center;gap:8px}
.kirinti li+li::before{content:"/";opacity:.4}
.kirinti a:hover{color:var(--yazi)}
.sayfa-basi.bolunmus .kap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,80px);align-items:center}
.sayfa-basi .gorsel{border-radius:calc(var(--kart-radius) + 8px);overflow:hidden;aspect-ratio:5/4;background:var(--vurgu)}
.sayfa-basi .gorsel img{width:100%;height:100%;object-fit:cover}
.cipler{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 32px}
.cip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--yuzey);border:1px solid color-mix(in srgb,var(--yazi) 8%,transparent);font-size:14px}
.cip .ikon{width:14px;height:14px;color:var(--ikincil)}
.cip.aktif{background:var(--yazi);color:var(--zemin);border-color:var(--yazi)}
a.cip:hover{border-color:var(--yazi)}

/* ---------- İçerik (editör çıktısı) ---------- */
.yazi-icerik{font-size:17px;line-height:1.8}
.yazi-icerik h2{font-size:clamp(28px,2.6vw,38px);margin:1.8em 0 .6em}
.yazi-icerik h3{font-size:clamp(21px,1.8vw,26px);margin:1.6em 0 .5em}
.yazi-icerik>*:first-child{margin-top:0}
.yazi-icerik a{color:var(--ana);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ana) 35%,transparent);text-underline-offset:3px}
.yazi-icerik a:hover{text-decoration-color:currentColor}
.yazi-icerik ul,.yazi-icerik ol{padding-inline-start:1.3em}
.yazi-icerik li{margin-bottom:.45em}
.yazi-icerik li::marker{color:var(--ikincil)}
.yazi-icerik img{border-radius:calc(var(--kart-radius) - 6px);margin:1.5em 0}
.yazi-icerik blockquote{margin:2em 0;padding:8px 0 8px 28px;border-inline-start:2px solid var(--ikincil);font-family:var(--font-baslik);font-size:1.3em;font-style:italic;line-height:1.5}
.yazi-icerik table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px}
.yazi-icerik th,.yazi-icerik td{padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--yazi) 10%,transparent);text-align:start}
.yazi-icerik th{font-weight:500;background:var(--yuzey)}
.yazi-icerik iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--kart-radius)}
.kisaca{background:var(--yuzey);border-radius:var(--kart-radius);padding:28px 32px;margin-bottom:40px;border-inline-start:3px solid var(--ikincil);box-shadow:var(--kart-golge)}
.kisaca small{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ikincil);margin-bottom:10px;font-weight:500}
.kisaca p{margin:0;font-size:17px}

/* Detay düzeni (içerik + kenar çubuğu) */
.detay-duzen{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(40px,5vw,80px);align-items:start}
.kenar{position:sticky;top:calc(var(--header-h) + 28px);display:grid;gap:20px}
.kenar-kart{padding:28px}
.kenar-kart h3{font-size:22px}
.kenar-kart .btn{width:100%;margin-top:8px}
.bilgi-liste{list-style:none;margin:0 0 12px;padding:0}
.bilgi-liste li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--yazi) 8%,transparent);font-size:15px}
.bilgi-liste li span{color:var(--soluk)}
.mini-doktor{display:flex;gap:14px;align-items:center}
.mini-doktor .foto{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--vurgu);flex:none}
.mini-doktor .foto img{width:100%;height:100%;object-fit:cover}
.mini-doktor b{display:block;font-weight:500}
.mini-doktor small{color:var(--soluk)}
.kenar-liste{list-style:none;margin:0;padding:0}
.kenar-liste a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--yazi) 8%,transparent);font-size:15px}
.kenar-liste a:hover{color:var(--ikincil)}
.kenar-liste .ikon{width:12px;height:12px}

/* Tedavi aşamaları */
.asamalar{list-style:none;margin:24px 0 0;padding:0;counter-reset:a}
.asamalar li{counter-increment:a;display:grid;grid-template-columns:56px 1fr;gap:20px;padding-bottom:30px;position:relative}
.asamalar li::before{content:counter(a,decimal-leading-zero);width:56px;height:56px;border-radius:50%;background:var(--yuzey);border:1px solid color-mix(in srgb,var(--yazi) 10%,transparent);display:grid;place-items:center;font-family:var(--font-baslik);color:var(--ikincil);position:relative;z-index:1}
.asamalar li:not(:last-child)::after{content:"";position:absolute;left:28px;top:56px;bottom:0;width:1px;background:color-mix(in srgb,var(--yazi) 12%,transparent)}
.asamalar b{display:block;font-family:var(--font-baslik);font-size:21px;font-weight:400;margin:12px 0 4px}
.asamalar p{color:var(--soluk);margin:0;font-size:15px}

.galeri-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.galeri-izgara a{border-radius:calc(var(--kart-radius) - 8px);overflow:hidden;aspect-ratio:1;display:block;background:var(--vurgu)}
.galeri-izgara img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.galeri-izgara a:hover img{transform:scale(1.05)}
.bolum-alt{margin-top:64px}
.bolum-alt>h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:24px}

/* Doktor detay */
.doktor-hero .gorsel{aspect-ratio:4/5}
.doktor-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--yazi) 10%,transparent);border-radius:18px;overflow:hidden;margin:28px 0}
.doktor-meta div{background:var(--zemin);padding:18px 20px}
.doktor-meta b{display:block;font-family:var(--font-baslik);font-size:28px;font-weight:400;line-height:1.1}
.doktor-meta span{font-size:13px;color:var(--soluk)}
.gun-liste{display:flex;gap:6px;flex-wrap:wrap}
.gun-liste span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:13px;background:var(--zemin);color:var(--soluk)}
.gun-liste span.acik{background:var(--ana);color:#fff}
.zaman-cizelgesi{list-style:none;margin:0;padding:0}
.zaman-cizelgesi li{padding:0 0 18px 26px;border-inline-start:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);position:relative}
.zaman-cizelgesi li::before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--ikincil)}

/* Blog detay */
.makale-bas{text-align:center;padding:clamp(40px,5vw,72px) 0 40px}
.makale-bas .kirinti{justify-content:center}
.makale-bas h1{font-size:clamp(36px,4.6vw,68px);max-width:980px;margin:0 auto 24px}
.makale-bas .meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:var(--soluk);font-size:14px}
.makale-gorsel{border-radius:calc(var(--kart-radius) + 8px);overflow:hidden;aspect-ratio:21/9;margin-bottom:64px;background:var(--vurgu)}
.makale-gorsel img{width:100%;height:100%;object-fit:cover}
.makale-duzen{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(40px,6vw,96px);justify-content:center}
.icindekiler{position:sticky;top:calc(var(--header-h) + 28px);align-self:start;font-size:14px}
.icindekiler b{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk);margin-bottom:14px;font-weight:500}
.icindekiler ol{list-style:none;padding:0;margin:0;border-inline-start:1px solid color-mix(in srgb,var(--yazi) 12%,transparent)}
.icindekiler a{display:block;padding:7px 0 7px 16px;color:var(--soluk);margin-inline-start:-1px;border-inline-start:1px solid transparent;line-height:1.45}
.icindekiler a:hover,.icindekiler a.aktif{color:var(--yazi);border-color:var(--ikincil)}
.yazar-kutu{display:flex;gap:20px;align-items:center;padding:28px;margin-top:56px}
.yazar-kutu .foto{width:76px;height:76px;border-radius:50%;overflow:hidden;flex:none;background:var(--vurgu)}
.yazar-kutu .foto img{width:100%;height:100%;object-fit:cover}
.yazar-kutu small{color:var(--ikincil);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.yazar-kutu b{display:block;font-family:var(--font-baslik);font-size:22px;font-weight:400}
.etiketler{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.paylas{display:flex;gap:10px;align-items:center;margin-top:28px;color:var(--soluk);font-size:14px}
.paylas a{width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);display:grid;place-items:center;color:var(--yazi)}
.paylas a:hover{background:var(--yazi);color:var(--zemin)}
.paylas .ikon{width:15px;height:15px}

/* Liste filtreleri */
.filtre{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.sayfalama{display:flex;gap:8px;justify-content:center;margin-top:56px}
.sayfalama a,.sayfalama span{min-width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);font-size:15px}
.sayfalama .aktif{background:var(--yazi);color:var(--zemin);border-color:var(--yazi)}

/* ---------- Formlar ---------- */
.form-kart{padding:clamp(28px,4vw,48px)}
.alan{margin-bottom:20px}
.alan label,.alan .etiket{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.alan input[type=text],.alan input[type=email],.alan input[type=tel],.alan input[type=date],.alan select,.alan textarea{
  width:100%;min-height:56px;padding:14px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--yazi) 14%,transparent);background:var(--zemin);
  font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s;appearance:none;-webkit-appearance:none}
.alan select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-inline-end:44px}
[dir=rtl] .alan select{background-position:left 18px center}
.alan textarea{min-height:130px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--ana);background:var(--yuzey);box-shadow:0 0 0 4px color-mix(in srgb,var(--ana) 12%,transparent)}
.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:#c0392b}
.alan .hata{color:#b3261e;font-size:13px;margin-top:6px}
.iki-kolon{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--soluk);cursor:pointer}
.onay input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ana);flex:none}
.onay a{color:var(--yazi);text-decoration:underline}
.uyari-kutu{padding:16px 20px;border-radius:14px;margin-bottom:22px;font-size:15px}
.uyari-kutu.hata{background:#fdecea;color:#8a1c12}
.uyari-kutu.basari{background:#e9f5ee;color:#14532d}
.basari-panel{text-align:center;padding:56px 24px}
.basari-panel .ik{width:76px;height:76px;border-radius:50%;background:var(--ana);color:#fff;display:grid;place-items:center;margin:0 auto 24px}
.basari-panel .ik .ikon{width:30px;height:30px}

/* Randevu */
.randevu-duzen{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:start}
.adimlar{list-style:none;margin:36px 0;padding:0;counter-reset:r}
.adimlar li{counter-increment:r;display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--yazi) 8%,transparent)}
.adimlar li::before{content:counter(r);width:34px;height:34px;border-radius:50%;border:1px solid var(--ikincil);color:var(--ikincil);display:grid;place-items:center;font-size:14px;flex:none}
.form-bolum{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid color-mix(in srgb,var(--yazi) 8%,transparent)}
.form-bolum:last-of-type{border:0}
.form-bolum>.etiket{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil);margin-bottom:18px;font-weight:500}
.secim-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.secim{position:relative}
.secim input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.secim span{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--yazi) 12%,transparent);font-size:14.5px;line-height:1.3;transition:all .2s;background:var(--zemin)}
.secim span img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.secim input:checked+span{border-color:var(--ana);background:color-mix(in srgb,var(--ana) 7%,var(--yuzey));box-shadow:0 0 0 1px var(--ana)}
.secim input:focus-visible+span{outline:2px solid var(--ikincil);outline-offset:2px}
.gun-serit{display:grid;grid-auto-flow:column;grid-auto-columns:76px;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;margin-bottom:14px}
.gun-serit button{height:86px;border-radius:16px;border:1px solid color-mix(in srgb,var(--yazi) 12%,transparent);background:var(--zemin);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--soluk)}
.gun-serit button b{font-family:var(--font-baslik);font-size:24px;font-weight:400;color:var(--yazi)}
.gun-serit button[aria-pressed=true]{background:var(--ana);border-color:var(--ana);color:rgba(255,255,255,.75)}
.gun-serit button[aria-pressed=true] b{color:#fff}
.gun-serit button:disabled{opacity:.35;cursor:not-allowed}
.saat-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.saat-izgara button{height:48px;border-radius:12px;border:1px solid color-mix(in srgb,var(--yazi) 12%,transparent);background:var(--zemin);cursor:pointer;font-size:15px}
.saat-izgara button[aria-pressed=true]{background:var(--ana);color:#fff;border-color:var(--ana)}
.saat-izgara button:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}
.saat-bilgi{color:var(--soluk);font-size:14px;padding:12px 0;grid-column:1/-1;margin:0}
.gonder-alani{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.gonder-alani small{color:var(--soluk);display:flex;align-items:center;gap:8px}
.gonder-alani small .ikon{width:14px;height:14px;color:var(--ikincil)}

/* 404 */
.bulunamadi{text-align:center;padding:clamp(60px,10vw,140px) 0}
.bulunamadi .rakam{font-family:var(--font-baslik);font-size:clamp(120px,22vw,280px);line-height:.9;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--yazi) 40%,transparent);letter-spacing:-.04em}

/* ---------- Footer ---------- */
.footer{background:var(--koyu);color:rgba(239,233,223,.7);padding:clamp(70px,8vw,120px) 0 0;font-size:15px}
.footer-acik .footer{background:var(--yuzey);color:var(--soluk);border-top:1px solid color-mix(in srgb,var(--yazi) 8%,transparent)}
.footer-ust{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;padding-bottom:64px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-acik .footer-ust{border-color:color-mix(in srgb,var(--yazi) 8%,transparent)}
.footer-ust h2{color:#fff;font-size:clamp(34px,4vw,60px);margin:0}
.footer-acik .footer-ust h2{color:var(--yazi)}
.footer-ust .sag{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.footer .btn-cizgi{--fg:#fff;border-color:rgba(255,255,255,.25)}
.footer-acik .footer .btn-cizgi{--fg:var(--yazi);border-color:color-mix(in srgb,var(--yazi) 22%,transparent)}
.footer-kolonlar{display:grid;gap:40px;padding:64px 0}
.footer-kolon h4{font-family:var(--font-govde);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(239,233,223,.45);font-weight:500;margin-bottom:22px}
.footer-acik .footer-kolon h4{color:var(--soluk)}
.footer-kolon ul{list-style:none;margin:0;padding:0}
.footer-kolon li{margin-bottom:11px}
.footer-kolon a:hover{color:#fff}
.footer-acik .footer-kolon a:hover{color:var(--yazi)}
.footer-kolon .logo-yazi{color:#fff;margin-bottom:22px}
.footer-acik .footer-kolon .logo-yazi{color:var(--yazi)}
.footer-kolon .logo img{margin-bottom:22px}
.footer-iletisim li{display:flex;gap:12px}
.footer-iletisim .ikon{width:15px;height:15px;margin-top:5px;color:var(--vurgu);opacity:.8}
.sosyal-ikonlar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.sosyal-ikonlar a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;transition:all .25s}
.footer-acik .sosyal-ikonlar a{border-color:color-mix(in srgb,var(--yazi) 14%,transparent)}
.sosyal-ikonlar a:hover{background:var(--vurgu);color:var(--koyu);border-color:var(--vurgu)}
.sosyal-ikonlar .ikon{width:16px;height:16px}
.footer-alt{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 0 32px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.footer-acik .footer-alt{border-color:color-mix(in srgb,var(--yazi) 8%,transparent)}
.footer-alt ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.footer-alt button{background:none;border:0;color:inherit;cursor:pointer;padding:0;font-size:13px;text-decoration:underline}
.footer-dev{font-family:var(--font-baslik);font-size:clamp(40px,14vw,300px);line-height:.8;letter-spacing:.06em;color:rgba(255,255,255,.04);text-align:center;user-select:none;overflow:hidden;white-space:nowrap;margin-bottom:-.12em;padding:0 2vw}
.footer-dev span{display:inline-block}
.footer-acik .footer-dev{color:color-mix(in srgb,var(--yazi) 5%,transparent)}

/* ---------- Yüzen öğeler ---------- */
.wp-buton{position:fixed;bottom:24px;right:24px;z-index:80;display:flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 18px;border-radius:999px;background:#25D366;color:#fff;
  box-shadow:0 14px 30px -10px rgba(37,211,102,.6);font-weight:500;font-size:15px;transition:transform .3s}
.wp-buton .ikon{width:24px;height:24px}
.wp-buton:hover{transform:translateY(-3px)}
.wp-sol .wp-buton{right:auto;left:24px}
.mobil-cubuk{display:none}
.yukari{position:fixed;bottom:92px;right:30px;width:44px;height:44px;border-radius:50%;background:var(--yuzey);box-shadow:var(--golge);border:0;cursor:pointer;display:grid;place-items:center;z-index:79;opacity:0;visibility:hidden;transition:all .3s}
.yukari.goster{opacity:1;visibility:visible}
.yukari .ikon{width:14px;height:14px}

/* Çerez bildirimi */
.cerez{position:fixed;left:24px;bottom:24px;z-index:120;width:min(440px,calc(100vw - 32px));background:var(--yuzey);border-radius:22px;padding:26px;
  box-shadow:0 30px 70px -20px rgba(20,24,28,.4),0 0 0 1px rgba(20,24,28,.05);font-size:14px;display:none}
.cerez.goster{display:block;animation:yukari .5s cubic-bezier(.2,.7,.2,1)}
.cerez b{font-family:var(--font-baslik);font-size:20px;font-weight:400;display:block;margin-bottom:8px}
.cerez p{color:var(--soluk);margin-bottom:18px}
.cerez p a{text-decoration:underline;color:var(--yazi)}
.cerez .butonlar{display:flex;gap:8px;flex-wrap:wrap}
.cerez .btn{height:44px;padding:0 18px;font-size:14px;flex:1}
.cerez-tercih{display:none;margin:0 0 18px}
.cerez.detay .cerez-tercih{display:block}
.cerez-tercih label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--yazi) 8%,transparent)}
.cerez-tercih label span small{display:block;color:var(--soluk);font-size:12.5px}
.anahtar{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:999px;background:color-mix(in srgb,var(--yazi) 18%,transparent);position:relative;cursor:pointer;flex:none;transition:background .2s;margin:0}
.anahtar::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.anahtar:checked{background:var(--ana)}
.anahtar:checked::after{transform:translateX(18px)}
.anahtar:disabled{opacity:.6}

/* Popup */
.popup{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:rgba(10,14,15,.55);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .35s}
.popup.acik{opacity:1;visibility:visible}
.popup-kutu{background:var(--yuzey);border-radius:28px;overflow:hidden;width:min(820px,100%);display:grid;grid-template-columns:1fr 1fr;position:relative;transform:translateY(20px) scale(.98);transition:transform .45s cubic-bezier(.2,.7,.2,1);max-height:90vh}
.popup.acik .popup-kutu{transform:none}
.popup-kutu.gorselsiz{grid-template-columns:1fr;width:min(520px,100%)}
.popup-gorsel{background:var(--vurgu) center/cover}
.popup-icerik{padding:clamp(28px,4vw,48px);overflow:auto}
.popup-icerik h3{font-size:clamp(26px,3vw,36px)}
.popup-icerik p{color:var(--soluk)}
.popup-kapat{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.9);cursor:pointer;display:grid;place-items:center;z-index:2}
.popup-kapat .ikon{width:14px;height:14px}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:140;background:rgba(8,10,11,.92);display:none;align-items:center;justify-content:center;padding:40px}
.lightbox.acik{display:flex}
.lightbox img{max-width:100%;max-height:100%;border-radius:12px}
.lightbox button{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center}
.lightbox button .ikon{width:16px;height:16px}

/* Mevsimsel efekt katmanı */
.efekt-katman{position:fixed;inset:0;pointer-events:none;z-index:70}

/* ---------- Animasyonlar ---------- */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
[data-reveal].gorundu{opacity:1;transform:none}
[data-reveal="fade"]{transform:none}
[data-reveal="scale"]{transform:scale(.96)}
[data-gecikme="1"]{transition-delay:.08s}[data-gecikme="2"]{transition-delay:.16s}[data-gecikme="3"]{transition-delay:.24s}[data-gecikme="4"]{transition-delay:.32s}
.anim-kapali [data-reveal]{opacity:1;transform:none;transition:none}
@keyframes yukari{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1;transform:none}
  .serit-ic{animation:none}
}

/* ---------- Duyarlı (responsive) ---------- */
@media (max-width:1180px){
  .nav>ul>li>a{padding:10px 10px;font-size:14.5px}
  .tedavi-izgara.buyuklu .tedavi-kart:not(.buyuk),.tedavi-kart[style*=span]{grid-column:span 6!important}
  .tedavi-kart{grid-column:span 6}
  .tedavi-kart.buyuk{grid-column:span 12;grid-row:auto;min-height:480px}
  .detay-duzen{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width:1024px){
  .nav,.header-sag .btn,.header-sag .dil-sec{display:none}
  .hamburger{display:block}
  .header .kap{justify-content:space-between}
  .hdr-ortali .header .kap{display:flex}
  .hero .kap,.os-duzen,.teknoloji,.sss-duzen,.iletisim-duzen,.randevu-duzen,.sayfa-basi.bolunmus .kap,.cta-panel,.footer-ust{grid-template-columns:1fr}
  .hero-rozet{left:16px;bottom:16px}
  .bolum-bas{grid-template-columns:1fr;gap:16px}
  .ozellik-izgara{grid-template-columns:repeat(2,1fr)}
  .ozellik:nth-child(3){padding-left:0;border-left:0}
  .sayaclar{grid-template-columns:repeat(2,1fr)}
  .blog-izgara{grid-template-columns:repeat(2,1fr)}
  .detay-duzen,.makale-duzen{grid-template-columns:1fr}
  .kenar,.icindekiler{position:static}
  .icindekiler{display:none}
  .sss-duzen .yapiskan{position:static}
  .footer-ust .sag{justify-content:flex-start}
  .footer-kolonlar{grid-template-columns:repeat(2,1fr)!important}
  .teknoloji .gorsel{aspect-ratio:16/10}
}
@media (max-width:767px){
  :root{--bolum:72px}
  .kap{padding:0 20px}
  .ust-bilgi{display:none}
  h1{font-size:clamp(38px,11vw,54px)}
  .hero{padding-top:24px}
  .hero-gorsel .cerceve{aspect-ratio:4/4.4}
  .hero-butonlar .btn{flex:1}
  .hero-guven{gap:18px}
  .marka-seridi .etiket{display:none}
  .tedavi-kart,.tedavi-izgara.buyuklu .tedavi-kart:not(.buyuk),.tedavi-kart[style*=span]{grid-column:span 12!important;min-height:auto}
  .tedavi-kart h3{margin-top:28px}
  .tedavi-kart.buyuk{min-height:440px}
  .ozellik-izgara{grid-template-columns:1fr}
  .ozellik,.ozellik+.ozellik{padding:28px 0 4px;border-left:0;border-top:1px solid color-mix(in srgb,var(--yazi) 12%,transparent)}
  .ozellik:first-child{border-top:0}
  .ozellik .no{margin-bottom:14px}
  .blog-izgara,.os-izgara{grid-template-columns:1fr}
  .doktor-izgara{grid-template-columns:repeat(2,1fr);gap:14px}
  .doktor-kart h3{font-size:18px}
  .doktor-kart .profil{display:none}
  .yorum-ust{flex-direction:column;align-items:flex-start}
  .iki-kolon{grid-template-columns:1fr}
  .doktor-meta{grid-template-columns:1fr 1fr 1fr}
  .doktor-meta b{font-size:22px}
  .footer-kolonlar{grid-template-columns:1fr!important;gap:32px}
  .footer-alt{flex-direction:column}
  .cerez{left:12px;right:12px;bottom:84px;width:auto}
  .popup-kutu{grid-template-columns:1fr}
  .popup-gorsel{min-height:180px}
  .akordeon .cevap{padding-right:0}
  .wp-buton{display:none}
  .yukari{display:none}
  /* Mobil alt çubuk: Ara / WhatsApp / Randevu */
  .mobil-cubuk{position:fixed;left:12px;right:12px;bottom:12px;z-index:85;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;padding:8px;border-radius:22px;
    background:color-mix(in srgb,var(--yuzey) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 40px -12px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.05)}
  .mobil-cubuk a{height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;background:var(--zemin)}
  .mobil-cubuk a .ikon{width:17px;height:17px}
  .mobil-cubuk a.wp{color:#128C4B}
  .mobil-cubuk a.randevu{background:var(--ana);color:#fff}
  body{padding-bottom:88px}
  .menu-acik .mobil-cubuk{display:none}
  .sayfa-basi.bolunmus .gorsel{order:-1;aspect-ratio:16/11}
}

/* RTL (Arapça vb.) */
[dir=rtl] .ust-baslik::before{order:2}
[dir=rtl] .hero-rozet{left:auto;right:-36px}
[dir=rtl] .ikon-ok,[dir=rtl] .link-ok .ikon{transform:scaleX(-1)}
[dir=rtl] .wp-buton{right:auto;left:24px}
[dir=rtl] .cerez{left:auto;right:24px}
[dir=rtl] .akordeon .cevap{padding:0 0 26px 60px}

/* Yazdırma */
@media print{.header,.footer,.mobil-cubuk,.wp-buton,.cerez,.popup,.efekt-katman,.yukari{display:none!important}body{background:#fff}}
/* ---------- Hero: slayt / video / karartma / ortalı ---------- */
.hero-tam .hero .arka::after{opacity:calc(var(--karartma,.45) * 1.7);background:linear-gradient(180deg,rgba(10,14,15,.55) 0%,rgba(10,14,15,.35) 45%,rgba(10,14,15,.85) 100%)}
.hero-slaytlar .h-slayt{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hero-slaytlar .h-slayt.aktif{opacity:1}
.hero-slaytlar .h-slayt img,.hero-slaytlar .h-slayt picture{width:100%;height:100%;object-fit:cover;display:block}
.hero-slaytlar .h-slayt.aktif img{animation:heroZoom 9s ease-out both}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.h-video{background:#111 center/cover no-repeat;overflow:hidden;contain:strict;z-index:0}
.h-video *{pointer-events:none}
.h-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* YouTube/Vimeo: video alanı kapsayacak şekilde büyütülür; YouTube'un başlık/oynat düğmeleri görünmesin diye yalnızca oynarken gösterilir */
.h-video iframe,.h-video .yt-kap{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(1.35);border:0}
.h-video .yt-kap{opacity:0;transition:opacity .8s ease}
.h-video.oynuyor .yt-kap{opacity:1}
.h-video .yt-kap iframe{transform:none;top:0;left:0;width:100%;height:100%}
@supports (aspect-ratio:16/9){.h-video iframe.vm,.h-video .yt-kap{width:max(100%,calc(var(--hero-h,100vh) * 16 / 9));height:max(100%,calc(var(--hero-w,100vw) * 9 / 16))}}
.hero-tam .hero .kap{z-index:2}
.hero-tam .hero .arka{z-index:0}
/* Video üzerindeki bulanık (blur) cam efektleri tarayıcıyı çok yorar: video sayfalarında kapatılır */
.hero-video-sayfa .header,.hero-video-sayfa .hero-etiket{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero-video-sayfa .header.kaydi{background:var(--zemin)}
.hero .hero-metin{transition:opacity .45s ease}
.hero .hero-metin.degisiyor{opacity:0}
.hero-noktalar{display:flex;gap:10px;margin-top:34px}
.hero-noktalar button{width:42px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.hero-noktalar i{display:block;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden;position:relative}
.hero-noktalar button.aktif i::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:slaytSure var(--slayt-sure,6s) linear forwards}
@keyframes slaytSure{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-orta .hero .kap{justify-items:center;text-align:center}
.hero-orta .hero .hero-metin{max-width:920px;margin:0 auto}
.hero-orta .hero .hero-aciklama{margin-left:auto;margin-right:auto}
.hero-orta .hero .hero-butonlar,.hero-orta .hero .hero-guven,.hero-orta .hero .hero-noktalar{justify-content:center}
.hero-orta .hero .hero-guven{margin:0 auto}
.hero-tam .hero .hero-metin .ust-baslik{color:rgba(255,255,255,.85)}
@media(prefers-reduced-motion:reduce){.hero-slaytlar .h-slayt.aktif img{animation:none}}