.hbs-pro-slider-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.hbs-pro-slider {
  display: flex;
  gap: 1rem;
  scroll-snap-type: x mandatory;
  padding: 1rem 0;
}
.hbs-pro-slide {
  flex: 0 0 auto;
  width: 80%;
  max-width: auto;
}
.hbs-pro-slide img {
  width: 100%;
  border-radius: 8px;
}

.hbs-pro-slider[data-snap-align="start"] .hbs-pro-slide {
  scroll-snap-align: start;
}
.hbs-pro-slider[data-snap-align="center"] .hbs-pro-slide {
  scroll-snap-align: center;
}
.hbs-pro-slider[data-snap-align="end"] .hbs-pro-slide {
  scroll-snap-align: end;
}

.hbs-pro-slider.with-transition .hbs-pro-slide {
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.hbs-pro-slider.with-transition .hbs-pro-slide:hover {
  transform: scale(1.03);
  opacity: 0.95;
}

@media (min-width: 768px) {
  .hbs-pro-slider-wrapper {
    overflow-x: visible;
  }
  .hbs-pro-slider {
    flex-wrap: wrap;
    justify-content: space-between;
    scroll-snap-type: none;
  }
  .hbs-pro-slide {
    scroll-snap-align: none !important;
    width: calc(33.333% - 1rem);
  }
}