/* ─── Скрываем лишнюю ссылку в попапе успешной отправки ─── */
#tildaformsuccesspopuplink-new {
  display: none !important;
}

/* ─── Оформление попапа в стилях сайта (тёмный фон, золотые акценты) ─── */
.t-form-success-popup__wrapper {
  background: rgba(17, 15, 17, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(217, 185, 150, 0.15) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7) !important;
  padding: 40px 32px !important;
  max-width: 420px !important;
  width: 90% !important;
  text-align: center !important;
}

/* Заголовок */
.t-form-success-popup__title {
  font-family: 'Georgia', serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  color: #d9b996 !important;
  letter-spacing: 0 !important;
  margin: 12px 0 8px !important;
}

/* Текст */
.t-form-success-popup__text {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: #f5e8d7 !important;
  letter-spacing: 0 !important;
  opacity: 0.8 !important;
  margin-bottom: 28px !important;
}

/* Иконка (галочка) – если нужно изменить цвет фона */
.t-form-success-popup__content-icon-background {
  fill: #d9b996 !important; /* золотой вместо зелёного */
}
.t-form-success-popup__content-icon-check {
  stroke: #1a1517 !important; /* тёмный цвет для галочки на золотом фоне */
}

/* ─── КНОПКА «Хорошо» ─── */
#tildaformsuccesspopupbtn-new {
  display: inline-block !important;
  width: auto !important;
  padding: 14px 38px !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  border-radius: 10px !important;
  border: 1px solid #d9b996 !important;
  color: #251f21 !important;
  background: #d9b996db !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

#tildaformsuccesspopupbtn-new:hover {
  background: #d9b996 !important;
  box-shadow: 0 4px 20px rgba(217, 185, 150, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* Крестик закрытия – также в стиле сайта */
.t-form-success-popup__close-icon svg path {
  fill: #d9b996 !important;
  opacity: 0.6 !important;
  transition: opacity 0.3s !important;
}
.t-form-success-popup__close-icon:hover svg path {
  opacity: 1 !important;
}
/* ===== БЛОК КОНТАКТОВ (t555) – адаптивное выравнивание ===== */

/* Десктоп: левая колонка – контент по верхнему краю, текст слева */
@media (min-width: 768px) {
  .t555__contentbox {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;    /* выравнивание по левому краю */
    justify-content: flex-start !important; /* прижатие к верху */
    text-align: left !important;
  }
  .t555__contentbox .t555__title,
  .t555__contentbox .t-text,
  .t555__contentbox .t-sociallinks {
    width: 100% !important;
    text-align: left !important;
  }
  .t555__contentbox .t-sociallinks__wrapper {
    justify-content: flex-start !important;
  }
}

/* Мобильные (≤ 767px) – всё по центру, иконки крупнее, отступы меньше */
@media (max-width: 767px) {
  .t555__contentbox {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 16px 12px !important; /* небольшие отступы по бокам */
  }
  .t555__contentbox .t555__title,
  .t555__contentbox .t-text,
  .t555__contentbox .t-sociallinks {
    width: 100% !important;
    text-align: center !important;
  }

  /* Уменьшаем отступы между элементами (адрес, телефон, иконки) */
  .t555__contentbox .t-text {
    margin-bottom: 6px !important;   /* было больше – уменьшаем */
  }
  .t555__contentbox .t-sociallinks {
    margin-top: 4px !important;      /* сокращаем отступ сверху */
  }
  /* Если внутри .t-text есть  – можно уменьшить расстояние между строками */
  .t555__contentbox .t-text br {
    display: none; /* убираем лишние переносы, если они есть – либо можно оставить */
  }
  /* Адрес и телефон внутри .t-text – делаем более компактными */
  .t555__contentbox .t-text a {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
  }
  /* Ссылка телефона – размер оставляем как есть, но можно подкорректировать */
  .t555__contentbox .t-text a[href^="tel"] {
    font-size: 24px !important; /* чуть меньше, чем на десктопе (было 26px) */
  }

  /* Увеличиваем иконки соцсетей (и сами ссылки) */
  .t-sociallinks__item {
    width: 44px !important;
    height: 44px !important;
    margin: 0 6px !important; /* чуть больше расстояние между иконками */
  }
  .t-sociallinks__item a,
  .t-sociallinks__item svg {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .t-sociallinks__svg {
    width: 44px !important;
    height: 44px !important;
  }
  /* Центрируем сам блок соцсетей */
  .t-sociallinks__wrapper {
    justify-content: center !important;
    gap: 10px !important; /* промежуток между иконками */
  }
}

/* Дополнительно для очень узких экранов (≤ 400px) – чуть меньше */
@media (max-width: 400px) {
  .t555__contentbox {
    padding: 10px 8px !important;
  }
  .t-sociallinks__item,
  .t-sociallinks__item a,
  .t-sociallinks__item svg,
  .t-sociallinks__svg {
    width: 22px !important;
    height: 22px !important;
  }
  .t555__contentbox .t-text a[href^="tel"] {
    font-size: 20px !important;
  }
}

/* Адаптация cookie-окна для мобильных устройств */
@media (max-width: 767px) {
  .t886 {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    padding: 8px 12px !important;
    background: transparent !important; /* фон задаётся на wrapper */
    pointer-events: auto !important;
  }

  .t886__wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    background-color: #333333 !important;
    border-radius: 12px 12px 0 0 !important; /* скругление только сверху */
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.3) !important;
  }

  .t886__text {
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    color: #f5e8d7 !important; /* светлый цвет для читаемости */
    max-width: 100% !important;
    word-break: break-word !important;
  }

  .t886__text a {
    color: #d9b996 !important;
    text-decoration: underline !important;
  }

  .t886__btn {
    width: 100% !important;
    max-width: 220px !important;
    margin: 0 auto !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    border-radius: 30px !important;
    background-color: #d9b996 !important;
    color: #333333 !important;
    border: none !important;
    text-align: center !important;
    flex-shrink: 0 !important;
  }

  /* Если кнопка внутри содержит span с текстом */
  .t886__btn .t-btnflex__text {
    font-size: inherit !important;
    line-height: 1 !important;
  }

  /* Для очень узких экранов (≤ 400px) — ещё меньше отступов */
  @media (max-width: 400px) {
    .t886 {
      padding: 4px 8px !important;
    }
    .t886__wrapper {
      padding: 10px 12px !important;
      gap: 8px !important;
    }
    .t886__text {
      font-size: 13px !important;
    }
    .t886__btn {
      padding: 8px 16px !important;
      font-size: 14px !important;
    }
  }
}




