/* Анимация появления блоков при прокрутке и правки для мобильных устройств.
   Логика анимации: js/site/enhancements.js. Чтобы отключить анимацию — уберите подключение файла
   или удалите блок «Анимация». */

/* ===== Анимация ===== */
@media (prefers-reduced-motion: no-preference) {
  .mt-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
      opacity 0.7s ease,
      transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition-delay: var(--mt-delay, 0s);
    will-change: opacity, transform;
  }
  .mt-reveal.mt-in {
    opacity: 1;
    transform: none;
  }

  /* карточки туров: лёгкий подъём и увеличение фото при наведении */
  .t853__col .t-card__col,
  .t-card__col {
    transition: transform 0.3s ease;
  }
  .t853__imgwrapper {
    overflow: hidden;
  }
  .t853__bgimg {
    transition: transform 0.6s ease;
  }
  .t853__col:hover .t853__bgimg {
    transform: scale(1.05);
  }
  .mt-gallery__item img {
    transition: transform 0.6s ease;
  }
  .mt-gallery__item:hover img {
    transform: scale(1.05);
  }
}

/* ===== Фото гор на главной (вместо блока «Все наши туры») ===== */
.mt-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  box-sizing: border-box;
  padding: 0 20px;
}
/* clearfix Tilda у .t-container иначе становится пустой ячейкой сетки */
.mt-gallery::before,
.mt-gallery::after {
  display: none;
}
.mt-gallery__item {
  margin: 0;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 3 / 2;
  background: #e9e6e3;
}
.mt-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 960px) {
  .mt-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
}
@media (max-width: 480px) {
  .mt-gallery {
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
}

/* ===== Мобильные устройства ===== */
@media (max-width: 760px) {
  /* баннер cookie занимает меньше места на экране */
  #mt-cookies .dc-banner {
    gap: 12px;
    padding: 14px 16px;
    font-size: 13px;
    line-height: 1.45;
  }
  #mt-cookies .dc-banner .dc-button,
  #mt-cookies .dc-banner .dc-text-button {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  /* окно менеджера и кнопки — удобные для пальца размеры */
  #mt-manager {
    padding: 36px 20px 24px;
  }
  .mt-manager__title {
    font-size: 22px;
  }
  .mt-contact-btn,
  .mt-manager__btn {
    min-height: 52px;
    padding: 0 20px;
  }
}