/* ==========================================================================
   Desiber Makina — mühendislik çizimi dili
   Zemin tonu + saç teli çizgi ile bölümleme. Kart yok, çerçeveli kutu yok.
   ========================================================================== */

:root{
  --bg:#101418;
  --yzy:#171C22;
  --mrk:#E4E9EE;
  --sus:#8E98A5;
  --vrg:#2FC7C7;
  --vrg-koyu:#00A3A3;
  --cizgi:#232A32;
  --cizgi-2:#2E3742;

  --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);
  --kap:1320px;
  --egri:cubic-bezier(.22,1,.36,1);
  --sr:.34s;
}

*,*::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:'Work Sans',system-ui,sans-serif;
  font-size:var(--govde);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{font-family:'Archivo',system-ui,sans-serif;font-weight:700;margin:0}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0}
li{list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}

:focus-visible{outline:2px solid var(--vrg);outline-offset:3px;border-radius:1px}

.atlama{
  position:fixed;top:0;left:0;z-index:200;
  transform:translateY(-120%);
  background:var(--vrg-koyu);color:#06171B;
  padding:.75rem 1.25rem;font-weight:600;
}
.atlama:focus{transform:translateY(0)}

/* ---------------------------------------------------------------- ölçekler */
.ic{max-width:var(--kap);margin-inline:auto;padding-inline:var(--kenar);width:100%}

.kus{padding-block:clamp(var(--b8),9vw,var(--b10));position:relative}
.kus--yzy{background:var(--yzy)}
.kus--cizgi{border-top:1px solid var(--cizgi)}

.b2{font-size:clamp(1.75rem,3vw,3rem);line-height:1.14;letter-spacing:-.015em;max-width:22ch}
.b3{font-size:clamp(1.5rem,2.2vw,2.125rem);line-height:1.15;letter-spacing:-.015em}
.b4{font-size:1.125rem;line-height:1.25;letter-spacing:-.01em}
.govde{max-width:62ch;line-height:1.72;color:#C3CCD6}

.etiket{
  font-size:var(--minik);letter-spacing:.15em;text-transform:uppercase;
  color:var(--sus);line-height:1.4;margin:0 0 var(--b4);font-weight:600;
}
.etiket--vrg{color:var(--vrg)}
.altyazi{font-size:var(--kucuk);color:var(--sus);line-height:1.55;max-width:52ch;margin:var(--b3) 0 0}
.gizliBaslik{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.bas{margin-bottom:var(--b7)}
.bas .b2{margin-bottom:var(--b4)}

/* tire listesi */
.tire{margin-top:var(--b5);display:grid;gap:var(--b3);max-width:62ch}
.tire li{position:relative;padding-left:1.6rem;color:#C3CCD6;line-height:1.65}
.tire li::before{
  content:"—";position:absolute;left:0;top:0;color:var(--vrg);font-variant-numeric:tabular-nums;
}

/* etiket–değer */
.veri{display:grid;gap:0;border-top:1px solid var(--cizgi)}
.veri > div{
  display:grid;grid-template-columns:minmax(9rem,38%) 1fr;gap:var(--b4);
  padding:.75rem 0;border-bottom:1px solid var(--cizgi);align-items:baseline;
}
.veri dt{font-size:var(--kucuk);color:var(--sus);letter-spacing:.01em}
.veri dd{font-size:var(--kucuk);font-variant-numeric:tabular-nums;color:var(--mrk)}
.veri dd a{border-bottom:1px solid var(--cizgi-2);transition:border-color var(--sr)}
.veri dd a:hover{border-color:var(--vrg)}
.veri--genis > div{grid-template-columns:minmax(11rem,42%) 1fr}
.veri--genis dt{color:var(--mrk);font-weight:600;font-variant-numeric:tabular-nums}
.veri--genis dd{color:var(--sus)}

/* düğme ve bağlantı */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 var(--b6);background:var(--vrg-koyu);color:#04191C;
  font-weight:600;font-size:var(--kucuk);letter-spacing:.02em;line-height:1;
  border:0;border-radius:0;cursor:pointer;
  transition:background var(--sr) var(--egri),transform var(--sr) var(--egri);
}
.dugme:hover{background:var(--vrg);transform:translateY(-2px)}
.baglanti{
  display:inline-flex;align-items:center;gap:.55rem;min-height:44px;
  font-size:var(--kucuk);font-weight:600;letter-spacing:.02em;position:relative;
}
.baglanti > span:first-child{position:relative;padding-bottom:3px}
.baglanti > span:first-child::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:currentColor;transform:scaleX(1);transform-origin:left;
  transition:transform var(--sr) var(--egri);
}
.baglanti:hover > span:first-child::after{transform:scaleX(0);transform-origin:right}
.baglanti .ok{transition:transform var(--sr) var(--egri);color:var(--vrg)}
.baglanti:hover .ok{transform:translateX(5px)}

/* görsel kabı */
.cerc{display:block;width:100%;overflow:hidden;position:relative}
.cerc img{width:100%;height:100%;object-fit:cover}
.par img{transition:transform 1.1s var(--egri)}
.par:hover img{transform:scale(1.03)}

/* ==================================================================== ÜST */
.ust{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(16,20,24,0);
  border-bottom:1px solid transparent;
  transition:background .4s var(--egri),border-color .4s var(--egri);
}
.ust::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,20,24,.88) 0%,rgba(16,20,24,.45) 55%,rgba(16,20,24,0) 100%);
  transition:opacity .4s var(--egri)}
