/* ==========================================================================
   Desiber Dental — Gülüşün mimarisi
   Ferah asimetri · keskin köşe · bölümler zemin rengiyle ayrılır
   ========================================================================== */

:root{
  /* palet */
  --bg:#F6FAFF;
  --yzy:#FFFFFF;
  --mrk:#0F2038;
  --sus:#5B7089;
  --vrg:#2F6FED;
  --vrg-koyu:#2560D8;
  --vrg2:#8FE3D0;
  --cizgi:#DDE7F4;
  --cizgi-koyu:rgba(255,255,255,.16);
  --sus-koyu:#9FB3CC;

  /* tipografi */
  --dsp:'Schibsted Grotesk',system-ui,sans-serif;
  --gvd:'Inter',system-ui,sans-serif;
  --govde:clamp(1rem,.95rem + .25vw,1.0625rem);
  --kucuk:.875rem;
  --minik:.75rem;

  /* boşluk ritmi */
  --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;
  --ust-h:76px;
  --eg:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--mrk);
  font-family:var(--gvd);
  font-size:var(--govde);
  line-height:1.7;
  font-synthesis-weight:none;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--dsp);font-weight:600;margin:0}
p{margin:0}
dl,dd,dt,ul,ol,li,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}

/* --------------------------------------------------- yardımcı tipografi -- */
.kap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar)}

.etiket{
  font-size:var(--minik);
  letter-spacing:.16em;
  text-transform:uppercase;
  line-height:1.4;
  color:var(--sus);
  font-weight:600;
}
.oncu{max-width:62ch;line-height:1.7;color:var(--sus);font-size:clamp(1.0625rem,.98rem + .4vw,1.1875rem)}
.altyazi{font-size:var(--kucuk);color:var(--sus);line-height:1.6}

h2{
  font-size:clamp(1.75rem,3vw,3rem);
  line-height:1.14;
  letter-spacing:-.015em;
  max-width:22ch;
}
h3{font-size:clamp(1.25rem,1.05rem + .7vw,1.6rem);line-height:1.2;letter-spacing:-.015em}

.bas{display:grid;gap:var(--b5);margin-bottom:var(--b8)}
.bas-genis h2{max-width:26ch}
.alt-b{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}

.no{
  font-family:var(--dsp);font-weight:700;font-size:var(--kucuk);
  letter-spacing:.1em;color:var(--vrg);font-variant-numeric:tabular-nums;
}

/* ------------------------------------------------------------- bölümler -- */
.bolum{padding-block:clamp(var(--b8),9vw,var(--b10));position:relative}
.bolum-acik{background:var(--bg)}
.bolum-beyaz{background:var(--yzy);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.bolum-koyu{background:var(--mrk);color:#fff}
.bolum-koyu .etiket{color:var(--vrg2)}
.bolum-koyu .oncu,.bolum-koyu .altyazi{color:var(--sus-koyu)}
.bolum-koyu .no{color:var(--vrg2)}

/* ------------------------------------------------------- atla / odak ---- */
.atla{
  position:absolute;left:var(--b4);top:-4rem;z-index:200;
  background:var(--mrk);color:#fff;padding:.75rem 1.25rem;font-size:var(--kucuk);
  transition:top .2s var(--eg);
}
.atla:focus{top:var(--b3)}
:focus-visible{outline:2px solid var(--vrg);outline-offset:3px}
.bolum-koyu :focus-visible,.dip :focus-visible{outline-color:var(--vrg2)}

/* ================================================================ ÜST ==== */
.ust{
  position:sticky;top:0;z-index:100;
  background:rgba(246,250,255,.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--eg),background .3s var(--eg);
}
.ust.is-kayik{border-bottom-color:var(--cizgi);background:rgba(246,250,255,.95)}
.ust-ic{
  max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar);
  height:var(--ust-h);display:flex;align-items:center;gap:var(--b5);
}
.isaret{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--mrk);flex:0 0 auto}
.isaret-sembol{width:34px;height:24px;color:var(--vrg);flex:0 0 auto}
.isaret-sembol path{stroke-linecap:square;fill:none}
.isaret-ad{font-family:var(--dsp);font-size:1.0625rem;letter-spacing:-.01em;white-space:nowrap}
.isaret-ad b{font-weight:700}
.isaret-ad span{font-weight:400;color:var(--sus)}

