/* Op. Dr. Oğuz Eker — oguzeker.com
   Tek stil dosyası. Kütüphane yok. Renkler ve yazı tipleri sukruyazar.com referansından türetildi. */

@font-face{font-family:"Manrope";font-style:normal;font-weight:500 800;font-display:swap;
  src:url(fonts/manrope-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500 800;font-display:swap;
  src:url(fonts/manrope-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/inter-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/inter-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --navy-950:#0a1330;
  --navy-900:#0e1a3d;
  --navy-800:#15265a;
  --navy-700:#1e3372;
  --gold-400:#d4b171;
  --gold-500:#c5a05a;
  --gold-700:#85662a;
  --sand-100:#f2efe9;
  --sand-200:#e6e1d7;
  --paper:#f8fafe;
  --white:#fff;
  --ink:#172039;
  --mute:#566078;
  --line:rgba(23,32,57,.12);
  --line-inv:rgba(255,255,255,.16);
  --err:#a3271f;

  --s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:40px;--s6:64px;--s7:96px;
  --r-s:8px;--r-m:16px;--r-l:28px;

  --f-head:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --spring:cubic-bezier(.34,1.4,.5,1);

  /* katman gölgeleri: zemin → yükseltilmiş → yüzen */
  --sh-1:0 1px 2px rgba(14,26,61,.06),0 4px 12px rgba(14,26,61,.05);
  --sh-2:0 2px 4px rgba(14,26,61,.06),0 12px 28px rgba(14,26,61,.10),0 28px 56px rgba(30,51,114,.08);
  --sh-3:0 4px 8px rgba(10,19,48,.14),0 24px 48px rgba(10,19,48,.22),0 48px 96px rgba(30,51,114,.20);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font-family:var(--f-body);font-size:1rem;line-height:1.7;color:var(--ink);background:var(--white);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--f-head);letter-spacing:-.03em;line-height:1.12;margin:0;font-weight:700;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:var(--s3);top:-80px;z-index:100;background:var(--white);color:var(--navy-900);padding:var(--s2) var(--s3);border-radius:var(--r-s);font-weight:600}
.skip:focus{top:var(--s3)}
.wrap{width:min(1160px,100% - 40px);margin-inline:auto}
.wrap>*,.grid>*,.cv>*,.contact>*,.about>*{min-width:0}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:52px;padding:0 var(--s4);
  border:1.5px solid transparent;border-radius:999px;font:600 1rem/1 var(--f-head);letter-spacing:-.01em;text-decoration:none;cursor:pointer;
  transition:transform .35s var(--spring),opacity .2s;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.97)}
.btn svg{width:18px;height:18px;flex:none}
.btn-gold{background:var(--gold-500);color:var(--navy-950);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 8px 24px rgba(197,160,90,.28)}
.btn-gold:hover{background:var(--gold-400)}
.btn-gold:active{background:var(--gold-500)}
.btn-ghost{border-color:rgba(255,255,255,.4);color:var(--white);background:rgba(10,19,48,.25)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-navy{background:var(--navy-900);color:var(--white);box-shadow:0 8px 24px rgba(14,26,61,.22)}
.btn-navy:hover{background:var(--navy-800)}
.btn-navy:active{background:var(--navy-950)}
.btn-line{border-color:var(--line);color:var(--navy-900);background:var(--white)}
.btn-line:hover{background:var(--paper)}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}

/* ---------- Üst çubuk ---------- */
.top{position:sticky;top:0;z-index:50;background:var(--navy-950);border-bottom:1px solid var(--line-inv)}
.top.home{position:fixed;left:0;right:0;border-bottom-color:transparent;background:linear-gradient(to bottom,rgba(10,19,48,.82),rgba(10,19,48,0))}
.top.home.scrolled{background:var(--navy-950);border-bottom-color:var(--line-inv)}
.strip{display:none}
.top .bar{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white)}
.brand img{width:40px;height:auto;}
.brand span{font:700 1.02rem/1.1 var(--f-head);letter-spacing:-.02em}
.brand small{display:block;font:500 .72rem/1.3 var(--f-body);color:rgba(255,255,255,.66);letter-spacing:0;margin-top:2px}
.nav{display:none}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);border-radius:999px;color:rgba(255,255,255,.86);text-decoration:none;font:600 .94rem var(--f-head)}
.nav a:hover{color:var(--white);background:rgba(255,255,255,.1)}
.nav a:active{background:rgba(255,255,255,.16)}
.burger{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-inv);background:transparent;color:var(--white);display:grid;place-items:center;cursor:pointer}
.burger:hover{background:rgba(255,255,255,.1)}
.burger:active{transform:scale(.94)}
.burger svg{width:22px;height:22px}
.menu{position:fixed;inset:68px 0 auto 0;z-index:49;background:var(--navy-950);padding:var(--s3) 20px var(--s4);border-bottom:1px solid var(--line-inv);
  opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;transition:transform .3s var(--spring),opacity .2s,visibility 0s .3s}