.ust.kati::before{opacity:0}
.ust.kati{background:rgba(16,20,24,.94);border-bottom-color:var(--cizgi);backdrop-filter:blur(10px)}
.ust__ic{
  max-width:var(--kap);margin-inline:auto;padding:var(--b3) var(--kenar);
  display:flex;align-items:center;gap:var(--b5);
}
.marka{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;color:var(--mrk)}
.marka__im{width:38px;height:24px;color:var(--vrg);flex:none}
.marka__ad{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.0625rem;letter-spacing:-.01em}
.marka__ad em{font-style:normal;font-weight:400;color:var(--sus)}

.gez{margin-left:auto}
.gez__liste{display:flex;gap:var(--b5)}
.gez__liste a{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:var(--kucuk);color:#C3CCD6;position:relative;
}
.gez__liste a::after{
  content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:var(--vrg);
  transform:scaleX(0);transform-origin:left;transition:transform var(--sr) var(--egri);
}
.gez__liste a:hover{color:var(--mrk)}
.gez__liste a:hover::after{transform:scaleX(1)}

.ust__sag{display:flex;align-items:center;gap:var(--b4)}
.dil{display:flex;align-items:center;gap:.4rem}
.dil__d{
  background:none;border:0;cursor:pointer;padding:.5rem .35rem;min-height:44px;min-width:34px;
  font-size:var(--minik);letter-spacing:.12em;font-weight:600;color:var(--sus);
  transition:color var(--sr);
}
.dil__d[aria-pressed="true"]{color:var(--vrg)}
.dil__d:hover{color:var(--mrk)}
.dil__ayrac{width:1px;height:12px;background:var(--cizgi-2)}

.menuD{display:none;background:none;border:0;cursor:pointer;width:44px;height:44px;padding:10px}
.menuD span{display:block;height:1.5px;background:var(--mrk);transition:transform .3s var(--egri),opacity .3s}
.menuD span+span{margin-top:6px}
.menuD[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menuD[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}

/* =============================================================== KAHRAMAN */
.kah{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.kah__gor{position:absolute;inset:0;z-index:0}
.kah__gor img{width:100%;height:100%;object-fit:cover;opacity:.9;
  transform:scale(1.07);animation:kahAc 1.6s var(--egri) forwards}
.kah__gor::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(16,20,24,.95) 0%,rgba(16,20,24,.78) 30%,rgba(16,20,24,.28) 62%,rgba(16,20,24,.06) 100%),
             linear-gradient(0deg,rgba(16,20,24,.96) 0%,rgba(16,20,24,.2) 38%,rgba(16,20,24,0) 58%);
}
@keyframes kahAc{to{transform:scale(1)}}

.kah__ic{position:relative;z-index:1;max-width:var(--kap);margin-inline:auto;width:100%;
  padding:calc(var(--b10) + var(--b6)) var(--kenar) var(--b8)}
