/* ============================================================
   Desiber Hastanesi — tek stil dosyasi
   Zemin rengiyle ayrilan bolumler, sac teli ayraclar, kutu yok.
   ============================================================ */

:root{
  --bg:#FFFFFF;
  --yzy:#F4FAF9;
  --mrk:#10312E;
  --met:#26403C;
  --sus:#5A736F;
  --vrg:#0E8F87;
  --vrgd:#0A6F69;
  --vrga:#5FD6CC;
  --mercan:#FF8A7A;
  --cizgi:#DCEAE7;
  --cizgi-koyu:rgba(255,255,255,.16);
  --sus-koyu:#9DB5B1;

  --f-d:'Sora',system-ui,sans-serif;
  --f-g:'Source Sans 3',system-ui,sans-serif;

  --govde:clamp(1rem,.95rem + .25vw,1.0625rem);
  --kucuk:.875rem;
  --minik:.75rem;

  --b1:.25rem; --b2:.5rem; --b3:.75rem; --b4:1rem; --b5:1.5rem;
  --b6:2rem; --b7:3rem; --b8:4rem; --b9:6rem; --b10:8rem;

  --kenar:clamp(1.25rem,5vw,6rem);
  --en:1320px;
  --hiz:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--met);
  font-family:var(--f-g);font-size:var(--govde);line-height:1.7;
  font-synthesis-weight:none;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:600;color:var(--mrk);margin:0}
p,ul,ol,dl,figure{margin:0}
ul,ol{list-style:none;padding:0}
button,input,select{font:inherit;color:inherit}

:focus-visible{outline:2px solid var(--vrgd);outline-offset:3px;border-radius:2px}
.zemin-koyu :focus-visible{outline-color:var(--vrga)}

.kap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar)}
section[id],div[id]{scroll-margin-top:96px}

.atla{
  position:fixed;left:var(--b4);top:-100px;z-index:80;
  background:var(--mrk);color:#fff;padding:var(--b3) var(--b5);
  text-decoration:none;font-size:var(--kucuk);transition:top .2s var(--hiz);
}
.atla:focus{top:var(--b4)}

/* ---------------------------------------------------------- tipografi */
h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.06;letter-spacing:-.03em;font-weight:700}
h2{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.16;letter-spacing:-.02em;max-width:22ch}
h3{font-size:clamp(1.375rem,2vw,1.875rem);line-height:1.2;letter-spacing:-.015em}
.lead{max-width:62ch;color:var(--sus);margin-top:var(--b4)}
.zemin-koyu .lead{color:var(--sus-koyu)}

