/* ============================================
   BRANDS SECTION
   ============================================ */

#brands {
  padding: 50px 0;
  background: var(--bg-primary);
  overflow: hidden;
}

#brands .section-title {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#brands.in-view .section-title {
  opacity: 1;
  transform: translateY(0);
}

.brands-img-wrap {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(255, 107, 0, 0.08);
  border: 1px solid var(--border);
  max-width: 990px;
  margin: 0 auto;
}

#brands.in-view .brands-img-wrap {
  opacity: 1;
  transform: translateY(0);
}

.brands-combined-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  #brands {
    padding: 30px 0;
  }

  .brands-img-wrap {
    max-width: 100%;
    border-radius: var(--radius-md);
  }

  .brands-combined-img {
    border-radius: var(--radius-md);
  }
}