/* =========================================
   СТИЛИ ДЛЯ ВИДЖЕТА БРЕНДОВ
   ========================================= */

.adev-brands-wrapper {
  width: 100%;
  position: relative;
}

.adev-brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.adev-brand-img {
  max-width: 100%;
  width: auto;
  object-fit: contain;
  opacity: var(--brand-op, 0.6);
  filter: grayscale(var(--brand-gray, 100%));
  transition: all 0.4s ease;
}

/* =========================================
   ЭФФЕКТЫ ПРИ НАВЕДЕНИИ
   ========================================= */
.adev-brand-item:hover .adev-brand-img {
  opacity: var(--brand-op-h, 1);
  filter: grayscale(var(--brand-gray-h, 0%));
}

.adev-brand-item.hover-anim-scale:hover {
  transform: scale(1.1);
}
.adev-brand-item.hover-anim-lift:hover {
  transform: translateY(-8px);
}

/* =========================================
   РЕЖИМ: СЕТКА (Умное центрирование на Flexbox)
   ========================================= */
.adev-brands-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Центрирует элементы, если их мало! */
  align-items: center;
  gap: var(--grid-gap, 30px);
}

/* Высчитываем ширину карточки математически (100% минус все отступы, поделенное на колонки) */
.adev-brands-grid .adev-brand-item {
  flex: 0 0 calc((100% - (var(--grid-gap, 30px) * (var(--cols-desk, 5) - 1))) / var(--cols-desk, 5));
  max-width: calc((100% - (var(--grid-gap, 30px) * (var(--cols-desk, 5) - 1))) / var(--cols-desk, 5));
}

@media (max-width: 1024px) {
  .adev-brands-grid .adev-brand-item {
    flex: 0 0 calc((100% - (var(--grid-gap, 30px) * (var(--cols-tab, 3) - 1))) / var(--cols-tab, 3));
    max-width: calc((100% - (var(--grid-gap, 30px) * (var(--cols-tab, 3) - 1))) / var(--cols-tab, 3));
  }
}

@media (max-width: 767px) {
  .adev-brands-grid .adev-brand-item {
    flex: 0 0 calc((100% - (var(--grid-gap, 30px) * (var(--cols-mob, 2) - 1))) / var(--cols-mob, 2));
    max-width: calc((100% - (var(--grid-gap, 30px) * (var(--cols-mob, 2) - 1))) / var(--cols-mob, 2));
  }
}

/* =========================================
   РЕЖИМ: СЛАЙДЕР (SWIPER)
   ========================================= */
.adev-brands-swiper {
  padding-bottom: 40px !important;
  overflow: hidden;
}
.adev-brands-swiper .swiper-slide {
  height: auto;
}
.adev-brands-swiper .swiper-pagination {
  bottom: 0 !important;
}
.adev-brands-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #cccccc;
  opacity: 0.5;
  transition: all 0.3s ease;
}
.adev-brands-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fc5f9e;
}