/* === Обычный фон страницы и защита от горизонтального скролла === */
html, body {
  background-color: #FAF4E1 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  transition: background-color .3s ease; /* плавный переход при открытии меню */
  width: 100vw !important;
}

/* === Zero-блоки по всей ширине === */
.t396__artboard,
.t396__carrier,
.t396__filter {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden !important;
}

/* === Элементы внутри блоков не вылезают === */
.t396__elem {
  max-width: 100vw !important;
}

/* === Фон страницы при открытом меню === */
html.menu-open,
body.menu-open {
  background-color: #777857 !important; /* цвет фона меню */
}

/* === Исправление для Safari / iPhone === */
@supports (-webkit-touch-callout: none) {
  html, body {
    width: 100vw !important;
    overflow-x: hidden !important;
  }
}

/* === Окно "Спасибо" в попапах Тильды === */

/* Затемнение позади */
.t-form-success-popup {
  background: rgba(44, 44, 42, 0.55) !important;
}

/* Карточка */
.t-form-success-popup__wrapper {
  background-color: #FAF4E1 !important;
  border-radius: 20px !important;
  padding: 56px 40px 48px !important;
  max-width: 440px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important;
}

/* Заголовок "Спасибо!" */
.t-form-success-popup__title {
  color: #2C2C2A !important;
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 26px !important;
}

/* Текст */
.t-form-success-popup__text {
  color: #777857 !important;
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
}

/* Прячем кнопку "Хорошо" */
.t-form-success-popup__button {
  display: none !important;
}

/* Перекрашиваем зелёную галочку в оливковую */
.t-form-success-popup__icon svg circle,
.t-form-success-popup__icon svg path {
  fill: #777857 !important;
}