/* İndirmeler ve Destek — sayfaya özel ölçüler.
   Orijinal (saytec.eu/about-5, 1440 px): sayfa zemini #F2F2F2 (footer dâhil). Beyaz panel 1 (x 80–1360, y 184–582):
   solda 422×398 fotoğraf, metin x=636, başlık 42/500 mavi. Panel 2 (y 622–1598): 980 ızgarada metin, başlıklar
   30/400, metin 18 px / 26 px satır. İndirmeler (y 1628–2591, beyaz, tam genişlik): solda 480×963 fotoğraf,
   başlık x=627 56/400, kırmızı grup numaraları 24 px, bağlantılar 16 px. */

body.sayfa-destek .site-footer { background: var(--c-grey-bg); }
.ds-page { padding-top: 40px; background: var(--c-grey-bg); }
.ds-panel { margin: 0 80px; background: #fff; }
.ds-page p { font-size: 18px; line-height: 1.45; }
.ds-page a:not(.btn) { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ds-page a:not(.btn):hover { color: var(--c-blue-sm); }

/* Panel 1: destek ekibi */
.ds-team { display: grid; grid-template-columns: 422px 1fr; min-height: 398px; }
.ds-team__media img { width: 100%; height: 100%; min-height: 398px; }
.ds-team__text { padding: 87px 66px 48px 134px; }
.ds-team__title { margin-bottom: 25px; font-size: 42px; line-height: 1.3; font-weight: 500; color: var(--c-blue-lg); }

/* Panel 2: destek kanalları */
.ds-support { margin-top: 40px; padding: 40px 0 60px; }
.ds-support__in { width: var(--container); max-width: calc(100% - 2 * var(--gutter)); margin: 0 auto; }
.ds-block + .ds-block { margin-top: 38px; }
.ds-block > * + * { margin-top: 26px; }
.ds-block > .ds-h2 + *, .ds-block > .ds-tight, .ds-tool > .ds-h3 + * { margin-top: 2px; }
.ds-h2 { font-size: 30px; line-height: 1.3; font-weight: 400; color: var(--c-text); }
.ds-h3 { font-size: 18px; line-height: 1.45; font-weight: 400; color: var(--c-text-2); }

/* İndirmeler */
.ds-downloads { display: grid; grid-template-columns: 33.333% 1fr; min-height: 963px; margin-top: 30px; background: #fff; }
.ds-downloads__media { position: relative; overflow: hidden; }
.ds-downloads__media img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.ds-downloads__body { padding: 63px 40px 70px 147px; }
.ds-downloads__title { font-size: 56px; line-height: 1.4; font-weight: 400; color: var(--c-text); }
.ds-dl { list-style: none; margin: 47px 0 0 7px; padding: 0; counter-reset: dl; }
.ds-dl__group { display: grid; grid-template-columns: 38px 1fr; align-items: start; counter-increment: dl; }
.ds-dl__group + .ds-dl__group { margin-top: 32px; }
.ds-dl__group::before { content: counter(dl, decimal-leading-zero); grid-column: 1; grid-row: 1; font-size: 24px; line-height: 28px; font-weight: 300; color: var(--c-red); }
.ds-dl__items { grid-column: 2; grid-row: 1; list-style: none; margin: 0; padding: 0; }
.ds-dl__items li { font-size: 16px; line-height: 23px; }
.ds-dl__items li:first-child { padding-top: 3px; }
.ds-dl__items li + li { margin-top: 7px; }
.ds-dl__lang { font-size: 14px; color: var(--c-text-2); }

@media (max-width: 1239px) {
  .ds-team__text { padding-left: 64px; }
  .ds-downloads__body { padding-left: 64px; }
}
@media (max-width: 999px) {
  .ds-page { padding-top: 24px; }
  .ds-panel { margin: 0 32px; }
  .ds-team { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); min-height: 0; }
  .ds-team__media img { min-height: 340px; }
  .ds-team__text { padding: 44px 32px 40px; }
  .ds-team__title { font-size: 36px; }
  .ds-support { margin-top: 24px; padding: 40px 0 50px; }
  .ds-support__in { max-width: calc(100% - 80px); }
  .ds-downloads { min-height: 760px; margin-top: 24px; }
  .ds-downloads__body { padding: 48px 32px 60px; }
  .ds-downloads__title { font-size: 46px; }
}
@media (max-width: 750px) {
  .ds-page { padding-top: 0; }
  .ds-panel { margin: 0; }
  .ds-team { grid-template-columns: 1fr; }
  .ds-team__text { order: -1; }
  .ds-team__media img { min-height: 0; height: auto; aspect-ratio: 390 / 317 !important; }
  .ds-downloads { grid-template-columns: 1fr; min-height: 0; }
  .ds-downloads__media img { position: static; height: auto; aspect-ratio: 390 / 366 !important; }
  .ds-page p { font-size: 17px; }
  .ds-team__text { padding: 40px 24px 36px; }
  .ds-team__title { margin-bottom: 18px; font-size: 32px; }
  .ds-support { margin-top: 20px; padding: 40px 0 44px; }
  .ds-support__in { max-width: calc(100% - 48px); }
  .ds-block + .ds-block { margin-top: 40px; }
  .ds-h2 { font-size: 26px; }
  .ds-downloads { margin-top: 20px; }
  .ds-downloads__body { padding: 34px 24px 60px; }
  .ds-downloads__title { font-size: 40px; }
  .ds-dl { margin: 28px 0 0; }
  .ds-dl__group { grid-template-columns: 44px 1fr; }
  .ds-dl__items li { font-size: 16px; line-height: 1.6; }
  .ds-dl__items li + li { margin-top: 10px; }
}