.menu.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.menu a{display:block;padding:14px 0;color:var(--white);text-decoration:none;font:600 1.15rem var(--f-head);border-bottom:1px solid var(--line-inv)}
.menu a:hover{color:var(--gold-400)}
.menu a:active{opacity:.7}
.menu .btn{margin-top:var(--s4);width:100%;border-bottom:1.5px solid transparent}
.top .cta{display:none}

/* ---------- Hero (tam ekran fotoğraf) ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;color:var(--white);background:var(--navy-950);
  min-height:min(100svh,780px);display:flex;align-items:flex-end;padding:120px 0 var(--s5)}
.hero picture,.hero img.bg{position:absolute;inset:0;width:100%;height:100%;z-index:-3}
.hero img.bg{object-fit:cover;object-position:50% 18%}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(to top,rgba(10,19,48,.94) 0%,rgba(10,19,48,.72) 36%,rgba(10,19,48,.12) 68%,rgba(10,19,48,.35) 100%),
    radial-gradient(70% 55% at 88% 8%,rgba(212,177,113,.18),transparent 60%),
    rgba(30,51,114,.20);mix-blend-mode:normal}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero .wrap{position:relative}
.tag{display:inline-block;background:var(--navy-950);color:var(--white);padding:10px 16px;font:600 .74rem/1.4 var(--f-head);letter-spacing:.2em;text-transform:uppercase;border-left:3px solid var(--gold-500)}
.hero h1{margin-top:var(--s4);font-size:clamp(2.25rem,10vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;text-shadow:0 2px 24px rgba(10,19,48,.5)}
.hero h1 span{white-space:nowrap}
.hero .actions{display:grid;gap:12px;margin-top:var(--s5)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .wrap>*{animation:rise .8s var(--spring) both}
.hero .wrap>:nth-child(2){animation-delay:.1s}.hero .wrap>:nth-child(3){animation-delay:.2s}

/* ---------- Bölümler ---------- */
.section{padding:var(--s6) 0}
.section.tint{background:var(--paper)}
.head{max-width:40rem;margin-bottom:var(--s5)}
.head h2,.title{font-size:clamp(1.9rem,6.4vw,3rem)}
.head p{margin-top:var(--s3);color:var(--mute);font-size:1.05rem}
.center{text-align:center;margin-inline:auto}
.rule{display:block;width:56px;height:3px;background:var(--gold-500);margin:var(--s3) 0 0;border-radius:2px}
.center .rule{margin-inline:auto}

/* Ameliyat kutuları */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/4.1;border:0;padding:0;cursor:pointer;color:var(--white);background:var(--navy-900);text-decoration:none;
  display:flex;align-items:flex-end;justify-content:center;text-align:center;font:inherit;-webkit-tap-highlight-color:transparent;
  transition:transform .4s var(--spring)}
