/* === Products Swiper Slider === */
div.product-swiper.swiper .swiper-slide, #pssb-23039-3268 .swiper-slide{
	min-height: 550px;height: 100%;
}
.pssb-slider {
  width: 100%;
  padding: 40px 0;
}

.pssb-slide, .swiper-slide .pssb-product-slide.pssb-slide {
  height: 490px!important;border: none!important; 
  transition: all .3s cubic-bezier(0, 0, .5, 1)!important;
  border-radius: 18px;overflow: hidden;padding: 60px 20px 20px 20px;background: #fff;display: flex;align-items: center;justify-content: flex-start;gap: 10px;
}

@media screen and (min-width: 1024px) {
  /* Tes styles spécifiques aux grands écrans */
  .swiper-slide.pssb-product-slide:hover, [class^="pssb-swiper-wrapper"] .pssb-product-slide:hover {
    transform: scale(1.03);
    /* box-shadow: 2px 2px 8px #00000029!important; */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
}
.swiper-slide.pssb-product-slide {
  transform: scale(1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pssb-slide img {
  width: auto;
  height: 15rem!important;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto 20px;
  display: block;
}

.pssb-slide .pssb-label {
  color: #c65a00;
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 10px;
}

.pssb-slide .pssb-title {
  font-size: 19px;
  font-weight: 600;
  color: #111;
  margin-bottom: 10px;

  height: 42.px;       /* Hauteur fixe */
  line-height: 1.1em; /* À ajuster si la police change */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

.pssb-slide .pssb-price {
  font-size: 15.5px;
  font-weight: 600;
  color: #008080;
}

.pssb-slide .pssb-variants {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 15px;
}

.pssb-slide .pssb-variant {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: transform 0.2s;
}

.swiper-button-next,
.swiper-button-prev {
  color: #000;
  transition: opacity 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 0.7;
}

.swiper-pagination-bullet {
  background: #666;
  opacity: 0.5;
  transition: opacity 0.3s, transform 0.3s;
}

.swiper-pagination-bullet-active {
  background: #000;
  opacity: 1;
  transform: scale(1.2);
}

/* === Responsive === */
@media (max-width: 768px) {
  .pssb-slide {
    padding: 20px 15px;
  }

  .pssb-slide img {
    height: 200px;
  }
}