/* Peak · telefon tasarımı (Revize 1 · j). Arda'nın onayladığı maket: maket2/mobil (kararlar raporlar/g-mobil/RAPOR.md 1-19).
   Her sayfanın en sonunda yüklenir. Telefon kuralları yalnız @media (max-width:640px) altında; masaüstü (1800×1050) değişmez.
   Bu dosyada medya sorgusu dışında yalnız: telefona özel öğeleri masaüstünde gizleyen kurallar ve tekil iş simgeleri. */

/* ---------- masaüstünde görünmeyen telefon öğeleri ---------- */
.m-var,.raf-alt,.menu-perde,.sekmeler,.ust .geri{display:none}
.m-govde-ic{display:contents}

/* ---------- tekil iş simgeleri (k-simge-v2; Arda: "Duruşta Şerit, dokununca Katman") ----------
   Dururken yalnız ön kat görünür, tek renk beyaz (Şerit). Karta gelince / dokununca arka katlar logodaki gibi yukarı açılır,
   buz ve kobalt görünür (Katman). Masaüstünde de: ana sayfa "Tek tek işler" rafı ve hizmetler tablosu. */
.simge{display:block;flex:none}
.simge svg,.simge img{display:block;width:100%;height:100%;overflow:visible}
.simge .k2,.simge .k3{opacity:0;transform:translateY(0);transition:transform .6s var(--egri),opacity .35s}
.simge svg{transition:transform .55s var(--egri)}
.tekil-k .simge{width:56px;height:56px;margin-bottom:6px}
.tablo-s .simge{width:40px;height:40px}
@media (hover:hover){
  a:hover>.simge svg,a:focus-visible>.simge svg{transform:translateY(-3px)}
  a:hover>.simge .k2,a:focus-visible>.simge .k2{opacity:1;transform:translateY(-3px)}
  a:hover>.simge .k3,a:focus-visible>.simge .k3{opacity:1;transform:translateY(-6px)}
}
a:active>.simge .k2,a.basili>.simge .k2{opacity:1;transform:translateY(-3px)}
a:active>.simge .k3,a.basili>.simge .k3{opacity:1;transform:translateY(-6px)}
a.basili>.simge svg{transform:translateY(-3px)}
/* hizmetler tablosu: simge sütunu (masaüstü) */
@media (min-width:961px){
  .tablo-bas,.tablo-s{grid-template-columns:44px 40px minmax(0,1.5fr) minmax(0,.7fr) minmax(0,1fr) 36px}
}
@media (max-width:960px){
  .tablo-s{grid-template-columns:40px minmax(0,1fr) 24px}
  .tablo-s .no{display:none}
  .tablo-s .simge{grid-column:1;grid-row:1/4;align-self:start;margin-top:2px}
}

/* =====================================================================================
   TELEFON
   ===================================================================================== */