.kah__et{color:#A9B4C1;opacity:0;animation:yukari .8s var(--egri) .25s forwards}
.kah__b{
  font-size:clamp(2.75rem,9vw,6.5rem);line-height:1.05;letter-spacing:-.035em;
  font-weight:800;margin:0 0 var(--b5);
}
.satir{display:block;overflow:hidden}
.satir > span{display:block;padding-bottom:.16em;margin-bottom:-.16em;
  transform:translateY(105%);animation:satirAc .95s var(--egri) forwards}
.satir:nth-child(1) > span{animation-delay:.1s}
.satir:nth-child(2) > span{animation-delay:.22s;color:var(--vrg)}
@keyframes satirAc{to{transform:translateY(0)}}
@keyframes yukari{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.kah__p{max-width:52ch;color:#C7D0DA;opacity:0;animation:yukari .8s var(--egri) .5s forwards}
.kah__ey{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b6);margin-top:var(--b6);
  opacity:0;animation:yukari .8s var(--egri) .64s forwards}

.kah__serit{position:relative;z-index:1;border-top:1px solid var(--cizgi-2);
  background:linear-gradient(0deg,rgba(16,20,24,.92),rgba(16,20,24,.55))}
.serit{max-width:var(--kap);margin-inline:auto;padding:var(--b5) var(--kenar);
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--b5)}
.serit > div{opacity:0;animation:yukari .7s var(--egri) forwards}
.serit > div:nth-child(1){animation-delay:.78s}
.serit > div:nth-child(2){animation-delay:.86s}
.serit > div:nth-child(3){animation-delay:.94s}
.serit dt{font-size:var(--minik);letter-spacing:.14em;text-transform:uppercase;color:var(--sus);margin-bottom:.3rem}
.serit dd{font-family:'Archivo',sans-serif;font-weight:600;font-size:clamp(1.0625rem,1.6vw,1.375rem);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* ================================================================== KURUM */
.ikili{display:grid;grid-template-columns:7fr 5fr;gap:clamp(var(--b6),5vw,var(--b9));align-items:start}
.ikili__sol .b2{margin-bottom:var(--b5)}
.ikili__sag .cerc{aspect-ratio:4/5}
.ikili__sag{margin:0}

/* ================================================= YAPI · PATLATILMIŞ ÇİZİM */
.patlakKap{height:320svh;position:relative;margin-top:var(--b7)}
.patlakSahne{position:sticky;top:0;height:100svh;display:flex;align-items:center}
.patlakDuzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,30rem);
  gap:clamp(var(--b5),4vw,var(--b8));align-items:center;width:100%}

.patlak{width:100%;height:auto;max-height:72svh}
.patlak .sahne{transform-origin:360px 290px;transform:scale(calc(1 - var(--ac,0) * .08))}
.patlak .hat{fill:none;stroke:var(--mrk);stroke-width:2.2;stroke-linejoin:round}
.patlak .ince{stroke:var(--sus);stroke-width:1.2}
.patlak .dolgu{fill:rgba(47,199,199,.07);stroke:none}
.patlak .pc{transition:opacity .4s var(--egri),filter .4s var(--egri);
  transform:translate(calc(var(--dx,0px) * var(--ac,0)),calc(var(--dy,0px) * var(--ac,0)))}
.patlak .balon circle{fill:var(--bg);stroke:var(--vrg);stroke-width:1.4}
.patlak .balon text{fill:var(--vrg);font:600 15px 'Work Sans',sans-serif;font-variant-numeric:tabular-nums}
.patlak .lider{fill:none;stroke:var(--vrg);stroke-width:1;opacity:.6}
.patlak .disli{transform-origin:196px 216px;animation:donme 22s linear infinite}
@keyframes donme{to{transform:rotate(360deg)}}

.patlak .olcu{opacity:calc(1 - var(--ac,0) * 2.2)}
.patlak .olcu .ciz{fill:none;stroke:var(--vrg-koyu);stroke-width:1;
  stroke-dasharray:var(--uz,600);stroke-dashoffset:var(--uz,600)}