.tile:hover{transform:translateY(-4px)}
.tile:active{transform:scale(.985)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);z-index:-3;filter:grayscale(1) brightness(var(--b,1)) contrast(var(--c,1))}
.tile.plain{background:radial-gradient(90% 70% at 20% 0%,var(--navy-700),transparent 70%),radial-gradient(70% 60% at 100% 100%,rgba(197,160,90,.22),transparent 60%),var(--navy-900)}
.tile::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(to top,rgba(10,19,48,.82),rgba(10,19,48,.05) 60%),rgba(30,51,114,.28);mix-blend-mode:multiply}
.tile.plain::before{display:none}
.tile::after{content:"";position:absolute;inset:10px;z-index:-1;border:1px solid rgba(255,255,255,.5);pointer-events:none}
.tile span{display:block;padding:0 14px 28px}
.tile b{display:block;font:700 clamp(.92rem,4.1vw,1.55rem)/1.15 var(--f-head);letter-spacing:-.01em;text-transform:uppercase;padding-bottom:10px;position:relative}
.tile b::after{content:"";position:absolute;left:50%;bottom:0;width:34px;height:2px;margin-left:-17px;background:var(--gold-400)}
.tile i{display:block;margin-top:10px;font:500 clamp(.7rem,3vw,.92rem)/1.3 var(--f-body);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.note{margin-top:var(--s4);color:var(--mute);font-size:.92rem;max-width:44rem}

/* Ameliyat penceresi */
dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:0;border-radius:var(--r-l);padding:0;background:var(--white);color:var(--ink);box-shadow:var(--sh-3);overflow:auto}
dialog::backdrop{background:rgba(10,19,48,.66)}
dialog[open]{animation:rise .35s var(--spring) both}
dialog .in{padding:var(--s5) var(--s4) var(--s4)}
dialog h3{font-size:1.7rem}
dialog p{margin-top:var(--s3);color:#2b3550}
dialog .acts{display:grid;gap:10px;margin-top:var(--s4)}
dialog .x{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--white);display:grid;place-items:center;cursor:pointer;color:var(--navy-900)}
dialog .x:hover{background:var(--paper)}
dialog .x:active{transform:scale(.94)}
dialog .x svg{width:20px;height:20px}
dialog .small{font-size:.88rem;color:var(--mute)}

/* Tanışın (çerçeveli biyografi) */
.meet{display:grid;gap:var(--s5)}
.frame{position:relative;padding:var(--s4) 0 0 var(--s4)}
.frame::before{content:"";position:absolute;left:0;top:0;right:var(--s5);bottom:calc(-1 * var(--s4));border:8px solid var(--gold-500);z-index:0}
.box{position:relative;z-index:1;background:var(--navy-800);color:var(--white);padding:var(--s4);margin-left:var(--s3);box-shadow:var(--sh-2)}
.box p{color:rgba(255,255,255,.9)}
.box p+p{margin-top:var(--s3)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s4)}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line-inv);font:600 .86rem var(--f-head);color:var(--white)}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--gold-400);flex:none}
.portrait{margin:var(--s5) 0 0;position:relative;overflow:hidden;box-shadow:var(--sh-3)}
.portrait img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 20%}
.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,19,48,.45),transparent 40%),rgba(30,51,114,.12);mix-blend-mode:multiply;pointer-events:none}

/* Özgeçmiş (koyu bant) */
.band{background:#2c3f5c;color:var(--white);background-image:radial-gradient(60% 80% at 100% 0%,rgba(212,177,113,.14),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(10,19,48,.5),transparent 60%)}
.band .head p{color:rgba(255,255,255,.75)}
.cv{display:grid;gap:var(--s6)}
.timeline{position:relative;padding-left:28px;border-left:1.5px solid var(--line-inv)}
.timeline li{position:relative;padding-bottom:var(--s4)}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:"";position:absolute;left:-35px;top:8px;width:13px;height:13px;border-radius:50%;background:#2c3f5c;border:2.5px solid var(--gold-400)}
.timeline time{font:700 .9rem var(--f-head);color:var(--gold-400);letter-spacing:.01em}
.timeline h3{font-size:1.15rem;margin-top:2px;letter-spacing:-.02em}
.timeline p{color:rgba(255,255,255,.75);font-size:.95rem;margin-top:4px}
.cv h3.sub{font-size:1.3rem;margin-bottom:var(--s3)}
.memb{margin-top:var(--s5)}
.memb ul{display:grid;gap:8px;color:rgba(255,255,255,.85);font-size:.98rem}
.memb li{padding-left:18px;position:relative}
.memb li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--gold-400)}