@media (max-width:640px){
  :root{--yay:cubic-bezier(.34,1.4,.5,1);--alt-g:env(safe-area-inset-bottom,0px)}
  html{scroll-padding-top:76px;-webkit-tap-highlight-color:transparent}
  body{font-size:16px;line-height:1.4}

  /* ---------- büyük ve sıkı tipografi (karar 12) ---------- */
  .baslik{letter-spacing:-.045em;line-height:.96}
  .baslik i{letter-spacing:-.015em;font-size:1.08em}
  .b-dev{font-size:58px}
  /* ekrandan geniş tek kelimeli başlık ("BAŞVURUN"): 358 px altında ekranla küçülür, 320'de kesilmez (tarama u2/u3); 375'te 58 px aynı */
  .b-dev.uzun-kelime{font-size:min(58px,16.2vw)}
  .b1{font-size:44px}
  .b2{font-size:34px}
  .b3{font-size:28px}
  .etiket{font-size:12px}
  .etiket+.baslik,.bolum-bas .etiket+.baslik{margin-top:14px}
  .govde{line-height:1.42}
  .govde.buyuk{font-size:19px;line-height:1.36}
  .dipnot{font-size:13px}
  .kart-bas,h3.kart-bas{font-size:21px;letter-spacing:-.015em;line-height:1.18}

  /* ---------- düzen: bölümler sıkı, ışık telefon boyunda ---------- */
  .bolum{padding:52px 0 8px}
  .bolum.sik{padding:44px 0 8px}
  .bolum-bas{margin-bottom:20px;gap:12px}
  .bolum-bas .govde{font-size:16px}
  .isik{width:560px}
  .isik.kucuk{width:420px}
  .kutu{border-radius:22px;padding:22px}

  /* ---------- düğme: dokunma hedefi ≥ 44 px (karar 19) ---------- */
  .dug{min-height:52px;padding:0 24px;border-radius:15px}
  .dug.kucuk{min-height:44px;padding:0 18px;border-radius:13px}
  .sessiz{min-height:44px}
  .satir{gap:10px 24px}

  /* ---------- dokunma geri bildirimi (karar 11) ---------- */
  .dokun-k{position:relative}
  .dokun{overflow:hidden;transition:transform .32s var(--yay),border-color .25s,background .25s;touch-action:manipulation;-webkit-user-select:none;user-select:none}
  .basili{transform:scale(.965);transition:transform .12s ease-out,border-color .15s,background .15s}
  .basili.kutu,.basili.tablo-s{border-color:rgba(127,212,255,.5)}
  .dalga{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;z-index:0;
    background:radial-gradient(closest-side,rgba(127,212,255,.55),rgba(30,80,255,.28) 45%,rgba(30,80,255,0));animation:dalga .7s var(--egri) forwards}
  .dug .dalga,.sekmeler .basvur .dalga{background:radial-gradient(closest-side,rgba(255,255,255,.5),rgba(255,255,255,0))}
  @keyframes dalga{0%{transform:scale(1);opacity:1}100%{transform:scale(34);opacity:0}}

  /* ---------- üst bar: ince (52 px), aşağı kaydırınca saklanır; iç sayfada geri dönüş (karar 3) ---------- */
  .ust{top:8px;left:10px;right:10px;height:52px;padding:0 6px 0 16px;border-radius:17px;gap:8px}
  .ust.sakli{transform:translateY(-72px)}
  .ust .logo{height:44px}
  .ust .logo img{height:17px}
  .menu{gap:0}
  .menu .dug{display:none}
  .menu-ac{height:40px;padding:0 12px;font-size:14.5px}
  .menu-ac i{width:16px;height:9px}
  .menu-ac i:after{top:7px}
  .ust .geri{position:relative;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 10px 0 4px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--metin);white-space:nowrap}
  .ust .geri[hidden]{display:none}
  .ust .geri:before{content:"";width:8px;height:8px;border-left:1.5px solid var(--buz);border-bottom:1.5px solid var(--buz);transform:rotate(45deg);margin-right:2px}
  .geri-var .ust{padding-left:8px}
  .geri-var .ust .logo{position:absolute;left:50%;transform:translateX(-50%)}
  .menu-perde{display:block;position:fixed;inset:0;z-index:78;background:rgba(5,7,15,.55);opacity:0;pointer-events:none;transition:opacity .3s}
  .menu-acik .menu-perde{opacity:1;pointer-events:auto}
  .mobil-menu{top:68px;left:10px;right:10px;border-radius:22px;padding:8px;transform-origin:top center;transform:translateY(-10px) scale(.98);transition:opacity .3s,transform .45s var(--egri),visibility 0s .45s}
  .mobil-menu a{min-height:52px;padding:0 16px;border-radius:14px;align-items:center}
  .mobil-menu .dug{margin-top:6px;min-height:52px}

  /* ---------- raf: yatay kaydırılan kartlar (karar 4, 5) ---------- */
  [data-raf][data-raf]{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--kenar));padding:4px var(--kenar) 6px;
    scroll-padding-inline:var(--kenar);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;grid-template-columns:none}
  [data-raf]::-webkit-scrollbar{display:none}
  [data-raf]>*{flex:0 0 84%;scroll-snap-align:start;min-width:0;min-height:0}
  [data-raf="dar"]>*{flex-basis:62%}
  [data-raf="genis"]>*{flex-basis:88%}
  [data-raf]:after{content:"";flex:0 0 1px}
  [data-raf] .belir,[data-raf]>.belir{opacity:1;transform:none}
  .raf-alt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px}
  .sayfa-g{display:flex;align-items:center;gap:6px}
  .sayfa-g button{width:28px;height:44px;display:grid;place-items:center;margin:-8px -6px;background:none;border:0;cursor:pointer;padding:0}
  .sayfa-g button i{display:block;width:6px;height:6px;border-radius:6px;background:rgba(127,212,255,.28);transition:width .45s var(--egri),background .3s}
  .sayfa-g button.bu i{width:22px;background:var(--buz)}
  .raf-sayac{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--soluk);font-variant-numeric:tabular-nums}
  .raf-sayac:after{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--buz),transparent)}
  .raf-sayac b{color:#fff;font-weight:600}

  /* ---------- açılır kapanır (karar 8) ---------- */
  .m-akor-i:not(.m-acik) .m-govde{display:none}
  .m-bas{position:relative;cursor:pointer;display:flex;align-items:center;min-height:44px;padding-right:44px}
  .m-bas:after{content:"";position:absolute;right:0;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;
    background:linear-gradient(var(--buz),var(--buz)) center/10px 1.5px no-repeat,linear-gradient(var(--buz),var(--buz)) center/1.5px 10px no-repeat,rgba(127,212,255,.08);
    transition:transform .4s var(--egri)}
  .m-akor-i.m-acik>.m-bas:after,.m-akor-i.m-acik .m-bas:after{transform:rotate(45deg)}
  /* SSS: details.soru, maketteki akor görünüşü */
  details.soru{border-radius:18px}
  details.soru summary{min-height:60px;padding:16px 56px 16px 18px;font-size:16.5px;display:flex;align-items:center}
  details.soru summary:after{right:16px;top:50%;width:24px;height:24px;margin-top:-12px;border:0;border-radius:50%;transform:none;
    background:linear-gradient(var(--buz),var(--buz)) center/10px 1.5px no-repeat,linear-gradient(var(--buz),var(--buz)) center/1.5px 10px no-repeat,rgba(127,212,255,.08);
    transition:transform .4s var(--egri)}
  details.soru[open] summary:after{transform:rotate(45deg);margin-top:-12px}
  details.soru .cevap{padding:0 18px 20px;font-size:15.5px}
  .sorular{gap:8px}

  /* ---------- garanti (K2 parçası; söz hep açık, maddeler açılır kapanır) ---------- */
  .garanti{border-radius:26px;padding:26px 20px 18px;background:linear-gradient(165deg,rgba(30,80,255,.22),rgba(11,27,107,.14) 45%,rgba(255,255,255,.02));border-color:rgba(127,212,255,.32)}
  .garanti .soz{font-size:38px;margin-top:16px}
  .garanti .ek{margin-top:14px;font-size:17px}
  .garanti-izgara{gap:8px;margin-top:22px}
  .garanti-izgara>div{padding:0 18px;border-radius:18px}
  .garanti-izgara>div>b.m-bas{display:flex;margin:0;min-height:56px}
  .garanti-izgara>div.m-acik{background:rgba(127,212,255,.05);border-color:rgba(127,212,255,.3)}
  .garanti-izgara>div>p{padding-bottom:18px;font-size:15.5px;line-height:1.45}
  .garanti-borc{margin-top:8px;padding:0 18px;border-radius:18px;gap:0}
  .garanti-borc.m-acik{padding-bottom:18px;border-color:rgba(127,212,255,.3)}
  .garanti-borc .m-bas{min-height:56px;font-size:13px}
  .garanti-borc .dipnot.m-govde{margin-top:0!important}
  .garanti-borc .liste-nokta{margin-top:14px}
  .garanti .satir{margin-top:14px!important}
  .garanti .sessiz{font-size:15px}

  /* ---------- kontenjan ---------- */
  .kontenjan{gap:16px;padding:20px;border-radius:20px}
  .kontenjan .satir-k{grid-template-columns:1fr auto;gap:4px 14px}
  .kontenjan .satir-k span{font-size:13.5px}
  .kontenjan .noktalar{grid-row:1/3;grid-column:2}
  .kontenjan .noktalar i{width:12px;height:12px}

  /* ---------- son çağrı + altbilgi (altbilgi grupları açılır kapanır) ---------- */
  .son-cagri{padding:84px 0 40px}
  .son-cagri .baslik{font-size:58px;margin-top:16px;max-width:12ch}
  .son-cagri .govde{margin-top:20px;max-width:32ch;font-size:16px}
  .son-cagri .satir{flex-direction:column;align-items:stretch;gap:10px;margin-top:30px}
  .son-cagri .satir .dug{width:100%}
  .son-cagri .satir .sessiz{justify-content:center}
  footer.alt{padding:36px 0 12px}
  .alt-izgara{gap:0}
  .alt-izgara>div:first-child{margin-bottom:22px}
  .alt-izgara>div:first-child .dug{display:none}
  .alt .logo img{height:20px}
  .alt-izgara>.m-akor-i{border-bottom:1px solid rgba(127,212,255,.1)}
  .alt-izgara>.m-akor-i>h4{margin:0;min-height:54px}
  .alt-izgara>.m-akor-i>ul{gap:0;padding-bottom:14px}
  .alt ul a{display:flex;align-items:center;min-height:42px;font-size:15.5px}
  .alt-dip{margin-top:22px;padding-top:0;border-top:0;font-size:13px;gap:12px}

  /* ---------- iç sayfa girişi + cam şerit ---------- */
  .sayfa-giris{padding:110px 0 40px}
  .sayfa-giris .govde{margin-top:18px;font-size:17.5px}
  .sayfa-giris .satir{margin-top:24px}
  .yol-izi{font-size:12.5px;letter-spacing:.04em;margin-bottom:22px;flex-wrap:wrap;gap:8px}
  .alt-menu{top:68px;border-radius:16px;padding:5px;gap:4px;max-width:calc(100% - 20px);transition:top .5s var(--egri)}
  .ust.sakli~main .alt-menu{top:6px}
  .alt-menu a{min-height:38px;display:flex;align-items:center;padding:0 13px;border-radius:11px;font-size:14px}
  .alt-menu a.bu{background:rgba(127,212,255,.14);color:#fff}

  /* ---------- formlar: girdi yazısı ≥ 17 px (karar 18) ---------- */
  .girdi,select.girdi,textarea.girdi{font-size:17px;min-height:52px}

  /* ---------- liste ve adım ---------- */
  .liste-nokta li{font-size:15.5px;line-height:1.4;padding-left:20px}
  .adim{padding:18px}
}

/* =====================================================================================
   ANA SAYFA (telefon)
   ===================================================================================== */
@media (max-width:640px){
  .sayfa-ana{padding-bottom:calc(84px + var(--alt-g))}
  /* alttan cam sekme çubuğu (karar 1) */
  .sekmeler{display:grid;position:fixed;left:10px;right:10px;bottom:calc(10px + var(--alt-g));z-index:80;height:62px;border-radius:22px;padding:6px;
    grid-template-columns:1fr 1fr 1fr 1.05fr;gap:4px;align-items:stretch;transition:transform .5s var(--egri),opacity .4s}
  .sahnede .sekmeler,.menu-acik .sekmeler{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}
  .sekmeler a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:16px;
    font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--soluk);transition:color .3s}
  .sekmeler a b{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s var(--yay)}
  .sekmeler a.bu{color:#fff}
  .sekmeler a.bu b{opacity:1;transform:none;background:var(--buz)}
  .sekmeler .gosterge{position:absolute;z-index:0;top:6px;bottom:6px;left:6px;width:0;border-radius:16px;background:rgba(127,212,255,.11);
    border:1px solid rgba(127,212,255,.16);transition:transform .55s var(--egri),width .55s var(--egri),opacity .3s;opacity:0}
  .sekmeler a.basvur{background:var(--kobalt);color:#fff;flex-direction:row;font-size:14.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
  .sekmeler a.basvur.bu{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 2px rgba(127,212,255,.45)}

  /* kâr: dev sayı + tek çubuk (karar 7); masaüstündeki sekiz satırlık çubuk tablosu telefonda gizli */
  .kar-izgara{gap:10px}
  .kar-izgara>*,.vaka-izgara>*,.tekil-alt>*,.yol-alt>*,.kimin>*{min-width:0}
  .kar-grafik{display:none}
  .kar-kart.m-var{display:block;padding:22px 20px 20px}
  .kar-ust{display:flex;justify-content:space-between;align-items:center;gap:12px}
  .kar-ust .siparis{font-size:15px;color:#fff;font-variant-numeric:tabular-nums}
  .kar-sayi{display:flex;align-items:baseline;gap:8px;margin-top:26px;min-height:92px}
  .kar-sayi .sayi{font-size:104px;transition:color .3s}
  .kar-sayi .birim{font-size:20px;color:var(--buz);font-weight:500}
  .kar-ad{margin-top:10px;font-size:15px;color:var(--metin);min-height:21px}
  .kar-ad b{color:var(--buz);font-weight:600}
  .kar-kart .uc-durum{margin-top:20px;height:64px;border-radius:10px}
  .kar-kart .uc-durum>i{flex:0 0 auto;transition:flex-basis .7s var(--egri),background .3s,opacity .3s}
  .kar-kart .uc-durum .dusen{background:repeating-linear-gradient(135deg,rgba(127,212,255,.34) 0 2px,rgba(127,212,255,.05) 2px 8px)}
  .kar-kart .uc-durum .durur{background:rgba(127,212,255,.06)}
  .kar-olcek{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--soluk);font-variant-numeric:tabular-nums}
  .kalem-cip{margin:18px -20px 0;padding:0 20px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .kalem-cip::-webkit-scrollbar{display:none}
  .kalem-cip button{flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:0 14px;border-radius:13px;border:1px solid rgba(127,212,255,.16);background:rgba(5,7,15,.4);
    font-size:14px;color:var(--metin);display:inline-flex;gap:8px;align-items:center;white-space:nowrap;cursor:pointer}
  .kalem-cip button em{font-style:normal;color:#fff;font-variant-numeric:tabular-nums}
  .kalem-cip button[aria-pressed=true]{border-color:var(--buz);color:#fff;background:rgba(127,212,255,.1)}
  .kalem-cip button.kalan-c em{color:var(--buz)}
  .kar-izgara>.kutu:last-child{background:none;border:0;padding:0}
  .kalem-kutu{border-radius:18px;background:var(--kart);border:1px solid var(--cizgi);padding:0 18px;transition:border-color .3s,background .3s}
  .kalem-kutu.m-acik{border-color:rgba(127,212,255,.34);background:rgba(127,212,255,.05);padding-bottom:12px}
  .kalem-kutu .m-bas{min-height:60px;font-size:13px}
  .kalem-liste{columns:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:0}
  .kalem-liste li{padding:11px 0}
  .kar-izgara>.kutu:last-child>.govde{margin-top:22px!important;font-size:16px!important}
  .kar-izgara>.kutu:last-child .dug{width:100%}
  .kar-izgara>.kutu:last-child>div:last-child{padding-top:16px!important}

  /* vaka: üç kart rafta (karar 4). İç ızgara display:contents; onun kartları da raf kartı gibi kayar ve durur
     (Revize 2: yalnız ilk kartta scroll-snap-align vardı, zorunlu yakalama her kaydırmayı ilk karta geri çekiyordu) */
  .vaka-izgara>.izgara{display:flex!important;flex-direction:column;gap:12px!important;flex:0 0 88%;scroll-snap-align:start;min-width:0} /* Revize 2 şef: iki küçük kart tek sayfada üst üste; raf 2 sayfa, boyları denk, boşluk yok */
  .vaka-izgara>.kutu,.vaka-izgara>.izgara>.kutu{display:flex;flex-direction:column;min-height:0}
  .vaka-izgara>.izgara>.kutu:last-child{flex:1}
  .vaka-sonuc{grid-template-columns:1fr;gap:22px}
  .vaka-izgara .sutunlar{height:150px;gap:14px}
  .vaka-izgara .sutunlar>div{flex:1}
  .vaka-izgara .sutunlar i{width:100%}
  .vaka-izgara .dev-sayi .sayi{font-size:88px}
  .vaka-izgara .k5{gap:0;margin-top:auto;padding-top:18px}
  .vaka-izgara .k5>div{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:10px 0;border:0;border-top:1px solid rgba(127,212,255,.1);border-radius:0;background:none}
  .vaka-izgara .k5 b{font-size:11px;margin:0;padding-top:2px}
  .gece-say .sayi{font-size:68px}
  .vaka-izgara .kutu .dipnot{margin-top:auto!important;padding-top:18px}
  .izgara-350{gap:4px;margin-top:20px}

  /* video: 4:5 kart */
  .video-kutu{aspect-ratio:4/5;border-radius:24px}
  .video-kutu img{right:auto;left:50%;top:44%;transform:translate(-50%,-50%);width:86%;height:auto}
  .oynat{width:80px;height:80px}
  .video-kutu .alt-yazi{left:16px;right:16px;bottom:16px;display:grid;gap:4px}
  .video-not{inset:16px 16px auto 16px;text-align:left;padding:0;font-size:13.5px}

  /* çalışma biçimleri: Ortaklık + Tekil, alt alta iki kart (Revize 2) */
  .iki-kart{gap:10px}
  .ortak-k,.tekil-kart{padding:24px 22px;gap:0}
  .ortak-k .ortak-sol>.govde,.tekil-kart>.govde{margin-top:12px;font-size:16px}
  .ortak-sag{margin-top:20px;padding-top:20px;gap:10px}
  .ortak-sag .soz{font-size:34px;line-height:1.04}
  .ortak-sag .sessiz,.tekil-kart .sessiz{margin-top:4px;padding-top:0}
  .tekil-kart .baslik{margin-top:14px}
  .tekil-kart .dipnot{margin-top:10px}
  .buyume-kart .fiyat{margin-top:16px;font-size:30px}
  .tekil-kart .sessiz{margin-top:8px}

  /* tekil işler: raf + simge (karar 4; k-simge-v2) */
  .tekil-izgara>.tekil-k{min-height:0;gap:0}
  .tekil-k .simge{width:52px;height:52px;margin-bottom:16px}
  .tekil-k .kart-bas{margin-top:12px;font-size:23px}
  .tekil-k>.govde{margin-top:10px}
  .tekil-k .fiyat{padding-top:18px;font-size:27px;line-height:1.08}
  .tekil-k .fiyat small{margin-top:8px;font-size:12.5px;line-height:1.4}
  .tekil-k .git{margin-top:16px;padding-top:14px;border-top:1px solid rgba(127,212,255,.12)}
  .tekil-alt{gap:10px;margin-top:26px}

  /* araçlar: dar raf; büyük simge, altında adı, altında "Hesapla" (Revize 2) */
  .arac-izgara>.arac-k{min-height:0;gap:0;padding:22px 20px 18px}
  .arac-k .simge{width:76px;height:76px;margin-bottom:22px}
  .arac-k .kart-bas{font-size:20px}
  .arac-k .git{margin-top:auto;padding-top:14px;border-top:1px solid rgba(127,212,255,.12)}

  /* kimin için: cam segment, tek kutu (karar 9) */
  .segment,.segment.m-var{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:15px}
  .segment button{position:relative;z-index:1;min-height:44px;border-radius:11px;font-size:14.5px;font-weight:600;color:var(--soluk);background:none;border:0;cursor:pointer;transition:color .3s}
  .segment button[aria-pressed=true]{color:#fff}
  .segment .kayan{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;border-radius:11px;background:rgba(127,212,255,.14);border:1px solid rgba(127,212,255,.22);transition:transform .5s var(--egri),width .5s var(--egri)}
  .kimin.kimin-tek{display:grid;margin-top:14px}
  .kimin-tek>.kutu{grid-area:1/1;transition:opacity .35s,transform .45s var(--egri)}
  .kimin-tek>.kutu.sakli{visibility:hidden;opacity:0;transform:translateX(12px)}
  .kimin .kutu h3{margin-bottom:16px}

  /* başvurudan sonra: dikey zaman çizgisi (karar 10) */
  [data-yol]{position:relative;display:grid;gap:0;grid-template-columns:1fr}
  [data-yol]:before{content:"";position:absolute;left:17px;top:18px;bottom:30px;width:1px;background:linear-gradient(var(--buz),rgba(127,212,255,.12))}
  [data-yol]>div.kutu{display:grid;grid-template-columns:36px 1fr;gap:4px 16px;padding:0 0 22px;background:none;border:0;border-radius:0}
  [data-yol]>div:after{content:none}
  [data-yol]>div:last-child{padding-bottom:4px}
  [data-yol] .no{grid-row:1/3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;letter-spacing:.06em;
    background:var(--gece);border:1px solid rgba(127,212,255,.4);position:relative}
  [data-yol]>div:first-child .no{background:var(--kobalt);border-color:var(--kobalt);color:#fff}
  [data-yol] b{margin:0;padding-top:7px;font-size:18px;grid-column:2}
  [data-yol]>div>p{grid-column:2}
  [data-yol] p{font-size:15px;line-height:1.4}
  .yol-alt{gap:10px;margin-top:8px}
  .cevap-sure{display:grid;grid-template-columns:auto 1fr;gap:16px}
  .cevap-sure .sayi{font-size:84px}
  .cevap-sure .birim{font-size:16px;line-height:1.1;max-width:3em}
  .cevap-sure .govde.buyuk{font-size:16px;color:#fff}
}

/* =====================================================================================
   TEKİL İŞ SAYFALARI (telefon) · maket2/mobil/test-sprinti.html; öbür yedi sayfa aynı kalıp
   ===================================================================================== */
@media (max-width:640px){
  .urun-bas{padding-top:92px}
  .urun-bas .yol-izi{margin-bottom:22px}
  .urun-bas .baslik.b1{font-size:56px;margin-top:12px}
  .urun-bas .baslik.uzun{font-size:44px}
  .sayfa-is .urun-bas .lede{margin-top:18px;font-size:17.5px;line-height:1.42}
  /* bilgi taşları: bento (ilki tam genişlik) */
  .taslar{grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}
  .taslar>div{border-radius:18px;padding:16px;background:var(--kart);border-color:var(--cizgi)}
  .taslar>div:first-child{grid-column:1/-1}
  .taslar b{font-size:11px;margin-bottom:6px}
  .taslar span{font-size:20px;line-height:1.15;letter-spacing:-.015em}
  .taslar small{font-size:13px;line-height:1.4}
  /* yapışkan cam bölüm şeridi (karar 14) */
  .urun-ana .serit{position:sticky;top:68px;z-index:40;margin:0 calc(-1 * var(--kenar) + 10px);padding:10px 0 0;transition:top .5s var(--egri)}
  .ust.sakli~main .urun-ana .serit{top:6px}
  .urun-ana .serit .alt-menu{max-width:100%;width:auto;margin:0;scroll-behavior:smooth}
  .blok{padding-top:44px;scroll-margin-top:128px}
  .blok>.baslik.b2{font-size:38px}
  .blok>.govde{margin-top:16px;font-size:16px}
  .blok-ic{margin-top:22px}
  .no-bas{gap:10px;margin-bottom:12px}
  .no-bas .no{height:24px;min-width:0;padding:0 8px;border-radius:7px;font-size:11px}
  /* seçenek ve sonraki basamak kartları rafta */
  .secenek[data-raf]>.kutu{display:flex;flex-direction:column}
  .boy-k{min-height:470px;transition:border-color .4s,background .4s}
  .boy-k.raf-bu{border-color:rgba(127,212,255,.5)}
  .boy-k .soru{font-size:25px;line-height:1.12}
  .boy-k .set-say .sayi{font-size:72px}
  .boy-k .nokta-set{max-width:none;gap:6px}
  .boy-k .dug{margin-top:auto;align-self:stretch;width:100%}
  .ileri[data-raf]>a.kutu{min-height:200px}
  /* etiketli satırlar: telefon ayar listesi gibi gruplu kutu */
  .satirlar{border:1px solid var(--cizgi);border-radius:20px;background:var(--kart);overflow:hidden}
  .satirlar>div{padding:16px 18px;border-bottom:1px solid rgba(127,212,255,.1);gap:6px}
  .satirlar>div:last-child{border-bottom:0}
  .satirlar>div:first-child{background:linear-gradient(180deg,rgba(30,80,255,.16),rgba(30,80,255,.04))}
  .satirlar b{font-size:11.5px}
  .satirlar p{font-size:15.5px;line-height:1.42}
  .satirlar.dar{border:0;background:none;border-radius:0}
  .satirlar.dar>div{padding:14px 0;background:none!important}
  .satirlar>div.boy-bu{background:rgba(127,212,255,.06);box-shadow:inset 3px 0 0 var(--buz)}
  .satirlar>div.boy-bu p{color:#fff}
  .cubuk-s.solgun{opacity:.45;transition:opacity .3s}
  .cubuk-s{transition:opacity .3s}
  .not-liste li{font-size:14px}
  .soz-blok{padding:24px 20px;border-radius:22px}
  .soz-blok .soz{font-size:29px}
  .soz-blok .govde{margin-top:14px;font-size:15px}
  .kanit-k .gece .sayi{font-size:80px}
  .kopru{padding:22px 20px;border-radius:22px;gap:14px}
  .kopru .dev-sayi .sayi{font-size:76px}
  .takvim{padding:22px}
  /* satın kutusu (satin) telefonda: kart */
  .urun-yan{margin-top:26px}
  .satin{border-radius:22px;padding:22px 20px 18px}
  .satin-fiyat .sayi{font-size:56px}
  /* alttaki cam satın çubuğu: eylem çubuğu (karar 2, 13) */
  .alt-satin{left:10px;right:10px;bottom:calc(10px + var(--alt-g));border-radius:22px;padding:8px 8px 8px 16px;min-height:66px}
  .alt-satin .dug{min-height:50px;padding:0 20px}
  .alt-satin b{font-size:22px;font-weight:400;letter-spacing:-.03em}
  .alt-satin.hep{display:grid;justify-content:stretch;gap:8px;padding:8px;transform:none}
  .alt-satin.hep .segment{background:rgba(5,7,15,.35);margin:0}
  .alt-satin.hep .segment button{min-height:38px;padding:0 6px;font-size:14px}
  .alt-satin-s{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-left:10px}
  .alt-satin.hep b{font-size:30px;font-weight:300;letter-spacing:-.05em;line-height:1}
  .alt-satin.hep small{margin-top:5px}
  .sayfa-is .alt{padding-bottom:110px}
  .sayfa-is:has(.alt-satin.hep) .alt{padding-bottom:170px}
  /* Test Sprinti: satın kutusu çubuğa taşındı; kontenjan Fiyat bölümünde */
  .sayfa-is:has(.alt-satin.hep) .urun-yan{display:none}
  .satin-kont.m-var{display:grid;margin-top:12px;padding:16px 18px;border-radius:18px;background:var(--cam-zemin)}
}

/* =====================================================================================
   ARAÇLAR (telefon) · maket2/mobil/kar-hesabi.html; beş araç aynı sonuç çubuğu + alttan açılan sonuç sayfası (karar 15)
   ===================================================================================== */
@media (max-width:640px){
  .arac-giris{padding:96px 0 8px}
  .arac-giris .govde{margin-top:16px;font-size:16px}
  .arac-giris .giris-alt{margin-top:18px}
  .gizlilik-not{font-size:13.5px;line-height:1.4;border-radius:14px;align-items:flex-start;padding:12px 14px}
  .gizlilik-not:before{margin-top:5px;width:7px;height:7px}
  /* araçlar arası: yatay çipler (yapışkan değil) */
  .arac-menu.alt-menu{position:relative;top:auto;width:auto;max-width:none;margin:0;border-radius:0;padding:18px var(--kenar) 4px;gap:6px;
    background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .arac-menu.alt-menu a{border:1px solid rgba(127,212,255,.14);min-height:40px;border-radius:12px}
  .arac-menu.alt-menu a[aria-current=page]{background:rgba(127,212,255,.14);border-color:rgba(127,212,255,.3);color:#fff}
  .arac-bolum{padding:14px 0 24px}
  .arac-girdi{padding:20px 18px;gap:24px}
  .kucuk-dug{min-height:44px;padding:0 4px}
  .ka-ad label{font-size:15.5px}
  .secim span{min-height:40px;display:grid;place-items:center}
  /* nasıl hesaplanır: formüller açılır kapanır */
  .nasil{padding:56px 0 24px}
  .formul{margin-top:8px}
  .formul>div{padding:0;gap:0}
  .formul>div:first-child{padding-top:0}
  .formul>div>dt.m-bas{min-height:56px;padding:12px 44px 12px 0}
  .formul>div>dd{padding:0 0 16px}

  /* sonuç çubuğu: hep görünür, dokununca alttan sayfa açılır */
  .alt-sayfa-kip .sonuc-serit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;
    bottom:calc(10px + var(--alt-g) + var(--klavye,0px));border-radius:22px;padding:12px 12px 12px 16px;z-index:82;cursor:pointer;transition:bottom .25s,transform .45s var(--egri)}
  .alt-sayfa-kip .sonuc-serit.gizle{transform:none;opacity:1;pointer-events:auto}
  .alt-sayfa-kip .sonuc-serit b{font-size:24px;font-weight:300;letter-spacing:-.04em;line-height:1.05}
  .alt-sayfa-kip .sonuc-serit b small{font-size:13px;font-weight:500}
  .sonuc-serit .ac-dug{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:14px;font-size:14.5px}
  .sonuc-serit .ac-dug:after{content:"";width:7px;height:7px;border-left:1.5px solid var(--buz);border-top:1.5px solid var(--buz);transform:rotate(45deg) translate(1px,1px)}
  .sonuc-serit .ser-ince{grid-column:1/-1;height:8px;border-radius:4px;gap:2px;margin:0}
  .sonuc-serit .ser-ince>i{min-width:0}
  .alt-sayfa-kip main{padding-bottom:118px}
  /* sayfa sonunda altbilgi sabit çubuğun altında kalmasın (tarama u3): altbilginin 12 px'i + çubuğun en çok 100 px'i */
  .alt-sayfa-kip footer.alt{padding-bottom:calc(112px + var(--alt-g))}
  /* alttan açılan sonuç sayfası */
  .alt-sayfa-kip .arac-sonuc{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:85;max-height:86vh;max-height:86svh;overflow-y:auto;overscroll-behavior:contain;
    margin:0;border-radius:26px 26px 0 0;border-bottom:0;padding:10px 20px calc(24px + var(--alt-g));background:rgba(8,12,28,.95);
    -webkit-backdrop-filter:var(--cam-bulan);backdrop-filter:var(--cam-bulan);
    transform:translateY(102%);visibility:hidden;transition:transform .55s var(--egri),visibility 0s .55s}
  .alt-sayfa-acik .arac-sonuc{transform:none;visibility:visible;transition:transform .55s var(--egri)}
  .alt-sayfa-kip .arac-sonuc:focus{outline:0}
  .alt-sayfa-kip .arac-sonuc>.tutamak{position:sticky;top:-10px;z-index:3;display:block;width:calc(100% + 40px);height:34px;margin:-10px -20px 4px;
    background:linear-gradient(rgba(8,12,28,.97) 70%,rgba(8,12,28,0));border:0;cursor:grab;touch-action:none}
  .tutamak:before{content:"";display:block;margin:12px auto 0;width:40px;height:5px;border-radius:5px;background:rgba(127,212,255,.3)}
  .alt-perde{position:fixed;inset:0;z-index:84;background:rgba(5,7,15,.6);opacity:0;pointer-events:none;transition:opacity .35s}
  .alt-sayfa-acik .alt-perde{opacity:1;pointer-events:auto}
  .alt-sayfa-acik{overflow:hidden}
  .alt-sayfa-kip .arac-sonuc .sonuc-dev .sayi{font-size:84px}
  .alt-sayfa-kip .arac-sonuc .sonuc-cumle{color:#fff;font-size:16.5px}
}
@media (max-width:640px){
  .arac-vitrin[data-raf]>.arac-kart{min-height:330px}
  .arac-kart .simge{width:80px;height:80px;margin:2px 0 6px}
  .tasima-izgara[data-raf]>.kutu{min-height:0}
}

/* =====================================================================================
   HİZMETLER, SİSTEM, VAKA, SSS, BAŞVURU, HAKKIMIZDA, YASAL, TEŞEKKÜR (telefon): raf + akordiyon + büyük tipografi
   ===================================================================================== */
@media (max-width:640px){
  /* iç sayfa girişi (giris-a) */
  .giris-a{padding:96px 0 40px}
  .giris-a .lede{margin-top:18px;font-size:17.5px;line-height:1.42}
  .giris-a .satir{margin-top:24px}
  .giris-a>.kap{gap:28px}
  .liste-kart{border-radius:22px;padding:8px}
  .liste-kart a{min-height:56px;padding:14px}
  /* sayfa şeridi (hizmetler, sistem): yapışkan */
  .serit.sayfa{position:sticky;top:68px;margin-top:0;padding-top:10px;transition:top .5s var(--egri)}
  .ust.sakli~main .serit.sayfa{top:6px}
  .serit.sayfa .alt-menu{margin:0 10px;max-width:calc(100% - 20px);scroll-behavior:smooth}
  .alt-menu-sar{top:68px;margin-top:0}
  .ust.sakli~main .alt-menu-sar{top:6px}
  /* rafta kartlar: kutu görünüşü ve eşit boy */
  .kural4[data-raf]>.kutu,.diger[data-raf]>.kutu,.cikis[data-raf]>.kutu,.kart-izgara[data-raf]>.kutu,.evre-izgara[data-raf]>*{min-height:220px}
  .basamak-s[data-raf]{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;overflow-x:auto}
  .basamak-s[data-raf]>a{border:1px solid var(--cizgi)!important;border-radius:22px;background:var(--kart);min-height:300px;padding:22px}
  .basamak-s[data-raf]>a.vurgu{background:linear-gradient(180deg,rgba(30,80,255,.16),rgba(30,80,255,.03));border-color:rgba(127,212,255,.42)!important}
  /* madde listeleri (Büyüme, Yönetim) açılır kapanır */
  .madde>.kutu.m-akor-i{padding:0 18px;grid-template-columns:36px minmax(0,1fr);border-radius:18px}
  .madde>.kutu.m-akor-i>.no{align-self:center}
  .madde>.kutu.m-akor-i>b.m-bas{min-height:60px;font-size:16.5px}
  .madde>.kutu.m-acik{padding-bottom:18px;border-color:rgba(127,212,255,.34);background:rgba(127,212,255,.05)}
  .madde{gap:8px}
  .detay{gap:10px}
  .sutun-g{height:220px}
  .sise .soz{font-size:46px}
  .evre-serit{padding:20px 18px;border-radius:22px}
  /* SSS ve yasal: yan başlık yapışkan değil */
  .sss-grup .bas,.yasal-duzen .bas{position:relative;top:auto}
  .sss-grup{gap:18px}
  .sss-grup+.sss-grup{margin-top:64px}
  .yasal-metin>p,.yasal-metin li{font-size:16px}
  /* vaka */
  .sonuc-grafik{min-height:0;padding:22px}
  .gece-sayilar .sayi{font-size:88px}
  .nokta-izgara{gap:4px}
  .soz-blok blockquote p{font-size:29px}
  .kapanis{padding:22px 20px;gap:18px}
  .kapanis .govde{font-size:18px}
  .kapanis .dug{width:100%}
  /* başvuru formu: alanlar tam genişlik, dokunma hedefleri */
  .onay{min-height:44px;align-items:center}
  .onay input{width:24px;height:24px}
}

/* ---------- dokunma hedefi en az 44 px (tarama u3, 14 Eki) ----------
   Görünen kutu ve yerleşim aynı kalır, büyüyen yalnız dokunulan alan: arka planı olmayanlarda dolgu + eksi pay;
   arka planı/çerçevesi olanlarda saydam kenar + background-clip (çerçeve iç gölgeye taşınır, köşe yarıçapı iç kutuda aynı). */
@media (max-width:640px){
  .yol-izi a{padding:14px 8px;margin:-14px -8px}
  .sayfa-g button{width:44px;margin:-8px -14px}
  .menu-ac{height:44px;margin-block:-2px}
  .alt .logo{display:block;padding-block:12px;margin-block:-12px}
  .secim input{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}
  .alt-menu a,.alt-menu a.bu{min-height:44px;margin-block:-3px;border-block:3px solid transparent;background-clip:padding-box;border-radius:11px/14px}
  .arac-menu.alt-menu a{border:0;border-block:2px solid transparent;padding-inline:14px;margin-block:-2px;min-height:44px;border-radius:12px/14px;
    box-shadow:inset 0 0 0 1px rgba(127,212,255,.14)}
  .arac-menu.alt-menu a[aria-current=page]{border-color:transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px rgba(127,212,255,.3)}
  .alt-satin.hep .segment button{min-height:44px;margin-block:-3px;border-block:3px solid transparent;background-clip:padding-box;border-radius:11px/14px}
  .alt-sayfa-kip .arac-sonuc>.tutamak{height:44px;margin-bottom:-6px;padding-bottom:10px;background-size:100% 34px;background-repeat:no-repeat}
}