.patlak .olcu .uc{fill:none;stroke:var(--vrg-koyu);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.patlak .olcu text{fill:var(--vrg);font:500 15px 'Work Sans',sans-serif;font-variant-numeric:tabular-nums;opacity:0}
.patlakKap.gorunur .olcu .ciz{animation:cizil 1.1s var(--egri) forwards}
.patlakKap.gorunur .olcu .uc,
.patlakKap.gorunur .olcu text{animation:belir .5s ease .9s forwards}
@keyframes cizil{to{stroke-dashoffset:0}}
@keyframes belir{to{opacity:1}}

.patlak.seciliVar .pc{opacity:.22;filter:saturate(.4)}
.patlak.seciliVar .pc.aktif{opacity:1;filter:none}
.patlak.seciliVar .pc.aktif .hat{stroke:var(--vrg)}
.patlakNot{margin-top:var(--b4);display:flex;gap:.5rem;font-variant-numeric:tabular-nums}
.patlakYuzde{color:var(--vrg);font-weight:600}

.parcalar{border-top:1px solid var(--cizgi)}
.parcalar li{border-bottom:1px solid var(--cizgi)}
.parcaD{
  width:100%;display:grid;grid-template-columns:2.5rem 1fr auto;gap:var(--b3);align-items:center;
  background:none;border:0;cursor:pointer;text-align:left;padding:.85rem 0;min-height:48px;
  transition:color var(--sr);
}
.parcaD:hover{color:var(--vrg)}
.parcaD .no{font-size:var(--minik);color:var(--vrg);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.parcaD .ad{font-size:var(--kucuk);font-weight:600}
.parcaD .isaret{width:11px;height:11px;position:relative;flex:none}
.parcaD .isaret::before,.parcaD .isaret::after{
  content:"";position:absolute;background:currentColor;transition:transform var(--sr) var(--egri)}
.parcaD .isaret::before{left:0;top:5px;width:11px;height:1.5px}
.parcaD .isaret::after{left:5px;top:0;width:1.5px;height:11px}
.parcaD[aria-expanded="true"]{color:var(--vrg)}
.parcaD[aria-expanded="true"] .isaret::after{transform:scaleY(0)}
.parcaDetay{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--egri)}
.parcaDetay > div{min-height:0;overflow:hidden}
.parcaDetay.acik{grid-template-rows:1fr}
.parcaDetay .veri{border-top:0;margin-bottom:var(--b4)}
.parcaDetay .veri > div:last-child{border-bottom:0}
.parcaNot{font-size:var(--kucuk);color:var(--sus);padding-bottom:var(--b4);max-width:44ch}
.toplam{margin-top:var(--b4);font-size:var(--kucuk);color:var(--sus);font-variant-numeric:tabular-nums}
.toplam b{color:var(--mrk);font-weight:600}

/* ============================================================== MAKİNELER */
.mak{padding-block:clamp(var(--b7),5vw,var(--b9));border-top:1px solid var(--cizgi)}
.mak:first-of-type{border-top:0;padding-top:0}
.mak__gor--genis .cerc{aspect-ratio:2.4/1}
.mak__gor{margin:0}
.mak__ic{display:grid;grid-template-columns:7fr 5fr;gap:clamp(var(--b6),5vw,var(--b8));align-items:start;
  margin-top:var(--b6)}
.mak__yazi .etiket{margin-bottom:var(--b3)}
.mak__yazi .b3{margin-bottom:var(--b4)}
.mak__yazi .govde{margin-bottom:var(--b5)}
.mak__yan{display:grid;grid-template-columns:5fr 6fr;gap:clamp(var(--b6),5vw,var(--b8));align-items:center}
.mak--ters .mak__yan{grid-template-columns:6fr 5fr}
.mak__yan .mak__ic{grid-template-columns:1fr;gap:var(--b5);margin-top:0}
.mak__gor--dar .cerc{aspect-ratio:4/3.2}
.notSatir{color:var(--sus);font-size:var(--kucuk);margin-top:var(--b6)}
.fiyat{color:var(--vrg)}

.alinti{
  margin:clamp(var(--b7),6vw,var(--b9)) 0;padding:var(--b6) 0;
  border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
}
.alinti p{
  font-family:'Archivo',sans-serif;font-weight:500;
  font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.32;letter-spacing:-.015em;max-width:34ch;
}
.alinti p::before{content:"“";color:var(--vrg);margin-left:-.5ch}
.alinti p::after{content:"”";color:var(--vrg)}
.alinti footer{margin-top:var(--b4);font-size:var(--kucuk);color:var(--sus)}

/* ================================================================ SAYILAR */
.sayilar{display:grid;grid-template-columns:repeat(4,1fr)}
.sayilar > div{padding:var(--b2) var(--b5) var(--b2) 0;border-left:1px solid var(--cizgi);padding-left:var(--b5)}
.sayilar > div:first-child{border-left:0;padding-left:0}
.sayi{font-family:'Archivo',sans-serif;font-weight:700;
  font-size:clamp(2.5rem,5.5vw,4.25rem);line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:var(--mrk)}
.sayilar dt{margin-top:var(--b3);font-size:var(--minik);letter-spacing:.13em;
  text-transform:uppercase;color:var(--sus);line-height:1.5}

/* ================================================================== SÜREÇ */
.bant{margin:0 0 clamp(var(--b7),6vw,var(--b9))}
.bant .cerc{aspect-ratio:3.4/1}
.bant .cerc img{transform:translateY(var(--par,0px)) scale(1.1)}
.bantAlt{max-width:var(--kap);margin:var(--b4) auto 0;padding-inline:var(--kenar)}
.bantAlt .altyazi{display:block;margin-top:0;max-width:64ch}

.rayKap{margin-top:var(--b6)}
.rayUst{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--b5);margin-bottom:var(--b4)}
.rayUst .altyazi{margin:0}
.rayD{display:flex;gap:var(--b2)}
.okD{width:48px;height:48px;background:none;border:1px solid var(--cizgi-2);color:var(--mrk);
  cursor:pointer;font-size:1rem;line-height:1;
  transition:border-color var(--sr),color var(--sr),transform var(--sr) var(--egri)}
