.rs-dest-scroll { margin: 1rem 0 1.25rem; }
.rs-dest-scroll__head {
  display:flex; justify-content:space-between; align-items:center; margin:0 0 .5rem;
}
.rs-dest-scroll__head h3 { margin:0; font-size:1.05rem; font-weight:700; }

.rs-dest-scroll__nav { display:flex; gap:.35rem; }
.rs-dest-scroll__btn {
  border:1px solid #e8ecf2; background:#fff; border-radius:8px; width:32px; height:28px; line-height:26px;
  cursor:pointer; font-size:18px; padding:0; box-shadow:0 2px 8px rgba(13,38,76,.06);
}
.rs-dest-scroll__btn:disabled { opacity:.45; cursor:default; }

.rs-dest-scroll__track {
  display:grid; grid-auto-flow:column; grid-auto-columns: minmax(0, 1fr);
  gap:.6rem; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:.2rem 0 .4rem;
  -webkit-overflow-scrolling: touch;
}
.rs-dest-scroll__track::-webkit-scrollbar { height:8px; }
.rs-dest-scroll__track::-webkit-scrollbar-thumb { background:#e0e6ef; border-radius:999px; }

.rs-dest-scroll__item {
  display:flex; flex-direction:column; align-items:center; gap:.35rem;
  width:160px; /* ~4 visible on ~700px+ widths */
  scroll-snap-align:start; text-decoration:none; color:inherit;
}

.rs-dest-scroll__thumb {
  width:160px; height:100px; margin:0; border-radius:10px; overflow:hidden; background:#f6f8fb; border:1px solid #e8ecf2;
}
.rs-dest-scroll__thumb img { width:100%; height:100%; object-fit:cover; display:block; }

.rs-dest-scroll__title {
  font-size:.86rem; font-weight:600; color:#213547; text-align:center;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:160px;
}

/* Smaller phones: shrink item */
@media (max-width: 480px){
  .rs-dest-scroll__item { width:140px; }
  .rs-dest-scroll__thumb { width:140px; height:88px; }
  .rs-dest-scroll__title { max-width:140px; }
}