/* =========================================================
   Чекбоксы согласия на обработку ПДн — mebelroomufa.ru
   Значения из design-tokens.md (замер с живого сайта).
   Tilda рендерит подпись чекбокса в .t-input-title над квадратом —
   раскладка ниже возвращает её на одну строку с индикатором.
   !important нужен: собственные стили Zero-блоков подключаются
   позже этого файла и перебивают его.
   Обновлено 22.08.2026.
   ========================================================= */

.t-rec .t-input-group_cb,
.t-form .t-input-group_cb{
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.t-rec .t-input-group_cb + .t-input-group_cb,
.t-form .t-input-group_cb + .t-input-group_cb{ margin-top: 14px !important; }

.t-rec .t-input-group_cb .t-input-block,
.t-form .t-input-group_cb .t-input-block{
  order: 1 !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important;
}
.t-rec .t-input-group_cb .t-input-title,
.t-form .t-input-group_cb .t-input-title{
  order: 2 !important; flex: 1 1 0% !important; min-width: 0 !important; margin: 0 !important; padding-top: 1px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #4f4f4f !important;
  text-align: left !important;
  letter-spacing: normal !important;
}
.t-rec .t-input-group_cb .t-input-title a{ color: #9e815d !important; text-decoration: underline !important; text-underline-offset: 2px; }
.t-rec .t-input-group_cb .t-input-title a:hover{ color: #7d6547 !important; }

.t-rec .t-input-group_cb .t-checkbox__control,
.t-form .t-input-group_cb .t-checkbox__control{
  position: relative !important; display: block !important;
  width: 44px !important; height: 44px !important;
  margin: -11px 0 -11px -11px !important; padding: 0 !important; cursor: pointer !important;
}
.t-rec .t-input-group_cb input.t-checkbox,
.t-form .t-input-group_cb input.t-checkbox{
  position: absolute !important; left: 11px !important; top: 11px !important;
  width: 22px !important; height: 22px !important; margin: 0 !important; opacity: 0 !important; cursor: pointer; z-index: 1;
}
.t-rec .t-input-group_cb .t-checkbox__indicator,
.t-form .t-input-group_cb .t-checkbox__indicator{
  position: absolute !important; left: 11px !important; top: 11px !important;
  width: 22px !important; height: 22px !important; box-sizing: border-box !important;
  border: 1px solid #000000 !important; border-radius: 6px !important; background: #ffffff !important;
}
.t-rec .t-input-group_cb .t-checkbox__labeltext{ display: none !important; }

.t-rec .t-input-group_cb input.t-checkbox:checked ~ .t-checkbox__indicator,
.t-form .t-input-group_cb input.t-checkbox:checked ~ .t-checkbox__indicator{
  background: #e8d2b3 !important; border-color: #9e815d !important;
}
.t-rec .t-input-group_cb input.t-checkbox:checked ~ .t-checkbox__indicator::after,
.t-form .t-input-group_cb input.t-checkbox:checked ~ .t-checkbox__indicator::after{
  content: '' !important; position: absolute !important; left: 7px !important; top: 3px !important;
  width: 6px !important; height: 11px !important;
  border: solid #000000 !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important;
}
.t-rec .t-input-group_cb input.t-checkbox:focus-visible ~ .t-checkbox__indicator{
  outline: 2px solid #9e815d !important; outline-offset: 2px !important;
}

.t-rec .t-input-group_cb.js-error-control-box .t-checkbox__indicator{ border-color: #ff0000 !important; border-width: 2px !important; }
.t-rec .t-input-group_cb .t-input-error,
.t-form .t-input-group_cb .t-input-error{
  position: absolute !important; left: 34px !important; top: 100% !important; margin-top: 2px !important;
  font: 300 13px/1.5 'Nunito', sans-serif !important; color: #ff0000 !important;
}

@media screen and (max-width: 640px){
  .t-rec .t-input-group_cb .t-input-title{ font-size: 13px !important; line-height: 1.6 !important; }
  .t-rec .t-input-group_cb .t-checkbox__indicator,
  .t-rec .t-input-group_cb input.t-checkbox{ width: 24px !important; height: 24px !important; left: 10px !important; top: 10px !important; }
}

/* =========================================================
   Согласие на тёмном фоне.
   Три блока стоят на тёмном: rec462442048 (артборд #242424)
   и два блока «Бесплатный 3D дизайн-проект» с тёмной панелью.
   Вторичный серый #4f4f4f на них нечитаем — берём белый
   с прозрачностью, ссылки и галочку — акцентом #e8d2b3.
   ========================================================= */
#rec462442048 .t-input-group_cb .t-input-title,
#rec495820660 .t-input-group_cb .t-input-title,
#rec462462425 .t-input-group_cb .t-input-title{ color: rgba(255,255,255,.78) !important; }

#rec462442048 .t-input-group_cb .t-input-title a,
#rec495820660 .t-input-group_cb .t-input-title a,
#rec462462425 .t-input-group_cb .t-input-title a{ color: #e8d2b3 !important; }

#rec462442048 .t-input-group_cb .t-checkbox__indicator,
#rec495820660 .t-input-group_cb .t-checkbox__indicator,
#rec462462425 .t-input-group_cb .t-checkbox__indicator{
  border-color: rgba(255,255,255,.6) !important;
  background: rgba(255,255,255,.06) !important;
}
#rec462442048 .t-input-group_cb input.t-checkbox:checked ~ .t-checkbox__indicator,
#rec495820660 .t-input-group_cb input.t-checkbox:checked ~ .t-checkbox__indicator,
#rec462462425 .t-input-group_cb input.t-checkbox:checked ~ .t-checkbox__indicator{
  background: #e8d2b3 !important; border-color: #e8d2b3 !important;
}
#rec462442048 .t-input-group_cb.js-error-control-box .t-checkbox__indicator,
#rec495820660 .t-input-group_cb.js-error-control-box .t-checkbox__indicator,
#rec462462425 .t-input-group_cb.js-error-control-box .t-checkbox__indicator{
  border-color: #ff6b6b !important; border-width: 2px !important;
}
#rec462442048 .t-input-group_cb .t-input-error,
#rec495820660 .t-input-group_cb .t-input-error,
#rec462462425 .t-input-group_cb .t-input-error{ color: #ff6b6b !important; }

/* =========================================================
   Строка ссылок под чекбоксами.
   Tilda вырезает  из подписи поля, поэтому ссылки на
   Политику и Согласие выводятся отдельной строкой (скрипт в HEAD).
   ========================================================= */
.t-rec .mr-consent-links{
  margin: 12px 0 0 34px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #4f4f4f !important;
}
.t-rec .mr-consent-links a{ color: #9e815d !important; text-decoration: underline !important; text-underline-offset: 2px; }
.t-rec .mr-consent-links a:hover{ color: #7d6547 !important; }
#rec462442048 .mr-consent-links,
#rec495820660 .mr-consent-links,
#rec462462425 .mr-consent-links{ color: rgba(255,255,255,.6) !important; }
#rec462442048 .mr-consent-links a,
#rec495820660 .mr-consent-links a,
#rec462462425 .mr-consent-links a{ color: #e8d2b3 !important; }

/* =========================================================
   Находка 09: цены в карточках проектов (блок T776).
   Единица измерения вписана в само поле цены
   («от 35 000 ₽ за погонный метр»), поэтому автоматический
   суффикс валюты «р.» скрыт — иначе получалось «…метр р.».
   Старая цена в карточках не используется и тоже скрыта.
   ========================================================= */
#rec462447926 .t776__price-currency{ display: none !important; }
#rec462447926 .t776__price_old{ display: none !important; }
#rec462447926 .t776__price-value{ display: inline !important; }

/* =========================================================
   Находка 09: сноска под галереей проектов.
   Кегль 12px и цвет #4f4f4f по ТЗ; выравнивание по левому краю
   контейнера, как у карточек галереи выше.
   ========================================================= */
#rec3240460701 .t-col{ margin-left: 0 !important; width: 100% !important; max-width: 100% !important; }
#rec3240460701 .t-text{ font-size: 12px !important; line-height: 1.55 !important; color: #4f4f4f !important; font-weight: 300 !important; }

/* ========================================================= mr-error-fix
   Состояние ошибки у чекбокса согласия.
   Собственные стили Tilda задают рамку сокращением border с !important
   и более высокой специфичностью, поэтому правило ошибки продублировано
   с запасом по специфичности и тоже сокращением.
   Текст ошибки поставлен в поток отдельной строкой под галочкой,
   чтобы он не наезжал на кнопку.
   ========================================================= */
.t-rec .t-input-group.t-input-group_cb,
.t-form .t-input-group.t-input-group_cb{ flex-wrap: wrap !important; }
.t-rec .t-input-group.t-input-group_cb.js-error-control-box .t-checkbox__control .t-checkbox__indicator,
.t-rec .t-input-group.t-input-group_cb.js-error-control-box .t-checkbox__indicator,
.t-form .t-input-group.t-input-group_cb.js-error-control-box .t-checkbox__indicator{
  border: 2px solid #ff0000 !important;
}
#rec462442048 .t-input-group.t-input-group_cb.js-error-control-box .t-checkbox__control .t-checkbox__indicator,
#rec495820660 .t-input-group.t-input-group_cb.js-error-control-box .t-checkbox__control .t-checkbox__indicator,
#rec462462425 .t-input-group.t-input-group_cb.js-error-control-box .t-checkbox__control .t-checkbox__indicator{
  border: 2px solid #ff6b6b !important;
}
.t-rec .t-input-group.t-input-group_cb .t-input-error,
.t-form .t-input-group.t-input-group_cb .t-input-error{
  position: static !important; order: 3 !important; flex: 0 0 100% !important;
  margin: 4px 0 0 34px !important; padding: 0 !important;
  font: 300 13px/1.5 'Nunito', sans-serif !important; color: #ff0000 !important;
}
#rec462442048 .t-input-group_cb .t-input-error,
#rec495820660 .t-input-group_cb .t-input-error,
#rec462462425 .t-input-group_cb .t-input-error{ color: #ff6b6b !important; }

/* ========================================================= mr-order-fix
   Порядок элементов внутри формы.
   Tilda раскладывает поля флексом и даёт галочкам order: 3,
   из-за чего кнопка отправки оказывалась выше согласий.
   Правильная последовательность: поля → галочки → ссылки → кнопка.
   В нефлексовых формах свойство order игнорируется, вреда нет.
   ========================================================= */
.t-rec .t-form__inputsbox .mr-consent-links,
.t-form .t-form__inputsbox .mr-consent-links{ order: 4 !important; flex: 0 0 100% !important; width: 100% !important; }
.t-rec .t-form__inputsbox .tn-form__submit,
.t-rec .t-form__inputsbox .t-form__submit,
.t-form .t-form__inputsbox .tn-form__submit,
.t-form .t-form__inputsbox .t-form__submit{ order: 5 !important; }
.t-rec .t-form__inputsbox .t-form__errorbox-middle{ order: 6 !important; }

/* =========================================================
   Находка 01: старая строка «Нажимая на кнопку…».
   Скрыта, не удалена — возврат удалением этой строки.
   ========================================================= */
#rec462455131 .tn-elem[data-elem-id="1655970355872"]{ display: none !important; }