@media (min-width: 768px) {
  .carouselBoxPazarYerleri .swiper-wrapper {
    justify-content: center;
  }
}

.fo-brands { max-width: 1140px; margin: 0 auto 35px; padding: 0 15px; text-align: center; font-family: Poppins, sans-serif; }
.fo-brands-title { font-size: 28px; font-weight: 600; margin: 0 0 24px; color: #222; }
.fo-brands-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.fo-brand { flex: 0 1 160px; height: 100px; display: flex; align-items: center; justify-content: center; padding: 10px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; color: #333; font-weight: 600; font-size: 15px; line-height: 1.3; text-decoration: none; transition: .2s; }
.fo-brand:hover { border-color: #c0392b; color: #c0392b; box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.fo-brand img { max-width: 100%; max-height: 80px; object-fit: contain; }

@media (max-width: 767px) {
  .fo-brands-list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -15px;
    padding: 0 15px 4px;
    scroll-padding: 0 15px;
  }
  .fo-brands-list::-webkit-scrollbar { display: none; }
  .fo-brand { flex: 0 0 40%; scroll-snap-align: start; height: 90px; }
}