/* === Swiper layout fix para productos relacionados con BeTheme === */

div.product-loop-thumb > div.image_wrapper > a > img {
	width: 300px !important;
	height: 300px !important;
}

@media only screen and (max-width: 767px) {
	div.product-loop-thumb > div.image_wrapper > a > img {
		height: auto !important;
	}
}

.related.products .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap;
}

.related.products .swiper-slide {
  flex: 0 0 auto !important;
  width: auto !important;  
  box-sizing: border-box;
  padding: 0 10px;
  max-width: 100%;
}

.related.products .swiper-slide .product {
  float: none !important;
  /*width: auto !important;*/
  width: 276.5px !important;
  display: block !important;
  /*margin: 0 !important;*/
  margin-right: 30px !important;
  max-width: 100%;
}

/* Elimina efectos del grid de BeTheme que interfieren */
.related.products .isotope,
.related.products .isotope-item {
  float: none !important;
  /*width: auto !important;*/
  display: block !important;
  /*margin: 0 !important;*/
}

/* Asegura que las imágenes no estiren el slide */
.related.products .product img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

/* Opcional: tamaño máximo del carrusel */
.related.products .swiper-container {
  max-width: 100%;
  overflow: hidden;
}
/* Evita que el último producto se corte */
.productos-relacionados .swiper-container {
  overflow: hidden;
}

.productos-relacionados .swiper-wrapper {
  padding-right: 1px; /* ayuda a que no se corte por el redondeo */
}

.productos-relacionados .swiper-slide {
  min-width: 0; /* fuerza a que el contenido no desborde el slide */
}