.etiket{
  font-family:var(--f-d);font-size:var(--minik);font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--sus);line-height:1.4;
}
.etiket.ac{color:var(--vrga)}
.cizik{display:block;width:34px;height:2px;background:var(--vrg);margin:var(--b3) 0 var(--b5)}
.cizik.mercan{background:var(--mercan)}
.blk-bas{margin-bottom:var(--b7)}
.zemin-koyu h1,.zemin-koyu h2,.zemin-koyu h3,.zemin-koyu h4{color:#fff}
.zemin-koyu{background:var(--mrk);color:#E4EEEC}
.zemin-mint{background:var(--yzy)}
.bolum{padding-block:clamp(var(--b8),9vw,var(--b10))}
.bolum-ust{padding-block:clamp(var(--b8),9vw,var(--b10)) 0}

.sayi{font-family:var(--f-d);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em}

/* ------------------------------------------------------------- dugmeler */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 var(--b5);border-radius:0;border:1px solid transparent;
  font-family:var(--f-d);font-size:.9375rem;font-weight:600;letter-spacing:.02em;
  line-height:1;text-decoration:none;cursor:pointer;
  transition:background .25s var(--hiz),color .25s var(--hiz),transform .25s var(--hiz);
}
.dugme.dolu{background:var(--mrk);color:#fff}
.dugme.dolu:hover{background:var(--vrgd)}
.dugme.dolu:active{transform:translateY(1px)}
.dugme.tam{width:100%;margin-top:var(--b3)}

.bag-ok,.bag-alti{
  display:inline-flex;align-items:center;gap:var(--b2);
  color:var(--vrgd);text-decoration:none;font-weight:600;font-size:.9375rem;
  min-height:44px;
}
.zemin-koyu .bag-ok,.zemin-koyu .bag-alti{color:var(--vrga)}
.bag-ok span:first-child,.bag-alti span:first-child{
  background-image:linear-gradient(currentColor,currentColor);
  background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size .3s var(--hiz);
}
.bag-ok:hover span:first-child,.bag-alti:hover span:first-child{background-size:0% 1px}
.ok{transition:transform .3s var(--hiz)}
.bag-ok:hover .ok,.bag-alti:hover .ok{transform:translateX(5px)}

/* ------------------------------------------------------------ ust serit */
.serit{background:var(--mrk);color:#CFE0DD;font-size:var(--minik)}
.serit-ic{display:flex;align-items:center;justify-content:space-between;gap:var(--b4);min-height:44px}
.serit-sol{display:flex;align-items:center;gap:var(--b2);letter-spacing:.04em;flex-wrap:wrap}
.nokta{width:7px;height:7px;border-radius:50%;background:var(--mercan);flex:none;animation:nabiz 2.6s infinite}
@keyframes nabiz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.serit-tel{display:inline-flex;align-items:center;min-height:44px;color:var(--mercan);text-decoration:none;font-weight:600;letter-spacing:.03em}
.serit-tel:hover{text-decoration:underline}

.dil{display:flex;align-items:center;gap:var(--b2)}
.dil button{
  background:none;border:0;padding:var(--b2) var(--b1);cursor:pointer;
  font-family:var(--f-d);font-size:var(--minik);font-weight:600;letter-spacing:.1em;
  color:var(--sus-koyu);transition:color .2s var(--hiz);min-height:44px;min-width:34px;
}
.dil button[aria-pressed="true"]{color:#fff}
.dil button:hover{color:var(--vrga)}
.dil-ayrac{width:1px;height:12px;background:var(--cizgi-koyu)}

/* ----------------------------------------------------------------- ust */
.ust{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:var(--b5);min-height:74px}
.marka{display:flex;align-items:center;min-height:44px;gap:var(--b3);text-decoration:none;flex:none}
.isaret{width:26px;height:26px;fill:var(--mrk);flex:none}
.isaret .vurgu{fill:var(--vrg)}
.marka-yazi{font-family:var(--f-d);font-size:1.0625rem;letter-spacing:-.015em;color:var(--mrk);white-space:nowrap}
.marka-yazi b{font-weight:700}
.marka-yazi i{font-style:normal;font-weight:400;color:var(--sus)}

.gezinti{margin-left:auto}
.gezinti ul{display:flex;gap:clamp(var(--b4),2vw,var(--b6))}
.gezinti a{
  text-decoration:none;color:var(--vrgd);font-family:var(--f-d);font-weight:500;font-size:.9375rem;
  display:inline-flex;align-items:center;min-height:44px;position:relative;
}
.gezinti a::after{
  content:"";position:absolute;left:0;right:0;bottom:14px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .3s var(--hiz);
}
.gezinti a:hover::after{transform:scaleX(1)}
.ust-cta{flex:none;min-height:44px;font-size:.875rem}

.menu-ac{display:none;background:none;border:1px solid var(--cizgi);width:46px;height:46px;cursor:pointer;flex:none;padding:0}
.menu-ac span{display:block;width:18px;height:1.5px;background:var(--mrk);margin:4px auto;transition:transform .3s var(--hiz)}
.menu-ac[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-ac[aria-expanded="true"] span:last-child{transform:translateY(-2.5px) rotate(-45deg)}

/* ---------------------------------------------------------------- tepe */
.tepe{padding-block:clamp(var(--b8),8vw,var(--b10)) clamp(var(--b7),5vw,var(--b8))}
.tepe-ic{display:flex;flex-direction:column;align-items:center;text-align:center}
.monogram{width:40px;height:40px;fill:var(--mrk)}
.monogram .vurgu{fill:var(--vrg)}
.yer{
  font-family:var(--f-d);font-size:var(--minik);font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:var(--sus);margin-top:var(--b5);
}
.h-tepe{margin-top:var(--b4);max-width:16ch}
.satir{display:block;overflow:hidden}
.satir span{display:block;padding-bottom:.16em;margin-bottom:-.16em}
.tepe-metin{max-width:58ch;margin-top:var(--b5);color:var(--sus);font-size:1.0625rem}
.tepe-eylem{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--b5);margin-top:var(--b6)}

/* ---------------------------------------------------------------- band */
.band{margin:0}
.band-cerceve{width:100%;height:clamp(320px,52vh,580px);overflow:hidden}
.band-cerceve img{width:100%;height:100%;object-fit:cover}
.alt-yazi{display:block;padding-top:var(--b3);font-size:var(--kucuk);color:var(--sus)}

/* --------------------------------------------------------------- kunye */
.kunye{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);margin-top:var(--b7)}
.kunye-ic{display:grid;grid-template-columns:repeat(4,1fr)}
.kunye-oge{padding:var(--b6) var(--b4) var(--b6) 0;border-left:1px solid var(--cizgi);padding-left:var(--b5)}
.kunye-oge:first-child{border-left:0;padding-left:0}
.kunye-oge .sayi{display:block;font-size:clamp(2rem,4vw,3.25rem);color:var(--mrk);line-height:1}
.kunye-et{display:block;margin-top:var(--b3);font-size:var(--kucuk);color:var(--sus);max-width:20ch}

/* ------------------------------------------------------- bolum sekmeleri */
.sekme-izgara{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cizgi)}
.sekme{
  display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;
  border-bottom:1px solid var(--cizgi);border-right:1px solid var(--cizgi);
  padding:var(--b5) var(--b5) var(--b5) var(--b4);position:relative;
  transition:background .25s var(--hiz);
}
.sekme:nth-child(3n){border-right:0}
.sekme::before{
  content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--vrg);
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--hiz);
}
.sekme[aria-selected="true"]::before{transform:scaleX(1)}
.sekme[aria-selected="true"]{background:var(--bg)}
.sekme:hover{background:rgba(14,143,135,.06)}
.sekme-no{
  font-family:var(--f-d);font-size:var(--minik);font-variant-numeric:tabular-nums;
  letter-spacing:.1em;color:var(--sus);transition:color .25s var(--hiz);
}
.sekme:hover .sekme-no,.sekme[aria-selected="true"] .sekme-no{color:var(--vrg)}
.sekme-ad{
  display:block;margin-top:var(--b2);font-family:var(--f-d);font-weight:600;
  font-size:1.1875rem;line-height:1.25;letter-spacing:-.01em;color:var(--vrgd);
  transition:color .25s var(--hiz);
}
.sekme[aria-selected="true"] .sekme-ad{color:var(--mrk)}
.sekme-oz{display:block;margin-top:var(--b2);font-size:var(--kucuk);line-height:1.55;color:var(--sus);max-width:34ch}