/* ===== ЗАМЕНА ИКОНОК НА МЕРЦАЮЩИЕ ЗВЁЗДОЧКИ В БЛОКЕ t845 ===== */

/* 1. Убираем оригинальные иконки */
.t845__imgwrapper {
  background: none !important;
  background-image: none !important;
}

.t845__imgwrapper img,
.t845__img {
  display: none !important;
}

/* 2. Делаем контейнер под звёздочку */
.t845__imgwrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;        /* чуть шире для читаемости */
  height: 20px !important;
  font-size: 16px !important;    /* размер звёздочки */
  color: #d9b996 !important;     /* золотой цвет */
  animation: twinkle 2.8s ease-in-out infinite alternate !important;
}

/* 3. Добавляем звёздочку через псевдоэлемент */
.t845__imgwrapper::before {
  content: "✦" !important;
  font-size: inherit !important;
  color: inherit !important;
  animation: inherit !important;
  line-height: 1 !important;
}

/* 4. Анимация мерцания (если отсутствует глобально) */
@keyframes twinkle {
  0%   { opacity: 0.3; transform: scale(0.9) rotate(0deg); }
  100% { opacity: 1;   transform: scale(1.05) rotate(6deg); }
}

/* 5. Дополнительная страховка – убираем всё лишнее внутри обёртки */
.t845__imgwrapper * {
  display: none !important;
}

/* 6. Адаптация для мобильных (опционально) */
@media (max-width: 480px) {
  .t845__imgwrapper {
    width: 18px !important;
    height: 18px !important;
    font-size: 14px !important;
  }
}



/* ===== ПРИВЕДЕНИЕ БЛОКА t1032 К СТИЛЯМ САЙТА ===== */