.gezinme{display:flex;gap:clamp(.75rem,1.6vw,1.75rem);margin-inline:auto}
.gezinme a{
  text-decoration:none;font-size:var(--kucuk);color:var(--sus);
  padding-block:.35rem;position:relative;transition:color .25s var(--eg);
}
.gezinme a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--vrg);
  transform:scaleX(0);transform-origin:left;transition:transform .3s var(--eg);
}
.gezinme a:hover{color:var(--mrk)}
.gezinme a:hover::after{transform:scaleX(1)}

.ust-sag{display:flex;align-items:center;gap:var(--b3);margin-left:auto}
.dil{display:flex;align-items:center;gap:.4rem;border:1px solid var(--cizgi);padding:.2rem .45rem}
.dil-d{
  font:inherit;font-size:var(--minik);font-weight:600;letter-spacing:.08em;
  background:none;border:0;color:var(--sus);cursor:pointer;padding:.3rem .35rem;
  min-height:32px;transition:color .25s var(--eg);
}
.dil-d[aria-pressed="true"]{color:var(--mrk)}
.dil-d:hover{color:var(--vrg-koyu)}
.dil-ayrac{width:1px;height:14px;background:var(--cizgi)}

.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--mrk);color:#fff;text-decoration:none;
  font-size:var(--kucuk);font-weight:500;letter-spacing:.02em;line-height:1;
  padding:.85rem 1.35rem;min-height:44px;border:1px solid var(--mrk);cursor:pointer;
  font-family:var(--gvd);
  transition:background .25s var(--eg),color .25s var(--eg),border-color .25s var(--eg);
}
.dugme:hover{background:var(--vrg-koyu);border-color:var(--vrg-koyu)}
.dugme-b{padding:1.0625rem 1.75rem;font-size:1rem}
.bolum-koyu .dugme{background:#fff;color:var(--mrk);border-color:#fff}
.bolum-koyu .dugme:hover{background:var(--vrg2);border-color:var(--vrg2)}

.menu-d{display:none}

/* mobil menü */
.mobil{
  position:fixed;inset:var(--ust-h) 0 auto 0;z-index:99;
  background:var(--bg);border-bottom:1px solid var(--cizgi);
  padding:var(--b5) var(--kenar) var(--b6);
}
.mobil[hidden]{display:none}
.mobil nav{display:grid}
.mobil nav a{
  text-decoration:none;font-family:var(--dsp);font-size:1.5rem;font-weight:500;
  padding:.7rem 0;border-bottom:1px solid var(--cizgi);letter-spacing:-.015em;
}
.mobil-alt{display:grid;gap:var(--b1);margin-top:var(--b5);font-size:var(--kucuk);color:var(--sus)}
.mobil-alt a{text-decoration:none;color:var(--mrk);font-weight:500}

/* ============================================================ KAHRAMAN === */
.hero{padding-block:clamp(var(--b7),7vw,var(--b10)) clamp(var(--b8),8vw,var(--b10))}
.hero-ic{
  max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar);
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--b7) var(--b5);align-items:start;
}
.hero-yazi{grid-column:1/8;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b5);padding-top:clamp(0rem,3vw,var(--b7))}
.hero-baslik{
  font-size:clamp(2.75rem,7.4vw,5.5rem);
  font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:0;
}
.satir{display:block;overflow:hidden;min-width:0}
.satir>span{display:block;padding-bottom:.16em;margin-bottom:-.16em}
.hero-metin{max-width:46ch;color:var(--sus);font-size:clamp(1.0625rem,.98rem + .4vw,1.1875rem)}
.hero-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b5) var(--b6);margin-top:var(--b2)}

.bag{
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  font-size:var(--kucuk);font-weight:500;min-height:44px;color:var(--mrk);
}
.bag span{position:relative;padding-bottom:2px}
.bag span::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;
  transform:scaleX(1);transform-origin:left;transition:transform .35s var(--eg);
}
.bag:hover span::after{transform:scaleX(0);transform-origin:right}
.bag i{font-style:normal;transition:transform .35s var(--eg)}
.bag:hover i{transform:translateX(5px)}
.bolum-koyu .bag{color:var(--vrg2)}