.okD:hover{border-color:var(--vrg);color:var(--vrg)}
.okD:active{transform:scale(.94)}
.ray{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  --rayKenar:calc(max(0px,(100% - var(--kap)) / 2) + var(--kenar));
  padding-inline:var(--rayKenar);scroll-padding-inline:var(--rayKenar)}
.ray::-webkit-scrollbar{display:none}
.ray__liste{display:flex;gap:0;width:max-content}
.ray__liste li{
  width:min(21rem,78vw);flex:none;scroll-snap-align:start;
  padding:var(--b5) var(--b5) var(--b6) 0;margin-right:var(--b5);
  border-top:1px solid var(--cizgi);
  transition:border-color var(--sr);
}
.ray__liste li:hover{border-top-color:var(--vrg)}
.ray__no{display:block;font-size:var(--minik);letter-spacing:.14em;color:var(--vrg);
  font-variant-numeric:tabular-nums;margin-bottom:var(--b4)}
.ray__liste h3{margin-bottom:var(--b3)}
.ray__liste p{font-size:var(--kucuk);color:#B4BEC9;line-height:1.65}

.kaliteBlok{display:grid;grid-template-columns:6fr 6fr;gap:clamp(var(--b6),5vw,var(--b8));
  align-items:start;margin-top:clamp(var(--b8),7vw,var(--b9));
  padding-top:clamp(var(--b7),5vw,var(--b8));border-top:1px solid var(--cizgi)}
.kaliteBlok .b3{margin-bottom:var(--b4);max-width:20ch}

/* =============================================================== İLETİŞİM */
.iletDuzen{display:grid;grid-template-columns:5fr 7fr;gap:clamp(var(--b6),5vw,var(--b9));align-items:start}
.iletBilgi .veri + .veri{margin-top:var(--b6)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:var(--b5)}
.alan{display:flex;flex-direction:column;gap:var(--b2)}
.alan--tam{grid-column:1/-1}
.alan label{font-size:var(--minik);letter-spacing:.13em;text-transform:uppercase;color:var(--sus);font-weight:600}
.alan input,.alan select,.alan textarea{
  background:transparent;border:0;border-bottom:1px solid var(--cizgi-2);
  padding:.65rem 0;min-height:44px;border-radius:0;font-size:var(--kucuk);
  transition:border-color var(--sr);
}
.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 8px center,right 3px center;background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;padding-right:1.5rem}
.alan select option{background:var(--yzy);color:var(--mrk)}
.alan textarea{resize:vertical;line-height:1.6}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-bottom-color:var(--vrg);outline-offset:6px}
.alan.hatali input,.alan.hatali textarea{border-bottom-color:#E36B5C}
.alanHata{font-size:var(--minik);color:#E7897C;letter-spacing:.01em}
.formNot{grid-column:1/-1;font-size:var(--minik);color:var(--sus);line-height:1.6}
.form .dugme{grid-column:1/-1;justify-self:start}
.formDurum{grid-column:1/-1;font-size:var(--kucuk);color:var(--vrg);min-height:1.4em}

/* ================================================================== ALT */
.alt{border-top:1px solid var(--cizgi);padding-block:var(--b8) var(--b6);background:var(--bg)}
.altDuzen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--b6)}
.altAdres{margin-top:var(--b4);font-size:var(--kucuk);color:var(--sus);max-width:44ch}
.altLinkler{display:grid;gap:var(--b2)}
.altLinkler a{font-size:var(--kucuk);color:var(--sus);display:flex;min-height:44px;align-items:center;
  transition:color var(--sr)}