/* ----- Общие настройки для всего блока ----- */
.t1032__content {
  background: transparent !important;
  border-color: rgba(217, 185, 150, 0.15) !important;
  border-width: 1px !important;
  border-radius: 12px !important;
  padding: 20px 18px !important;
  transition: border-color 0.3s ease, background 0.3s ease !important;
}

/* Ховер эффект для карточек */
.t1032__content:hover {
  border-color: rgba(217, 185, 150, 0.4) !important;
  background: rgba(217, 185, 150, 0.03) !important;
}

/* ----- Заголовки (H4) ----- */
.t1032__content .t-card__title {
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  color: #d9b996 !important;
  margin: 0 0 4px !important;
  text-align: center !important;
}

/* ----- Описания (основной текст) ----- */
.t1032__content .t-card__descr {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  color: #f5e8d7 !important;
  opacity: 0.85 !important;
  text-align: center !important;
  margin: 0 !important;
}

/* ----- Убираем встроенные высоты ----- */
.t1032__wrapper {
  height: auto !important;
}

/* ----- Адаптив для планшета (≤860px) ----- */
@media (max-width: 860px) {
  .t1032__content .t-card__title {
    font-size: 20px !important;
  }
  .t1032__content .t-card__descr {
    font-size: 15px !important;
  }
  .t1032__content {
    padding: 16px 14px !important;
  }
}

/* ----- Адаптив для мобилы (≤640px) ----- */
@media (max-width: 640px) {
  .t1032__content .t-card__title {
    font-size: 18px !important;
  }
  .t1032__content .t-card__descr {
    font-size: 16px !important;
  }
  .t1032__content {
    padding: 14px 12px !important;
  }
}

/* ----- Если нужна сетка с двумя колонками – оставляем как есть ----- */
/* Базовые стили Tilda для сетки сохраняются, мы только переопределяем внутренности */



/* ===== ГОЛОБАЛЬНЫЙ СТИЛЬ ДЛЯ ВСЕХ КНОПОК (золотой вариант) ===== */
/* Исключаем кнопки в слайдерах и каруселях */
.t-btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
.t-btnflex:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
.t993__btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
.t-submit:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control) {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  padding: 16px 48px !important;
  border: 1px solid #d9b996 !important;
  border-radius: 10px !important;
  color: #251f21 !important;
  background: #d9b996db !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: box-shadow 0.3s ease, background 0.4s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  -webkit-appearance: none !important;
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 200px !important;
}

/* ===== ХОВЕР (тоже с исключением) ===== */
.t-btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover,
.t-btnflex:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover,
.t993__btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover,
.t-submit:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover {
  background: #d9b996 !important;
  box-shadow: 0 4px 30px rgba(217, 185, 150, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* ===== АКТИВНОЕ СОСТОЯНИЕ ===== */
.t-btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):active,
.t-btnflex:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):active,
.t993__btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):active,
.t-submit:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):active {
  transform: scale(0.97) !important;
}

/* ===== УБИРАЕМ ЛИШНИЕ ЭФФЕКТЫ (световая бегунок) ===== */
.t-btn_wrap-effects,
.t-btn_inner-effects,
.t-btn_effects {
  display: none !important;
}

/* ===== АДАПТИВ ПЛАНШЕТ (≤860px) ===== */
@media (max-width: 860px) {
  .t-btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
  .t-btnflex:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
  .t993__btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
  .t-submit:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control) {
    font-size: 15px !important;
    padding: 14px 36px !important;
    min-width: 0 !important;
  }
}

/* ===== АДАПТИВ МОБИЛА (≤480px) ===== */
@media (max-width: 480px) {
  .t-btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
  .t-btnflex:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
  .t993__btn:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
  .t-submit:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control) {
    font-size: 14px !important;
    padding: 12px 28px !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }
}

