/* Dört uygulama sitesinin ortak ek stili. ortak.css'ten sonra yüklenir.
   Deri (vurgu rengi) her sitenin kendi deri.css dosyasındadır. */

/* Açılış: ad + söz + telefonlar */
.acilis{position:relative;overflow:hidden;padding-block:var(--bosluk-5) var(--bosluk-4)}
.acilis::before{content:"";position:absolute;inset-inline-start:50%;top:-40%;width:900px;height:900px;
  transform:translateX(-50%);pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--vurgu) 14%,transparent),transparent)}
.acilis .kap{display:grid;gap:var(--bosluk-4);align-items:center}
@media(min-width:960px){.acilis .kap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}}
.uyg-ad{font-size:clamp(52px,7.5vw,100px);letter-spacing:-.05em;margin-bottom:var(--bosluk-2)}

/* Ekran ızgarası: başlıklı ekran görüntüleri */
.ekran-izgara{display:grid;gap:var(--bosluk-3);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.ekran-izgara{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
.ekran-izgara figure{margin:0}
.ekran-izgara img{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:18px;
  border:6px solid #0F172A;box-shadow:var(--golge-2)}
.ekran-izgara figcaption{margin-top:var(--bosluk-2)}
.ekran-izgara .soru{font:700 12px/1 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}
.ekran-izgara h3{font-size:20px;margin-top:8px}
.ekran-izgara p{color:var(--soluk);font-size:16px;margin-top:8px}

/* Bayrak şeridi */
.bayraklar ul{list-style:none;margin:var(--bosluk-3) 0 0;padding:0;
  display:flex;gap:var(--bosluk-3) var(--bosluk-2);flex-wrap:wrap}
.bayraklar li{display:flex;align-items:center;gap:10px;color:var(--soluk);font-size:15px;font-weight:600}
.bayraklar img{width:30px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px var(--cizgi)}
.bayraklar li.onde{color:var(--yazi)}

/* Numaralı özellik satırları: kart yığını yerine okunur dizi */
.satirlar{display:grid}
.satir{display:grid;grid-template-columns:62px minmax(0,1fr);gap:var(--bosluk-3);
  padding-block:28px;border-top:1px solid var(--cizgi);align-items:start}
.satir:first-child{border-top:0;padding-top:0}
.satir .no{font:600 15px/1 var(--baslik);color:var(--vurgu);letter-spacing:.06em;padding-top:6px}
.satir h3{font-size:23px}
.satir p{color:var(--soluk);margin-top:10px;max-width:62ch}
@media(max-width:600px){.satir{grid-template-columns:1fr;gap:8px}.satir .no{padding-top:0}}

/* Destek basamakları */
.basamaklar{list-style:none;margin:var(--bosluk-4) 0 0;padding:0;display:grid;gap:0}
.basamaklar li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:var(--bosluk-3);
  padding-block:20px;border-top:1px solid var(--cizgi);align-items:baseline}
.basamaklar li:first-child{border-top:0}
.basamaklar b{font:600 26px/1 var(--baslik);color:var(--vurgu);letter-spacing:-.02em}
.basamaklar h3{font-size:18px;display:inline}
.basamaklar span{color:var(--soluk);font-size:15px}
.basamaklar p{color:var(--soluk);font-size:16px;margin-top:6px}
@media(max-width:600px){.basamaklar li{grid-template-columns:1fr;gap:4px}}

/* İndirme kutusu: sayfanın en görünür çağrısı, deri rengiyle çerçeveli */
.indir-kutu{border-color:var(--vurgu);box-shadow:0 0 0 1px var(--vurgu),var(--golge-3)}
.indir-kutu .dugmeler{margin-top:var(--bosluk-2)}