/*
 * Bileşen: Grid (Izgara) Sistemi
 * Amaç: Site genelinde esnek ve duyarlı kolon (sütun) yapıları oluşturmak için evrensel sınıflar sağlar.
 */

.bfwt-grid {
    display: grid;
    gap: 25px; /* Sütunlar ve satırlar arasındaki varsayılan boşluk */
}

/* Sütun Sayısı Varyasyonları */
.bfwt-grid--2-cols {
    grid-template-columns: 1fr; /* Mobil varsayılan */
}
@media (min-width: 768px) {
    .bfwt-grid--2-cols {
        grid-template-columns: repeat(2, 1fr);
    }
}

.bfwt-grid--3-cols {
    grid-template-columns: 1fr; /* Mobil varsayılan */
}
@media (min-width: 500px) {
    .bfwt-grid--3-cols {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 992px) {
    .bfwt-grid--3-cols {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Hizalama Varyasyonları */
.bfwt-grid--center-items {
    align-items: center;
}