/* Контейнер */
.toggle-container {
  text-align: left;            /* теперь всё по левому краю */
  margin-top: 30px;
}

/* Скрытый текст */
.hidden-text {
  display: none;
  white-space: pre-wrap;
  transition: all 0.4s ease;
  font-family: "Georgia", serif;
  line-height: 1.6;
  margin-top: 25px;
  text-align: left;            /* тоже выравнивание по левому краю */
}

/* открытый текст */
.hidden-text.open {
  display: block;
}

/* Кнопка */
.toggle-btn {
  display: inline-block;
  padding: 14px 32px;
  background: #4e382c;         /* коричневый (неактивный) */
  color: #ffffff;
  border-radius: 32px;
  font-family: "Georgia", serif;
  font-size: 18px;
  text-align: left;            /* выравнивание текста кнопки влево */
  cursor: pointer;
  border: 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
  transition: background 0.2s ease, color 0.2s ease,
              transform 0.1s ease, box-shadow 0.1s ease;
  margin-bottom: 20px;
}

/* при наведении */
.toggle-btn:hover {
  background: #fa8669;         /* оранжевый при наведении */
  color: #ffffff;
}

/* при нажатии */
.toggle-btn:active {
  transform: translateY(1px);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* нижняя кнопка — просто отступ сверху */
.toggle-btn-bottom {
  margin-top: 30px;
}
/* Иконки в блоке BF802A / t993 — плавное изменение */
/*.t993__btn-img {
  /*  transition: filter 0.25s ease;
/*}

/* Золотой фильтр для цвета #e1b97c */
/*.t993__btn:hover .t993__btn-img,
/*.t993__btn-wrapper:hover .t993__btn-img {
/*    filter: brightness(0) saturate(100%) invert(85%) sepia(24%) saturate(956%) hue-rotate(338deg) brightness(96%) contrast(92%);
/*}

/* Фикс ширины и «дергания» при загрузке */
.order-choice .t-btn {
  box-sizing: border-box;
  min-width: 360px;    /* можно 340–380 подогнать под свой макет */
}

/* чтобы border не менял габариты */
.order-choice .t-btn,
.order-choice .t-btn:hover {
  border-width: 2px;   /* одна и та же толщина в обычном и hover-состоянии */
}

/* Прячем дёрганье order-choice при первой отрисовке */
body:not(.t-records_loaded) .order-choice {
  opacity: 0;
}

body.t-records_loaded .order-choice {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* контейнер с нашими двумя опциями */
.order-prechoice .t-radio__control {
  border: 2px solid #4e382c;
  border-radius: 20px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

/* текст внутри */
.order-prechoice .t-radio__control .t-input-title,
.order-prechoice .t-radio__control .t-input-subtitle {
  color: #4e382c;
  transition: color 0.2s ease;
}

/* иконка (img или svg) */
.order-prechoice .t-radio__control img,
.order-prechoice .t-radio__control svg {
  transition: filter 0.2s ease, fill 0.2s ease;
}

/* СОСТОЯНИЕ ВЫБРАНО (и на десктопе, и на мобиле) */
.order-prechoice .t-radio__control.order-selected {
  border-color: #fa8669;
  background: rgba(250, 134, 105, 0.06);
}

/* цвет текста при выбранной опции */
.order-prechoice .t-radio__control.order-selected .t-input-title,
.order-prechoice .t-radio__control.order-selected .t-input-subtitle {
  color: #fa8669;
}

/* подсветка иконки в выбранной опции 
   (если SVG — используем fill, если PNG — filter) */
.order-prechoice .t-radio__control.order-selected img {
  filter: brightness(1.2) saturate(1.2);
}

.order-prechoice .t-radio__control.order-selected svg path {
  fill: #fa8669;
}

#rec1588596951 .t-sociallinks__item {
    margin-right: 30px !important;
}

#rec1588596951 .t-sociallinks__item:last-child {
    margin-right: 0 !important;
}

/* === Onegin: последовательное появление двух кнопок BF802A === */

/* Ключевая анимация — плавное проявление и лёгкий подъём */
@keyframes oneginFade {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Изначально скрываем все кнопки */
#rec1577885821 .t-btn {
  opacity: 0;
  transform: translateY(20px);
  animation: oneginFade 1s ease forwards;
}

/* Первая кнопка появляется первой */
#rec1577885821 .t-btn:nth-of-type(1) {
  animation-delay: 0.2s; /* старт через 0.2 сек после загрузки */
}

/* Вторая кнопка — через секунду после первой */
#rec1577885821 .t-btn:nth-of-type(2) {
  animation-delay: 1.2s; /* 1 сек разницы */
}









/* Плавное появление текста в блоке TX05 #rec1588547531 */
#rec1588547531 .t-text {
  opacity: 0;
  transform: translateY(12px);
  animation: onegin-fadein-verse 0.5s ease-out 0.3s forwards;
}

/* сама анимация */
@keyframes onegin-fadein-verse {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Базовый вид иконок в BF802A */
.t993__btn-img {
    filter: none;                     /* исходный цвет иконки */
    transition: opacity .25s ease,
                transform .25s ease;  /* плавно меняем только «движение», не цвет */
}

/* Ховер: сразу перекрашиваем в золотистый #e1b97c без розового этапа */
/*.t993__btn:hover .t993__btn-img,
/*.t993__btn-wrapper:hover .t993__btn-img {
 /*   filter: brightness(1.05)
 /*           sepia(1)
 /*           saturate(2.6)
 /*           hue-rotate(-12deg);
/*}
/* Ховер — точный цвет #e1b97c без розового */
.t993__btn:hover .t993__btn-img,
.t993__btn-wrapper:hover .t993__btn-img {
    filter: brightness(0) saturate(100%) invert(85%) sepia(24%) saturate(956%) hue-rotate(338deg) brightness(96%) contrast(92%);
}


/* Общий стиль попапа "Спасибо" */
#tildaformsuccesspopup .t-popup__container {
    background-color: #2c180e !important;   /* фон попапа */
    color: #ece3e3 !important;              /* базовый цвет текста */
    font-family: Georgia, "Times New Roman", serif !important;
}

/* Заголовок и текст внутри попапа */
#tildaformsuccesspopup .t-success-title,
#tildaformsuccesspopup .t-success-text {
    color: #ece3e3 !important;
}

/* Кнопка "Хорошо" */
#tildaformsuccesspopup .t-popup__btn {
    background-color: #2c180e !important;   /* фон кнопки */
    color: #ece3e3 !important;              /* текст на кнопке */
    border: 2px solid #e1b97c !important;   /* обводка 2px нужного цвета */
    border-radius: 10px !important;         /* скругление */
}

/* Ховер по кнопке (по желанию) */
#tildaformsuccesspopup .t-popup__btn:hover {
    background-color: #e1b97c !important;
    color: #2c180e !important;
}