.hero-veri{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b5);
  border-top:1px solid var(--cizgi);padding-top:var(--b4);max-width:30rem;
}
.hero-veri dt{font-size:var(--minik);letter-spacing:.12em;text-transform:uppercase;color:var(--sus)}
.hero-veri dd{font-size:var(--kucuk);font-weight:500;margin-top:.15rem}
.hero-veri a{text-decoration:none}
.hero-veri a:hover{color:var(--vrg-koyu)}

.hero-gorsel{grid-column:9/13;position:relative;margin:0}
.hero-gorsel img{width:100%;aspect-ratio:1600/2222;object-fit:cover;background:#5a4c48}
.plaka{
  position:absolute;left:calc(-1 * var(--b5));bottom:var(--b6);
  background:var(--mrk);color:#fff;padding:var(--b4) var(--b5);max-width:17rem;
  display:grid;gap:.35rem;
}
.plaka strong{font-family:var(--dsp);font-size:1.0625rem;font-weight:600;line-height:1.25}
.plaka span{font-size:var(--minik);line-height:1.55;color:var(--sus-koyu)}

/* ============================================================= RAKAMLAR == */
.sayilar{background:var(--yzy);border-block:1px solid var(--cizgi)}
.sayi-liste{
  display:grid;grid-template-columns:repeat(4,1fr);
}
.sayi-liste li{
  padding:var(--b6) var(--b5) var(--b6) 0;display:grid;gap:.35rem;align-content:start;
  border-left:1px solid var(--cizgi);padding-left:var(--b5);
}
.sayi-liste li:first-child{border-left:0;padding-left:0}
.sayi{
  font-family:var(--dsp);font-weight:600;font-variant-numeric:tabular-nums;
  font-size:clamp(2rem,3.4vw,3.25rem);line-height:1;letter-spacing:-.03em;
}
.sayi-e{font-size:var(--kucuk);color:var(--sus);line-height:1.45;max-width:16ch}

/* =============================================================== VERİ ==== */
.veri{display:grid;gap:0}
.veri>div{
  display:grid;grid-template-columns:minmax(9rem,.85fr) 1fr;gap:var(--b4);
  padding-block:.7rem;border-top:1px solid var(--cizgi);align-items:baseline;
}
.veri>div:last-child{border-bottom:1px solid var(--cizgi)}
.veri dt{font-size:var(--minik);letter-spacing:.1em;text-transform:uppercase;color:var(--sus);line-height:1.5}
.veri dd{font-size:var(--kucuk);font-weight:500;font-variant-numeric:tabular-nums}
.veri a{text-decoration:none}
.veri a:hover{color:var(--vrg-koyu)}
.bolum-koyu .veri>div{border-color:var(--cizgi-koyu)}
.bolum-koyu .veri dt{color:var(--sus-koyu)}
.veri-genis{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--b8)}
.veri-dar{max-width:34rem;margin-top:var(--b5)}
#klinik .veri{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--b8);margin-top:var(--b7)}

/* ============================================================== ŞERİT ==== */
.serit{margin-block:clamp(var(--b7),6vw,var(--b9)) 0}
.serit-cerceve{width:100%;overflow:hidden}
.serit-cerceve img{width:100%;aspect-ratio:24/9;object-fit:cover}
.serit .altyazi{margin-top:var(--b4)}

.gorsel-kutu{overflow:hidden;position:relative}
.gorsel-kutu img{width:100%;transition:transform .6s var(--eg)}
a:hover .gorsel-kutu img,.ted:hover .gorsel-kutu img{transform:scale(1.03)}

/* =========================================================== TEDAVİLER === */
.ted{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--b6) var(--b5);
  align-items:center;padding-block:clamp(var(--b7),6vw,var(--b9));
  border-top:1px solid var(--cizgi-koyu);
}
.ted-sol .ted-gorsel{grid-column:1/8}
.ted-sol .ted-yazi{grid-column:8/13}
.ted-sag .ted-gorsel{grid-column:7/13;order:2}
.ted-sag .ted-yazi{grid-column:1/6;order:1}
.ted-dikey .ted-gorsel{grid-column:9/13}
.ted-dikey .ted-yazi{grid-column:1/8}
.ted-gorsel img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ted-dikey .ted-gorsel img{aspect-ratio:3/4}
.ted-yazi{display:grid;gap:var(--b3);align-content:start;max-width:34rem}
.ted-yazi h3{margin-bottom:.15rem}
.ted-yazi>p:not(.no){color:var(--sus-koyu);max-width:52ch}
.ted-yazi .bag{margin-top:var(--b4)}

