/* sayTRUST UZE — sayfaya özel ölçüler (orijinal 1440 px: sayfalar/saytrust-post-zerotrust.json)
   şeritler: giriş 144–705 · VPN 706–1388 · siyah bant 1390–1880 · tünel 1882–2955
   sol sütun metni x=116 (sütun içinde, ortaya 604 px), sağ sütun metni x=835 (sütun başından 115 px) */
.st-serit { display: grid; grid-template-columns: 1fr 1fr; position: relative; }
.st-gri { background: var(--c-grey-bg); }
.st-giris { min-height: 561px; }
.st-vpn { min-height: 682px; }
.st-tunel { min-height: 1073px; }
.st-kol { min-width: 0; }
.st-kol--sol { padding: 0 40px 0 max(24px, calc(100% - 604px)); }
.st-kol--sag { padding: 0 max(24px, calc(100% - 605px)) 0 115px; }
.st-kol--sol > *, .st-kol--sag > * { max-width: 490px; }

.st-h1 { font-size: 31px; line-height: 1.23; font-weight: 400; color: var(--c-red); }
.st-h2 { font-size: 31px; line-height: 1.23; font-weight: 400; color: var(--c-red); }
.st-h2--28 { font-size: 28px; line-height: 1.18; }
.st-h2--mavi { color: var(--c-blue); } /* siyah zeminde orijinal mavi (kontrast 7:1) */
.st-alt { margin-top: 26px; font-size: 18px; line-height: 1.33; color: var(--c-text); }
.st-metin { font-size: 17px; line-height: 1.3; color: var(--c-text); }
.st-metin > * + * { margin-top: 22px; }
.st-metin--siyah { margin-top: 41px; line-height: 1.39; color: #000; }
.st-metin--siyah > * + * { margin-top: 24px; }

/* 1 giriş */
.st-giris .st-kol--sol { padding-top: 24px; padding-bottom: 30px; }
.st-giris .st-kol--sag { padding-top: 29px; padding-bottom: 50px; }
.st-giris .st-kol--sag .st-metin { margin-top: 33px; }
.st-ray { position: absolute; top: 0; left: 50%; width: 0; }
.st-ray__rozet { position: absolute; top: 18px; left: -133px; width: 131px; height: 158px; overflow: hidden; }
.st-ray__rozet img { width: 131px; height: 158px; transform: scale(1.16); } /* orijinaldeki Wix kırpma ölçeği */
.st-ray__pdf { position: absolute; top: 192px; left: -53px; display: flex; flex-direction: column; gap: 26px; margin: 0; padding: 0; list-style: none; }
.st-pdf { flex-direction: column; gap: 0; width: 138px; min-width: 0; height: 45px; padding: 0 10px; line-height: 1.1; }
.st-pdf__ad { font-size: 13px; font-weight: 700; }
.st-pdf__dil { margin-top: 2px; font-size: 10px; font-weight: 600; letter-spacing: .04em; }

/* 2 VPN yerine Post ZeroTrust */
.st-vpn .st-kol--sol { padding-top: 46px; padding-bottom: 60px; }
.st-artilar { margin-top: 30px; font-size: 18px; line-height: 1.58; color: #000; }
.st-artilar > li + li { margin-top: 0; }
.st-artilar > li { padding-left: 18px; }
.st-artilar > li::before { left: 3px; top: .66em; width: 6px; height: 6px; }
.st-daha { margin-top: 22px; text-align: center; }
.st-pdf--daha { height: 41px; }
.st-usb { padding-top: 29px; padding-bottom: 50px; padding-left: 35px; }
.st-kol .st-usb__gorsel { width: 100%; max-width: 600px; }
.st-usb__gorsel img { width: 100%; height: auto; }
.st-usb .st-metin { margin-top: 18px; margin-left: 60px; max-width: 520px; line-height: 1.4; }
.st-usb__liste { padding-left: 0; }
.st-usb__liste > li { padding-left: 30px; }
.st-usb__liste > li + li { margin-top: 0; }
.st-usb__liste > li::before { left: 13px; top: .62em; width: 5px; height: 5px; }

/* 3 siyah bant */
.st-bant { background: #000; color: #fff; min-height: 490px; }
.st-bant__media { display: flex; align-items: center; }
.st-bant__media .ig { width: 100%; }
.st-bant .st-kol--sag { padding-top: 55px; padding-bottom: 50px; }
.st-bant__metin { margin-top: 30px; font-size: 17px; line-height: 1.4; color: #fff; }

/* 4 tünel */
.st-tunel .st-kol--sol { padding: 50px 40px 70px max(24px, calc(100% - 630px)); }
.st-tunel .st-kol--sol > * { max-width: 542px; }
.st-tunel .st-metin { margin-top: 15px; line-height: 1.4; }
.st-tunel .st-metin > * + * { margin-top: 24px; }
.st-tunel__sema { margin: 28px 0 0 -30px; max-width: 600px !important; }
.st-tunel .st-kol--sag { padding-top: 64px; padding-bottom: 70px; }
.st-metin--sag { max-width: 508px; line-height: 1.4; }
.st-metin--sag > * + * { margin-top: 24px; }

/* Dar masaüstü: ray (rozet + PDF düğmeleri) sol sütunun altına iner */
@media (max-width: 1239px) {
  .st-kol--sol { padding-left: 40px; }
  .st-kol--sag { padding-left: 50px; padding-right: 40px; }
  .st-tunel .st-kol--sol { padding-left: 40px; }
  .st-ray { position: static; grid-column: 1; width: auto; display: flex; align-items: center; gap: 24px; padding: 0 40px 40px; }
  .st-giris { grid-template-rows: auto auto; }
  .st-giris .st-kol--sag { grid-row: 1 / span 2; grid-column: 2; }
  .st-giris .st-kol--sol { padding-bottom: 20px; }
  .st-ray__rozet, .st-ray__pdf { position: static; }
  .st-ray__rozet { flex: 0 0 auto; width: 100px; height: 121px; }
  .st-ray__rozet img { width: 100px; height: 121px; }
  .st-ray__pdf { flex-direction: row; flex-wrap: wrap; gap: 12px; }
  .st-usb { padding-left: 30px; padding-right: 30px; }
  .st-usb .st-metin { margin-left: 20px; }
  .st-tunel__sema { margin-left: 0; }
}
@media (max-width: 999px) {
  .st-serit { grid-template-columns: 1fr; }
  .st-giris, .st-vpn, .st-tunel { min-height: 0; }
  .st-kol--sol, .st-kol--sag, .st-tunel .st-kol--sol { padding: 44px 32px 50px; }
  .st-kol--sol > *, .st-kol--sag > *, .st-tunel .st-kol--sol > * { max-width: 680px; }
  .st-giris .st-kol--sag { grid-row: auto; grid-column: auto; }
  .st-giris .st-kol--sol { padding-bottom: 24px; }
  /* Mobil sıra (orijinal 390 px): giriş → "Neden sayTRUST" → PDF düğmeleri (DOM sırası) ·
     USB istemci metni → dizüstü görseli → "VPN yerine" listesi → "Daha fazla" · bant metni → infografik */
  .st-ray { grid-column: auto; padding: 36px 32px 44px; }
  .st-vpn .st-kol--sag { order: 1; }
  .st-vpn .st-kol--sol { order: 2; }
  .st-usb { display: flex; flex-direction: column; }
  .st-usb .st-metin { order: 1; margin-top: 0; }
  .st-usb .st-usb__gorsel { order: 2; margin-top: 28px; }
  .st-bant .st-kol--sag { order: 1; }
  .st-bant__media { order: 2; padding: 0; }
  .st-bant .st-kol--sag { padding-top: 36px; padding-bottom: 32px; }
  .st-usb .st-metin { margin-left: 0; }
}
@media (max-width: 750px) {
  .st-kol--sol, .st-kol--sag, .st-tunel .st-kol--sol { padding: 40px 24px 44px; }
  .st-h1 { font-size: 29px; text-align: center; }
  .st-alt { text-align: center; font-size: 17px; }
  .st-h2 { font-size: 27px; }
  .st-h2--28 { font-size: 25px; line-height: 1.25; }
  .st-ray { flex-direction: column; padding: 32px 24px 40px; gap: 18px; }
  .st-ray__pdf { flex-direction: column; align-items: center; gap: 14px; }
  .st-pdf { width: 200px; height: 52px; }
  .st-pdf__ad { font-size: 16px; }
  .st-pdf__dil { font-size: 11px; }
  .st-artilar { font-size: 17px; line-height: 1.5; }
  .st-artilar > li + li { margin-top: 6px; }
  .st-tunel__sema { margin-top: 24px; }
}