.altLinkler a:hover{color:var(--vrg)}
.altSon{margin-top:var(--b8);padding-top:var(--b5);position:relative;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--b3);
  font-size:var(--minik);color:var(--sus)}
.altSon::before{content:"";position:absolute;top:0;left:var(--kenar);right:var(--kenar);
  height:1px;background:var(--cizgi)}

/* ============================================================== GİRİŞ HAR. */
.gir{opacity:0;transform:translateY(28px);
  transition:opacity .85s var(--egri),transform .85s var(--egri)}
.gir.ac{opacity:1;transform:none}

/* ============================================================== DUYARLILIK */
@media (max-width:1060px){
  .gez{
    position:fixed;inset:0 0 auto;top:0;margin:0;
    background:var(--bg);
    padding:6rem var(--kenar) var(--b8);
    transform:translateY(-101%);visibility:hidden;
    transition:transform .45s var(--egri),visibility 0s .45s;
    border-bottom:1px solid var(--cizgi);
  }
  .gez.acik{transform:translateY(0);visibility:visible;transition:transform .45s var(--egri),visibility 0s 0s}
  .gez__liste{flex-direction:column;gap:0}
  .gez__liste li{border-bottom:1px solid var(--cizgi)}
  .gez__liste a{min-height:56px;font-size:1.125rem;width:100%}
  .gez__liste a::after{display:none}
  .menuD{display:block}
  .ust__sag{margin-left:auto}
}
@media (max-width:900px){
  .ikili,.mak__ic,.mak__yan,.mak--ters .mak__yan,.kaliteBlok,.iletDuzen,.patlakDuzen{
    grid-template-columns:1fr}
  .mak--ters .mak__yan > .mak__ic{order:2}
  .ikili__sag .cerc{aspect-ratio:16/10}
  .mak__gor--genis .cerc{aspect-ratio:16/9}
  .patlakKap{height:auto;margin-top:var(--b6)}
  .patlakSahne{position:static;height:auto;display:block}
  .patlakDuzen{gap:var(--b6)}
  .patlak{max-height:none}
  .form{grid-template-columns:1fr}
  .serit{grid-template-columns:1fr;gap:var(--b4)}
  .sayilar{grid-template-columns:1fr 1fr;gap:var(--b6) 0}
  .sayilar > div:nth-child(3){border-left:0;padding-left:0}
  .bant .cerc{aspect-ratio:16/9}
}
@media (max-width:560px){
  .ust__ic{gap:var(--b3)}
  .ust__sag{gap:var(--b2)}
  .marka{gap:.5rem}
  .marka__im{width:30px;height:19px}
  .marka__ad{font-size:.9375rem}
  .dil__d{min-width:30px;padding-inline:.2rem}
  .veri > div{grid-template-columns:1fr;gap:.15rem}
  .kah__ey{gap:var(--b5)}
  .altSon{flex-direction:column}
}

/* ========================================================== AZ HAREKET */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .gir{opacity:1;transform:none}
  .satir > span{transform:none}
  .kah__et,.kah__p,.kah__ey,.serit > div{opacity:1;transform:none}
  .kah__gor img{transform:none}
  .patlak .olcu .ciz{stroke-dashoffset:0}
  .patlak .olcu .uc,.patlak .olcu text{opacity:1}
  .bant .cerc img{transform:scale(1.02)}
  .parcaDetay{transition:none}
}