/* =====================================================================
   Desiber Danışmanlık — İsviçre editoryal düzen
   Zemin rengiyle ayrılmış bantlar, saç teli kurallar, kart yok.
   ===================================================================== */

:root{
  --bg:#F7F6F3;
  --yzy:#FFFFFF;
  --mrk:#0E1412;
  --sus:#5E6763;
  --vrg:#0E4F3F;
  --vrg2:#C6A15B;
  --cizgi:#DFDCD4;
  --vrg2-a:#D8BE85;      /* koyu bantta okunabilir altın */

  /* koyu bant karşılıkları */
  --k-mrk:#F4F2EC;
  --k-sus:#B3C2BB;
  --k-cizgi:rgba(244,242,236,.20);

  --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(--mrk);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:var(--govde);
  line-height:1.7;
  font-feature-settings:"kern" 1;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3{font-family:'Source Serif 4',Georgia,'Times New Roman',serif; font-weight:600; margin:0}
p{margin:0}
ul,ol,dl,dd{margin:0; padding:0}
li{list-style:none}
a{color:inherit; text-decoration:none}
img,svg{max-width:100%}
table{border-collapse:collapse; width:100%}

.kap{width:100%; max-width:var(--en); margin-inline:auto; padding-inline:var(--kenar)}
.gizli-metin{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}

.atla{
  position:fixed; top:.5rem; left:.5rem; z-index:99;
  transform:translateY(-160%);
  background:var(--vrg); color:#fff; padding:.6rem 1rem; font-size:var(--kucuk);
}
.atla:focus{transform:none}

:focus-visible{outline:2px solid var(--vrg); outline-offset:3px}
.band-koyu :focus-visible,.kafes-band :focus-visible{outline-color:var(--vrg2)}

/* ---------------------------------------------------------- tipografi */
.etiket,.bolum-no,.gez-no,.faz-no,.grafik-no,.dt-etiket{
  font-size:var(--minik); letter-spacing:.15em; text-transform:uppercase;
  font-weight:500; color:var(--sus);
}
.lead{font-size:clamp(1.0625rem,.98rem + .38vw,1.1875rem); line-height:1.68; max-width:46ch}
.ikincil{color:var(--sus); max-width:46ch; margin-top:var(--b4)}
.dipnot{color:var(--sus); font-size:var(--kucuk); max-width:62ch; margin-top:var(--b5)}

/* ---------------------------------------------------------- başlık */
.ust{
  position:sticky; top:0; z-index:40;
  background:rgba(247,246,243,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cizgi);
}
.ust-ic{display:flex; align-items:center; gap:var(--b5); min-height:64px}
.marka{display:flex; align-items:center; gap:.6rem; min-width:0; min-height:44px; color:var(--mrk)}
.marka-im{width:26px; height:26px; flex:none}
.marka-yazi{font-family:'Source Serif 4',Georgia,serif; font-size:1.0625rem; font-weight:600; letter-spacing:-.01em; white-space:nowrap}
.marka-yazi span{font-weight:400; color:var(--sus)}
.band-koyu .marka-yazi span,.alt .marka-yazi span{color:var(--k-sus)}

.gezinti{display:flex; gap:clamp(.9rem,1.8vw,1.75rem); margin-left:auto}
.gezinti a{
  position:relative; display:inline-flex; align-items:baseline; gap:.4rem;
  font-size:var(--kucuk); padding:.4rem 0; color:var(--sus);
  transition:color .25s var(--hiz);
}
.gezinti a::after{
  content:""; position:absolute; left:0; right:0; bottom:.1rem; height:1px;
  background:var(--vrg); transform:scaleX(0); transform-origin:left;
  transition:transform .35s var(--hiz);
}
.gezinti a:hover,.gezinti a.aktif{color:var(--mrk)}
.gezinti a:hover::after,.gezinti a.aktif::after{transform:scaleX(1)}
.gez-no{font-size:.625rem; letter-spacing:.08em; color:var(--vrg); font-variant-numeric:tabular-nums}

.ust-sag{display:flex; align-items:center; gap:var(--b3); margin-left:var(--b2)}
.dil{display:flex; border:1px solid var(--cizgi)}
.dil-d{
  appearance:none; background:none; border:0; cursor:pointer;
  font:inherit; font-size:var(--minik); letter-spacing:.1em; font-weight:500;
  padding:.45rem .6rem; min-width:44px; min-height:44px; color:var(--sus);
  transition:background .25s var(--hiz), color .25s var(--hiz);
}
.dil-d + .dil-d{border-left:1px solid var(--cizgi)}
.dil-d[aria-pressed="true"]{background:var(--vrg); color:#fff}
.dil-d:hover[aria-pressed="false"]{color:var(--mrk)}

.menu-d{
  display:none; align-items:center; gap:.5rem; appearance:none; cursor:pointer;
  background:none; border:1px solid var(--cizgi); color:var(--mrk);
  font:inherit; font-size:var(--minik); letter-spacing:.1em; text-transform:uppercase;
  padding:.5rem .75rem; min-height:44px;
}
.menu-cizgi{width:16px; height:7px; border-top:1px solid currentColor; border-bottom:1px solid currentColor}

.cekmece{position:fixed; inset:0; z-index:60; background:var(--bg); padding-top:var(--b5); overflow-y:auto}
.cekmece[hidden]{display:none}
.cekmece-bas{display:flex; justify-content:space-between; align-items:center; padding-bottom:var(--b5); border-bottom:1px solid var(--cizgi)}
.cekmece-kapat{appearance:none; background:none; border:1px solid var(--cizgi); cursor:pointer; color:var(--mrk); width:44px; height:44px; display:grid; place-items:center}
.cekmece-kapat svg{width:18px; height:18px}
.cekmece nav{display:flex; flex-direction:column}
.cekmece nav a{
  display:flex; align-items:baseline; gap:var(--b3);
  padding:var(--b4) 0; border-bottom:1px solid var(--cizgi);
  font-family:'Source Serif 4',Georgia,serif; font-size:1.5rem;
}

/* ---------------------------------------------------------- kütük başlık */
.mast{padding-top:clamp(var(--b7),7vw,var(--b9)); padding-bottom:clamp(var(--b6),5vw,var(--b8))}
.mast-hat{
  display:flex; justify-content:space-between; gap:var(--b4);
  padding-bottom:var(--b3); border-bottom:1px solid var(--cizgi);
  font-size:var(--minik); letter-spacing:.15em; text-transform:uppercase; color:var(--sus);
}
.mast-hat-sag{font-variant-numeric:tabular-nums}
.mast-izgara{display:grid; gap:var(--b6) var(--b7); padding-top:clamp(var(--b6),4vw,var(--b8))}
.mast-h1{
  font-size:clamp(2.5rem,7.4vw,5.25rem);
  line-height:1.06; letter-spacing:-.028em; font-weight:600;
}
.satir{display:block; overflow:hidden}
.satir > span{display:block; padding-bottom:.16em; margin-bottom:-.16em}
.mast-yan{align-self:end}
.eylem{display:flex; flex-wrap:wrap; align-items:center; gap:var(--b5); margin-top:var(--b6)}

.dugme{
  display:inline-block; background:var(--vrg); color:#fff; border:0; cursor:pointer;
  font:inherit; font-size:var(--kucuk); font-weight:500; letter-spacing:.02em;
  padding:.95rem 1.5rem; line-height:1; min-height:44px;
  transition:background .3s var(--hiz), transform .3s var(--hiz);
}
.dugme:hover{background:#0a3d31; transform:translateY(-2px)}
.bag-alti{
  position:relative; display:inline-flex; align-items:center; gap:.5rem;
  font-size:var(--kucuk); padding-bottom:.2rem; min-height:44px;
}
.bag-alti::after{
  content:""; position:absolute; left:0; right:0; bottom:.35rem; height:1px;
  background:currentColor; transform:scaleX(1); transform-origin:left;
  transition:transform .4s var(--hiz);
}
.bag-alti:hover::after{transform:scaleX(0); transform-origin:right}
.ok{transition:transform .35s var(--hiz)}
.bag-alti:hover .ok{transform:translateX(5px)}

/* ---------------------------------------------------------- kafes bandı */
.kafes-band{background:var(--vrg); color:var(--k-mrk); padding-bottom:clamp(var(--b6),4vw,var(--b8))}
.kafes-tuval{height:clamp(240px,34vw,420px); overflow:hidden}
.kafes-tuval svg{width:100%; height:100%; display:block}
.kf-izgara line{stroke:rgba(244,242,236,.13); stroke-width:1}
.kf-elenen{stroke:rgba(244,242,236,.34); stroke-width:1; stroke-dasharray:3 5; fill:none}
.kf-n{fill:rgba(244,242,236,.42)}
.kf-yol{fill:none; stroke:var(--k-mrk); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round}
.kf-secili{fill:var(--vrg2)}
.kf-halka{fill:none; stroke:var(--vrg2); stroke-width:1}

.kafes-alt{display:flex; flex-wrap:wrap; gap:var(--b5) var(--b7); justify-content:space-between; padding-top:var(--b5); border-top:1px solid var(--k-cizgi)}
.kafes-sekil{font-size:var(--kucuk); color:var(--k-sus); max-width:56ch}
.faz-hat{display:flex; flex-wrap:wrap; gap:var(--b5)}
.faz-hat li{display:flex; align-items:baseline; gap:.5rem; font-size:var(--kucuk)}
.faz-hat .faz-no{color:var(--vrg2-a)}

.serit{
  position:relative; z-index:2;
  display:grid; grid-template-columns:repeat(5,1fr);
  background:var(--yzy); color:var(--mrk);
  margin-top:clamp(var(--b6),4vw,var(--b8)); margin-bottom:calc(-1 * clamp(var(--b6),5vw,var(--b8)));
}
.serit > div{padding:var(--b5) var(--b4); border-left:1px solid var(--cizgi)}
.serit > div:first-child{border-left:0}
.serit dt{font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus)}
.serit dd{
  font-family:'Source Serif 4',Georgia,serif; font-size:clamp(1.5rem,2.6vw,2.25rem);
  font-weight:600; line-height:1.15; margin-top:var(--b2); font-variant-numeric:tabular-nums;
}
.serit .birim{font-size:.5em; font-weight:400; color:var(--sus); font-family:'Inter',sans-serif}

/* ---------------------------------------------------------- bantlar */
.band{padding-block:clamp(var(--b8),9vw,var(--b10))}
.band-krem{background:var(--bg)}
.band-beyaz{background:var(--yzy)}
.band-koyu{background:var(--vrg); color:var(--k-mrk)}
.band-beyaz + .band-krem,.band-krem + .band-beyaz{border-top:1px solid var(--cizgi)}
.kafes-band + .band{padding-top:clamp(var(--b9),11vw,var(--b10))}

.bolum-bas{
  display:grid; gap:var(--b3) var(--b7);
  padding-bottom:var(--b6); margin-bottom:clamp(var(--b6),4vw,var(--b8));
  border-bottom:1px solid var(--cizgi);
}
.band-koyu .bolum-bas{border-color:var(--k-cizgi)}
.bolum-no{color:var(--vrg); font-size:var(--minik); letter-spacing:.15em; font-variant-numeric:tabular-nums}
.band-koyu .bolum-no{color:var(--vrg2-a)}
.bolum-bas h2{font-size:clamp(1.875rem,3.2vw,3rem); line-height:1.14; letter-spacing:-.018em}
.bolum-giris{color:var(--sus); max-width:58ch; line-height:1.72}
.band-koyu .bolum-giris{color:var(--k-sus)}

/* ---------------------------------------------------------- 01 yaklaşım */
.yak-izgara{display:grid; gap:var(--b7)}
.sahne{margin:0}
.sahne svg{width:100%; height:auto; display:block}
.el-n{transition:fill .6s var(--hiz), stroke .6s var(--hiz), opacity .6s var(--hiz)}
.el-n.pasif{fill:none; stroke:var(--cizgi); stroke-width:1}
.el-n.aktif{fill:var(--mrk); stroke:none}
.el-n.son{fill:var(--vrg2); stroke:none}
.el-yazi{fill:var(--sus); font-family:'Inter',sans-serif; font-size:11px; letter-spacing:.12em}

.sahne-alt{margin-top:var(--b5); padding-top:var(--b4); border-top:1px solid var(--cizgi); display:grid; gap:var(--b3)}
.sahne-veri{display:flex; justify-content:space-between; align-items:baseline; font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus)}
.sahne-veri b{
  font-family:'Source Serif 4',Georgia,serif; font-size:2rem; font-weight:600;
  color:var(--mrk); letter-spacing:0; text-transform:none; font-variant-numeric:tabular-nums;
}
.sahne-ilerleme{display:grid; gap:var(--b2); font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus)}
.cubuk-kap{display:block; height:2px; background:var(--cizgi); overflow:hidden}
.ilr{display:block; height:100%; background:var(--vrg); transform:scaleX(0); transform-origin:left; will-change:transform}