.ayrica{margin-top:clamp(var(--b7),6vw,var(--b9));border-top:1px solid var(--cizgi-koyu);padding-top:var(--b6)}
.ayrica-b{font-size:1.0625rem;font-weight:600;margin-bottom:var(--b5);color:var(--sus-koyu)}

/* ============================================================== ANALİZ === */
.an-sekme{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--cizgi);margin-bottom:var(--b7)}
.an-sekme button{
  font:inherit;background:none;border:0;border-bottom:2px solid transparent;
  cursor:pointer;padding:var(--b4) var(--b5) var(--b4) 0;margin-right:var(--b6);
  display:flex;align-items:baseline;gap:.6rem;color:var(--sus);min-height:44px;
  transition:color .25s var(--eg),border-color .25s var(--eg);
}
.an-sekme button b{
  font-family:var(--dsp);font-size:var(--minik);letter-spacing:.1em;
  font-variant-numeric:tabular-nums;
}
.an-sekme button span{font-size:1.0625rem;font-weight:500;letter-spacing:-.01em}
.an-sekme button:hover{color:var(--mrk)}
.an-sekme button[aria-selected="true"]{color:var(--mrk);border-bottom-color:var(--vrg)}

.an-panel[hidden]{display:none}
.kars-cerceve{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--ar,3/2);--p:50%}
#pnl1 .kars-cerceve{--ar:1600/1066}
#pnl2 .kars-cerceve{--ar:1600/2222}
#pnl3 .kars-cerceve{--ar:1600/1066}
.kars-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kars-ust{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p))}
.cizim{position:absolute;inset:0;width:100%;height:100%;color:var(--vrg2)}
.cizim path,.cizim circle,.cizim rect{vector-effect:non-scaling-stroke}
.cizim .ince{stroke:currentColor;stroke-width:1.25;fill:none;opacity:.85}
.cizim .kesik{stroke:#fff;stroke-width:1.25;fill:none;stroke-dasharray:7 6;opacity:.8}
.cizim .kalin{stroke:currentColor;stroke-width:2.5;fill:none}
.cizim .olcum{stroke:currentColor;stroke-width:1.5;fill:none}
.cizim .nokta{fill:#fff;stroke:var(--mrk);stroke-width:1.5}
.cizim .serit-grup rect{stroke:none}

.yafta{
  position:absolute;transform:translateY(-50%);white-space:nowrap;pointer-events:none;
  font-size:.8125rem;font-weight:500;line-height:1.3;color:#fff;letter-spacing:.01em;
  text-shadow:0 1px 3px rgba(15,32,56,.95),0 0 12px rgba(15,32,56,.75);
}
.yafta.orta{transform:translate(-50%,-50%)}
.yafta.ufak{font-size:.75rem;font-weight:400}

.kars-kol{
  position:absolute;top:0;bottom:0;left:0;width:100%;
  transform:translateX(var(--p));
  border-left:1px solid rgba(255,255,255,.92);pointer-events:none;
}
.kars-kol span{
  position:absolute;left:0;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;
  background:var(--yzy);display:block;
  box-shadow:0 2px 14px rgba(15,32,56,.28);
}
.kars-kol span::before,.kars-kol span::after{
  content:"";position:absolute;top:50%;width:6px;height:10px;margin-top:-5px;
  border:solid var(--mrk);border-width:0;
}
.kars-kol span::before{left:11px;border-left-width:1.5px;border-top-width:1.5px;transform:rotate(-45deg)}
.kars-kol span::after{right:11px;border-right-width:1.5px;border-top-width:1.5px;transform:rotate(45deg)}
.kars-girdi{
  position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;
  opacity:0;cursor:col-resize;appearance:none;-webkit-appearance:none;background:transparent;
}
.kars-girdi::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:100%}
.kars-girdi::-moz-range-thumb{width:1px;height:100%;border:0;background:transparent}
.kars-girdi:focus-visible{opacity:1;outline:2px solid var(--vrg2);outline-offset:-4px;background:transparent}
.kars-yafta{
  position:absolute;top:var(--b4);font-size:var(--minik);letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:rgba(15,32,56,.62);padding:.35rem .6rem;
  pointer-events:none;
}
.kars-sol{left:var(--b4)}
.kars-sag{right:var(--b4)}

.an-alt{display:grid;gap:var(--b4);margin-top:var(--b5)}
.an-oran{
  margin-top:var(--b4);font-size:var(--minik);letter-spacing:.1em;text-transform:uppercase;
  color:var(--sus);font-variant-numeric:tabular-nums;
}

/* =========================================================== TEKNOLOJİ === */
.sahne{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--b7) var(--b6)}
/* Yapiskan sahne sayfanin en kucuk goseliydi: 6 sutun 3/2 ~572x381 px cikiyor,
   yaninda genis bir bosluk kaliyordu. 7 sutun + 7/5 oran ~673x481 px veriyor. */