/* ===== ЕСЛИ КНОПКА ДОЛЖНА БЫТЬ ТЁМНОЙ (с чёрной обводкой) ===== */
/* Добавьте класс .btn-dark к кнопке, чтобы переключить на тёмный стиль */
.t-btn.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
.t-btnflex.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
.t993__btn.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control),
.t-submit.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control) {
  color: #f5e8d7 !important;
  background-color: #333333 !important;
  border: 3px solid #000000 !important;
  border-radius: 20px !important;
  font-weight: 400 !important;
  padding: 14px 40px !important;
}

.t-btn.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover,
.t-btnflex.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover,
.t993__btn.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover,
.t-submit.btn-dark:not(.t-slds__btn):not(.t1186__control):not(.t1148__control):not(.t1004__control):not(.t920__control):hover {
  background-color: #d9b996 !important;
  color: #333333 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 20px rgba(217, 185, 150, 0.3) !important;
}

/* ===== ДОПОЛНИТЕЛЬНО: УБИРАЕМ ВОЗМОЖНЫЕ КОНФЛИКТЫ ===== */
.t-btn *,
.t-btnflex *,
.t993__btn *,
.t-submit * {
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  background: none !important;
  border: none !important;
}

/* ===== ЗАМЕНА ИКОНОК НА МЕРЦАЮЩИЕ ЗВЁЗДОЧКИ В БЛОКАХ T820 И T841 ===== */

/* 1. Убираем оригинальные иконки */
.t820__bgimg,
.t841__imgwrapper {
  background-image: none !important;
  background: none !important;
}

.t820__bgimg img,
.t841__imgwrapper img {
  display: none !important;
}

/* 2. Делаем контейнеры под звёздочки */
.t820__bgimg,
.t841__imgwrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 25px !important;
  height: 25px !important;
  font-size: 20px !important;
  color: #d9b996 !important;
  animation: twinkle 2.8s ease-in-out infinite alternate !important;
}

/* 3. Добавляем звёздочку через псевдоэлемент */
.t820__bgimg::before,
.t841__imgwrapper::before {
  content: "✦" !important;
  font-size: inherit !important;
  color: inherit !important;
  animation: inherit !important;
  line-height: 1 !important;
}

/* 4. Анимация мерцания (если отсутствует глобально) */
@keyframes twinkle {
  0%   { opacity: 0.3; transform: scale(0.9) rotate(0deg); }
  100% { opacity: 1;   transform: scale(1.05) rotate(6deg); }
}

/* 5. Дополнительная страховка – если есть другие обёртки */
.t820__bgimg *,
.t841__imgwrapper * {
  display: none !important;
}

/* 6. Для мобильных адаптация размера (опционально) */
@media (max-width: 480px) {
  .t820__bgimg,
  .t841__imgwrapper {
    width: 20px !important;
    height: 20px !important;
    font-size: 16px !important;
  }
}









/* ============================================================
   ПЕРЕОПРЕДЕЛЕНИЕ СТИЛЕЙ ДЛЯ ФОРМЫ (попап «Подобрать программу»)
   с использованием !important для приоритета над стилями Tilda
   ============================================================ */

/* ----- Общие настройки для всей формы ----- */
.t702__wrapper,
.t702__wrapper * {
  box-sizing: border-box !important;
  font-family: 'Lato', 'Helvetica Neue', system-ui, sans-serif !important;
}

/* ----- Заголовок формы (H2) ----- */
.t702__title,
.t-title.t-title_xxs {
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-size: 50px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  color: #d9b996 !important;
  margin-bottom: 0.5em !important;
}

/* ----- Текстовые подписи полей (label) ----- */
.t-input-title {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #f5e8d7 !important;
  letter-spacing: 0 !important;
  margin-bottom: 6px !important;
}

/* ----- Все поля ввода (текст, номер, телефон) ----- */
.t-input,
.t-input.t-input_bbonly,
.t-input-phonemask__wrap,
.t-inputquantity .t-input {
  background: transparent !important;
  color: #f5e8d7 !important;
   border-radius: 10px !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  padding: 12px 16px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 50px !important;
}



/* ----- Счётчик возраста (кнопки +/‑) ----- */
.t-inputquantity__btn {
  color: #d9b996 !important;
  background: transparent !important;
  border: none !important;
  font-size: 20px !important;
  padding: 0 8px !important;
  cursor: pointer !important;
  transition: color 0.3s !important;
}