/* Neden (kartlar) */
.why{display:grid;gap:var(--s4)}
.why-card{display:grid;grid-template-columns:64px 1fr;gap:var(--s3);align-items:start;background:var(--white);padding:var(--s4);border-radius:var(--r-m);box-shadow:var(--sh-2);border:1px solid var(--line)}
.why-card .ic{width:56px;height:56px;border-radius:50%;background:var(--navy-900);display:grid;place-items:center;box-shadow:0 0 0 4px var(--sand-100),0 0 0 5.5px var(--gold-500)}
.why-card .ic svg{width:26px;height:26px;stroke:var(--gold-400)}
.why-card h3{font-size:1.15rem}
.why-card p{margin-top:6px;color:var(--mute);font-size:.98rem}

/* Yayınlar (lacivert bant, beyaz kartlar) */
.navy{background:var(--navy-800);color:var(--white)}
.navy .head h2{color:var(--white)}
.pubs{display:grid;gap:var(--s3)}
.pub{background:var(--white);color:var(--ink);padding:var(--s4);border-right:6px solid var(--gold-500);box-shadow:var(--sh-2)}
.pub a{color:var(--navy-900);text-decoration:none;font:700 1.05rem/1.4 var(--f-head);letter-spacing:-.01em}
.pub a:hover{text-decoration:underline;text-underline-offset:4px}
.pub a:active{opacity:.7}
.pub span{display:block;margin-top:8px;color:var(--mute);font-size:.9rem}

/* İletişim */
.contact-sec{background:#fafafa}
.formcard{max-width:680px;margin-inline:auto;background:var(--white);border-radius:var(--r-m);padding:var(--s4);box-shadow:var(--sh-3);border:1px solid var(--line)}
form{display:grid;gap:var(--s3)}
.field{display:grid;gap:6px}
label,.legend{font:600 .92rem var(--f-head);color:var(--navy-900);letter-spacing:-.01em}
input[type=text],input[type=tel],select,textarea{width:100%;min-height:52px;padding:12px 16px;border:1.5px solid var(--sand-200);border-radius:var(--r-s);background:var(--paper);font:400 1rem/1.5 var(--f-body);color:var(--ink);appearance:none;-webkit-appearance:none}
textarea{min-height:120px;resize:vertical}
.phone{display:grid;grid-template-columns:minmax(112px,140px) 1fr;gap:8px}
.phone select{padding-right:34px;text-overflow:ellipsis;background-position:right 10px center}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23566078' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}
input:hover,select:hover,textarea:hover{border-color:#c9c2b3}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--navy-700);box-shadow:0 0 0 4px rgba(30,51,114,.16);background:var(--white)}
input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--err)}
.check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font:400 .92rem/1.55 var(--f-body);color:#2b3550;cursor:pointer}
.check input{width:24px;height:24px;margin:0;accent-color:var(--navy-800);cursor:pointer}
.check a{color:var(--navy-800);font-weight:600;text-underline-offset:3px}
.warn{padding:12px 16px;border-radius:var(--r-s);background:#fbf6ea;border:1px solid #ecdcb4;color:#5d4715;font-size:.9rem;line-height:1.55}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.status{min-height:0;font-size:.95rem}
.status.err{color:var(--err);padding:12px 16px;background:#fdf1ef;border-radius:var(--r-s);border:1px solid #f0c9c4}
.done{display:none;padding:var(--s3) 0}
.done.show{display:block;animation:rise .6s var(--spring) both}
.done .tick{width:56px;height:56px;border-radius:50%;background:var(--navy-900);display:grid;place-items:center;margin-bottom:var(--s3)}
.done .tick svg{width:28px;height:28px;stroke:var(--gold-400)}
.done h3{font-size:1.6rem}
.done p{margin-top:var(--s2);color:var(--mute)}
.info{display:grid;gap:var(--s3);margin-top:var(--s5)}
.info-item{background:var(--white);border-radius:var(--r-m);padding:var(--s4);box-shadow:var(--sh-1);border:1px solid var(--line)}
.info-item h3{font-size:1rem;color:var(--gold-700);letter-spacing:-.01em;margin-bottom:6px}
.info-item p,.info-item a{font-size:1.05rem;color:var(--ink)}
.info-item .big{font:700 1.4rem/1.2 var(--f-head);letter-spacing:-.02em;text-decoration:none;color:var(--navy-900);display:inline-block;min-height:44px}
.info-item .big:hover{color:var(--navy-700)}
.info-item .small{color:var(--mute);font-size:.92rem;margin-top:4px}
.info-item .btn{margin-top:var(--s3);min-height:48px}

/* ---------- Alt bilgi ---------- */
.foot{background:var(--navy-950);color:rgba(255,255,255,.72);padding:var(--s6) 0 var(--s5);font-size:.92rem}
.foot .wrap{display:grid;gap:var(--s5)}
.foot .brand{color:var(--white)}
.foot h3{font-size:.95rem;color:var(--white);margin-bottom:10px;letter-spacing:-.01em}
.foot ul{display:grid;gap:2px}
.foot a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;color:rgba(255,255,255,.78)}
.foot a:hover{color:var(--gold-400)}
.foot a:active{opacity:.7}
.legal{border-top:1px solid var(--line-inv);padding-top:var(--s4);font-size:.85rem;line-height:1.6;color:rgba(255,255,255,.55)}

/* ---------- Mobil sabit çubuk ---------- */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:rgba(10,19,48,.96);border-top:1px solid var(--line-inv)}
.dock .btn{min-height:52px;width:100%}

