/* css/layout/_grid.css */

.row {
    display: flex;
    flex-wrap: wrap; /* Sütunların alt satıra geçmesine izin ver */
    gap: 2rem; /* Sütunlar arası boşluk */
}

/* 2 Sütunlu Yapı için Örnek (Hakkımızda, İstatistikler vb.) */
.col-2 {
    flex: 1 1 45%; /* %45 genişlik, küçülüp büyüebilir */
    min-width: 300px; /* Minimum genişlik mobil uyum için */
}

/* 3 Sütunlu Yapı için Örnek (3 Temel Çözüm) */
.col-3 {
    flex: 1 1 30%;
    min-width: 280px;
}

/* 4 Sütunlu Yapı için Örnek (Neden ESENKIYI / Rakamlar) */
.col-4 {
    flex: 1 1 20%;
    min-width: 200px;
}

/* Mobil için Grid Ayarlaması */
@media (max-width: 768px) {
    .row {
        gap: 1.5rem;
    }
    /* Mobil'de tüm sütunların %100 genişlemesi */
    .col-2, .col-3, .col-4 {
        flex: 1 1 100%;
        min-width: unset;
    }
}