/* ===== Overrides de librerías externas ===== */
/* --- swiper-overrides.css --- */
/**
 * Overrides posteriores al bundle Swiper (CDN).
 * Cargar main.css DESPUÉS de swiper-bundle.min.css en el HTML.
 */

@media (min-width: 768px) {
  .prod-cats__carousel .swiper-wrapper.prod-cats__grid {
    display: grid !important;
    flex-wrap: unset !important;
  }

  .prod-cats__carousel .swiper-slide {
    flex-shrink: unset !important;
  }
}

@media (min-width: 992px) {
  .prod-featured__carousel .swiper-wrapper.prod-featured__grid {
    display: grid !important;
    flex-wrap: unset !important;
  }

  .prod-featured__carousel .swiper-slide {
    flex-shrink: unset !important;
  }
}

/* Carrusel activo: fila horizontal */
@media (max-width: 991.98px) {
  .prod-featured__carousel.is-carousel-active .swiper-wrapper.prod-featured__grid {
    display: flex !important;
  }

  .prod-featured__carousel.is-carousel-active .swiper-slide {
    width: auto;
    flex-shrink: 0;
  }
}

@media (max-width: 767.98px) {
  .prod-cats__carousel.is-carousel-active .swiper-wrapper.prod-cats__grid,
  .about-home__certs-carousel.is-carousel-active .swiper-wrapper {
    display: flex !important;
  }

  .prod-cats__carousel.is-carousel-active .swiper-slide {
    width: auto;
    flex-shrink: 0;
  }
}