/* =================================================
   Presentation slider (1 slide per view)
   Uses homepage nav styles: .hp-products__nav / arrows / progress
================================================= */

.presentation-slider__slider{
  position: relative;
}

.presentation-slider__viewport{
  overflow: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-top: 10px;
  padding-bottom: 20px;
}

.presentation-slider__viewport::-webkit-scrollbar{
  display: none;
}

.presentation-slider__track{
  display: flex;
  gap: 0px; /* one slide, no gap */
  align-items: stretch;
}

.presentation-slider__card{
  scroll-snap-align: start;
  flex: 0 0 100%;
}

.presentation-slider__card-inner{
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 5px 15px rgba(0,0,0,.03);
  overflow: hidden;
}

.presentation-slider__image{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.presentation-slider__image img{
  width: auto;
  height: auto;
  display: block;
  max-height: 460px;
}

.presentation-slider__desc{
  padding: 22px 24px 24px;
}

/* Optional: when only 1 slide, hide nav (JS adds .is-single) */
.presentation-slider__nav.is-single{
  display: none;
}

/* Mobile spacing tweaks */
@media (max-width: 575.98px){
  .presentation-slider__desc{
    padding: 18px 18px 20px;
  }
}