/* =========================================================
   tours-carousel.css — аяллын картуудын эгнээ (нүүр хуудас)
   Компьютер: 3 карт харагдана, сумаар гүйлгэнэ
   Гар утас: хуруугаар шударч гүйлгэнэ (WeRoad шиг дараагийн карт цухуйна)
   ========================================================= */
.tours-carousel { position: relative; }

.tours-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.tours-track::-webkit-scrollbar { display: none; }

.tours-track > .tour-card {
  flex: 0 0 calc((100% - 32px) / 3);
  scroll-snap-align: start;
}

/* Сумнууд */
.carousel-btn {
  position: absolute; top: 50%; z-index: 2;
  width: 40px; height: 40px;
  transform: translateY(-50%);
  display: grid; place-items: center;
  border: 1px solid #d9d9d2; border-radius: 50%;
  background: #fff;
  color: var(--charcoal);
  font-size: 1.4rem; line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(31,35,35,0.12);
}
.carousel-btn.prev { left: -20px; }
.carousel-btn.next { right: -20px; }
.carousel-btn[hidden] { display: none; }

/* Таблет */
@media (max-width: 1024px) {
  .tours-track > .tour-card { flex-basis: calc((100% - 16px) / 2.3); }
}

/* Гар утас: сумгүй, шударна, карт дэлгэцийн ирмэг хүртэл гарна */
@media (max-width: 760px) {
  .tours-track {
    gap: 12px;
    margin: 0 -16px;
    padding: 0 16px;
    scroll-padding: 0 16px;
  }
  .tours-track > .tour-card { flex-basis: 72%; }
  .carousel-btn { display: none; }
}