.adim-liste{display:grid}
.adim{
  display:grid; grid-template-columns:auto 1fr; gap:var(--b3) var(--b5);
  padding-block:var(--b6); border-top:1px solid var(--cizgi);
}
.adim:first-child{border-top:0; padding-top:0}
.adim-no{font-family:'Source Serif 4',Georgia,serif; font-size:1.125rem; color:var(--sus); font-variant-numeric:tabular-nums; line-height:1.6}
.adim h3{font-size:1.375rem; line-height:1.25; letter-spacing:-.012em}
.adim p{color:var(--sus); max-width:56ch; margin-top:var(--b3)}
.adim-veri{grid-column:2; display:flex; flex-wrap:wrap; gap:var(--b3) var(--b6); margin-top:var(--b4)}
.av{display:flex; align-items:baseline; gap:.6rem}
.av-e{font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus); white-space:nowrap}
.av-d{font-weight:500; font-size:var(--kucuk); color:var(--mrk); font-variant-numeric:tabular-nums}
.adim.etkin .adim-no{color:var(--vrg)}

/* ---------------------------------------------------------- 02 vaka */
.sektor-hat{
  display:flex; flex-wrap:wrap; gap:var(--b5) var(--b6);
  border-bottom:1px solid var(--cizgi); margin-bottom:clamp(var(--b6),4vw,var(--b8));
}
.sektor-d{
  position:relative; appearance:none; background:none; border:0; cursor:pointer;
  font:inherit; font-size:var(--kucuk); color:var(--sus);
  padding:0 0 var(--b4); min-height:44px;
  display:inline-flex; align-items:baseline; gap:.5rem;
  transition:color .25s var(--hiz);
}
.sektor-d::before{content:attr(data-no); font-size:.625rem; letter-spacing:.1em; color:var(--vrg); font-variant-numeric:tabular-nums}
.sektor-d::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:var(--vrg); transform:scaleX(0); transform-origin:left;
  transition:transform .4s var(--hiz);
}
.sektor-d:hover{color:var(--mrk)}
.sektor-d[aria-selected="true"]{color:var(--mrk); font-weight:500}
.sektor-d[aria-selected="true"]::after{transform:scaleX(1)}

