/* ============================================================
   Product Slider Section — ps-section
   ============================================================ */

/* ─── Variables ─── */
.ps-section {
  --ps-transition-fast: 0.5s ease;
  --ps-transition-slow: 1.5s ease;
}

/* ─── Section ─── */
.ps-section {
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.ps-section a {
  text-decoration: none !important;
}

/* ─── Header ─── */
.ps-header {
  text-align: center;
  margin-bottom: 30px;
}

.ps-header__title {
  font-weight: 700;
  font-size: 32px;
}

.ps-header__subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 24px;
}

/* ─── Swiper ─── */
.ps-swiper {
  overflow: hidden;
}

/* ─── Card ─── */
.ps-card {
  display: block;
}

.ps-card__images {
  position: relative;
  width: 100%;
  height: clamp(260px, 18vw, 420px);
  /* margin-bottom: 150px; */
}

.ps-card__img--main {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
  object-position: center;
}

.ps-card__img--thumb {
  position: absolute;
  bottom: -40%;
  left: 50%;
  width: 58%;
  height: auto;
  max-height: 75%;
  object-fit: contain;
  object-position: center;
  transform: translateX(-100%);
  transition:
    transform var(--ps-transition-slow),
    opacity var(--ps-transition-slow);
  opacity: 0;
  visibility: hidden;

  @media (min-width: 360px) and (max-width: 405px) {
    bottom: -30%;
  }
}

/* ─── Card Info ─── */
.ps-card__info {
  text-align: center;
}

.ps-card__name {
  font-weight: 700;
  font-size: clamp(1.25rem, 0.9rem + 1.5vw, 2.25rem);
}

.ps-card__price {
  font-weight: 700;
  font-size: clamp(1.125rem, 0.9rem + 0.94vw, 1.75rem);
}

/* ─── Slide Transforms — Desktop ─── */
.ps-section .swiper-slide-active {
  transform: translateX(50%);
}

.ps-section .swiper-slide-next {
  transform: translateX(25%);
}

.ps-section .swiper-slide-next .ps-card__img--thumb {
  opacity: 0;
  visibility: visible;
  transform: translateX(-50%);
}

.ps-section .swiper-slide-active .ps-card__img--thumb {
  transform: translateX(-50%);
  opacity: 1;
  visibility: visible;
}

/* ─── Card Info Transforms — Desktop ─── */
@media (min-width: 769px) {
  .ps-card__img--thumb {
    bottom: -45%;
    left: 50%;
    width: 64%;

  }

  .ps-section .swiper-slide .ps-card__name,
  .ps-section .swiper-slide .ps-card__price {
    /* transform: translateX(-7%); */
    transition: var(--ps-transition-fast);
  }

  .ps-section .swiper-slide-next .ps-card__name,
  .ps-section .swiper-slide-next .ps-card__price {
    transform: translateX(-7%);
  }

  .ps-card__img--main {
    padding-inline: 10px;
  }
}

/* ─── Mobile (≤ 768px) ─── */
@media (max-width: 768px) {
  .ps-section {
    padding: 20px 0;
  }

  .ps-card__images {
    /* width: 143%; */
    height: clamp(220px, 62vw, 330px);
    /* margin-bottom: 80px; */
  }

  .ps-section .swiper-slide-active {
    transform: translateX(110%);
  }

  .ps-section .swiper-slide-next {
    transform: translateX(54%);
  }

  .ps-section .swiper-slide .ps-card__name,
  .ps-section .swiper-slide .ps-card__price {
    transform: translateX(-20%);
    opacity: 0;
    transition: var(--ps-transition-fast);
  }

  .ps-section .swiper-slide.swiper-slide-active .ps-card__name,
  .ps-section .swiper-slide.swiper-slide-active .ps-card__price {
    transform: translateX(0);
    opacity: 1;
  }

  /* .ps-section .swiper-slide-next .ps-card__name,
  .ps-section .swiper-slide-next .ps-card__price {
    transform: translateX(-20%);
    opacity: 1;
  } */

  .ps-section .top_image,
  .ps-section .bottom_image {
    display: none;
  }
}