.sahne-gorsel{grid-column:1/8}
.sahne-yapiskan{position:sticky;top:calc(var(--ust-h) + var(--b6));display:grid;gap:var(--b4)}
.sahne-kare{position:relative;width:100%;aspect-ratio:7/5;overflow:hidden;background:var(--cizgi)}
.sahne-kat{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--eg)}
.sahne-kat.is-etkin{opacity:1}
.sahne-kat img{width:100%;height:100%;object-fit:cover}
.sahne-ray{height:2px;background:var(--cizgi);position:relative;overflow:hidden}
.sahne-ray span{
  position:absolute;inset:0;background:var(--vrg);transform-origin:left;
  transform:scaleX(var(--ilerleme,0));
}
.sahne-adim{grid-column:8/13;display:grid;gap:clamp(var(--b8),16vh,var(--b10));padding-block:14vh 20vh}
.sahne-adim li{
  display:grid;gap:var(--b3);max-width:38ch;min-height:30vh;align-content:center;
  transition:opacity .5s var(--eg);
}
.sahne-adim li p{color:var(--sus)}

/* ================================================================ EKİP === */
.ekip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--b8) var(--b6)}
.ekip-sol{grid-column:1/6;display:grid;gap:var(--b5);align-content:start}
.ekip-sol .gorsel-kutu{margin-top:var(--b4)}
.ekip-sol .gorsel-kutu img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ekip-liste{grid-column:7/13;display:grid}
.ekip-liste li{
  border-top:1px solid var(--cizgi-koyu);padding-block:var(--b5);
  display:grid;grid-template-columns:1fr 1fr;gap:.2rem var(--b5);align-items:baseline;
}
.ekip-liste li:last-child{border-bottom:1px solid var(--cizgi-koyu)}
.ekip-ad{font-family:var(--dsp);font-size:1.125rem;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.ekip-unvan{font-size:var(--minik);letter-spacing:.1em;text-transform:uppercase;color:var(--vrg2);grid-row:2}
.ekip-uzman{font-size:var(--kucuk);color:var(--sus-koyu);grid-column:2;grid-row:1;line-height:1.5}
.ekip-okul{font-size:var(--kucuk);color:var(--sus-koyu);grid-column:2;grid-row:2;line-height:1.5}

/* ============================================================== SÖZLER === */
.sozler{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.sozler li{
  padding:var(--b6) var(--b6) var(--b6) 0;border-left:1px solid var(--cizgi);
  padding-left:var(--b6);display:grid;gap:var(--b5);align-content:space-between;
}
.sozler li:first-child{border-left:0;padding-left:0}
.sozler blockquote{
  font-family:var(--dsp);font-size:clamp(1.0625rem,1rem + .45vw,1.3125rem);
  font-weight:400;line-height:1.42;letter-spacing:-.015em;
}
.soz-kim{display:grid;gap:.1rem;font-size:var(--minik)}
.soz-kim span:first-child{font-weight:600;letter-spacing:0;text-transform:none;font-size:var(--kucuk)}
.soz-kim span:last-child{letter-spacing:.1em;text-transform:uppercase;color:var(--sus)}

/* ============================================================ İLETİŞİM === */
.ilet{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--b8) var(--b6)}
.ilet-sol{grid-column:1/6;display:grid;gap:var(--b5);align-content:start}
.adres{font-style:normal;display:grid;gap:.15rem;font-family:var(--dsp);font-size:1.25rem;line-height:1.45;letter-spacing:-.015em}
.ilet-sol .alt-b{margin-top:var(--b4)}
.form{grid-column:7/13;display:grid;gap:var(--b4);align-content:start}
.form-not{font-size:var(--kucuk);color:var(--sus);max-width:44ch;margin-bottom:var(--b2)}
.alan{display:grid;gap:.4rem}
.alan-ikili{display:grid;grid-template-columns:1fr 1fr;gap:var(--b4)}
.alan label{font-size:var(--minik);letter-spacing:.1em;text-transform:uppercase;color:var(--sus)}
.ipucu{font-size:var(--kucuk);color:var(--sus);line-height:1.5;margin-top:-.15rem}
.alan input,.alan select,.alan textarea{
  font:inherit;font-size:1rem;color:var(--mrk);background:var(--yzy);
  border:1px solid var(--cizgi);padding:.85rem 1rem;min-height:48px;width:100%;
  transition:border-color .25s var(--eg);
}
.alan textarea{resize:vertical;min-height:96px;line-height:1.6}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:var(--sus)}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--vrg);outline:none}
.alan input:focus-visible,.alan select:focus-visible,.alan textarea:focus-visible{outline:2px solid var(--vrg);outline-offset:1px}
.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:#B3261E}
.form .dugme{justify-self:start;margin-top:var(--b2)}
.form-durum{font-size:var(--kucuk);min-height:1.5rem;color:var(--vrg-koyu);font-weight:500}
.form-durum.is-hata{color:#B3261E}
.form-yasal{font-size:var(--minik);color:var(--sus);line-height:1.6;max-width:46ch}

/* ================================================================ DİP ==== */
.dip{background:var(--mrk);color:#fff;padding-block:var(--b8) var(--b6)}
.dip-ust{display:flex;flex-wrap:wrap;gap:var(--b6);justify-content:space-between;align-items:flex-start}
.dip-marka{display:grid;gap:var(--b3)}
.dip-marka .isaret-sembol{color:var(--vrg2);width:44px;height:31px}
.dip-slogan{font-family:var(--dsp);font-size:1.375rem;letter-spacing:-.02em}
.dip-nav{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem var(--b6)}
.dip-nav a{text-decoration:none;font-size:var(--kucuk);color:var(--sus-koyu);padding-block:.65rem;transition:color .25s var(--eg)}
.dip-nav a:hover{color:#fff}
.dip-alt{
  margin-top:var(--b8);padding-top:var(--b4);border-top:1px solid var(--cizgi-koyu);
  display:flex;flex-wrap:wrap;gap:var(--b2) var(--b6);justify-content:space-between;
  font-size:var(--minik);color:var(--sus-koyu);
}

/* ============================================================ HAREKET ==== */
@media (prefers-reduced-motion:no-preference){
  .satir>span{transform:translateY(105%);animation:acil .95s var(--eg) forwards}
  .satir:nth-child(1)>span{animation-delay:.12s}
  .satir:nth-child(2)>span{animation-delay:.22s}
  .giris{opacity:0;transform:translateY(12px);animation:yuksel .8s var(--eg) forwards;
         animation-delay:calc(.2s + var(--g,0) * .07s)}
  .yuksel{opacity:0;transform:translateY(12px);transition:opacity .7s var(--eg),transform .7s var(--eg)}
  .yuksel.is-gorunur{opacity:1;transform:none}
  .sahne-adim li{opacity:.32}
  .sahne-adim li.is-etkin{opacity:1}
}
@keyframes acil{to{transform:translateY(0)}}
@keyframes yuksel{to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-delay:0ms !important;
    transition-duration:.01ms !important;transition-delay:0ms !important;
  }
  .satir>span{transform:none}
  .yuksel,.giris{opacity:1;transform:none}
  .gorsel-kutu img{transition:none}
}

/* =========================================================== DUYARLILIK == */
@media (max-width:1180px){
  .hero-yazi{grid-column:1/8}
  .hero-gorsel{grid-column:8/13}
  .sahne-gorsel{grid-column:1/7}
  .sahne-adim{grid-column:7/13}
}

@media (max-width:1000px){
  :root{--ust-h:68px}
  .gezinme{display:none}
  .ust-sag .dugme{display:none}
  .menu-d{
    display:grid;place-content:center;gap:5px;width:44px;height:44px;
    background:none;border:1px solid var(--cizgi);cursor:pointer;padding:0;
  }
  .menu-d span{display:block;width:18px;height:1.5px;background:var(--mrk);transition:transform .3s var(--eg)}
  .menu-d[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
  .menu-d[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

  .hero-ic{gap:var(--b7) 0}
  .hero-yazi{grid-column:1/-1;padding-top:0}
  .hero-gorsel{grid-column:1/-1;max-width:30rem}
  .plaka{left:auto;right:calc(-1 * var(--b3));bottom:var(--b5)}

  .sayi-liste{grid-template-columns:repeat(2,1fr)}
  .sayi-liste li:nth-child(3){border-left:0;padding-left:0}
  .sayi-liste li:nth-child(n+3){border-top:1px solid var(--cizgi)}

  .hero-ic,.ted,.ekip,.ilet,.sahne{grid-template-columns:minmax(0,1fr)}
  .ted-sol .ted-gorsel,.ted-sol .ted-yazi,
  .ted-sag .ted-gorsel,.ted-sag .ted-yazi,
  .ted-dikey .ted-gorsel,.ted-dikey .ted-yazi{grid-column:1/-1}
  .ted-sag .ted-gorsel{order:0}
  .ted-sag .ted-yazi{order:1}
  .ted-dikey .ted-gorsel{max-width:22rem}
  .ted-yazi{max-width:56ch}

  .ekip-sol,.ekip-liste,.ilet-sol,.form,.sahne-gorsel,.sahne-adim{grid-column:1/-1}
  .ekip-sol .gorsel-kutu{max-width:34rem}
  .sahne-yapiskan{position:static}
  .sahne-ray{display:none}
  .sahne-adim{padding-block:0;gap:var(--b7)}
  .sahne-adim li{opacity:1 !important;min-height:0}
  .sahne-kat{position:relative;opacity:1;display:none}
  .sahne-kat.is-etkin{display:block}
  /* Yiginda katman akista; kare 7/5 kalirsa 3/2 gorselin altinda zemin serit
     kaliyor. Kutuyu gorselin kendi oranina birakiyoruz. */
  .sahne-kare{aspect-ratio:auto}

  .sozler{grid-template-columns:1fr}
  .sozler li{border-left:0;padding-left:0;padding-block:var(--b6);border-top:1px solid var(--cizgi)}
  .sozler li:first-child{border-top:0;padding-top:0}
  .serit-cerceve img{aspect-ratio:16/9}
}

@media (max-width:640px){
  h2{max-width:none}
  .ust-ic{gap:var(--b2)}
  .dil{padding:0 .25rem;gap:.25rem}
  .dil-d{padding:.3rem .35rem;min-height:44px;min-width:40px}
  .isaret{padding-block:.5rem}
  .mobil-alt a{display:inline-block;padding-block:.5rem}
  .veri dd a,.hero-veri dd a{display:inline-block;padding-block:.65rem}
  .hero-veri{grid-template-columns:1fr;gap:var(--b4)}
  .hero-gorsel{max-width:none}
  .plaka{position:static;max-width:none;margin-top:1px}
  .veri>div{grid-template-columns:1fr;gap:.15rem;padding-block:.85rem}
  .veri-genis,#klinik .veri{grid-template-columns:1fr;column-gap:0}
  .alan-ikili{grid-template-columns:1fr}
  .ekip-liste li{grid-template-columns:1fr;gap:.15rem}
  .ekip-unvan,.ekip-uzman,.ekip-okul{grid-column:1;grid-row:auto}
  .an-sekme button{margin-right:var(--b5);padding-right:0}
  .an-sekme button span{font-size:1rem}
  .serit-cerceve img{aspect-ratio:4/3}
  .kars-yafta{font-size:.6875rem;padding:.3rem .45rem}
  .yafta{font-size:.6875rem;white-space:normal;max-width:46vw}
  .yafta.ufak{font-size:.625rem}
}

@media (max-width:760px){
  .yafta.uzun{display:none}
  .yafta{font-size:.6875rem;white-space:normal;max-width:44vw}
  .yafta.ufak{font-size:.625rem}
  .kars-yafta{font-size:.625rem;padding:.28rem .45rem;letter-spacing:.08em}
}

@media (min-width:1001px){
  .mobil{display:none}
  .kars-cerceve{height:clamp(360px,58vh,620px);width:auto;aspect-ratio:var(--ar);margin-inline:auto}
}