/* Peak · paket a: Peak Kâr Sistemi, Hizmetler ve fiyatlar, 8 tekil iş sayfası.
   temel.css'in üstüne gelir; yalnız bu sayfaların bileşenleri. Renk yalnız mavi ailesi, gölge yok (cam hariç).
   Çubuk ve sütun boyları veriden: style="--w:calc(<tutar> / <en çok> * 100%)" (elle yüzde yazılmaz). */

/* ---------- ortak: iç sayfa girişi ---------- */
.giris-a{position:relative;padding:clamp(150px,15vw,224px) 0 clamp(56px,6vw,96px);overflow-x:clip}
.giris-a>.kap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px 72px;align-items:end}
.giris-a .baslik{max-width:13ch}
.giris-a .lede{margin-top:28px;font-size:clamp(18px,1.4vw,23px);max-width:620px;color:var(--metin);line-height:1.38}
.giris-a .satir{margin-top:36px}
.giris-a .dipnot{margin-top:18px}

/* sayfa içi cam şerit: temel .alt-menu üstüne biraz boşluk */
.serit{padding:6px 0 0;position:sticky;top:92px;z-index:30;pointer-events:none}
.serit .alt-menu{position:relative;top:auto;pointer-events:auto}

/* blok başlığı: numara + başlık */
.no-bas{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.no-bas .no{display:inline-grid;place-items:center;min-width:38px;height:26px;padding:0 9px;border-radius:8px;border:1px solid var(--cizgi);font-size:12px}

/* çubuk satırı: değer sütunu biraz geniş (TL yazısı sığsın) */
.cubuklar.genis .cubuk-s{grid-template-columns:minmax(150px,240px) 1fr minmax(110px,auto)}
.cubuk-s .deger small{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
.cubuk-s.vurgu .ad{color:#fff;font-weight:600}
.cubuk.yumusak{background:linear-gradient(90deg,rgba(30,80,255,.55),rgba(47,107,255,.55))}
.cubuk-yol .cubuk.bos{left:0;width:100%}
.cubuk-s .bos-yazi{position:absolute;inset:0;display:flex;align-items:center;padding:0 14px;font-size:13px;color:var(--soluk)}

/* sütun grafiği: ciroya göre ücret (aşağıya doğru saydamlaşır) */
.sutun-g{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;align-items:end;height:240px;margin-top:8px}
.sutun-g>div{display:grid;grid-template-rows:auto 1fr auto;gap:10px;height:100%;align-items:end}
.sutun-g .s-deger{font-size:clamp(20px,1.7vw,28px);font-weight:300;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.sutun-g .s-deger small{font-size:13px;letter-spacing:0;color:var(--soluk);margin-left:4px}
.sutun-g .s-yol{height:100%;display:flex;align-items:flex-end}
.sutun-g i{display:block;width:100%;height:var(--h,0%);border-radius:10px 10px 4px 4px;
  background:linear-gradient(180deg,var(--kobalt-acik),rgba(30,80,255,.12));transition:height 1.2s var(--egri)}
.sutun-g i.son{background:linear-gradient(180deg,var(--buz),rgba(127,212,255,.1))}
.sutun-g i.bos{height:38%;background:none;border:1px dashed rgba(127,212,255,.38);border-bottom:0}
.bekle .sutun-g i:not(.bos),.sutun-g.bekle i:not(.bos){height:0}
.sutun-g small.s-ad{font-size:12.5px;color:var(--soluk);line-height:1.3;letter-spacing:.02em}

/* bilgi taşları (etiket + değer + not) */
.taslar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}
.taslar>div{padding:16px 18px;border-radius:16px;background:rgba(5,7,15,.38);border:1px solid rgba(127,212,255,.12)}
.taslar b{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--buz);font-weight:600;margin-bottom:8px}
.taslar span{display:block;color:#fff;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.taslar small{display:block;margin-top:6px;font-size:13.5px;color:var(--soluk);line-height:1.38}

/* ---------- tekil iş sayfası (ürün sayfası kalıbı) ---------- */
.urun-sahne{position:relative;overflow-x:clip;padding-bottom:clamp(40px,5vw,80px)}
.urun-sahne>.isik{z-index:0}
.urun{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,410px);gap:0 clamp(40px,5vw,96px);align-items:start}
.urun-bas{padding-top:clamp(150px,14vw,210px)}
.urun-bas .baslik{max-width:12ch}
.urun-bas .lede{margin-top:26px;font-size:clamp(18px,1.35vw,22px);max-width:640px;color:var(--metin);line-height:1.38}
.urun-ana{min-width:0}
.urun-ana .serit{margin-top:clamp(40px,4vw,64px)}
.urun-ana .serit .alt-menu{margin:0;max-width:100%}
/* Revize 2: bölüm arası boşluk sıkı (ana sayfadaki .bolum ile aynı oran) */
.blok{padding-top:clamp(56px,5.4vw,88px);scroll-margin-top:150px}
.blok>.baslik{max-width:22ch}
.blok>.govde{margin-top:18px;max-width:640px;font-size:clamp(17px,1.15vw,19px)}
.blok-ic{margin-top:clamp(28px,3vw,40px)}

/* satın alma kutusu (cam, yapışkan) */
.urun-yan{position:sticky;top:104px;margin-top:clamp(150px,14vw,210px);z-index:3}
.satin{border-radius:24px;padding:26px 26px 22px;position:relative;overflow:hidden}
.satin:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(120% 70% at 85% 0%,rgba(30,80,255,.28),rgba(30,80,255,0) 60%)}
.satin>*{position:relative}
.satin .etiket{display:flex;justify-content:space-between;gap:12px}
.satin-fiyat{display:flex;align-items:baseline;gap:8px;margin-top:22px;flex-wrap:wrap}
.satin-fiyat .sayi{font-size:clamp(54px,4.6vw,78px);color:#fff}
.satin-fiyat .birim{font-size:20px;color:var(--buz);font-weight:500}
.satin-fiyat .ek{flex-basis:100%;margin-top:10px;font-size:14px;color:var(--soluk)}
.satin-fiyat .on{flex-basis:100%;font-size:13px;color:var(--soluk);letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-bottom:-6px}
.satin-grafik{margin-top:20px;display:grid;gap:8px}
.satin-grafik .cubuk-yol{height:12px;border-radius:6px}
.satin-grafik .cubuk{border-radius:6px}
.satin-grafik .s-sat{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;font-size:13px;color:var(--soluk)}
.satin-grafik .s-sat b{color:#fff;font-weight:500;font-variant-numeric:tabular-nums}
.satin-grafik .s-sat.son span,.satin-grafik .s-sat.son b{color:var(--buz)}
.satin-liste{list-style:none;margin-top:20px;border-top:1px solid rgba(127,212,255,.12)}
.satin-liste li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(127,212,255,.08);font-size:15px}
.satin-liste li span{color:var(--soluk)}
.satin-liste li b{color:#fff;font-weight:500;text-align:right}
.satin .dug{width:100%;margin-top:20px;padding:17px 26px;font-size:17px}
.satin-kont{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(5,7,15,.4);border:1px solid rgba(127,212,255,.1)}
.satin-kont b{font-size:13.5px;font-weight:600;color:#fff}
.satin-kont span{font-size:12.5px;color:var(--soluk);grid-column:1}
.satin-kont .noktalar{grid-row:1/3;grid-column:2}
.satin .dipnot{margin-top:14px}

/* boy seçici (Test Sprinti): cam sekme */
.boy-sec{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;margin-top:18px;background:rgba(5,7,15,.45);border:1px solid rgba(127,212,255,.12)}
.boy-sec button{border:0;background:none;cursor:pointer;padding:10px 6px;border-radius:10px;font-size:14px;font-weight:600;color:var(--metin);transition:background .25s,color .25s}
.boy-sec button[aria-pressed=true]{background:rgba(127,212,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(127,212,255,.25)}
.boy-panel[hidden]{display:none}

/* telefon: altta yapışkan cam çubuk */
.alt-satin{display:none}

/* ne alırsın: numaralı satırlar */
.teslim{display:grid;gap:10px}
.teslim>div{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:6px 14px;align-items:start;padding:20px 22px}
.teslim .no{padding-top:4px}
.teslim b{font-size:18px;font-weight:600;color:#fff;line-height:1.3}
.teslim p{grid-column:2;color:var(--metin);line-height:1.4;font-size:15.5px}
.teslim .sessiz{grid-column:3;grid-row:1/3;align-self:center;font-size:15px}
.teslim .eti{grid-column:3;grid-row:1;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk);font-weight:600;padding-top:4px}
.not-liste{list-style:none;display:grid;gap:8px;margin-top:18px}
.not-liste li{position:relative;padding-left:18px;font-size:14.5px;color:var(--soluk);line-height:1.45}
.not-liste li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--soluk)}

/* iki seçenek yan yana (aylık işler) */
.secenek{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.secenek .kutu{display:flex;flex-direction:column;gap:14px}
.secenek .fiyat{font-size:clamp(30px,2.6vw,44px);font-weight:300;letter-spacing:-.045em;line-height:1;color:#fff}
.secenek .fiyat small{font-size:15px;letter-spacing:0;color:var(--soluk);font-weight:400;margin-left:4px}
.secenek .liste-nokta li{font-size:15px}
.secenek .alt-not{margin-top:auto;padding-top:14px;border-top:1px solid rgba(127,212,255,.1);font-size:13.5px;color:var(--soluk)}
.secenek.uc{grid-template-columns:repeat(3,minmax(0,1fr))}

/* takvim: hafta şeridi */
.takvim{padding:24px 24px 20px}
.hafta-izi{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:6px;margin-top:6px}
.hafta-izi>i{height:42px;border-radius:9px;background:linear-gradient(90deg,var(--kobalt),var(--kobalt-acik));position:relative;opacity:.95}
.hafta-izi>i.tarali{background:repeating-linear-gradient(135deg,rgba(127,212,255,.3) 0 2px,rgba(127,212,255,.04) 2px 8px);border:1px dashed rgba(127,212,255,.3)}
.hafta-izi>i.bos{background:none;border:1px dashed rgba(127,212,255,.22)}
.hafta-ad{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:6px;margin-top:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);font-weight:600}
.sira{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:22px;counter-reset:s}
.sira>div{padding:14px 14px 16px;border-radius:14px;border:1px solid rgba(127,212,255,.12);background:rgba(5,7,15,.35);font-size:14px;color:var(--metin);line-height:1.3}
.sira>div em{display:block;font-style:normal;font-size:11.5px;letter-spacing:.12em;color:var(--soluk);font-weight:600;margin-bottom:8px}
.sira>div.bu{border-color:rgba(127,212,255,.5);background:linear-gradient(180deg,rgba(30,80,255,.22),rgba(30,80,255,.06));color:#fff}
.sira>div.bu em{color:var(--buz)}
.sira>div.disi{border-style:dashed}
.takvim .govde{margin-top:18px;font-size:15.5px}
.ritim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ritim>div{padding:18px 18px 16px;border-radius:16px;background:rgba(5,7,15,.38);border:1px solid rgba(127,212,255,.12)}
.ritim b{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--buz);font-weight:600}
.ritim .noktalar{margin-top:14px;gap:5px}
.ritim .noktalar i{width:9px;height:9px;border-width:1px}
.ritim p{margin-top:12px;font-size:14.5px;color:var(--metin);line-height:1.38}
.ay-izi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:18px}
.ay-izi>i{height:34px;border-radius:8px;background:linear-gradient(90deg,var(--kobalt),var(--kobalt-acik))}
.ay-izi>i.sonra{background:none;border:1px dashed rgba(127,212,255,.3)}
.ay-ad{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;font-size:12.5px;color:var(--soluk)}
.ay-ad span:last-child{text-align:right}

/* senden ne lazım / eksik teslimde: etiketli satırlar */
.satirlar{display:grid;gap:0;border-top:1px solid rgba(127,212,255,.12)}
.satirlar>div{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:8px 28px;padding:20px 0;border-bottom:1px solid rgba(127,212,255,.12)}
.satirlar b{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--buz);font-weight:600;padding-top:3px;line-height:1.4}
.satirlar p{color:var(--metin);line-height:1.45}
.satirlar p+p{margin-top:.5em}
.satirlar .vurgu-s{color:#fff}

/* söz (fayda) */
.soz-blok{padding:clamp(28px,3vw,44px);border-radius:24px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(30,80,255,.14),rgba(11,27,107,.1) 45%,rgba(255,255,255,.02));border:1px solid rgba(127,212,255,.22)}
.soz-blok .soz{font-size:clamp(28px,2.7vw,46px);max-width:22ch}
.soz-blok .govde{margin-top:18px;max-width:620px}

/* köprü: 30 gün */
.kopru{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 36px;align-items:center;padding:clamp(24px,2.6vw,36px);border-radius:24px}
.kopru .dev-sayi .sayi{font-size:clamp(76px,7vw,124px)}
.kopru .govde{font-size:clamp(17px,1.25vw,20px)}
.kopru .satir{margin-top:14px}
.ileri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.ileri a.kutu{display:flex;flex-direction:column;gap:10px}
.ileri a.kutu .git{color:var(--buz);font-weight:500;font-size:15px;margin-top:auto}
.ileri a.kutu p{color:var(--metin);font-size:15px;line-height:1.4}

/* kanıt satırı */
.kanit-k{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 32px;align-items:center}
.kanit-k .gece{display:flex;gap:0}
.kanit-k .gece>div{padding-right:28px}
.kanit-k .gece>div+div{padding-left:28px;border-left:1px solid rgba(127,212,255,.18)}
.kanit-k .gece .sayi{font-size:clamp(52px,4.6vw,80px)}
.kanit-k .gece small{display:block;margin-top:8px;font-size:13px;color:var(--soluk)}
.kanit-k .sutunlar-m{display:flex;align-items:flex-end;gap:10px;height:96px}
.kanit-k .sutunlar-m i{display:block;width:34px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--kobalt-acik),rgba(30,80,255,.15))}
.kanit-k .sutunlar-m i.son{background:linear-gradient(180deg,var(--buz),rgba(127,212,255,.12))}