/* ---------------------------------------------------------------- panel */
.panel-zemin{background:var(--bg);border-block:1px solid var(--cizgi);margin-top:calc(-1px)}
.panel{display:grid;grid-template-columns:7fr 5fr;column-gap:clamp(var(--b6),4vw,var(--b8))}
.panel > *,.veri-ikili > *,.an-izgara > *,.reh-izgara > *,.ile-izgara > *,.kunye-oge,.ed-liste.yatay > *{min-width:0}
.panel-sol{padding-block:var(--b7);transition:opacity .28s var(--hiz)}
.panel-sol.gecis{opacity:.2}
.panel-sag{border-left:1px solid var(--cizgi);padding:var(--b7) 0 var(--b7) clamp(var(--b5),3vw,var(--b7))}
.panel-ust{padding-bottom:var(--b5);border-bottom:1px solid var(--cizgi)}
.panel-ozet{margin-top:var(--b3);color:var(--sus);max-width:52ch}
.veri-blok{padding-top:var(--b6)}
.veri-ikili{display:grid;grid-template-columns:1fr 1fr;gap:var(--b6)}
.alt-et{
  font-family:var(--f-d);font-size:var(--minik);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sus);margin-bottom:var(--b4);
}
.zemin-koyu .alt-et{color:var(--sus-koyu)}
.alt-et.bosluk{margin-top:var(--b6)}

.hekim-liste li{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--b2) var(--b4);
  padding:var(--b3) 0;border-top:1px solid var(--cizgi);
}
.hekim-liste li:first-child{border-top:0;padding-top:0}
.hekim-ad{font-family:var(--f-d);font-weight:600;color:var(--mrk);font-size:1rem}
.hekim-dal{font-size:var(--kucuk);color:var(--sus);margin-left:auto;text-align:right}

