.slider-touch-container {
    position: relative;
    overflow: hidden;
}
.slider-touch-content {
  display: flex;
  flex-wrap: nowrap;      /* important: don't wrap slides */
  transition: transform 0.3s ease;
  will-change: transform;
}

.slide {
  flex: 0 0 100%;
  width: 100%;
  box-sizing: border-box; /* CRITICAL: padding won't grow width */
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 12px 0 5px;  /* kept from your original */
  user-select: none;
  margin: 0;  
}

.slide img {
  transition: transform 0.3s ease-in-out;
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 10px;
}

.grabbing {
  cursor: grabbing;
}
.grabbing .slide img {
  transform: scale(0.9);
}
.slider-touch-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* display:none; */
}

.slider-dot {
    display: inline-block;
    height: 3px;
    width: 15px;
    margin: 0 5px;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s;
}

.slider-dot.active {
    background-color: var(--main-color);
}