.vaka-panel{outline-offset:6px}
.vaka-ust{display:grid; gap:var(--b6) var(--b7); margin-bottom:clamp(var(--b7),6vw,var(--b9))}
.vaka-satir{
  font-family:'Source Serif 4',Georgia,serif; font-size:clamp(1.25rem,2.1vw,1.75rem);
  line-height:1.4; letter-spacing:-.012em; max-width:34ch;
}
.metrik{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--b5) var(--b6); align-self:start}
.metrik dt{font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus)}
.metrik dd{
  font-family:'Source Serif 4',Georgia,serif; font-size:clamp(1.375rem,2vw,1.75rem);
  font-weight:600; margin-top:var(--b1); font-variant-numeric:tabular-nums; line-height:1.2;
}
.metrik dd.iyi{color:var(--vrg)}

.grafik{margin:0; min-width:0}
.grafik + .grafik,.grafik-ikili{margin-top:clamp(var(--b7),6vw,var(--b9))}
.grafik figcaption{
  display:flex; align-items:baseline; gap:var(--b3);
  padding-bottom:var(--b3); border-bottom:1px solid var(--cizgi);
  font-size:var(--kucuk); color:var(--mrk);
}
.grafik-no{color:var(--vrg); font-variant-numeric:tabular-nums; font-size:var(--minik); letter-spacing:.1em}
.grafik-kap{margin-top:var(--b5)}
.grafik-kap svg{width:100%; height:auto; display:block}
.grafik-not{margin-top:var(--b4); font-size:var(--kucuk); color:var(--sus); max-width:62ch}
.grafik-ikili{display:grid; gap:clamp(var(--b7),6vw,var(--b9)) var(--b7)}
.grafik-ikili .grafik{margin-top:0; min-width:0}

