/* Ürün listesi ızgarası: satırdaki ürün sayısı kategori bazlı (admin > Kategoriler > "Sitede satırda kaç ürün").
   js/productlist.js her karta olta-grid-N sınıfı verir (N = 2..6). */
.olta-grid-col {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    flex: 0 0 100%;
    max-width: 100%;
}

/* Telefon: 4 ve üzeri ayarlarda ürünler küçük olduğundan 2'li; diğerleri tek sütun (eskisi gibi) */
.olta-grid-4, .olta-grid-5, .olta-grid-6 { flex-basis: 50%; max-width: 50%; }

/* Tablet */
@media (min-width: 768px) {
    .olta-grid-2, .olta-grid-3 { flex-basis: 50%; max-width: 50%; }
    .olta-grid-4, .olta-grid-5, .olta-grid-6 { flex-basis: 33.3333%; max-width: 33.3333%; }
}

/* Masaüstü: tam olarak ayarlanan sayı */
@media (min-width: 992px) {
    .olta-grid-2 { flex-basis: 50%; max-width: 50%; }
    .olta-grid-3 { flex-basis: 33.3333%; max-width: 33.3333%; }
    .olta-grid-4 { flex-basis: 25%; max-width: 25%; }
    .olta-grid-5 { flex-basis: 20%; max-width: 20%; }
    .olta-grid-6 { flex-basis: 16.6666%; max-width: 16.6666%; }
}

/* Dar sütunlarda (5-6'lı) ad ve fiyat taşmasın */
.olta-grid-5 .product-name, .olta-grid-6 .product-name { font-size: 13px !important; text-align: center; word-break: break-word; }
.olta-grid-5 .pricelow, .olta-grid-6 .pricelow { font-size: 15px; }
.olta-grid-5 .block2, .olta-grid-6 .block2 { padding: 4px; }