.t__tour-gallery {
  display: none;
}

@media screen and (min-width: 64rem) {
  .t__tour-gallery {
    display: block;
  }
}

.t__tour-items {
  width: 100%;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media screen and (min-width: 64rem) {
  .t__tour-items {
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
  }
}

.t__tour-item {
  width: 90%;
  cursor: pointer;
  flex: none;
  align-content: space-between;
}

.t__tour-item-container {
  gap: 0.5rem;
}

.t__tour-item-description {
  @apply u-p-0;
  @apply u-m-0;

  display: block;
}

.t__tour-item-icon {
  display: none;
}

.t__tour-item-imgMobile {
  align-self: center;
}

.t__tour-item.v--active .t__tour-item-description {
  display: block;
}

.t__tour-item.v--active .t__tour-item-icon svg {
  transform: rotate(180deg);
}

@media screen and (min-width: 48rem) {
  .t__tour-item {
    width: 45%;
  }
}

@media screen and (min-width: 64rem) {
  .t__tour-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
  }

  .t__tour-item-container {
    gap: 0;
  }

  .t__tour-item-imgMobile,
  .t__tour-item-description {
    display: none;
  }

  .t__tour-item-icon {
    display: block;
  }
}

.t__tour.v--dark .t__tour-item {
  background: var(--color-black-900);
  border: 1px solid var(--color-black-800);
  color: var(--color-white);
}

@media screen and (min-width: 64rem) {
  .t__tour.v--dark .t__tour-item:hover,
  .t__tour.v--dark .t__tour-item.v--active {
    background: var(--color-black-700);
    border: 1px solid var(--color-black-600);
  }
}