.t-inputquantity__btn:hover {
  color: #f5e8d7 !important;
}

/* ----- Плейсхолдеры (уже есть, но переопределим на всякий) ----- */
.t-input::placeholder,
.t-input-phonemask__wrap input::placeholder {
  color: #f5e8d7 !important;
  opacity: 0.5 !important;
}

/* ----- Радио-кнопки (способ связи) ----- */
.t-contact-method__type {
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid rgba(217, 185, 150, 0.15) !important;
  transition: background 0.3s, border-color 0.3s !important;
}

.t-contact-method__type:hover {
  background: rgba(217, 185, 150, 0.05) !important;
}

/* выбранный способ */
.t-contact-method__type:has(>.t-radio:checked) {
  background-color: rgba(217, 185, 150, 0.10) !important;
  border-color: #d9b996 !important;
}

.t-contact-method__type-label .t-sociallinks__svg {
  filter: none !important;
}

.t-contact-method__type-label span {
  color: #f5e8d7 !important;
  font-size: 14px !important;
}



/* ----- Чекбокс согласия ----- */
.t-checkbox__control {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 14px !important;
  color: #f5e8d7 !important;
  opacity: 0.8 !important;
  gap: 10px !important;
  align-items: center !important;
}

.t-checkbox__indicator {
  border-color: #f5e8d7 !important;
  border-radius: 4px !important;
  background: transparent !important;
  width: 20px !important;
  height: 20px !important;
}

.t-checkbox__indicator:after {
  border-color: #d9b996 !important;
}

.t-checkbox__control a {
  color: #d9b996 !important;
  text-decoration: underline !important;
  transition: color 0.3s !important;
}

.t-checkbox__control a:hover {
  color: #f5e8d7 !important;
}

/* ----- Кнопка отправки (золотая, как в модальных окнах) ----- */
.t-submit,
.t-btnflex.t-btnflex_type_submit {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 16px 48px !important;
  border: 1px solid #d9b996 !important;
  border-radius: 10px !important;
  color: #251f21 !important;
  background: #d9b996db !important; /* полупрозрачный золотой */
  cursor: pointer !important;
  transition: box-shadow 0.3s ease, background 0.4s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  box-shadow: none !important;
  min-width: 200px !important;
}

.t-submit:hover,
.t-btnflex.t-btnflex_type_submit:hover {
  background: #d9b996 !important;
  box-shadow: 0 4px 30px rgba(217, 185, 150, 0.4) !important;
  transform: translateY(-2px) !important;
}

.t-submit:active,
.t-btnflex.t-btnflex_type_submit:active {
  transform: scale(0.97) !important;
}

/* Убираем лишние эффекты (световую бегунок) – оставляем только наведение */
.t-btn_wrap-effects {
  display: none !important;
}

/* ----- Сообщения об ошибках ----- */
.t-input-error {
  color: #d9b996 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}

/* ----- Блок успешной отправки ----- */
.t-form__successbox {
  background: rgba(217, 185, 150, 0.1) !important;
  border: 1px solid #d9b996 !important;
  border-radius: 10px !important;
  color: #f5e8d7 !important;
  padding: 20px !important;
  font-family: 'Lato', Arial, sans-serif !important;
}

/* ============================================================
   АДАПТИВНЫЕ ПРАВКИ (планшет и мобила)
   ============================================================ */

@media (max-width: 860px) {
  .t702__title,
  .t-title.t-title_xxs {
    font-size: clamp(32px, 5vw, 36px) !important;
  }
  .t-input,
  .t-input.t-input_bbonly,
  .t-input-phonemask__wrap,
  .t-inputquantity .t-input {
    font-size: 15px !important;
    padding: 10px 14px !important;
    min-height: 44px !important;
  }
  .t-submit,
  .t-btnflex.t-btnflex_type_submit {
    font-size: 15px !important;
    padding: 12px 30px !important;
  }
}

@media (max-width: 480px) {
  .t702__title,
  .t-title.t-title_xxs {
    font-size: 32px !important;
  }
  .t-input,
  .t-input.t-input_bbonly,
  .t-input-phonemask__wrap,
  .t-inputquantity .t-input {
    font-size: 14px !important;
    padding: 8px 12px !important;
    min-height: 40px !important;
    border-radius: 8px !important;
  }
  .t-submit,
  .t-btnflex.t-btnflex_type_submit {
    font-size: 14px !important;
    padding: 10px 24px !important;
    width: 100% !important;
    justify-content: center !important;
  }
  .t-contact-method__types-container {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .t-contact-method__type {
    flex: 0 0 auto !important;
  }
}




@media (max-width: 768px) {
  /* Убираем фон у контейнера фото */
  #rec3015773801 .t923__imgwrapper {
    background-color: transparent !important;
  }

  /* Убираем фон у контейнера текста */
  #rec3015773801 .t923__content {
    background-color: transparent !important;
  }

  /* Убираем отступы у текстовой обёртки (paddingbig) */
  #rec3015773801 .t923__textwrapper.t923__paddingbig {
    padding: 5px 0 !important;
  }

  /* Дополнительно убираем боковые отступы у колонки, если они есть */
  #rec3015773801 .t923__col,
  #rec3015773801 .t-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}