/* ---------- Hizmetler: tek tablo ---------- */
.tablo{border-radius:24px;overflow:hidden}
.tablo-bas,.tablo-s{display:grid;grid-template-columns:44px minmax(0,1.5fr) minmax(0,.7fr) minmax(0,1fr) 36px;gap:18px;align-items:center;padding:0 26px}
.tablo-bas{height:48px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);font-weight:600;border-bottom:1px solid rgba(127,212,255,.12)}
.tablo-s{padding-top:22px;padding-bottom:22px;border-bottom:1px solid rgba(127,212,255,.08);transition:background .3s}
.tablo-s:last-child{border-bottom:0}
.tablo-s:hover{background:rgba(127,212,255,.05)}
.tablo-s .no{color:var(--soluk)}
.tablo-s .ad b{display:block;font-size:19px;font-weight:600;color:#fff;letter-spacing:-.01em}
.tablo-s .ad small{display:block;margin-top:6px;font-size:14.5px;color:var(--metin);line-height:1.38}
.tablo-s .sure span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);font-weight:600}
.tablo-s .sure b{display:block;margin-top:4px;font-weight:500;color:#fff;font-size:15px}
.tablo-s .tutar b{display:block;font-size:22px;font-weight:300;letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.tablo-s .tutar small{display:block;margin-top:4px;font-size:13px;color:var(--soluk);line-height:1.35}
.tablo-s .tutar .ince{height:4px;border-radius:3px;background:rgba(127,212,255,.08);margin-top:10px;position:relative;overflow:hidden}
.tablo-s .tutar .ince i{position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);border-radius:3px;background:linear-gradient(90deg,var(--kobalt),var(--buz));transition:width 1.1s var(--egri)}
.bekle .tablo-s .tutar .ince i{width:0}
.tablo-s .ok{color:var(--buz);font-size:20px;transition:transform .3s var(--egri)}
.tablo-s:hover .ok{transform:translateX(4px)}
.tablo-alt{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 26px;font-size:13px;color:var(--soluk);border-top:1px solid rgba(127,212,255,.12);background:rgba(5,7,15,.3)}

/* dört basamak karşılaştırma şeridi */
.basamak-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:24px;overflow:hidden}
.basamak-s>a{display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;border-left:1px solid rgba(127,212,255,.1);transition:background .3s}
.basamak-s>a:first-child{border-left:0}
.basamak-s>a:hover{background:rgba(127,212,255,.05)}
.basamak-s .ad{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;color:#fff}
.basamak-s .fiyat{font-size:clamp(24px,2vw,32px);font-weight:300;letter-spacing:-.04em;color:#fff;line-height:1.05;margin-top:6px}
.basamak-s .fiyat small{font-size:14px;letter-spacing:0;color:var(--soluk);font-weight:400}
.basamak-s p{font-size:14.5px;color:var(--metin);line-height:1.38}
.basamak-s .git{margin-top:auto;padding-top:10px;color:var(--buz);font-size:15px;font-weight:500}
.basamak-s>a.vurgu{background:linear-gradient(180deg,rgba(30,80,255,.16),rgba(30,80,255,.03))}

/* kurallar dörtlüsü */
.kural4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kural4 .kutu{display:flex;flex-direction:column;gap:10px}
.kural4 p{color:var(--metin);font-size:15px;line-height:1.4}

/* basamak ayrıntısı: sütun grafiği + maddeler */
.detay{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}
.detay .kutu.grafik{display:flex;flex-direction:column;gap:18px}
.madde{display:grid;gap:10px}
.madde>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;padding:18px 20px}
.madde b{font-size:17px;font-weight:600;color:#fff}
.madde p{grid-column:2;color:var(--metin);font-size:15px;line-height:1.42}
.madde p strong{color:#fff;font-weight:500}
.madde ul{grid-column:2;margin-top:4px}
.madde .liste-nokta li{font-size:15px}

/* ortaklık */
.davet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}

/* ---------- Sistem ---------- */
.evre-serit{border-radius:24px;padding:24px 24px 22px;position:relative;overflow:hidden}
.evre-serit .iz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px;margin-top:16px}
.evre-serit .iz i{height:46px;border-radius:10px;display:block}
.evre-serit .iz i:first-child{background:repeating-linear-gradient(135deg,rgba(127,212,255,.34) 0 2px,rgba(127,212,255,.05) 2px 8px);border:1px solid rgba(127,212,255,.3)}
.evre-serit .iz i:last-child{background:linear-gradient(90deg,var(--kobalt),var(--kobalt-acik) 55%,rgba(47,107,255,.15))}
.evre-serit .iz-ad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px;margin-top:12px}
.evre-serit .iz-ad div{font-size:13px;color:var(--soluk);line-height:1.35}
.evre-serit .iz-ad b{display:block;color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}
.evre-serit .adim-n{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px;margin-top:16px}
.evre-serit .adim-n>div{display:flex;gap:5px}
.evre-serit .adim-n i{flex:1;height:6px;border-radius:3px;background:rgba(127,212,255,.4)}
.evre-serit .adim-n>div:last-child i{background:rgba(127,212,255,.75)}

