/* sayFUSE HCI — sayfaya özel ölçüler (orijinal 1440 px: sayfalar/hci-hyperkonvergente-inftrastruktur.json)
   giriş 144–804 · siyah bant 804–1301 (infografik 965 px) · fotoğraf + metin 1301–2705 ·
   karşılaştırma + infografik 2705–3343 · numaralı analiz 3345–4187 · konumlanma 4187–5322 */
.hci-metin { font-size: 17px; line-height: 1.41; color: var(--c-text); } /* orijinal gövde rengi #2F2E2E */
.hci-metin > * + * { margin-top: 24px; }

/* 1 giriş */
.hci-giris { min-height: 660px; padding: 25px 0 38px; }
.hci-h1 { font-size: 29px; line-height: 1.31; font-weight: 400; color: var(--c-red); text-align: center; }
.hci-lead { margin-top: 20px; font-size: 18px; line-height: 1.55; font-weight: 700; color: var(--c-text); }
.hci-giris .hci-metin { margin-top: 23px; }

/* 2 siyah bant */
.hci-bant { background: #000; }
.hci-bant__media { width: 965px; max-width: 100%; margin: 0 auto; padding: 3px 0 0; position: relative; left: 9px; }
.hci-bant__media .ig { display: block; }

/* 50/50 şeritler */
.hci-serit { display: grid; grid-template-columns: 1fr 1fr; position: relative; }
.hci-iaas { min-height: 1403px; }
.hci-kol { min-width: 0; }
.hci-kol--gri { background: var(--c-grey-bg); }
.hci-serit__foto { position: relative; min-height: 420px; overflow: hidden; background: #1b1414; }
.hci-kol--sag { padding: 34px 30px 70px 116px; }
.hci-kol--sag > * { max-width: 575px; }
.hci-vurgu { color: var(--c-text); font-weight: 600; } /* orijinalde altı çizili (bağlantı değil) */
.hci-liste { margin: 0; padding: 0 0 0 30px; list-style: disc; }
.hci-liste > li { padding-left: 0; }
.hci-metin > .hci-liste { margin-top: 24px; }
.hci-liste--aralikli > li + li { margin-top: 24px; }

/* 4 karşılaştırma + infografik */
.hci-karsi { min-height: 638px; }
.hci-kol--sol { padding: 41px 40px 60px max(24px, calc(100% - 643px)); }
.hci-kol--sol > * { max-width: 570px; }
.hci-karsi .hci-kol--sol > * { max-width: 503px; }
.hci-h2 { font-size: 17px; line-height: 1.41; font-weight: 700; color: var(--c-text); }
.hci-metin > .hci-h2 + * { margin-top: 24px; }
.hci-metin > .hci-h2 + .hci-liste--siki { margin-top: 24px; }
.hci-liste--siki { padding-left: 28px; }
.hci-karsi__media { display: flex; align-items: center; justify-content: center; padding: 30px 30px; }
.hci-karsi__media .ig { width: 100%; max-width: 954px; }

/* 5 numaralı analiz */
.hci-analiz { min-height: 842px; }
.hci-analiz .hci-kol--sol { padding-top: 64px; padding-bottom: 60px; }
.hci-kol--sag2 { padding: 64px max(24px, calc(100% - 655px)) 60px 72px; }
.hci-kol--sag2 > * { max-width: 565px; }

/* 6 konumlanma */
.hci-konum { padding: 1px 0 42px; }
.hci-konum__foto img { display: block; width: 100%; height: auto; aspect-ratio: 980 / 420; object-fit: cover; }
.hci-konum__baslik { margin-top: 37px; font-size: 24px; line-height: 1.35; font-weight: 400; color: var(--c-red); }
.hci-metin--konum { margin-top: 27px; }
.hci-metin--konum > .hci-liste { padding-left: 32px; }
.hci-konum__dugme { margin-top: 56px; text-align: center; }
.hci-pdf { flex-direction: column; gap: 0; min-width: 291px; height: 45px; padding: 0 24px; border-radius: 30px; line-height: 1.1; }
.hci-pdf__ad { font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.hci-pdf__dil { margin-top: 3px; font-size: 10px; font-weight: 600; letter-spacing: .06em; }

@media (max-width: 1239px) {
  .hci-kol--sag { padding-left: 50px; }
  .hci-kol--sol { padding-left: 40px; }
  .hci-kol--sag2 { padding-left: 50px; padding-right: 40px; }
}
@media (max-width: 999px) {
  .hci-serit { grid-template-columns: 1fr; }
  .hci-serit__foto { min-height: 0; height: 360px; }
  .hci-kol--sag, .hci-kol--sol, .hci-kol--sag2, .hci-analiz .hci-kol--sol { padding: 44px 32px 50px; }
  .hci-kol--sag > *, .hci-kol--sol > *, .hci-karsi .hci-kol--sol > *, .hci-kol--sag2 > * { max-width: 680px; }
  .hci-karsi, .hci-analiz, .hci-iaas, .hci-giris { min-height: 0; }
  .hci-bant__media { left: 0; }
}
@media (max-width: 750px) {
  .hci-giris { padding: 36px 0 40px; }
  .hci-h1 { font-size: 25px; line-height: 1.3; }
  .hci-lead { font-size: 17px; line-height: 1.45; }
  .hci-serit__foto { height: 260px; }
  .hci-kol--sag, .hci-kol--sol, .hci-kol--sag2, .hci-analiz .hci-kol--sol { padding: 40px 24px 44px; }
  .hci-karsi__media { padding: 24px 12px; }
  .hci-liste { padding-left: 22px; }
  .hci-konum__baslik { margin-top: 28px; font-size: 25px; }
  .hci-konum__dugme { margin-top: 40px; }
  .hci-pdf { min-width: 0; width: 100%; max-width: 320px; height: 54px; }
}