/* ---------- Yasal sayfalar ---------- */
.doc{padding:var(--s6) 0 var(--s7);background:var(--paper)}
.doc .wrap{max-width:760px}
.doc h1{font-size:clamp(2rem,7vw,3rem)}
.doc h2{font-size:1.35rem;margin:var(--s5) 0 var(--s2)}
.doc p,.doc li{color:#2b3550}
.doc p{margin-top:var(--s2)}
.doc ul{margin-top:var(--s2);padding-left:1.2em;list-style:disc}
.doc a{color:var(--navy-800);text-underline-offset:3px}
.draft{margin-top:var(--s4);padding:14px 16px;border-radius:var(--r-s);background:#fbf6ea;border:1px solid #ecdcb4;color:#5d4715;font-size:.92rem;line-height:1.55}
.ph-text{background:#fff1c2;padding:0 4px;border-radius:3px}
.back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:var(--s3);color:var(--navy-800);font:600 .95rem var(--f-head);text-decoration:none}
.back:hover{text-decoration:underline}

/* ---------- Geniş ekran ---------- */
@media (min-width:640px){
  .hero .actions{grid-template-columns:auto auto;justify-content:start}
  .tiles{grid-template-columns:repeat(3,1fr);gap:20px}
  .why{grid-template-columns:repeat(3,1fr)}
  .why-card{grid-template-columns:1fr}
  .info{grid-template-columns:repeat(3,1fr)}
  .formcard{padding:var(--s5)}
}
@media (min-width:960px){
  .dock{display:none}
  html{scroll-padding-top:84px}
  .brand img{width:46px}
  .top .bar{height:76px}
  .hero{min-height:min(100svh,820px);padding:160px 0 var(--s7)}
  .hero::before{background:
    linear-gradient(to right,rgba(10,19,48,.93) 0%,rgba(10,19,48,.72) 34%,rgba(10,19,48,.10) 62%,rgba(10,19,48,.05) 100%),
    linear-gradient(to top,rgba(10,19,48,.6),transparent 35%),
    rgba(30,51,114,.14)}
  .hero img.bg{object-position:70% 30%}
  .hero h1{font-size:clamp(3rem,4.6vw,4.5rem)}
  .section{padding:var(--s7) 0}
  .meet{grid-template-columns:1.1fr .9fr;gap:var(--s6);align-items:center}
  .portrait{margin:0}
  .portrait img{aspect-ratio:4/5}
  .box{padding:var(--s5)}
  .cv{grid-template-columns:1fr 1fr;gap:var(--s7)}
  .foot .wrap{grid-template-columns:1.4fr 1fr 1fr}
  .legal{grid-column:1/-1}
  dialog .acts{grid-template-columns:auto auto;justify-content:start}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ======================================================================
   Sürüm 3: açılır menü, yeni alt bilgi, alt sayfalar
   ====================================================================== */
.tiles .tile:nth-child(5){grid-column:1/-1;aspect-ratio:2/1}
.tile{-webkit-touch-callout:none}
.tile:focus-visible{outline-offset:-6px;outline-color:var(--gold-400)}

/* açılır menü (masaüstü) */
.dd{position:relative}
.dd>button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--s3);border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.86);font:600 .94rem var(--f-head);cursor:pointer}
.dd>button:hover,.dd.open>button{color:var(--white);background:rgba(255,255,255,.1)}
.dd>button:active{background:rgba(255,255,255,.16)}
.dd>button svg{width:14px;height:14px;flex:none;transition:transform .25s var(--spring)}
.dd.open>button svg{transform:rotate(180deg)}
.dd-list{position:absolute;left:0;top:calc(100% + 8px);min-width:260px;background:var(--navy-950);border:1px solid var(--line-inv);border-radius:var(--r-m);padding:8px;box-shadow:var(--sh-3);
  opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;transition:transform .25s var(--spring),opacity .18s,visibility 0s .25s}