.evreler{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}
.evre{display:flex;flex-direction:column;gap:16px}
.evre .ust-e{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.evre .adim-l{display:grid;gap:0;margin-top:4px}
.evre .adim-l>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 10px;padding:14px 0;border-top:1px solid rgba(127,212,255,.1)}
.evre .adim-l b{font-size:17px;font-weight:600;color:#fff}
.evre .adim-l p{grid-column:2;font-size:15px;color:var(--metin);line-height:1.4}
.evre .alt-n{margin-top:auto;font-size:13.5px;color:var(--soluk)}

.ikili{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.ikili .kutu{display:flex;flex-direction:column;gap:18px}

.sise{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end}
.sise .soz{font-size:clamp(40px,4.6vw,84px);max-width:12ch}
.sise .govde{font-size:clamp(18px,1.35vw,22px)}

.kar-d{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}
.kar-d .kalemler{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:16px}
.kar-d .kalemler li{display:flex;gap:10px;padding:10px 0;border-top:1px solid rgba(127,212,255,.1);color:var(--metin);font-size:15px}
.kar-d .kalemler li em{font-style:normal;color:var(--soluk);font-size:12px;letter-spacing:.1em;padding-top:2px}

.saat{padding:24px 26px 22px;border-radius:22px;margin-top:16px}
.saat .iz{display:flex;gap:6px;margin-top:16px;align-items:stretch}
.saat .iz>div{display:grid;gap:10px}
.saat .iz i{display:block;height:40px;border-radius:9px}
.saat .iz .k{flex:1}
.saat .iz .k i{background:repeating-linear-gradient(135deg,rgba(127,212,255,.32) 0 2px,rgba(127,212,255,.05) 2px 8px);border:1px solid rgba(127,212,255,.28)}
.saat .iz .g{flex:3}
.saat .iz .g i{background:linear-gradient(90deg,var(--kobalt),var(--kobalt-acik))}
.saat .iz .o{flex:0 0 auto}
.saat .iz .o i{width:40px;background:linear-gradient(90deg,var(--buz),#fff)}
.saat .iz small{font-size:12.5px;color:var(--soluk);line-height:1.3}
.saat .iz small b{display:block;color:#fff;font-size:14px;font-weight:600}
.diger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.diger .kutu p{color:var(--metin);font-size:15px;line-height:1.42;margin-top:10px}

.cikis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cikis .kutu p{color:var(--metin);font-size:15.5px;line-height:1.45;margin-top:10px}
.cikis .kutu p+p{margin-top:8px}

/* ---------- telefon ---------- */
@media (max-width:1100px){
  .urun{grid-template-columns:minmax(0,1fr) 340px}
  .kural4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .basamak-s{grid-template-columns:repeat(2,minmax(0,1fr))}
  .basamak-s>a:nth-child(3){border-left:0}
  .basamak-s>a:nth-child(n+3){border-top:1px solid rgba(127,212,255,.1)}
  .sira{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:960px){
  .giris-a>.kap{grid-template-columns:1fr;align-items:start}
  .urun{grid-template-columns:1fr}
  .urun-yan{position:relative;top:auto;margin-top:28px;grid-row:2}
  .urun-ana{display:contents}
  .urun>*,.urun-ana>*{min-width:0}
  .urun-bas{grid-row:1}
  .urun-ana .serit{grid-row:3;margin-top:36px;position:relative;top:auto}
  .serit.mobil-sabit{position:relative;top:auto}
  .urun-ana>.blok{grid-row:auto}
  .alt-satin{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:70;align-items:center;justify-content:space-between;gap:14px;
    padding:10px 10px 10px 18px;border-radius:18px;background:var(--cam-zemin-koyu);transform:translateY(130%);transition:transform .5s var(--egri)}
  .alt-satin.gor{transform:none}
  .alt-satin b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
  .alt-satin small{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
  .sayfa-is .alt{padding-bottom:110px}
  .evreler,.detay,.davet,.kar-d,.sise,.ikili,.diger,.cikis{grid-template-columns:1fr}
  .tablo-bas{display:none}
  .tablo-s{grid-template-columns:34px minmax(0,1fr) 24px;gap:10px 12px;padding:20px 18px}
  .tablo-s .ad{grid-column:2}
  .tablo-s .sure{grid-column:2;grid-row:2}
  .tablo-s .tutar{grid-column:2;grid-row:3}
  .tablo-s .ok{grid-column:3;grid-row:1}
  .tablo-alt{padding:14px 18px}
}
@media (max-width:640px){
  .taslar,.ritim,.secenek,.secenek.uc,.kural4,.ileri{grid-template-columns:1fr}
  .basamak-s{grid-template-columns:1fr}
  .basamak-s>a{border-left:0;border-top:1px solid rgba(127,212,255,.1)}
  .basamak-s>a:first-child{border-top:0}
  .teslim>div{grid-template-columns:36px minmax(0,1fr);padding:18px}
  .teslim .sessiz,.teslim .eti{grid-column:2;grid-row:auto}
  .teslim .eti{order:1}.teslim p{order:2}.teslim .sessiz{order:3}
  .teslim .no{grid-row:1/3}
  .satirlar>div{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .sira{grid-template-columns:1fr 1fr}
  .kopru,.kanit-k{grid-template-columns:1fr}
  .kanit-k .gece{gap:22px}
  .cubuklar.genis .cubuk-s{grid-template-columns:1fr auto}
  .sutun-g{height:200px;gap:8px}
  .sutun-g .s-deger{font-size:18px}
  .sutun-g .s-deger small{display:block;margin:4px 0 0}
  .satin{padding:22px 20px 18px}
  .kar-d .kalemler{grid-template-columns:1fr}
  .evre-serit .iz-ad b{font-size:14px}
  .saat .iz{flex-wrap:wrap}
  .saat .iz .k{flex:1 1 30%}.saat .iz .g{flex:1 1 55%}
  .hafta-ad{font-size:10.5px;letter-spacing:.04em}
  .urun-yan{margin-top:24px}
}
@media (prefers-reduced-motion:reduce){ .alt-satin{transition:none} }

/* Test Sprinti: boy kartları (nokta ızgarası: en büyük boyun seti kadar nokta, bu boyun seti kadarı yanar) */
.boy-k{display:flex;flex-direction:column;gap:14px}
.boy-k .soru{font-family:DMS,serif;font-style:italic;font-size:clamp(20px,1.5vw,24px);line-height:1.15;color:#fff;text-wrap:balance}
.nokta-set{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;max-width:240px}
.nokta-set i{aspect-ratio:1;border-radius:50%;background:rgba(127,212,255,.13);transition:background .5s,box-shadow .5s}
.nokta-set i.d{background:var(--buz);box-shadow:0 0 8px rgba(127,212,255,.5)}
.boy-k .set-say{display:flex;align-items:baseline;gap:8px}
.boy-k .set-say .sayi{font-size:clamp(44px,3.6vw,60px)}
.boy-k .set-say span{color:var(--metin);font-size:15px}
.boy-k .liste-nokta li{font-size:14.5px}
.boy-k .dug{margin-top:auto;align-self:flex-start}
.boy-k.vurgu .etiket{color:var(--buz)}

/* UGC: brif ızgarası (brif sayısı kadar kart, her kartta açılış sayısı kadar nokta) */
.brifler{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:8px;margin-top:22px}
.brifler>div{padding:14px 14px 16px;border-radius:14px;background:rgba(5,7,15,.4);border:1px solid rgba(127,212,255,.14);display:grid;gap:9px}
.brifler em{font-style:normal;font-size:11.5px;letter-spacing:.12em;color:var(--buz);font-weight:600}
.brifler span{font-size:13px;color:var(--metin);display:flex;align-items:center;gap:8px}
.brifler .noktalar{gap:4px}
.brifler .noktalar i{width:8px;height:8px;border-width:1px}
.brifler s{text-decoration:none;display:block;height:4px;border-radius:2px;background:rgba(127,212,255,.22)}
.brifler s:nth-of-type(2){width:72%}
.satin-brif{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:6px;margin-top:20px}
.satin-brif>div{height:44px;border-radius:9px;background:linear-gradient(180deg,rgba(30,80,255,.35),rgba(30,80,255,.08));border:1px solid rgba(127,212,255,.16);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:8px}
.satin-brif i{width:5px;height:5px;border-radius:50%;background:var(--buz)}
.dev-yazi{font-size:clamp(44px,4vw,68px);font-weight:300;letter-spacing:-.045em;line-height:1;color:#fff}
@media (max-width:640px){ .brifler{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* iade tutarı nereden gelir: yığılmış çubuk (kurulum + aylık ücretler) */
.yigin{display:flex;gap:4px;height:44px;margin-top:16px}
.yigin>i{display:block;border-radius:8px;flex:0 0 auto;width:var(--w)}
.yigin .kur{background:repeating-linear-gradient(135deg,rgba(127,212,255,.32) 0 2px,rgba(127,212,255,.05) 2px 8px);border:1px solid rgba(127,212,255,.28)}
.yigin .ay{background:linear-gradient(90deg,var(--kobalt),var(--kobalt-acik))}
.yigin-ad{display:flex;gap:4px;margin-top:10px;font-size:12.5px;color:var(--soluk)}
.yigin-ad>span{flex:0 0 auto;width:var(--w)}
.yigin-ad b{display:block;color:#fff;font-weight:500;font-size:13.5px}
.yigin-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.yigin-top .sayi{font-size:clamp(40px,3.4vw,58px);color:#fff}
/* yayın → ölçüm izi */
.olcum-izi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:22px}
.olcum-izi i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--kobalt),var(--buz))}
.olcum-izi span{font-size:13px;color:var(--metin);font-weight:600;letter-spacing:.04em}
.olcum-izi em{font-style:normal;grid-column:2;text-align:center;font-size:12.5px;color:var(--soluk);margin-top:-4px}
.urun-bas .baslik.uzun{font-size:clamp(34px,3.9vw,72px);max-width:20ch}
.satirlar.dar>div{grid-template-columns:96px minmax(0,1fr);gap:6px 16px;padding:16px 0}

/* Hizmetler girişi: cam fiyat listesi */
.liste-kart{border-radius:24px;padding:10px;position:relative;overflow:hidden}
.liste-kart:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(100% 60% at 90% 0%,rgba(30,80,255,.26),rgba(30,80,255,0) 60%)}
.liste-kart>*{position:relative}
.liste-kart .lk-bas{display:flex;justify-content:space-between;padding:14px 16px 10px}
.liste-kart a{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:4px 16px;align-items:center;padding:16px;border-radius:14px;transition:background .25s}
.liste-kart a+a{border-top:1px solid rgba(127,212,255,.08)}
.liste-kart a:hover{background:rgba(127,212,255,.06)}
.liste-kart a b{font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em}
.liste-kart a small{grid-column:1;font-size:13px;color:var(--soluk)}
.liste-kart a .t{grid-row:1/3;grid-column:2;text-align:right;font-size:clamp(18px,1.4vw,22px);font-weight:300;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;line-height:1.15}
.liste-kart a .t small{display:block;font-size:12.5px;letter-spacing:0}
.liste-kart a .ok{grid-row:1/3;grid-column:3;color:var(--buz)}
.liste-kart a.vurgu{background:linear-gradient(90deg,rgba(30,80,255,.16),rgba(30,80,255,0))}

/* Sistem: kabul yolu beş adım */
.yol5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.yol5>div{display:flex;flex-direction:column;gap:10px;padding:22px 20px 24px}
.yol5 b{font-size:18px;font-weight:600;color:#fff}
.yol5 p{font-size:14.5px;color:var(--metin);line-height:1.4}
.diger .kutu h3{margin-top:12px}
.diger .kutu .dev-yazi{margin-top:12px}
.serit.sayfa{margin-top:-24px}
.serit.sayfa .alt-menu{margin:0 auto}
@media (max-width:1100px){ .yol5{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:960px){ .serit.sayfa{position:relative;top:auto;margin-top:0} .serit.sayfa .alt-menu{margin:0 14px;max-width:calc(100% - 28px)} }
@media (max-width:640px){ .yol5{grid-template-columns:1fr} .sutun-g small.s-ad{font-size:11px} }
/* ışık bölümün içinde kalsın: kenarda kesik çizgi bırakmaz (uzun bölümler için) */
.isik.ic-sol{left:-34%;top:50%;transform:translateY(-50%)}
.isik.ic-sag{right:-34%;top:50%;transform:translateY(-50%)}
.isik.ic-orta{left:50%;top:20%;transform:translateX(-50%)}
.detay{align-items:start}
.detay>.kutu.grafik{position:sticky;top:112px}
@media (max-width:960px){ .detay>.kutu.grafik{position:relative;top:auto} }
.diger .kutu p.dev-yazi{font-size:clamp(40px,3.6vw,60px);color:#fff;margin-top:14px}
.giris-a .baslik.b1{max-width:none}
.madde>p.etiket{grid-column:1}
.kopru.kopru-bag{margin-top:16px;grid-template-columns:minmax(0,1fr) auto}
@media (max-width:640px){
  .kopru.kopru-bag{grid-template-columns:1fr}
  .saat .iz .k{flex:1 1 26%}.saat .iz .g{flex:1 1 44%}
}
.uretici-k{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center}
@media (max-width:640px){ .uretici-k{grid-template-columns:1fr} .uretici-k .dug{justify-self:start} }