/* Grid Styles */
.logo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    gap: 20px;
  }
  
  /* Carousel Styles */
  .logo-carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .logo-carousel {
    display: flex;
    width: max-content;
  }
  
  .logo-carousel-track {
    display: flex;
    animation: scroll linear infinite;
    will-change: transform;
    padding: var(--space-sm) 0;
  }
  
  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  
  /* Common Item Styles */
  .logo-item {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .logo-item img {
    max-width: 100%;
    max-height: 100%;
    min-width: 44px;
    object-fit: contain;
    display: block;
  }