/* =====================================================
   УНИВЕРСАЛЬНЫЙ ФОН СТРАНИЦЫ
   ===================================================== */

html,
body {
  background-color: #F3EEE1;
}

/* =====================================================
   ZERO-BLOCK: hover-карточки (rec1784884601)
   ===================================================== */

/* БАЗОВОЕ СОСТОЯНИЕ — ИСЧЕЗНОВЕНИЕ (медленно) */
#rec2095229321 .hover-dark {
  opacity: 0;
  pointer-events: none;
  transition: opacity 2s ease;
}

/* СОСТОЯНИЕ ПОЯВЛЕНИЯ — БЫСТРО */
#rec2095229321 .hover-dark.is-visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.35s ease-in;
}

/* светлые карточки скрываются */
#rec2095229321 .hover-light.is-hidden {
  opacity: 0;
}

/* =====================================================
   КНОПКА: стеклянный рефлекс
   ===================================================== */

.btn-shine-dark,
.btn-shine-dark .tn-atom {
  position: relative;
  overflow: hidden;
}

/* внутренний блик */
.btn-shine-dark::after,
.btn-shine-dark .tn-atom::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -140%;
  width: 45%;
  height: 220%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.15) 45%,
    rgba(255,255,255,0.45) 50%,
    rgba(255,255,255,0.15) 55%,
    transparent 100%
  );
  transform: skewX(-25deg);
  animation: btn-shine 3.5s ease-in-out infinite;
  pointer-events: none;
}

#rec2058836381 .t-container,
#rec2058836381 .t-container_100 {
  gap: 40px;
}

/* =====================================================
   ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ КАРТОЧЕК 
   ===================================================== */

/* делаем ряд горизонтальным */
#rec2058836381 .t-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}

/* карточки — фиксируем ширину */
#rec2058836381 .t-col {
  flex: 0 0 360px !important; /* фикс ширины */
  max-width: 360px !important;
}

/* расстояние между карточками */
#rec2058836381 .t-col:not(:last-child) {
  margin-right: 40px !important;
}

/* контейнер */
#rec2058836381 .t-container,
#rec2058836381 .t-container_100 {
  overflow: hidden !important;
}