/* ==========================================================================
   İndir sayfası (ind-*). Paket kartı / adım göstergesi / yan kutular sayfalar.css'teki mevcut sınıflardır;
   burada yalnız yeni bölümler: demo içeriği, gereksinim tablosu, kurulum adımları, doğrulama, teklif bandı.
   ========================================================================== */

.ind-bolum[id]{scroll-margin-top:calc(var(--ust-yuk) + 60px)}
.ind-bolum:first-of-type{padding-top:clamp(40px,5vw,72px)}

/* ---- paket kartı eki ---- */
.ind-pakette{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:0 0 22px}
.ind-pakette-etiket{font:700 .7rem/1 var(--font-baslik); letter-spacing:.14em; text-transform:uppercase; color:var(--gri)}
.ind-pakette .v2-cipler{list-style:none; margin:0; padding:0; gap:8px}
.ind-pakette .v2-cip i{background:var(--pc,var(--mavi))}

/* ---- demo içeriği ---- */
.ind-program-izgara .v2-program p{margin:0; font-size:.96rem; line-height:1.6; color:var(--gri)}
.ind-ornek-ikon{display:inline-grid; place-items:center; width:60px; height:60px; flex:none; border-radius:15px; color:var(--lac); background:linear-gradient(180deg,#fff,#E3ECF8); border:1px solid #D2DDEE; box-shadow:0 10px 22px -12px rgba(20,38,74,.5)}
.ind-ornek-ikon .ikon{width:28px; height:28px}
.ind-program-izgara .v2-program-ust small{color:var(--pc,var(--gri))}
.ind-demo-alt{margin-top:clamp(40px,5vw,72px); align-items:start}
.ind-sinir{margin:0}
.ind-sinir h3{margin:0 0 .6em; font-size:1.05rem}
.ind-sinir-liste{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.ind-sinir-liste li{position:relative; padding-left:20px; line-height:1.55}
.ind-sinir-liste li::before{content:""; position:absolute; left:2px; top:.62em; width:8px; height:8px; border-radius:2px; background:var(--turuncu)}
.ind-demo-alt .ornek-liste{margin-top:0}

/* ---- gereksinim tablosu ---- */
.ind-tablo-kap{margin-bottom:22px}
.ind-tablo tbody th{width:26%}
.ind-tablo td:nth-child(2){font-weight:650; color:var(--lac)}
.ind-tablo td:nth-child(3){color:var(--gri)}
.ind-not{margin-top:0}

/* ---- kurulum adımları (6) ---- */
.ind-adimlar{--n:3; row-gap:clamp(28px,3.4vw,44px)}
.ind-adimlar>li:nth-child(3n)::after{display:none}
@media (max-width:980px){.ind-adimlar{--n:2}.ind-adimlar>li::after{display:none}}
@media (max-width:620px){.ind-adimlar{--n:1}}
.ind-turler{margin-top:clamp(56px,7vw,104px)}
.ind-turler-baslik{margin-bottom:clamp(28px,3.4vw,44px)}
.ind-tur-not{margin:22px 0 0; max-width:72ch; font-size:.92rem; color:var(--gri)}

/* ---- doğrulama ---- */
.ind-smart h3{margin:0 0 .35em; font-size:1.02rem}
.ind-kodlar{display:grid; gap:18px; min-width:0}
.ind-kodlar .v2-kod pre{font-size:.82rem}
.ind-kodlar .v2-kod pre{white-space:pre-wrap; word-break:break-all}

/* ---- teklif bandı (koyu) ---- */
.ind-teklif{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px 40px}
.ind-teklif h2{margin:0 0 .35em; font-size:clamp(1.5rem,2.6vw,2.1rem); max-width:26ch}
.ind-teklif p{margin:0; max-width:64ch; color:#B7C8E6}

/* ---- kısa SSS ---- */
.ind-sss-hepsi{margin:22px 0 0; text-align:center}

/* dar ekranda gereksinim tablosu satırları kart gibi yığılır (yatay kaydırma olmasın) */
@media (max-width:640px){
  .ind-tablo{min-width:0}
  .ind-tablo thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
  .ind-tablo,.ind-tablo tbody,.ind-tablo tr,.ind-tablo th,.ind-tablo td{display:block; width:100%}
  .ind-tablo tbody th{width:100%; padding:16px 18px 6px; border-bottom:0; font-size:1.02rem}
  .ind-tablo td{padding:4px 18px; border-bottom:0}
  .ind-tablo td::before{content:attr(data-etiket); display:block; font:700 .68rem/1 var(--font-baslik); letter-spacing:.12em; text-transform:uppercase; color:var(--gri); margin-bottom:3px}
  .ind-tablo tr{padding-bottom:12px; border-bottom:1px solid var(--cizgi-2)}
  .ind-tablo tr:last-child{border-bottom:0}
  .ind-tablo tr>*:last-child{padding-bottom:4px}
}