.dd.open .dd-list,.dd:focus-within .dd-list{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
.nav .dd-list a{display:flex;min-height:44px;padding:0 14px;border-radius:10px;font-weight:500;font-size:.95rem}
.nav .dd-list a:hover{background:rgba(255,255,255,.1)}

/* mobil menü grubu */
.menu details{border-bottom:1px solid var(--line-inv)}
.menu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 0;color:var(--white);font:600 1.15rem var(--f-head);cursor:pointer}
.menu summary::-webkit-details-marker{display:none}
.menu summary svg{width:18px;height:18px;transition:transform .25s var(--spring)}
.menu details[open] summary svg{transform:rotate(180deg)}
.menu details a{font-size:1.02rem;font-weight:500;padding:12px 0 12px 16px;border-bottom:0;color:rgba(255,255,255,.82)}
.menu{max-height:calc(100dvh - 68px);overflow:auto}

/* Yeni alt bilgi */
.contact-bar{background:var(--navy-800);color:var(--white)}
.contact-bar .wrap{display:grid}
.cb{display:flex;gap:16px;align-items:center;padding:var(--s4) 0;border-bottom:1px solid var(--line-inv);text-decoration:none;color:var(--white)}
.cb:last-child{border-bottom:0}
a.cb:hover .cb-t b{color:var(--gold-400)}
.cb-i{width:52px;height:52px;border-radius:50%;background:var(--white);display:grid;place-items:center;flex:none}
.cb-i svg{width:22px;height:22px;stroke:var(--navy-900)}
.cb-t b{display:block;font:700 .95rem var(--f-head);letter-spacing:.01em;text-transform:uppercase;margin-bottom:2px}
.cb-t{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.88)}
.foot{padding:var(--s6) 0 var(--s5)}
.foot .wrap{display:grid;gap:var(--s5)}
.foot-map{position:relative;background:#e9edf3;min-height:280px;overflow:hidden;border-radius:var(--r-s)}
.foot-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.foot-map a{position:absolute;z-index:2;left:10px;top:10px;background:var(--white);color:#1a56c4;font:600 .85rem var(--f-head);padding:8px 12px;border-radius:6px;box-shadow:var(--sh-1);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.foot-map a:hover{background:#f3f6fb}
.foot h3{font:700 .95rem var(--f-head);text-transform:uppercase;letter-spacing:.04em;padding-bottom:10px;margin-bottom:12px;position:relative}
.foot h3::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--gold-500)}
.ig{display:flex;gap:16px;align-items:center;margin-top:var(--s3)}
.ig img{width:96px;height:96px;background:#fff;padding:6px;border-radius:8px;flex:none}
.ig p{font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.7)}

/* Instagram kartı (iletişim bölümü) */
.igcard{max-width:680px;margin:var(--s4) auto 0;display:grid;grid-template-columns:auto 1fr;gap:var(--s4);align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);padding:var(--s4);box-shadow:var(--sh-1)}
.igcard img{width:112px;height:112px;border-radius:8px;border:1px solid var(--line);padding:6px}
.igcard h3{font-size:1.15rem}
.igcard p{margin-top:6px;color:var(--mute);font-size:.95rem}
.igcard .btn{margin-top:var(--s3);min-height:46px}
.igcard .noqr{width:112px;height:112px;border:1.5px dashed var(--sand-200);border-radius:8px;display:grid;place-items:center;text-align:center;font-size:.78rem;color:var(--mute);padding:8px}