.eksen{stroke:var(--cizgi); stroke-width:1}
.eksen-yazi{fill:var(--sus); font-family:'Inter',sans-serif; font-size:11px; font-variant-numeric:tabular-nums}
rect.cubuk{fill:#8E9A94; transition:y .8s var(--hiz), height .8s var(--hiz), fill .4s var(--hiz)}
rect.cubuk.sonra{fill:var(--vrg)}
.alan-dolgu{fill:rgba(14,79,63,.10)}
.alan-cizgi{fill:none; stroke:var(--vrg); stroke-width:2}
.esik-cizgi{stroke:var(--vrg2); stroke-width:1; stroke-dasharray:4 4}
.nokta{fill:#9AA5A0}
.nokta.oncelik{fill:var(--vrg2)}
.trend{stroke:var(--mrk); stroke-width:1; stroke-dasharray:5 5; fill:none; opacity:.45}

/* ---------------------------------------------------------- 03 programlar */
.tablo-kap{overflow-x:auto}
.hiz-tablo{min-width:660px; font-variant-numeric:tabular-nums}
.hiz-tablo th{
  text-align:left; font-weight:500; font-size:var(--minik); letter-spacing:.13em;
  text-transform:uppercase; color:var(--sus); padding-bottom:var(--b3);
  border-bottom:1px solid var(--mrk);
}
.hiz-tablo td{padding-block:var(--b5); border-bottom:1px solid var(--cizgi); vertical-align:top}
.hiz-tablo tbody tr{transition:background .3s var(--hiz)}
.hiz-tablo tbody tr:hover{background:rgba(14,79,63,.045)}
.hiz-ad{display:block; font-family:'Source Serif 4',Georgia,serif; font-size:1.25rem; font-weight:600; letter-spacing:-.01em}
.hiz-ac{display:block; color:var(--sus); font-size:var(--kucuk); max-width:52ch; margin-top:var(--b2)}
.hiz-tablo td:not(:first-child){white-space:nowrap; padding-left:var(--b5)}
.sag,.hiz-ucret{text-align:right}
.hiz-ucret{font-weight:500}
.hiz-aylik{display:block; font-size:var(--minik); color:var(--sus); font-weight:400}

/* ---------------------------------------------------------- 04 ekip */
.ekip-liste{display:grid}
.uye{
  display:grid; gap:var(--b2) var(--b6);
  padding-block:var(--b6); border-top:1px solid var(--cizgi);
}
.uye:first-child{border-top:0; padding-top:0}
.uye h3{font-size:1.375rem; line-height:1.25; letter-spacing:-.012em}
.uye-unvan{font-size:var(--kucuk); color:var(--vrg); margin-top:var(--b1)}
.uye-ac{color:var(--sus); max-width:52ch}
.uye-alan{font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus)}
.uye-alan b{display:block; font-weight:500; color:var(--mrk); letter-spacing:0; text-transform:none; font-size:var(--kucuk); margin-top:var(--b1); font-family:'Inter',sans-serif}

/* ---------------------------------------------------------- 05 notlar */
.ray-dis{margin-top:clamp(var(--b5),3vw,var(--b6))}
.ray{
  display:flex; overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x proximity; scroll-padding-inline:var(--kenar);
  scrollbar-width:none; padding-inline:var(--kenar); cursor:grab;
}
.ray::-webkit-scrollbar{display:none}
.ray.tutuluyor{cursor:grabbing; scroll-snap-type:none}
.ray-oge{
  flex:0 0 clamp(250px,26vw,330px); scroll-snap-align:start;
  padding:var(--b5) var(--b5) var(--b6) 0; margin-right:var(--b5);
  border-top:1px solid var(--k-cizgi);
}
.ray-ust{display:flex; justify-content:space-between; gap:var(--b3); font-size:var(--minik); letter-spacing:.1em; text-transform:uppercase; color:var(--k-sus)}
.ray-etiket{color:var(--vrg2-a)}
.ray-oge h3{font-size:1.25rem; line-height:1.3; margin-top:var(--b4); letter-spacing:-.012em}
.ray-oge p{margin-top:var(--b3); font-size:var(--kucuk); color:var(--k-sus); line-height:1.65}
.ray-alt{display:flex; justify-content:space-between; align-items:center; gap:var(--b5); margin-top:var(--b5)}
.ray-ipucu{font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--k-sus)}
.ray-kontrol{display:flex; gap:var(--b3)}
.ray-d{
  appearance:none; background:none; border:1px solid var(--k-cizgi); cursor:pointer;
  color:var(--k-mrk); width:44px; height:44px; display:grid; place-items:center;
  transition:background .3s var(--hiz), border-color .3s var(--hiz);
}
.ray-d svg{width:18px; height:18px}
.ray-d:hover{background:rgba(244,242,236,.10); border-color:var(--k-sus)}
.ray-d[disabled]{opacity:.35; cursor:default}

