/* /hakkimizda iç sayfası — 3'lü zigzag.
   Temel .about-* (grid 1fr 1fr, .about-img, .about-title …) ve .btn-ba site.css'te. */

/* 50/50 zigzag: DOM her blokta media-first.
   .about-grid--rev görsel kolonunu sağa alır → "yazı-resim" görünümü. */
.about-grid--rev .about-col-media { order: 2; }

/* Metin yarım kolonu doldursun (temeldeki 540px sınırını kaldır) */
.about-col-text { max-width: none; }

/* Görsel dolgun dursun */
.about-img { width: 100%; }
.about-img-el { min-height: 340px; }

/* Alternatif zemin — orta blok (zigzag ritmini vurgular) */
.about-sec--alt { background: #fafafa; }
[data-theme="dark"] .about-sec--alt { background: #121214; }

@media (max-width: 992px) {
    /* Tek kolona inince görsel her zaman üstte kalsın (image-first) */
    .about-grid--rev .about-col-media { order: 0; }
    .about-img-el { min-height: 240px; }
}