@media (max-width: 768px) {
  #rec3015773801,
  #rec3015773801 * {
    background-color: transparent !important;
  }
}

  /* Делаем фон прозрачным */
  .t923__content {
    background-color: transparent !important;
  }
}
/* Центрирование контактов на мобильных (с !important) */
@media (max-width: 768px) {
  .t555__contentwrapper {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .t555__contentwrapper .t555__title,
  .t555__contentwrapper .t-text,
  .t555__contentwrapper .t-sociallinks {
    text-align: center !important;
  }

  .t555__contentwrapper .t-sociallinks__wrapper {
    display: flex !important;
    justify-content: center !important;
    padding-left: 0 !important;
  }

  .t555__contentwrapper a {
    display: inline-block !important;
    text-align: center !important;
  }
}





/* Центрирование заголовков и описаний на мобильных устройствах (≤480px) */
@media (max-width: 480px) {
  /* Заголовки */
  h2.t050__title.t-title.t-title_xxl,t555__title t-heading t-heading_sm,
  /* Описания */
  .t050__descr.t-descr.t-descr_xxl {
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important; /* если нужно занять всю ширину, чтобы центрирование работало */
    max-width: 100% !important;
  }
}

/* Меняем фон у блока с фото (администратор) */
.t923__imgwrapper {
    background-color: rgba(255, 255, 255, 0.03) !important;
    /* background-image остаётся нетронутым */
}

/* Меняем фон у текстовой части */
.t923__content {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* Меняем фон у карточки отзыва */
.t1186__card {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* Дополнительно – убираем возможные фоны у обёрток, чтобы не мешали */
.t-card__col .t923__wrapper,
.t1186__item {
    background-color: transparent !important;
}




/* ===== ПОПАП УСПЕШНОЙ ОТПРАВКИ ФОРМЫ ===== */
.t-form-success-popup__wrapper {
  background: #0d0a07 !important;
  border: 1px solid rgba(217, 185, 150, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.8) !important;
  max-width: 480px !important;
  padding: 40px 36px 36px !important;
  text-align: center !important;
  font-family: 'Lato', Arial, sans-serif !important;
  color: #f5e8d7 !important;
}

/* ===== Кнопка закрытия (крестик) ===== */
.t-form-success-popup__close-icon {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  background: transparent !important;
  border: none !important;
  padding: 8px !important;
  cursor: pointer !important;
  transition: transform 0.3s ease !important;
}
.t-form-success-popup__close-icon:hover {
  transform: rotate(90deg) !important;
}
.t-form-success-popup__close-icon svg path {
  fill: #d9b996 !important;
  opacity: 0.7 !important;
}
.t-form-success-popup__close-icon:hover svg path {
  opacity: 1 !important;
}

/* ===== Иконка галочки ===== */
.t-form-success-popup__content-icon {
  display: block !important;
  margin: 0 auto 20px !important;
  width: 56px !important;
  height: 56px !important;
}
.t-form-success-popup__content-icon-background {
  fill: #d9b996 !important;
}
.t-form-success-popup__content-icon-check {
  stroke: #0d0a07 !important;
}

/* ===== Заголовок ===== */
#tildaformsuccesspopuptitle-new {
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: #d9b996 !important;
  margin: 0 0 12px !important;
}

/* ===== Текст ===== */
#tildaformsuccesspopuptext-new {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #f5e8d7 !important;
  margin: 0 0 28px !important;
}

/* ===== Кнопка "Хорошо" – без обводки ===== */
#tildaformsuccesspopupbtn-new {
  display: inline-flex !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 20px !important;
  padding: 14px 40px !important;
  color: #f5e8d7 !important;
  background-color: #333333 !important;
  border: none !important; /* обводка убрана */
  cursor: pointer !important;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease !important;
  margin: 0 !important;
}
#tildaformsuccesspopupbtn-new:hover {
  background-color: #d9b996 !important;
  color: #333333 !important;
  transform: translateY(-2px) !important;
}



