.logo-cloud { background: var(--color-bg-light); }
.logo-cloud__items { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.logo-cloud__items li { display: grid; min-height: 150px; align-content: center; justify-items: center; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-white); text-align: center; }
.logo-cloud__items img { width: 100%; height: 82px; object-fit: contain; }

@media (max-width: 1000px) { .logo-cloud__items { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .logo-cloud__items { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logo-cloud__items li { min-height: 100px; padding: 12px; border-radius: 12px; }
  .logo-cloud__items img { height: 44px; }
}

@media (max-width: 400px) {
  .logo-cloud__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logo-cloud__items li { min-height: 86px; padding: 9px; }
  .logo-cloud__items img { height: 36px; }
}