/* ---------------------------------------------------------- 06 iletişim */
.ilet-izgara{display:grid; gap:var(--b8) var(--b7)}
.ilet-bilgi{display:grid; gap:var(--b5); align-content:start}
.ilet-bilgi > div{padding-top:var(--b4); border-top:1px solid var(--cizgi)}
.ilet-bilgi dt{font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus)}
.ilet-bilgi dd{margin-top:var(--b2); line-height:1.6}
.ilet-bilgi a{position:relative; padding-bottom:1px; border-bottom:1px solid var(--cizgi); transition:border-color .3s var(--hiz)}
.ilet-bilgi a:hover{border-color:var(--vrg)}

.ilet-form{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--b5) var(--b5)}
.alan{display:grid; gap:var(--b2)}
.alan-tam,.form-hata,.form-alt{grid-column:1/-1}
.alan label{font-size:var(--minik); letter-spacing:.13em; text-transform:uppercase; color:var(--sus)}
.alan input,.alan select,.alan textarea{
  font:inherit; font-size:var(--kucuk); color:var(--mrk);
  background:transparent; border:0; border-bottom:1px solid var(--cizgi);
  padding:.7rem 0; min-height:44px; width:100%; border-radius:0;
  transition:border-color .3s var(--hiz);
}
.alan textarea{resize:vertical; line-height:1.6}
.alan select{appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--sus) 50%),linear-gradient(135deg,var(--sus) 50%,transparent 50%); background-position:right 6px center,right 1px center; background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-right:1.5rem}
.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:3px}
.alan input::placeholder,.alan textarea::placeholder{color:#757C77}
.form-hata{font-size:var(--kucuk); color:#8A2E1E; min-height:1.2em}
.form-hata.ok{color:var(--vrg)}
.form-alt{display:flex; flex-wrap:wrap; align-items:center; gap:var(--b5)}
.form-kvkk{font-size:var(--minik); color:var(--sus); max-width:34ch; line-height:1.6}

/* ---------------------------------------------------------- alt */
.alt{background:var(--mrk); color:var(--k-mrk); padding-block:var(--b8)}
.alt-ic{display:grid; gap:var(--b6) var(--b7)}
.alt-slogan{font-family:'Source Serif 4',Georgia,serif; font-size:1.125rem; color:var(--k-sus); margin-top:var(--b2)}
.alt-gez{display:flex; flex-wrap:wrap; gap:var(--b3) var(--b5); align-content:start}
.alt-gez a{display:inline-flex; align-items:center; min-height:44px; font-size:var(--kucuk); color:var(--k-sus); border-bottom:1px solid transparent; transition:color .25s var(--hiz), border-color .25s var(--hiz)}
.alt-gez a:hover{color:var(--k-mrk); border-color:var(--k-sus)}
.alt-telif{grid-column:1/-1; padding-top:var(--b5); border-top:1px solid var(--k-cizgi); font-size:var(--minik); color:var(--k-sus); font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------- ızgaralar */
@media (min-width:720px){
  .mast-izgara{grid-template-columns:1fr 1fr; align-items:end}
  .bolum-bas{grid-template-columns:auto minmax(0,1fr)}
  .bolum-bas h2{grid-column:2}
  .bolum-bas .bolum-giris{grid-column:2}
  .adim{grid-template-columns:auto minmax(0,1fr)}
  .uye{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto; align-items:start}
  .uye h3{grid-row:1}
  .uye-unvan{grid-row:2; grid-column:1}
  .uye-ac{grid-row:1/3; grid-column:2}
  .uye-alan{grid-row:1/3; grid-column:3; text-align:right}
  .vaka-ust{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .grafik-ikili{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .ilet-izgara{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  .alt-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (min-width:1000px){
  .mast-izgara{grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--b9)}
  .yak-izgara{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--b9)}
  .yak-sahne{position:sticky; top:104px; align-self:start}
  .bolum-bas{grid-template-columns:5rem minmax(0,7fr) minmax(0,5fr); align-items:baseline}
  .bolum-bas h2{grid-column:2; grid-row:1}
  .bolum-bas .bolum-giris{grid-column:3; grid-row:1; align-self:end}
  .ilet-izgara{gap:var(--b9)}
}

/* ---------------------------------------------------------- duyarlılık */
@media (max-width:999px){
  .gezinti{display:none}
  .menu-d{display:inline-flex}
}
@media (max-width:600px){
  .ust-ic{gap:var(--b3)}
  .ust-sag{margin-left:auto; gap:var(--b2)}
  .marka-yazi{white-space:normal; font-size:1rem; line-height:1.25}
  .menu-yazi{display:none}
  .menu-d{width:44px; justify-content:center; padding:.5rem}
}
@media (max-width:719px){
  .serit{grid-template-columns:repeat(2,1fr); margin-bottom:0}
  .serit > div{border-top:1px solid var(--cizgi); border-left:1px solid var(--cizgi)}
  .serit > div:nth-child(odd){border-left:0}
  .serit > div:first-child,.serit > div:nth-child(2){border-top:0}
  .serit > div:last-child{grid-column:1/-1; border-left:0}
  .kafes-band + .band{padding-top:clamp(var(--b8),9vw,var(--b9))}
  .ilet-form{grid-template-columns:1fr}
  .metrik{gap:var(--b4) var(--b5)}
  .uye-alan{margin-top:var(--b3)}
  .adim-veri{grid-column:1/-1}
  .mast-hat{flex-direction:column; gap:var(--b1)}
}
@media (max-width:719px){
  /* Dar ekranda grafikler kendi kabında kayar; eksen yazıları okunur kalır. */
  .grafik-kap{overflow-x:auto; overscroll-behavior-x:contain}
  .eksen-yazi{font-size:15px}
  #grafikCubuk{min-width:640px}
  #grafikDagilim{min-width:470px}
  #grafikAlan{min-width:390px}
}
@media (max-width:400px){
  .serit dd{font-size:1.375rem}
  .ray-oge{flex-basis:78vw}
}

/* ---------------------------------------------------------- hareket */
@media (prefers-reduced-motion:no-preference){
  .giris-anim{opacity:0; transform:translateY(1.1rem)}
  .yuklendi .giris-anim{
    opacity:1; transform:none;
    transition:opacity .85s var(--hiz), transform .85s var(--hiz);
    transition-delay:calc(var(--g,0) * 90ms);
  }
  .satir > span.giris-anim{transform:translateY(105%)}
  .yuklendi .satir > span.giris-anim{transform:none}
  .ac{opacity:0; transform:translateY(1.25rem)}
  .ac.gorundu{opacity:1; transform:none; transition:opacity .8s var(--hiz), transform .8s var(--hiz)}
  .adim{opacity:.45; transition:opacity .5s var(--hiz)}
  .adim.etkin,.adim.gecti{opacity:1}
}
@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}
  .ilr{transform:scaleX(1)}
}