/* Peak Commerce · ortak katman (şefin dosyası; sayfalar kendi CSS'ine yazar, buraya değil)
   Tasarım dili v1 "Işık ve veri" (00-TASARIM-DILI.md) + kimlik v2 + 13 Eki: barlar cam (glassmorphism). */
@font-face{font-family:Geist;src:url(../font/Geist.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:DMS;src:url(../font/DMSerifDisplay-Italic.ttf) format("truetype");font-style:italic;font-weight:400;font-display:swap}

:root{
  --gece:#05070F; --kobalt:#1E50FF; --kobalt-acik:#2F6BFF; --buz:#7FD4FF; --lacivert:#0B1B6B;
  --metin:#C9D2EA; --soluk:#8F9BBD; --kart:rgba(255,255,255,.05); --cizgi:rgba(127,212,255,.18);
  color-scheme:dark;
  --kenar:clamp(20px,4.4vw,80px); --genis:1440px;
  /* cam: yarı saydam gece + bulanık arka + ince buz çizgisi + üstte ışık sızıntısı */
  --cam-zemin:rgba(10,15,34,.46); --cam-zemin-koyu:rgba(7,10,24,.72); --cam-cizgi:rgba(127,212,255,.16);
  --cam-bulan:blur(20px) saturate(150%);
  --cam-golge:inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 0 1px rgba(127,212,255,.04), 0 10px 40px -12px rgba(0,0,0,.6);
  --egri:cubic-bezier(.16,.84,.2,1);
  --gren:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>");
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--gece);overflow-x:clip;-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
/* body iki yönde de kırpar: bölüm ışıkları bölüm sınırında kesilmez (Revize 2, dikişler), ama sayfanın altından/yanından taşıp sayfayı uzatmaz */
body{background:var(--gece);color:#fff;font-family:Geist,system-ui,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased;overflow:clip;min-height:100vh}
/* overflow:clip tanımayan eski tarayıcı (Safari < 16): yatay kırpmayı görüntü alanı yapar (html'in taşması görüntü alanına geçer; body kaydırma kabı olmaz, yapışkanlar bozulmaz) */
@supports not (overflow:clip){ html{overflow-x:hidden} }
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(30,80,255,.55);color:#fff}
:focus-visible{outline:2px solid var(--buz);outline-offset:3px;border-radius:6px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:fixed;left:16px;top:-60px;z-index:100;background:var(--kobalt);padding:10px 16px;border-radius:10px;font-weight:600}
.atla:focus{top:16px}
#icerik:focus{outline:0}

/* gren: bütün koyu yüzeyin üstünde, sabit */
.gren{position:fixed;inset:0;background:var(--gren);opacity:.16;mix-blend-mode:overlay;pointer-events:none;z-index:90}

/* ---------- cam ---------- */
.cam{background:var(--cam-zemin);-webkit-backdrop-filter:var(--cam-bulan);backdrop-filter:var(--cam-bulan);
  border:1px solid var(--cam-cizgi);box-shadow:var(--cam-golge)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .cam{background:var(--cam-zemin-koyu)} }

/* ---------- üst bar: yüzen cam ---------- */
.ust{position:fixed;top:14px;left:max(14px,calc(var(--kenar) - 22px));right:max(14px,calc(var(--kenar) - 22px));z-index:80;
  display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;padding:0 10px 0 24px;border-radius:18px;
  transition:transform .5s var(--egri),background .4s,opacity .8s}
.ust:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(100deg,rgba(127,212,255,.10),rgba(127,212,255,0) 30%,rgba(127,212,255,0) 70%,rgba(30,80,255,.10));opacity:.8}
.ust.sakli{transform:translateY(calc(-100% - 20px))}
.ust .logo{position:relative;display:flex;align-items:center;height:100%}
.ust .logo img{height:22px;width:auto}
.menu{position:relative;display:flex;align-items:center;gap:6px;font-size:15px;color:var(--metin)}
.menu a:not(.dug){padding:9px 14px;border-radius:11px;transition:color .2s,background .2s}
.menu a:not(.dug):hover{color:#fff;background:rgba(127,212,255,.07)}
.menu a[aria-current=page]{color:#fff;background:rgba(127,212,255,.1)}
.menu .dug{margin-left:10px}
.menu-ac{display:none;position:relative;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;background:none;border:0;cursor:pointer;
  color:#fff;font-size:15px;font-weight:600}
.menu-ac i{position:relative;width:18px;height:10px}
.menu-ac i:before,.menu-ac i:after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;border-radius:2px;transition:transform .35s var(--egri),top .35s var(--egri)}
.menu-ac i:before{top:0}.menu-ac i:after{top:8px}
.menu-acik .menu-ac i:before{top:4px;transform:rotate(45deg)}
.menu-acik .menu-ac i:after{top:4px;transform:rotate(-45deg)}
.mobil-menu{position:fixed;top:88px;left:12px;right:12px;z-index:79;border-radius:20px;padding:10px;display:grid;gap:2px;
  opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .3s,transform .4s var(--egri),visibility 0s .4s;background:var(--cam-zemin-koyu);
  visibility:hidden}
/* kapalı menü Tab'a ve ekran okuyucuya görünmez (tarama u3); visibility kapanışta solma bitince düşer, açılışta hemen gelir */
.menu-acik .mobil-menu{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.mobil-menu a{padding:15px 16px;border-radius:13px;font-size:18px;font-weight:500;color:var(--metin);display:flex;justify-content:space-between}
.mobil-menu a[aria-current=page]{color:#fff;background:rgba(127,212,255,.08)}
.mobil-menu a:after{content:"→";color:var(--soluk)}
.mobil-menu .dug{margin-top:8px;justify-content:center;font-size:17px}
.mobil-menu .dug:after{content:none}

/* ---------- düzen ---------- */
.kap{width:min(var(--genis),100% - 2*var(--kenar));margin-inline:auto}
.dar{max-width:760px}
/* Revize 2 (Arda: "Site tek ekranmış gibi gözükmeli", "gereksiz boşluk"): bölüm ışığı kesilmez (overflow yok), boşluklar sıkı */
.bolum{position:relative;padding:clamp(64px,6vw,108px) 0}
.bolum.sik{padding:clamp(48px,4.4vw,80px) 0}
.bolum>.kap{position:relative;z-index:2}
.izgara{display:grid;gap:16px}
.izgara.i2{grid-template-columns:repeat(2,minmax(0,1fr))}
.izgara.i3{grid-template-columns:repeat(3,minmax(0,1fr))}
.izgara.i4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bolum-bas{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 64px;align-items:end;margin-bottom:clamp(30px,3.2vw,52px)}
.bolum-bas .govde{font-size:clamp(17px,1.2vw,20px);max-width:560px}
.bolum-bas.tek{grid-template-columns:1fr}

/* tek kobalt ışık: filtresiz çok duraklı radyal (blur titriyor, 13 Eki dersi) */
.isik{position:absolute;z-index:0;pointer-events:none;width:min(1100px,120vw);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(30,80,255,.34),rgba(30,80,255,.2) 28%,rgba(30,80,255,.09) 52%,rgba(11,27,107,.04) 72%,rgba(11,27,107,0))}
.isik.sag-ust{right:-28%;top:-38%}.isik.sol-alt{left:-30%;bottom:-45%}.isik.sag-alt{right:-30%;bottom:-48%}
.isik.sol-ust{left:-30%;top:-40%}.isik.orta{left:50%;top:50%;transform:translate(-50%,-50%)}.isik.alt{left:50%;bottom:-62%;transform:translateX(-50%)}
.isik.kucuk{width:min(700px,90vw)}

/* ---------- yazı ---------- */
.etiket{font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--buz);font-size:13px;line-height:1.4}
.etiket.soluk{color:var(--soluk)}
.baslik{font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
.baslik i{font-family:DMS,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em;font-size:1.06em;color:var(--buz)}
.b-dev{font-size:clamp(50px,7.6vw,140px)}
.b1{font-size:clamp(38px,4.8vw,88px)}
.b2{font-size:clamp(30px,3vw,52px)}
.b3{font-size:clamp(22px,1.8vw,30px)}
.bolum-bas .etiket+.baslik,.etiket+.baslik{margin-top:20px}
.govde{color:var(--metin);line-height:1.38}
.govde.buyuk{font-size:clamp(18px,1.4vw,24px)}
.govde p+p{margin-top:.8em}
.soluk{color:var(--soluk)}
.dipnot{font-size:13.5px;color:var(--soluk);line-height:1.45}
.sayi{font-weight:300;letter-spacing:-.05em;line-height:.86;font-variant-numeric:tabular-nums}
.soz{font-family:DMS,serif;font-style:italic;font-weight:400;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.soz em{font-style:italic;color:var(--buz)}
h3.kart-bas,.kart-bas{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:#fff}

/* ---------- düğme ---------- */
.dug{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--kobalt);color:#fff;font-weight:600;font-size:16px;
  padding:15px 26px;border-radius:13px;border:0;cursor:pointer;transition:background .2s,transform .25s var(--egri),box-shadow .3s;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.dug:hover{background:var(--kobalt-acik)}
.dug:active{transform:scale(.98)}
.dug.kucuk{padding:11px 18px;font-size:15px;border-radius:12px}
.dug.ikincil{background:rgba(255,255,255,.04);border:1px solid var(--cizgi);box-shadow:none}
.dug.ikincil:hover{background:rgba(127,212,255,.08);border-color:rgba(127,212,255,.32)}
.dug[disabled],.dug.kapali{opacity:.45;pointer-events:none}
.sessiz{color:var(--buz);font-weight:500;font-size:16px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;background:none;border:0}
.sessiz span{transition:transform .25s var(--egri)}
.sessiz:hover span{transform:translateX(4px)}
.satir{display:flex;align-items:center;gap:16px 30px;flex-wrap:wrap}

/* ---------- kutu ---------- */
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:clamp(22px,2vw,32px);position:relative}
.kutu.vurgu{border-color:rgba(127,212,255,.42);background:linear-gradient(180deg,rgba(30,80,255,.12),rgba(255,255,255,.03))}
a.kutu{transition:border-color .3s,background .3s,transform .5s var(--egri)}
a.kutu:hover{border-color:rgba(127,212,255,.4);background:rgba(127,212,255,.06)}
.no{font-weight:600;font-size:13px;letter-spacing:.12em;color:var(--buz)}
.cizgi-ust{border-top:1px solid var(--cizgi)}
.liste-cizgi{list-style:none}
.liste-cizgi li{padding:14px 0;border-top:1px solid rgba(127,212,255,.1);color:var(--metin);line-height:1.38}
.liste-cizgi li:first-child{border-top:0}
.liste-nokta{list-style:none;display:grid;gap:10px}
.liste-nokta li{position:relative;padding-left:22px;color:var(--metin);line-height:1.38}
.liste-nokta li:before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--buz)}

/* adım listesi (01 … 05) */
.adimlar{display:grid;gap:12px;counter-reset:a}
.adim{display:grid;grid-template-columns:56px 1fr;gap:6px 14px;padding:22px 24px}
.adim b{font-size:19px;font-weight:600;color:#fff}
.adim p{grid-column:2;color:var(--metin);line-height:1.38}

/* ---------- veri biçimleri ---------- */
/* satır satır çubuk tablosu (tasarım dili §6, örnek 06) */
.cubuklar{display:grid;gap:10px}
.cubuk-s{display:grid;grid-template-columns:minmax(120px,190px) 1fr minmax(64px,auto);align-items:center;gap:16px}
.cubuk-s .ad{color:var(--metin);font-size:15px}
.cubuk-s .deger{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;color:#fff}
.cubuk-yol{height:34px;border-radius:7px;background:rgba(127,212,255,.05);position:relative;overflow:hidden}
.cubuk{position:absolute;left:0;top:0;bottom:0;border-radius:7px;width:var(--w,0%);background:linear-gradient(90deg,var(--kobalt),var(--kobalt-acik));
  transition:width 1.1s var(--egri)}
.cubuk.son{background:linear-gradient(90deg,var(--buz),#fff)}
.cubuk.tarali{background:repeating-linear-gradient(135deg,rgba(127,212,255,.42) 0 2px,rgba(127,212,255,.06) 2px 8px)}
.cubuk.bos{background:none;border:1px dashed rgba(127,212,255,.4)}
.cubuk-s.son .ad,.cubuk-s.son .deger{color:var(--buz);font-weight:600}
.bekle .cubuk{width:0}
/* tek yatay çubuk, üç durumlu (düşen · şimdi düşen · kalan) */
.uc-durum{display:flex;height:40px;border-radius:8px;overflow:hidden;gap:3px}
.uc-durum>i{display:block;height:100%;transition:flex-basis .8s var(--egri)}
.uc-durum .dusen{background:repeating-linear-gradient(135deg,rgba(127,212,255,.3) 0 2px,rgba(127,212,255,.04) 2px 8px)}
.uc-durum .simdi{background:var(--buz)}
.uc-durum .kalan{background:linear-gradient(90deg,var(--kobalt),var(--kobalt-acik))}
/* nokta ızgarası: dolan buz mavisi, boş çizgi */
.noktalar{display:flex;flex-wrap:wrap;gap:8px}
.noktalar i{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(127,212,255,.45)}
.noktalar i.dolu{border-color:var(--buz);background:var(--buz);box-shadow:0 0 12px rgba(127,212,255,.6)}
.noktalar.kucuk{gap:5px}.noktalar.kucuk i{width:8px;height:8px;border-width:1px}
/* dev sayı + birim */
.dev-sayi{display:flex;align-items:baseline;gap:10px}
.dev-sayi .sayi{font-size:clamp(72px,9vw,168px)}
.dev-sayi .birim{font-size:clamp(18px,1.6vw,26px);color:var(--buz);font-weight:500}

/* ---------- garanti kutusu (K2: tek bileşen) ---------- */
.garanti{position:relative;border-radius:26px;padding:clamp(28px,4vw,64px);overflow:hidden;
  background:linear-gradient(160deg,rgba(30,80,255,.16),rgba(11,27,107,.12) 40%,rgba(255,255,255,.02));border:1px solid rgba(127,212,255,.3)}
.garanti .soz{font-size:clamp(30px,3.4vw,58px);max-width:20ch;margin-top:20px}
.garanti .ek{margin-top:16px;color:var(--metin);font-size:clamp(17px,1.3vw,21px)}
.garanti-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(28px,3vw,44px)}
.garanti-izgara>div{padding:18px 20px;border-radius:16px;background:rgba(5,7,15,.42);border:1px solid rgba(127,212,255,.12)}
.garanti-izgara b{display:block;color:var(--buz);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:8px}
.garanti-izgara p{color:var(--metin);font-size:15px;line-height:1.4}
.garanti-borc{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px 32px;padding:20px;border-radius:16px;background:rgba(5,7,15,.42);border:1px solid rgba(127,212,255,.12)}
.garanti-borc .liste-nokta li{font-size:15px}

/* ---------- kontenjan ---------- */
.kontenjan{display:grid;gap:18px;padding:24px 26px;border-radius:20px}
.kontenjan .satir-k{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 18px}
.kontenjan .satir-k b{font-weight:600;color:#fff}
.kontenjan .satir-k span{color:var(--soluk);font-size:14px;grid-column:1}
.kontenjan .noktalar{grid-row:1/3;grid-column:2}

/* ---------- SSS ---------- */
.sorular{display:grid;gap:10px}
details.soru{border-radius:18px;background:var(--kart);border:1px solid var(--cizgi);transition:border-color .3s,background .3s}
details.soru[open]{border-color:rgba(127,212,255,.34);background:rgba(127,212,255,.05)}
details.soru summary{list-style:none;cursor:pointer;padding:22px 64px 22px 24px;font-size:clamp(17px,1.25vw,20px);font-weight:600;position:relative;line-height:1.3}
details.soru summary::-webkit-details-marker{display:none}
details.soru summary:after{content:"";position:absolute;right:26px;top:50%;width:12px;height:12px;margin-top:-8px;border-right:1.5px solid var(--buz);border-bottom:1.5px solid var(--buz);
  transform:rotate(45deg);transition:transform .35s var(--egri)}
details.soru[open] summary:after{transform:rotate(225deg);margin-top:-2px}
details.soru .cevap{padding:0 24px 24px;color:var(--metin);line-height:1.45;max-width:780px}
details.soru .cevap p+p{margin-top:.7em}
details.soru .cevap a{color:var(--buz)}

/* ---------- sayfa girişi (iç sayfalar) ---------- */
.sayfa-giris{position:relative;padding:clamp(170px,19vw,260px) 0 clamp(70px,8vw,120px)}
.sayfa-giris .baslik{max-width:15ch}
.sayfa-giris .govde{margin-top:30px;font-size:clamp(18px,1.45vw,24px);max-width:680px}
.sayfa-giris .satir{margin-top:40px}
.yol-izi{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--soluk);letter-spacing:.06em;margin-bottom:26px}
.yol-izi a:hover{color:#fff}
.yol-izi span{opacity:.5}

/* alt menü: sayfa içi cam şerit (yapışkan) */
.alt-menu{position:sticky;top:92px;z-index:30;margin:0 auto;width:max-content;max-width:calc(100% - 28px);display:flex;gap:4px;padding:6px;border-radius:16px;overflow-x:auto;scrollbar-width:none}
.alt-menu::-webkit-scrollbar{display:none}
.alt-menu{transition:top .5s var(--egri)}
.ust.sakli ~ main .alt-menu{top:14px}
.alt-menu a{padding:10px 16px;border-radius:11px;font-size:14px;font-weight:500;color:var(--metin);white-space:nowrap;transition:color .2s,background .2s}
.alt-menu a:hover{color:#fff}
.alt-menu a.bu{background:rgba(127,212,255,.12);color:#fff}

/* ---------- form ---------- */
.alan{display:grid;gap:8px}
.alan label,.alan .ad{font-size:15px;font-weight:500;color:#fff}
.alan small{font-size:13px;color:var(--soluk)}
.girdi,select.girdi,textarea.girdi{width:100%;min-height:52px;padding:14px 16px;border-radius:13px;background:rgba(5,7,15,.55);border:1px solid rgba(127,212,255,.2);
  color:#fff;font-size:16px;transition:border-color .2s,background .2s;appearance:none;-webkit-appearance:none}
.girdi:hover{border-color:rgba(127,212,255,.34)}
.girdi:focus{outline:0;border-color:var(--buz);background:rgba(5,7,15,.75);box-shadow:0 0 0 4px rgba(127,212,255,.1)}
.girdi::placeholder{color:rgba(143,155,189,.6)}
select.girdi{background-image:linear-gradient(45deg,transparent 50%,var(--buz) 50%),linear-gradient(135deg,var(--buz) 50%,transparent 50%);
  background-position:calc(100% - 22px) 23px,calc(100% - 17px) 23px;background-size:5px 5px;background-repeat:no-repeat;padding-right:44px}
select.girdi option{background:#0a0f22;color:#fff}
textarea.girdi{min-height:120px;resize:vertical}
.girdi-birim{position:relative}
.girdi-birim .girdi{padding-right:52px;font-variant-numeric:tabular-nums}
.girdi-birim .birim{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--soluk);font-size:15px;pointer-events:none}
.onay{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;color:var(--metin);font-size:15px;line-height:1.4;cursor:pointer}
.onay input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(127,212,255,.45);background:rgba(5,7,15,.5);display:grid;place-items:center;cursor:pointer;margin-top:1px}
.onay input:checked{background:var(--kobalt);border-color:var(--kobalt)}
.onay input:checked:after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.alan.hatali .girdi{border-color:var(--buz);box-shadow:0 0 0 4px rgba(127,212,255,.14)}
.hata-not{font-size:13.5px;color:var(--buz)}

/* ---------- son çağrı + altbilgi ---------- */
.son-cagri{text-align:center}
.son-cagri .baslik{margin:22px auto 0;max-width:14ch}
.son-cagri .govde{margin:26px auto 0;max-width:560px;font-size:clamp(17px,1.25vw,20px)}
.son-cagri .satir{justify-content:center;margin-top:38px}
footer.alt{position:relative;border-top:1px solid rgba(127,212,255,.1);padding:72px 0 40px}
.alt-izgara{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.alt .logo img{height:24px;width:auto}
.alt h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);font-weight:600;margin-bottom:16px}
.alt ul{list-style:none;display:grid;gap:10px}
.alt ul a{color:var(--metin);font-size:15px;transition:color .2s}
.alt ul a:hover{color:#fff}
.alt-dip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:64px;padding-top:24px;border-top:1px solid rgba(127,212,255,.08);font-size:13.5px;color:var(--soluk)}

/* ---------- giriş hareketleri ---------- */
.kelime{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .03em .12em;margin-bottom:-.12em}
.kelime>span{display:inline-block;transform:translateY(108%);transition:transform 1.05s var(--egri);transition-delay:var(--g,0s)}
.acik .kelime>span,.kelime.acik>span{transform:none}
.belir{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s var(--egri);transition-delay:var(--g,0s)}
.belir.acik,.acik>.belir,.acik .belir{opacity:1;transform:none}
.js-yok .belir{opacity:1;transform:none}.js-yok .kelime>span{transform:none}

/* ---------- telefon ---------- */
@media (max-width:1100px){
  .menu a:not(.dug){padding:9px 10px}
  .garanti-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .izgara.i4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .menu a:not(.dug){display:none}
  .menu-ac{display:inline-flex}
  .bolum-bas{grid-template-columns:1fr;align-items:start}
  .izgara.i3{grid-template-columns:1fr}
  .alt-izgara{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .ust{top:10px;left:10px;right:10px;height:58px;padding:0 6px 0 18px;border-radius:16px}
  .ust .logo img{height:18px}
  .menu .dug{margin-left:0;padding:10px 14px}
  .mobil-menu{top:76px;left:10px;right:10px}
  .izgara.i2,.izgara.i4{grid-template-columns:1fr}
  .garanti-izgara,.garanti-borc{grid-template-columns:1fr}
  .cubuk-s{grid-template-columns:1fr auto;gap:6px 12px}
  .cubuk-s .cubuk-yol{grid-column:1/-1;grid-row:2;height:26px}
  .adim{grid-template-columns:40px 1fr;padding:18px}
  .alt-menu{top:80px}
  .alt-izgara{grid-template-columns:1fr}
  .kontenjan .satir-k{grid-template-columns:1fr}
  .kontenjan .noktalar{grid-row:auto;grid-column:1}
  .sayfa-giris{padding-top:140px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .belir{opacity:1;transform:none}.kelime>span{transform:none}
}