.product-slider-wrapper {
  padding: 2rem;
  background-color: #f9f9f9;
  overflow: hidden; // Evita desbordamiento horizontal
  position: relative;

  .swiper-container {
    width: 100%;
    overflow: visible; // Permite que las sombras y efectos no se corten
  }

  .swiper-wrapper {
    align-items: stretch;
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
  }

  .product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    height: 100%;
    width: 100%;
    max-width: 300px;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    padding: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;

    &:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    img {
      width: 100%;
      height: auto;
      object-fit: contain;
      margin-bottom: 1rem;
    }

    h3, p {
      margin-bottom: 0.5rem;
    }

    .price-original {
      color: #999;
      text-decoration: line-through;
    }

    // .price-discount {
    //   color: #e63946;
    //   font-weight: bold;
    // }
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 45px;
    height: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 10;

    &::after {
      font-size: 20px;
      color: #007bff;
      font-weight: bold;
    }

    &:hover {
      background: #007bff;

      &::after {
        color: #fff;
      }
    }
  }

  // @media (max-width: 575.98px) {
  //   .swiper-button-prev,
  //   .swiper-button-next {
  //     display: none;
  //   }
  // }
}