/* ===== Адаптив для маленьких экранов ===== */
@media (max-width: 480px) {
  .t-form-success-popup__wrapper {
    padding: 32px 20px 28px !important;
    max-width: 92% !important;
  }
  #tildaformsuccesspopuptitle-new {
    font-size: 24px !important;
  }
  #tildaformsuccesspopuptext-new {
    font-size: 14px !important;
  }
  #tildaformsuccesspopupbtn-new {
    font-size: 14px !important;
    padding: 10px 24px !important;
  }
  .t-form-success-popup__content-icon {
    width: 48px !important;
    height: 48px !important;
  }
}










/* ===== 1. СБРОС + БАЗОВЫЕ СТИЛИ ===== */
.t050__title.t-title.t-title_xxl {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    letter-spacing: normal !important;
    font-family: Georgia, serif !important;
    font-weight: normal !important;
    color: #d9b996 !important;
    text-transform: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    
    /* ОТСТУП СНИЗУ = 0 ВЕЗДЕ (задаётся здесь, но медиа-запросы могут переопределить) */
    margin-bottom: 0 !important;
}

/* ===== 2. ДЕСКТОП (≥900px) ===== */
@media screen and (min-width: 900px) {
    .t050__title.t-title.t-title_xxl {
        font-size: 50px !important;
        margin-top: 50px !important;
        /* margin-bottom: 0 уже унаследован, но для надёжности дублируем */
        margin-bottom: 0 !important;
    }
}

/* ===== 3. ПЛАНШЕТ (768–899px) ===== */
@media screen and (min-width: 768px) and (max-width: 899px) {
    .t050__title.t-title.t-title_xxl {
        font-size: 42px !important;
        margin-top: 100px !important;
        margin-bottom: 0 !important;
    }
}

/* ===== 4. МОБИЛЬНЫЕ (≤767px) ===== */
@media screen and (max-width: 767px) {
    .t050__title.t-title.t-title_xxl {
        font-size: 36px !important;
        margin-top: 30px !important;
        margin-bottom: 0 !important;
    }
}



t050__title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ===== СБРОС ВСЕХ ОТСТУПОВ ДЛЯ ОПИСАНИЯ ===== */
.t050__descr.t-descr.t-descr_xxl {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* ===== ДЕСКТОП (≥900px) – отступ сверху 30px ===== */
@media screen and (min-width: 900px) {
    .t050__descr.t-descr.t-descr_xxl {
        margin-top: 10px !important;
    }
}

/* ===== ПЛАНШЕТ (768–899px) – отступ сверху 20px ===== */
@media screen and (min-width: 768px) and (max-width: 899px) {
    .t050__descr.t-descr.t-descr_xxl {
        margin-top: 20px !important;
    }
}

/* ===== МОБИЛЬНЫЕ (≤767px) – отступ сверху 10px ===== */
@media screen and (max-width: 767px) {
    .t050__descr.t-descr.t-descr_xxl {
        margin-top: 10px !important;
    }
}

/* ===== СКРЫВАЕМ ЛИШНИЕ БЛОКИ ===== */
.t1281__scroll-icon-container.t-width_12 {
  display: none !important;
}
.t1148__container_flex.-container.t-container_flex {
  display: none !important;
}