.tire-liste li{position:relative;padding-left:1.4em;font-size:.9375rem;line-height:1.6;margin-top:var(--b3)}
.tire-liste li:first-child{margin-top:0}
.tire-liste li::before{content:"—";position:absolute;left:0;color:var(--vrg)}
.zemin-koyu .tire-liste li::before{color:var(--vrga)}

.ed-liste div{
  display:flex;flex-wrap:wrap;gap:var(--b2) var(--b4);justify-content:space-between;
  padding:var(--b3) 0;border-top:1px solid var(--cizgi);
}
.zemin-koyu .ed-liste div{border-top-color:var(--cizgi-koyu)}
.ed-liste div:first-child{border-top:0;padding-top:0}
.ed-liste dt{font-size:var(--kucuk);color:var(--sus);margin:0}
.zemin-koyu .ed-liste dt{color:var(--sus-koyu)}
.ed-liste dd{margin:0;font-size:.9375rem;text-align:right}
.zemin-koyu .ed-liste dd a{color:#fff;text-decoration:none;border-bottom:1px solid var(--cizgi-koyu)}
.zemin-koyu .ed-liste dd a:hover{border-bottom-color:var(--vrga)}

/* ----------------------------------------------------------------- form */
.form{position:sticky;top:100px}
.form-bas{font-size:1.375rem}
.form-ust{margin-top:var(--b1);font-size:var(--kucuk);color:var(--vrgd);font-weight:600}
.alan{display:block;margin-top:var(--b5)}
.alan label,.alan-et{display:block;font-size:var(--minik);letter-spacing:.1em;text-transform:uppercase;color:var(--sus);margin-bottom:var(--b2);font-family:var(--f-d);font-weight:600}
.sayac{text-transform:none;letter-spacing:0;color:var(--vrgd);font-weight:600}
.alan input,.alan select{
  width:100%;min-height:48px;padding:0 var(--b3);background:var(--bg);
  border:1px solid var(--cizgi);border-radius:0;
  transition:border-color .2s var(--hiz);
}
.alan input:hover,.alan select:hover{border-color:var(--vrg)}
.alan input.uyari{border-color:#C2452F}
.alan input::placeholder{color:#7E9895}

.gun-ray{display:flex;min-width:0;gap:var(--b2);overflow-x:auto;padding-bottom:var(--b2);scrollbar-width:thin}
.gun{
  flex:none;min-width:72px;min-height:60px;padding:var(--b2) var(--b3);cursor:pointer;
  background:var(--bg);border:1px solid var(--cizgi);border-radius:0;text-align:center;
  font-family:var(--f-d);font-size:var(--kucuk);line-height:1.35;color:var(--met);
  transition:border-color .2s var(--hiz),background .2s var(--hiz),color .2s var(--hiz);
}
.gun:hover{border-color:var(--vrg)}
.gun[aria-checked="true"]{background:var(--mrk);border-color:var(--mrk);color:#fff}
.gun b{display:block;font-size:1.0625rem;font-weight:700;font-variant-numeric:tabular-nums}

.saat-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--b2)}
.saat{
  min-height:44px;cursor:pointer;background:var(--bg);border:1px solid var(--cizgi);border-radius:0;
  font-family:var(--f-d);font-size:var(--kucuk);font-variant-numeric:tabular-nums;color:var(--met);
  transition:border-color .2s var(--hiz),background .2s var(--hiz),color .2s var(--hiz);
}
.saat:hover:not(:disabled){border-color:var(--vrg)}
.saat[aria-checked="true"]{background:var(--vrgd);border-color:var(--vrgd);color:#fff}
.saat:disabled{color:var(--sus);cursor:not-allowed;background:var(--yzy);text-decoration:line-through}
.form-durum{margin-top:var(--b4);font-size:var(--kucuk);line-height:1.6;min-height:1.2em}
.form-durum.hata{color:#B23A25}
.form-durum.tamam{color:var(--vrgd);font-weight:600}
.form-not{margin-top:var(--b4);font-size:var(--minik);color:var(--sus);line-height:1.55}

/* ------------------------------------------------------------ anlatilar */
.an{padding-block:clamp(var(--b8),7vw,var(--b9))}
.an-1{padding-top:0}
.an-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--b7) var(--b6);align-items:center}
.an-1 .an-metin{grid-column:1 / span 5}
.an-1 .an-gorsel{grid-column:7 / span 6}
.an-2 .an-gorsel{grid-column:1 / span 4}
.an-2 .an-metin{grid-column:6 / span 6}
.an-metin h3{margin-bottom:var(--b4)}
.an-metin p{max-width:56ch;color:var(--sus)}
.zemin-koyu .an-metin p{color:var(--sus-koyu)}
.an-metin .ed-liste{margin-top:var(--b6)}
.an-metin .bag-alti{margin-top:var(--b5)}
.an-metin.genis{grid-column:1 / span 8}

.cerceve{overflow:hidden}
.cerceve img{width:100%;height:auto;transition:transform .9s var(--hiz)}
.an-gorsel:hover .cerceve img,.tam-gorsel:hover .cerceve img{transform:scale(1.035)}
.an-gorsel figcaption,.tam-gorsel figcaption{margin-top:var(--b3);font-size:var(--kucuk);color:var(--sus);max-width:46ch}
.zemin-koyu figcaption{color:var(--sus-koyu)}
.an-gorsel.dar .cerceve{max-width:420px}

.an-3{padding-top:0}
.tam-gorsel{margin:0}
.tam-gorsel .cerceve{height:clamp(300px,48vh,560px)}
.tam-gorsel .cerceve img{height:100%;object-fit:cover}
.an-alt{padding-top:var(--b7)}
.ed-liste.yatay{display:grid;grid-template-columns:repeat(4,1fr);gap:0 var(--b5);border-top:1px solid var(--cizgi)}
.ed-liste.yatay div{display:block;border-top:0;padding-top:var(--b4)}
.ed-liste.yatay dd{text-align:left;margin-top:var(--b1);font-family:var(--f-d);font-weight:600;color:var(--mrk)}

/* ------------------------------------------------------------------ ekg */
.ekg{padding:0}
.ekg-yol{height:320svh}
.ekg-sabit{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding-block:calc(var(--b7) + 80px) var(--b7)}
.ekg-ic{width:100%}
.ekg-bas{max-width:62ch}
.ekg-lead{margin-top:var(--b3);color:var(--sus-koyu);max-width:58ch}
.ekg-sayac{display:flex;align-items:baseline;gap:var(--b4);margin-top:var(--b5)}
.ekg-sayac .sayi{font-size:clamp(2.75rem,6vw,4.5rem);color:#fff;line-height:1}
.ekg-sayac .birim{font-family:var(--f-d);font-size:var(--kucuk);letter-spacing:.16em;text-transform:uppercase;color:var(--sus-koyu)}
.ekg-svg-kap{margin-top:var(--b3)}
.ekg-svg-kap svg{width:100%;height:auto;display:block}
.ekg-taban{stroke:rgba(255,255,255,.14);stroke-width:2}
.ekg-cizgi{stroke:var(--vrga);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ekg-nokta circle{fill:var(--mercan)}

.adim-liste{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--cizgi-koyu);margin-top:var(--b4)}
.adim{
  padding:var(--b4) var(--b4) 0 0;opacity:.4;
  transition:opacity .5s var(--hiz);
}
.adim + .adim{padding-left:var(--b5);border-left:1px solid var(--cizgi-koyu)}
.adim.aktif{opacity:1}
.adim-dk{
  display:block;font-family:var(--f-d);font-weight:700;font-size:1.75rem;line-height:1;
  font-variant-numeric:tabular-nums;color:var(--sus-koyu);letter-spacing:-.02em;
  transition:color .5s var(--hiz);
}
.adim.aktif .adim-dk{color:var(--mercan)}
.adim-ad{display:block;margin-top:var(--b3);font-family:var(--f-d);font-weight:600;color:#fff;font-size:1rem;line-height:1.3}
.adim-not{display:block;margin-top:var(--b2);font-size:var(--kucuk);color:var(--sus-koyu);line-height:1.5}

/* --------------------------------------------------------------- rehber */
.reh-izgara{display:grid;grid-template-columns:1fr 1fr;gap:var(--b7) var(--b9);padding-bottom:var(--b8)}
.cek-bas{margin-bottom:var(--b5)}
.tablo-kap{overflow-x:auto}
.tablo{width:100%;border-collapse:collapse;min-width:600px}
.tablo th,.tablo td{text-align:left;padding:var(--b4) var(--b4) var(--b4) 0;border-top:1px solid var(--cizgi);font-size:.9375rem;vertical-align:top}
.tablo thead th{
  border-top:0;border-bottom:1px solid var(--mrk);padding-top:0;
  font-family:var(--f-d);font-size:var(--minik);letter-spacing:.12em;text-transform:uppercase;
  color:var(--sus);font-weight:600;
}
.tablo .sag{text-align:right;padding-right:0}
.tablo .paket{font-family:var(--f-d);font-weight:600;color:var(--mrk)}
.tablo .ucret{text-align:right;padding-right:0;font-family:var(--f-d);font-weight:600;font-variant-numeric:tabular-nums;color:var(--mrk);white-space:nowrap}
.tablo tbody tr{transition:background .2s var(--hiz)}
.tablo tbody tr:hover{background:rgba(14,143,135,.05)}
.tablo-not{margin-top:var(--b4);font-size:var(--kucuk);color:var(--sus)}

/* ------------------------------------------------------------- iletisim */
.ile-izgara{display:grid;grid-template-columns:1fr 1fr;gap:var(--b7) var(--b9)}
.adres{font-style:normal;font-size:1.0625rem;line-height:1.7;color:#fff}

.ayak{border-top:1px solid var(--cizgi-koyu)}
.ayak-ic{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--b4) var(--b6);padding-block:var(--b6)}
.ayak-marka{font-family:var(--f-d);font-size:1rem;color:#fff}
.ayak-marka b{font-weight:700}
.ayak-marka i{font-style:normal;font-weight:400;color:var(--sus-koyu)}
.ayak-not{font-size:var(--kucuk);color:var(--sus-koyu);max-width:52ch}
.ayak-hak{margin-left:auto;font-size:var(--kucuk);color:var(--sus-koyu)}

/* ------------------------------------------------------------- hareket */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--hiz),transform .8s var(--hiz)}
.rv.gor{opacity:1;transform:none}
html:not(.js) .rv{opacity:1;transform:none}

.giris .monogram,.giris .yer,.giris .tepe-metin,.giris .tepe-eylem{opacity:0;transform:translateY(16px)}
.giris .satir span{transform:translateY(105%)}
.giris .band-cerceve img{transform:scale(1.07)}
html.acildi .monogram{animation:yuksel .8s var(--hiz) .05s both}
html.acildi .yer{animation:yuksel .8s var(--hiz) .15s both}
html.acildi .satir span{animation:maske .95s var(--hiz) both}
html.acildi .satir:nth-child(1) span{animation-delay:.2s}
html.acildi .satir:nth-child(2) span{animation-delay:.3s}
html.acildi .tepe-metin{animation:yuksel .8s var(--hiz) .46s both}
html.acildi .tepe-eylem{animation:yuksel .8s var(--hiz) .56s both}
html.acildi .band-cerceve img{animation:acil 1.6s var(--hiz) .2s both}
@keyframes yuksel{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes maske{from{transform:translateY(105%)}to{transform:translateY(0)}}
@keyframes acil{from{transform:scale(1.07)}to{transform:scale(1)}}

/* ------------------------------------------------------------ duyarlik */
@media (max-width:1140px){
  .panel{grid-template-columns:1fr}
  .panel-sol{padding-block:var(--b6)}
  .panel-sag{border-left:0;border-top:1px solid var(--cizgi);padding:var(--b6) 0}
  .form{position:static}
  .saat-izgara{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1000px){
  .gezinti{
    position:fixed;inset:0 0 auto;top:112px;background:var(--bg);
    border-bottom:1px solid var(--cizgi);padding:var(--b4) var(--kenar) var(--b6);
    transform:translateY(-14px);opacity:0;visibility:hidden;
    transition:opacity .3s var(--hiz),transform .3s var(--hiz),visibility .3s;
    margin-left:0;
  }
  .gezinti.acik{opacity:1;transform:none;visibility:visible}
  .gezinti ul{flex-direction:column;gap:0}
  .gezinti a{min-height:56px;font-size:1.125rem;border-bottom:1px solid var(--cizgi);width:100%}
  .gezinti a::after{display:none}
  .menu-ac{display:block;margin-left:auto;order:3}
  .ust-cta{order:2;margin-left:auto}
  .sekme-izgara{grid-template-columns:repeat(2,1fr)}
  .sekme:nth-child(3n){border-right:1px solid var(--cizgi)}
  .sekme:nth-child(2n){border-right:0}
  .an-izgara{grid-template-columns:1fr;gap:var(--b6)}
  .an-1 .an-metin,.an-1 .an-gorsel,.an-2 .an-metin,.an-2 .an-gorsel,.an-metin.genis{grid-column:1 / -1}
  .an-2 .an-gorsel{order:2}
  .an-gorsel.dar .cerceve{max-width:none}
  .reh-izgara,.ile-izgara{grid-template-columns:1fr;gap:var(--b7)}
  .ed-liste.yatay{grid-template-columns:repeat(2,1fr)}
  .adim-liste{grid-template-columns:repeat(2,1fr)}
  .adim:nth-child(2n+1){padding-left:0;border-left:0}
  .adim:nth-child(n+3){border-top:1px solid var(--cizgi-koyu);margin-top:var(--b5)}
  .ekg-yol{height:280svh}
}
@media (max-width:720px){
  .kunye-ic{grid-template-columns:repeat(2,1fr)}
  .kunye-oge{padding:var(--b5) var(--b4) var(--b5) var(--b5)}
  .kunye-oge:nth-child(2n+1){border-left:0;padding-left:0}
  .kunye-oge:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .sekme-izgara{grid-template-columns:1fr}
  .sekme{border-right:0 !important}
  .veri-ikili{grid-template-columns:1fr;gap:0}
  .saat-izgara{grid-template-columns:repeat(3,1fr)}
  .ust-ic{min-height:64px;gap:var(--b3)}
  .gezinti{top:102px}
  .marka-yazi{font-size:.9375rem}
  .tepe-eylem{gap:var(--b4)}
  .ed-liste.yatay{grid-template-columns:1fr}
  .ekg-sabit{padding-block:var(--b7)}
  .ayak-hak{margin-left:0}
}
@media (max-width:400px){
  .ust-cta{display:none}
  .saat-izgara{grid-template-columns:repeat(2,1fr)}
}

/* Kisa ekran: yapisik acil sahnesi tek ekrana sigmali, yoksa adim listesi
   sahne sabitken kadrajin altinda kalir (dizustu 1440x740, telefon 390x844). */
@media (max-height:880px){
  .ekg-sabit{padding-block:calc(var(--b6) + 48px) var(--b6)}
  .ekg-lead{margin-top:var(--b2)}
  .ekg-sayac{margin-top:var(--b4)}
  .ekg-sayac .sayi{font-size:clamp(2.25rem,5vw,3.25rem)}
  .ekg-svg-kap{margin-top:var(--b2)}
  .ekg-cizgi{stroke-width:4.5}
  .ekg-taban{stroke-width:3}
  .adim-liste{margin-top:var(--b3)}
  .adim{padding-top:var(--b3)}
}
@media (min-width:1024px) and (max-height:880px){
  .ekg-ic{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--b7);align-items:end}
  .ekg-bas{grid-column:1;grid-row:1}
  .ekg-sayac{grid-column:2;grid-row:1;margin:0}
  .ekg-svg-kap,.adim-liste{grid-column:1 / -1}
}
@media (max-width:720px) and (max-height:880px){
  /* ust cubugu 65px: etiket onun altinda kalmali */
  .ekg-sabit{padding-block:calc(var(--b5) + 64px) var(--b5)}
  .adim{padding-top:var(--b2)}
  .adim:nth-child(n+3){margin-top:var(--b3)}
}
/* Cok kisa telefonda sahne tek ekrana sigmaz: yapiskanligi birak, bolum
   normal aksin (cizim ekgGuncelle icindeki ikinci daldan surulur). */
@media (max-width:720px) and (max-height:830px){
  .ekg-yol{height:auto}
  .ekg-sabit{position:static;min-height:0;padding-block:var(--b8) var(--b8)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important;
  }
  .rv{opacity:1;transform:none}
  .giris .monogram,.giris .yer,.giris .tepe-metin,.giris .tepe-eylem{opacity:1;transform:none}
  .giris .satir span{transform:none}
  .giris .band-cerceve img{transform:none}
  .nokta{animation:none}
  .ekg-yol{height:auto}
  .ekg-sabit{position:static;min-height:0}
}