/* Alt sayfalar */
.pagehero{position:relative;isolation:isolate;overflow:hidden;color:var(--white);background:var(--navy-950);padding:calc(var(--s7)) 0 var(--s6);min-height:300px;display:flex;align-items:flex-end}
.pagehero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);z-index:-3;filter:grayscale(1) brightness(var(--b,1)) contrast(var(--c,1))}
.pagehero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(to right,rgba(10,19,48,.92),rgba(10,19,48,.55)),rgba(30,51,114,.35);mix-blend-mode:multiply}
.pagehero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,19,48,.8),transparent 60%)}
.pagehero h1{font-size:clamp(2.1rem,7.5vw,3.6rem);font-weight:800;letter-spacing:-.035em}
.crumbs{background:var(--paper);border-bottom:1px solid var(--line);font-size:.88rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;padding:12px 0;color:var(--mute)}
.crumbs li+li::before{content:"»";margin-right:8px;color:var(--gold-700)}
.crumbs a{text-decoration:none;color:var(--navy-800);font-weight:600}
.crumbs a:hover{text-decoration:underline}
.article{padding:var(--s6) 0 var(--s7)}
.article .wrap{max-width:820px}
.article .intro{font-size:1.15rem;line-height:1.75;color:#2b3550}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin:var(--s4) 0 var(--s5)}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--navy-900);text-decoration:none;font:600 .9rem var(--f-head)}
.toc a:hover{background:var(--white);border-color:var(--gold-500)}
.toc a:active{transform:scale(.97)}
.article h2{font-size:clamp(1.4rem,4.6vw,1.9rem);margin:var(--s6) 0 var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}
.article h2:first-of-type{margin-top:var(--s5)}
.article p{margin-top:var(--s3);color:#2b3550}
.article .caution{margin-top:var(--s5)}
.ctabox{margin-top:var(--s6);padding:var(--s5) var(--s4);background:var(--navy-900);color:var(--white);border-radius:var(--r-l);box-shadow:var(--sh-3);background-image:radial-gradient(70% 90% at 100% 0%,rgba(212,177,113,.18),transparent 60%)}
.ctabox h2{border:0;margin:0;padding:0;color:var(--white);font-size:clamp(1.5rem,5vw,2rem)}
.ctabox p{color:rgba(255,255,255,.8)}
.ctabox .acts{display:grid;gap:12px;margin-top:var(--s4)}
.related{margin-top:var(--s6)}
.related h2{border:0;padding:0;margin:0 0 var(--s3);font-size:1.2rem}
.related ul{display:flex;flex-wrap:wrap;gap:10px}
.related a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--navy-900);font:600 .9rem var(--f-head);background:var(--white)}
.related a:hover{border-color:var(--gold-500)}

@media (min-width:640px){
  .contact-bar .wrap{grid-template-columns:repeat(3,1fr)}
  .cb{border-bottom:0;padding:var(--s5) var(--s3)}
  .cb+.cb{border-left:1px solid var(--line-inv)}
  .ctabox .acts{grid-template-columns:auto auto auto;justify-content:start}
  .ctabox{padding:var(--s5)}
}
@media (min-width:960px){
  .tiles{grid-template-columns:repeat(6,1fr)}
  .tiles .tile{grid-column:span 2}
  .tiles .tile:nth-child(n+4){grid-column:span 3;aspect-ratio:3/2}
  .tiles .tile:nth-child(5){aspect-ratio:3/2}
  .foot .wrap{grid-template-columns:1.3fr .8fr .9fr 1fr;align-items:start}
  .foot-map{min-height:320px}
  .pagehero{padding:180px 0 var(--s6);min-height:380px}
}
@media (min-width:1180px){
  .strip{display:block;border-bottom:1px solid var(--line-inv);font-size:.85rem;color:rgba(255,255,255,.78)}
  .strip .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px}
  .strip a{text-decoration:none;display:inline-flex;align-items:center;min-height:36px}
  .strip a:hover{color:var(--gold-400)}
  .nav{display:flex;gap:2px}
  .nav>a,.dd>button{padding:0 12px;font-size:.9rem}
  .burger,.menu{display:none}
  .top .cta{display:inline-flex;min-height:46px;padding:0 20px;font-size:.94rem}
  .top.home ~ main .hero{padding-top:170px}
}
@media (max-width:1179px){
  .top:not(.home) .bar .cta{display:none}
}
@media (max-width:479px){
  .igcard{grid-template-columns:1fr;text-align:left}
}

