/* HeroHerstellerStream Portlet Styles */
.opc-item-slider {
  overflow: hidden;
}

/* Hero Hersteller Stream Wrapper */
@media (max-width: 767px) {
  .hero-hersteller-stream-wrapper .hersteller-headline {
    font-size: var(--headline-size-mobile) !important;
  }
}

/* Manufacturer Items - Logo Styling */
.hero-hersteller-stream-wrapper .manufacturer-item .product-image {
  max-height: var(--logo-max-height) !important;
  
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Logo-Größen Mobile */
@media (max-width: 991px) {
  .hero-hersteller-stream-wrapper .manufacturer-item .product-image {
    max-height: var(--logo-max-height-mobile) !important;
    
  }
}

/* Hover-Effekt wenn Filter aktiv */
.hero-hersteller-stream-wrapper .manufacturer-item.filter-enabled:hover .product-image {
  filter: none !important;
  opacity: 100% !important;
}

/* Autoplay-Modus: CSS-Animation läuft */
.hero-hersteller-stream-wrapper.autoplay-mode .slick-track {
  animation: var(--marquee-animation-name) linear infinite;
  animation-duration: var(--marquee-duration);
  will-change: transform;
}

/* Pause bei Hover (wenn aktiviert) */
.hero-hersteller-stream-wrapper.autoplay-mode.pause-on-hover:hover .slick-track {
  animation-play-state: paused;
}

/* Manual-Modus: Normale Slick-Transitions */
.hero-hersteller-stream-wrapper.manual-mode .slick-track {
  animation: none !important;
  transition: transform 600ms ease-in-out;
}

/* Smooth Overflow */
.hero-hersteller-stream-wrapper .slick-list {
  overflow: hidden !important;
}