/* menü sığdırma */
.nav a,.dd>button,.top .cta{white-space:nowrap}
.brand small{white-space:nowrap}
@media (min-width:1180px){
  .wrap{width:min(1240px,100% - 40px)}
  .nav>a,.dd>button{padding:0 11px;font-size:.88rem}
}
@media (min-width:1180px) and (max-width:1399px){
  .brand small{display:none}
}

.foot{padding-bottom:calc(var(--s5) + 84px)}
@media (min-width:960px){.foot{padding-bottom:var(--s5)}}
.foot a svg{width:22px;height:22px;flex:none;margin-right:8px}
.foot a{gap:0}
.foot-map::before{content:"Harita yüklenemezse “Haritalar’da aç” bağlantısını kullanın.";position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#566078;font-size:.9rem}
.pagehero{background:radial-gradient(90% 120% at 15% 0%,var(--navy-700),transparent 70%),radial-gradient(60% 80% at 100% 100%,rgba(197,160,90,.2),transparent 60%),var(--navy-900)}
.pagehero:not(:has(img))::before{display:none}

/* Hakkında sayfası */
.about-top{padding:var(--s5) 0 var(--s6)}
.about-grid{display:grid;gap:var(--s5)}
.about-photo{margin:0;position:relative;overflow:hidden;box-shadow:var(--sh-3)}
.about-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 20%}
.about-text h1{font-size:clamp(2.2rem,8vw,3.4rem);font-weight:800}
.about-role{margin-top:var(--s2);font:600 1.1rem/1.4 var(--f-head);color:var(--gold-700)}
.about-text p:not(.about-role){margin-top:var(--s3);color:#2b3550;font-size:1.05rem}
.about-text .about-role+p{margin-top:var(--s4)}
.edu-sec{background:#f3f3f3;padding:var(--s6) 0}
.edu-h{text-align:center;font-size:clamp(1.9rem,6vw,2.8rem)}
.edu-list{display:grid;gap:var(--s3);margin-top:var(--s5)}
.edu{border:1px solid var(--ink);background:transparent;padding:var(--s4)}
.edu h3{font-size:clamp(1.2rem,4.4vw,1.6rem)}
.edu p{margin-top:var(--s2);color:#2b3550}
.clin{padding:var(--s6) 0}
.clin-label{font:500 1rem var(--f-head);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.clin h2{margin-top:var(--s3);font-size:clamp(1.8rem,6vw,2.6rem)}
.clin p:not(.clin-label){margin-top:var(--s3);max-width:44rem;color:#2b3550;font-size:1.05rem}
.memb-sec{padding:var(--s5) 0 var(--s7);text-align:center}
.memb-sec h2{font-size:clamp(1.6rem,5vw,2.2rem)}
.memb-sec ul{margin-top:var(--s3);display:grid;gap:6px;font-size:1.1rem;color:#2b3550}
@media (min-width:960px){
  .about-top{padding:var(--s6) 0 var(--s7)}
  .about-grid{grid-template-columns:.85fr 1.15fr;gap:var(--s6);align-items:start}
  .about-photo{position:sticky;top:110px}
  .edu-list{grid-template-columns:repeat(3,1fr)}
  .memb-sec ul{grid-template-columns:repeat(4,auto);justify-content:center;gap:var(--s6)}
}

/* Alt bilgi: 5 sütun, Medikal estetik ayrı sütun */
@media (min-width:960px){
  .foot .wrap{grid-template-columns:1.2fr .9fr .9fr .9fr;gap:var(--s5)}
  .foot-map{grid-row:span 2}
  .foot-ig{grid-column:2/-1}
}
@media (min-width:1180px){
  .foot .wrap{grid-template-columns:1.6fr .85fr .95fr .85fr 1fr;gap:var(--s5) 40px}
  .foot-map{grid-row:auto;min-height:340px}
  .foot-ig{grid-column:auto}
  .foot-ig .ig{flex-direction:column;align-items:flex-start}
}