@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/*
  ME605 / хлебные крошки
  CSS CLASS NAME блока: uc-bcmbs

  Что делает код:
  1) применяет наш шрифт Google Sans / Manrope;
  2) подгоняет ширину блока под сетку сайта 1320px;
  3) убирает лишние стандартные ограничения Tilda;
  4) аккуратно оформляет ссылки хлебных крошек.
*/

.uc-bcmbs,
.uc-bcmbs * {
  box-sizing: border-box;
  font-family: "Google Sans", "Manrope", Arial, sans-serif !important;
}

.uc-bcmbs {
  --vn-black: #111111;
  --vn-text: #3b342d;
  --vn-muted: #8a7b6a;

  --vn-orange: #f28a00;
  --vn-orange-hover: #ff970d;
  --vn-orange-active: #d97900;

  --vn-border: rgba(90, 72, 48, 0.10);

  width: 100%;
  background: transparent;
  color: var(--vn-text);
}

/* 
  Основная ширина под нашу сетку.
  1320px — как в шапке, футере и основных блоках сайта.
*/
.uc-bcmbs .t-container {
  width: min(1320px, calc(100% - 32px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Убираем стандартные ограничения колонок Tilda внутри ME605 */
.uc-bcmbs .t-col,
.uc-bcmbs [class*="t-col_"] {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Общая типографика внутри блока */
.uc-bcmbs,
.uc-bcmbs div,
.uc-bcmbs span,
.uc-bcmbs a,
.uc-bcmbs li {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Ссылки хлебных крошек */
.uc-bcmbs a,
.uc-bcmbs a:link,
.uc-bcmbs a:visited {
  color: var(--vn-muted) !important;
  text-decoration: none !important;
  transition: color 0.18s ease, transform 0.12s ease;
}

.uc-bcmbs a:hover {
  color: var(--vn-orange) !important;
}

.uc-bcmbs a:active {
  color: var(--vn-orange-active) !important;
  transform: translateY(1px);
}

/* Текущий пункт / последний пункт */
.uc-bcmbs span,
.uc-bcmbs li:last-child,
.uc-bcmbs [class*="current"] {
  color: var(--vn-text) !important;
}

/* Разделители, если они есть в блоке */
.uc-bcmbs .t-breadcrumbs__separator,
.uc-bcmbs [class*="separator"],
.uc-bcmbs [class*="divider"] {
  color: var(--vn-muted) !important;
  opacity: 0.55;
}

/* Фокус для доступности */
.uc-bcmbs a:focus-visible {
  outline: 2px solid var(--vn-orange);
  outline-offset: 4px;
  border-radius: 8px;
}

/* Планшеты */
@media (max-width: 1180px) {
  .uc-bcmbs .t-container {
    width: min(1120px, calc(100% - 24px)) !important;
  }
}

/* Мобильная версия */
@media (max-width: 760px) {
  .uc-bcmbs .t-container {
    width: calc(100% - 36px) !important;
  }

  .uc-bcmbs,
  .uc-bcmbs div,
  .uc-bcmbs span,
  .uc-bcmbs a,
  .uc-bcmbs li {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

/* Маленькие телефоны */
@media (max-width: 420px) {
  .uc-bcmbs .t-container {
    width: calc(100% - 28px) !important;
  }

  .uc-bcmbs,
  .uc-bcmbs div,
  .uc-bcmbs span,
  .uc-bcmbs a,
  .uc-bcmbs li {
    font-size: 12px !important;
  }
}



@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/*
  Минимальная стилизация форм обратной связи BF502N
  CSS CLASS блоков: uc-form и uc-optform

  Что меняет код:
  1) шрифты;
  2) цвет заголовка и описания;
  3) зелёную линию под заголовком;
  4) внешний вид полей;
  5) кнопку отправки;
  6) чекбокс согласия, ошибки и сообщение об успешной отправке.

  Что НЕ меняет код:
  - ширину формы;
  - сетку блока;
  - отступы секции;
  - расположение полей;
  - количество колонок;
  - настройки самой формы в Тильде.
*/

.uc-form,
.uc-optform,
.uc-form *,
.uc-optform * {
  box-sizing: border-box;
  font-family: "Google Sans", "Manrope", Arial, sans-serif !important;
}

.uc-form,
.uc-optform {
  --vn-black: #111111;
  --vn-text: #3b342d;
  --vn-muted: #8a7b6a;

  --vn-orange: #f28a00;
  --vn-orange-hover: #ff970d;
  --vn-orange-active: #d97900;

  --vn-green: #0f7f3f;

  --vn-field-bg: #f5f2ed;
  --vn-field-bg-focus: #ffffff;

  color: var(--vn-text);
}

/* Заголовок формы */
.uc-form .t-title,
.uc-form .t-name,
.uc-form .t-heading,
.uc-optform .t-title,
.uc-optform .t-name,
.uc-optform .t-heading {
  color: var(--vn-text) !important;

  /* Здесь можно менять размер и жирность заголовка */
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
}

/* Зелёное подчёркивание под заголовком */
.uc-form .t-title::after,
.uc-form .t-name::after,
.uc-form .t-heading::after,
.uc-optform .t-title::after,
.uc-optform .t-name::after,
.uc-optform .t-heading::after {
  content: "";
  display: block;

  /* Размер линии под заголовком */
  width: 50px;
  height: 4px;

  /* Отступ линии от заголовка */
  margin-top: 14px;

  border-radius: 99px;
  background: var(--vn-green);
}

/* Описание под заголовком */
.uc-form .t-descr,
.uc-optform .t-descr {
  color: var(--vn-muted) !important;

  /* Размер описания */
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

/* Подписи над полями */
.uc-form .t-input-title,
.uc-optform .t-input-title {
  color: var(--vn-black) !important;

  /* Размер подписей */
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

/* Подсказки под полями */
.uc-form .t-input-subtitle,
.uc-optform .t-input-subtitle {
  color: var(--vn-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

/* Поля ввода, select и textarea */
.uc-form .t-input,
.uc-form .t-select,
.uc-form textarea.t-input,
.uc-optform .t-input,
.uc-optform .t-select,
.uc-optform textarea.t-input {
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background-color: var(--vn-field-bg) !important;
  color: var(--vn-text) !important;
  box-shadow: none !important;

  /* Размер текста внутри полей */
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease !important;
}

/* Placeholder */
.uc-form .t-input::placeholder,
.uc-form textarea.t-input::placeholder,
.uc-optform .t-input::placeholder,
.uc-optform textarea.t-input::placeholder {
  color: var(--vn-muted) !important;
  opacity: 0.9 !important;
}

/* Фокус полей */
.uc-form .t-input:focus,
.uc-form .t-select:focus,
.uc-form textarea.t-input:focus,
.uc-optform .t-input:focus,
.uc-optform .t-select:focus,
.uc-optform textarea.t-input:focus {
  outline: none !important;
  background-color: var(--vn-field-bg-focus) !important;
  border-color: rgba(15, 127, 63, 0.36) !important;
  box-shadow: 0 0 0 4px rgba(15, 127, 63, 0.08) !important;
}

/* Поле телефона с маской */
.uc-form .t-input-phonemask__wrap,
.uc-optform .t-input-phonemask__wrap {
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: var(--vn-field-bg) !important;
  overflow: hidden !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease !important;
}

.uc-form .t-input-phonemask__wrap:focus-within,
.uc-optform .t-input-phonemask__wrap:focus-within {
  background: var(--vn-field-bg-focus) !important;
  border-color: rgba(15, 127, 63, 0.36) !important;
  box-shadow: 0 0 0 4px rgba(15, 127, 63, 0.08) !important;
}

.uc-form .t-input-phonemask__wrap .t-input,
.uc-optform .t-input-phonemask__wrap .t-input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.uc-form .t-input-phonemask__select,
.uc-optform .t-input-phonemask__select {
  border: 0 !important;
  background: transparent !important;
}

/* Кнопка отправки */
.uc-form .t-submit,
.uc-form button.t-submit,
.uc-optform .t-submit,
.uc-optform button.t-submit {
  border: 0 !important;
  border-radius: 15px !important;
  background: var(--vn-orange) !important;
  color: #ffffff !important;

  /* Размер и жирность текста кнопки */
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  box-shadow: 0 12px 28px rgba(242, 138, 0, 0.24) !important;
  cursor: pointer !important;

  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.12s ease !important;
}

.uc-form .t-submit:hover,
.uc-form button.t-submit:hover,
.uc-optform .t-submit:hover,
.uc-optform button.t-submit:hover {
  background: var(--vn-orange-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(242, 138, 0, 0.30) !important;
}

.uc-form .t-submit:active,
.uc-form button.t-submit:active,
.uc-optform .t-submit:active,
.uc-optform button.t-submit:active {
  background: var(--vn-orange-active) !important;
  transform: translateY(1px);
  box-shadow: 0 7px 18px rgba(242, 138, 0, 0.22) !important;
}

/* Чекбокс согласия и radio */
.uc-form .t-checkbox__control,
.uc-form .t-radio__control,
.uc-optform .t-checkbox__control,
.uc-optform .t-radio__control {
  color: var(--vn-muted) !important;

  /* Размер текста согласия */
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

.uc-form .t-checkbox__control a,
.uc-form .t-radio__control a,
.uc-optform .t-checkbox__control a,
.uc-optform .t-radio__control a {
  color: var(--vn-orange-active) !important;
  text-decoration: none !important;
}

.uc-form .t-checkbox__control a:hover,
.uc-form .t-radio__control a:hover,
.uc-optform .t-checkbox__control a:hover,
.uc-optform .t-radio__control a:hover {
  color: var(--vn-orange) !important;
}

.uc-form .t-checkbox__indicator,
.uc-optform .t-checkbox__indicator {
  border-radius: 6px !important;
  border-color: rgba(90, 72, 48, 0.82) !important;
}

/* Ошибки под полями */
.uc-form .t-input-error,
.uc-optform .t-input-error {
  color: #d33131 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

/* Общий блок ошибки */
.uc-form .t-form__errorbox-wrapper,
.uc-form .t-form__errorbox-bottom,
.uc-optform .t-form__errorbox-wrapper,
.uc-optform .t-form__errorbox-bottom {
  border-radius: 14px !important;
  background: rgba(211, 49, 49, 0.08) !important;
  color: #d33131 !important;
}

/* Успешная отправка */
.uc-form .t-form__successbox,
.uc-optform .t-form__successbox {
  border-radius: 16px !important;
  background: rgba(15, 127, 63, 0.09) !important;
  border: 1px solid rgba(15, 127, 63, 0.18) !important;
  color: var(--vn-green) !important;

  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

/* Фокус для ссылок и кнопок */
.uc-form a:focus-visible,
.uc-form button:focus-visible,
.uc-optform a:focus-visible,
.uc-optform button:focus-visible {
  outline: 2px solid var(--vn-orange) !important;
  outline-offset: 4px !important;
  border-radius: 12px !important;
}




@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/*
  Общий CSS для каталога товаров ST340B / Tilda Store

  CSS CLASS NAME блока: uc-pogonaztovar

  Что делает код:
  1) применяет шрифт Manrope / Google Sans ко всем каталогам с классом uc-pogonaztovar;
  2) на десктопе расширяет контейнер каталога до 1320px под нашу сетку;
  3) не меняет визуальный стиль карточек, фильтров, кнопок и других элементов.
*/

.uc-pogonaztovar,
.uc-pogonaztovar * {
  font-family: "Google Sans", "Manrope", Arial, sans-serif !important;
  box-sizing: border-box;
}

/* Десктопная ширина блока под общую сетку сайта */
@media (min-width: 981px) {
  .uc-pogonaztovar .t-container,
  .uc-pogonaztovar .t-store__filter,
  .uc-pogonaztovar .t-store__grid-cont,
  .uc-pogonaztovar .t-store__parts-switch-wrapper,
  .uc-pogonaztovar .js-store-grid-cont {
    width: min(1320px, calc(100% - 32px)) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/*
  Минимальная стилизация товара ST200
  CSS CLASS NAME блока: uc-tovar_n

  Что меняет:
  1) шрифт внутри блока;
  2) подписи характеристик;
  3) кнопки характеристик;
  4) кнопку покупки / расчёта в стиле сайта.

  Код облегчен за счёт :is(), чтобы не повторять длинные селекторы.
*/

.uc-tovar_n,
.uc-tovar_n * {
  font-family: "Google Sans", "Manrope", Arial, sans-serif !important;
  box-sizing: border-box;
}

.uc-tovar_n {
  --vn-orange: #f28a00;
  --vn-orange-hover: #ff970d;
  --vn-orange-active: #d97900;

  --vn-text: #3b342d;
  --vn-border: rgba(90, 72, 48, 0.18);
}

/* 
  Скрываем служебные select'ы характеристик.
  Если нужны выпадающие списки — удали этот блок.
*/
.uc-tovar_n :is(
  .t-product__option-select,
  .t-store__prod-snippet__option-select,
  .t-store__prod-popup__option-select
) {
  display: none !important;
}

/* Подписи характеристик: "Сорт", "Длина", "Размеры" */
.uc-tovar_n :is(
  .t-product__option > .t-product__option-title,
  .t-store__prod-snippet__option > .t-store__prod-snippet__option-title,
  .t-store__prod-popup__option > .t-store__prod-popup__option-title
) {
  margin-bottom: 10px !important;

  /* Размер и жирность подписей характеристик */
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;

  color: var(--vn-text) !important;
}

/* Контейнер вариантов */
.uc-tovar_n :is(
  .t-product__option-variants,
  .t-store__prod-snippet__option-variants,
  .t-store__prod-popup__option-variants
) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Кнопки характеристик */
.uc-tovar_n :is(
  .t-product__option-item,
  .t-product__option-variant,
  .t-store__prod-snippet__option-variant,
  .t-store__prod-popup__option-variant
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* Размер кнопок характеристик */
  min-width: 48px !important;
  height: 44px !important;
  padding: 0 15px !important;

  border-radius: 13px !important;
  border: 1px solid var(--vn-border) !important;
  background: #ffffff !important;
  color: var(--vn-text) !important;

  /* Текст внутри кнопок характеристик */
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

  cursor: pointer !important;
  box-shadow: none !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.12s ease !important;
}

/* Внутренняя часть radio/checkbox, если Тильда её выводит */
.uc-tovar_n .t-product__option-checkmark {
  border-radius: 13px !important;
  border-color: var(--vn-border) !important;
  background-color: transparent !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease !important;
}

/* Hover по характеристике */
.uc-tovar_n :is(
  .t-product__option-item,
  .t-product__option-variant,
  .t-store__prod-snippet__option-variant,
  .t-store__prod-popup__option-variant
):hover {
  border-color: rgba(242, 138, 0, 0.50) !important;
  background: rgba(242, 138, 0, 0.08) !important;
  color: var(--vn-orange-active) !important;
}

/* Выбранная характеристика */
.uc-tovar_n :is(
  .t-product__option-item_active,
  .t-product__option-item:has(.t-product__option-input:checked),
  .t-product__option-variant_active,
  .t-store__prod-snippet__option-variant_active,
  .t-store__prod-popup__option-variant_active
) {
  border-color: var(--vn-orange) !important;
  background: var(--vn-orange) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(242, 138, 0, 0.20) !important;
}

/* Текст внутри выбранной характеристики */
.uc-tovar_n :is(
  .t-product__option-item_active,
  .t-product__option-item:has(.t-product__option-input:checked),
  .t-product__option-variant_active,
  .t-store__prod-snippet__option-variant_active,
  .t-store__prod-popup__option-variant_active
) * {
  color: #ffffff !important;
}

/* Если активность висит именно на checkmark */
.uc-tovar_n .t-product__option-input:checked + .t-product__option-checkmark {
  border-color: var(--vn-orange) !important;
  background: var(--vn-orange) !important;
  box-shadow: 0 8px 20px rgba(242, 138, 0, 0.20) !important;
}

.uc-tovar_n .t-product__option-input:checked ~ span {
  color: #ffffff !important;
}

/* Кнопка товара в стиле hero */
.uc-tovar_n :is(
  .t-store__prod-snippet__btn,
  .t-store__prod-popup__btn,
  .js-store-prod-snippet-buy-btn,
  .js-store-prod-popup-buy-btn,
  .t-btn[href],
  button.t-submit
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* Размер кнопки */
  min-height: 54px !important;
  padding: 0 26px !important;

  border: 0 !important;
  border-radius: 16px !important;
  background: var(--vn-orange) !important;
  color: #ffffff !important;

  /* Текст кнопки */
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 28px rgba(242, 138, 0, 0.24) !important;
  cursor: pointer !important;

  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.12s ease !important;
}

/* Hover кнопки */
.uc-tovar_n :is(
  .t-store__prod-snippet__btn,
  .t-store__prod-popup__btn,
  .js-store-prod-snippet-buy-btn,
  .js-store-prod-popup-buy-btn,
  .t-btn[href],
  button.t-submit
):hover {
  background: var(--vn-orange-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(242, 138, 0, 0.30) !important;
}

/* Нажатие кнопки */
.uc-tovar_n :is(
  .t-store__prod-snippet__btn,
  .t-store__prod-popup__btn,
  .js-store-prod-snippet-buy-btn,
  .js-store-prod-popup-buy-btn,
  .t-btn[href],
  button.t-submit
):active {
  background: var(--vn-orange-active) !important;
  transform: translateY(1px);
  box-shadow: 0 7px 18px rgba(242, 138, 0, 0.22) !important;
}



@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/*
  Лёгкая стилизация попапа корзины ST100
  CSS CLASS NAME блока: uc-carzina

  Важно:
  Попап корзины Тильда может выводить вне блока uc-carzina,
  поэтому стили для самого окна идут через .t706__cartwin.
*/

.uc-carzina,
.uc-carzina *,
.t706__cartwin,
.t706__cartwin * {
  box-sizing: border-box;
  font-family: "Google Sans", "Manrope", Arial, sans-serif !important;
}

.uc-carzina,
.t706__cartwin {
  --vn-black: #111111;
  --vn-text: #3b342d;
  --vn-muted: #8a7b6a;

  --vn-orange: #f28a00;
  --vn-orange-hover: #ff970d;
  --vn-orange-active: #d97900;

  --vn-green: #0f7f3f;

  --vn-field-bg: #f5f2ed;
  --vn-field-bg-focus: #ffffff;

  --vn-border: rgba(90, 72, 48, 0.12);
}

/* Затемнение фона попапа */
.t706__cartwin {
  background: rgba(34, 28, 22, 0.36) !important;
}

/* Окно корзины */
.t706__cartwin .t706__cartwin-content {
  border-radius: 24px !important;
  background: #ffffff !important;
  color: var(--vn-text) !important;
  box-shadow: 0 24px 64px rgba(50, 40, 30, 0.18) !important;
  overflow: hidden !important;
}

/* Заголовок попапа */
.t706__cartwin .t706__cartwin-heading,
.t706__cartwin .t706__cartwin-title,
.t706__cartwin .t-title,
.t706__cartwin .t-name,
.t706__cartwin .t-heading {
  color: var(--vn-text) !important;

  /* Размер и жирность заголовка */
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
}

/* Зелёная линия под заголовком */
.t706__cartwin .t706__cartwin-heading::after,
.t706__cartwin .t706__cartwin-title::after,
.t706__cartwin .t-title::after,
.t706__cartwin .t-name::after,
.t706__cartwin .t-heading::after {
  content: "";
  display: block;

  /* Размер линии */
  width: 50px;
  height: 4px;

  /* Отступ линии от заголовка */
  margin-top: 14px;

  border-radius: 99px;
  background: var(--vn-green);
}

/* Названия товаров и суммы */
.t706__cartwin .t706__product-title,
.t706__cartwin .t706__product-title a,
.t706__cartwin .t706__cartwin-totalamount,
.t706__cartwin .t706__cartwin-prodamount {
  color: var(--vn-black) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Второстепенный текст */
.t706__cartwin .t706__product-portion,
.t706__cartwin .t706__product-quantity,
.t706__cartwin .t706__cartwin-totalamount-label,
.t706__cartwin .t706__cartwin-prodamount-label,
.t706__cartwin .t-descr,
.t706__cartwin .t-input-subtitle {
  color: var(--vn-muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

/* Границы внутри корзины */
.t706__cartwin .t706__product,
.t706__cartwin .t706__cartwin-totalamount-wrap,
.t706__cartwin .t706__cartwin-prodamount-wrap {
  border-color: var(--vn-border) !important;
}

/* Подписи над полями */
.t706__cartwin .t-input-title {
  color: var(--vn-black) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

/* Поля формы */
.t706__cartwin .t-input,
.t706__cartwin .t-select,
.t706__cartwin textarea.t-input {
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background-color: var(--vn-field-bg) !important;
  color: var(--vn-text) !important;
  box-shadow: none !important;

  /* Размер текста внутри полей */
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease !important;
}

/* Placeholder */
.t706__cartwin .t-input::placeholder,
.t706__cartwin textarea.t-input::placeholder {
  color: var(--vn-muted) !important;
  opacity: 0.9 !important;
}

/* Фокус полей */
.t706__cartwin .t-input:focus,
.t706__cartwin .t-select:focus,
.t706__cartwin textarea.t-input:focus {
  outline: none !important;
  background-color: var(--vn-field-bg-focus) !important;
  border-color: rgba(15, 127, 63, 0.36) !important;
  box-shadow: 0 0 0 4px rgba(15, 127, 63, 0.08) !important;
}

/* Телефонная маска */
.t706__cartwin .t-input-phonemask__wrap {
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: var(--vn-field-bg) !important;
  overflow: hidden !important;
}

.t706__cartwin .t-input-phonemask__wrap:focus-within {
  background: var(--vn-field-bg-focus) !important;
  border-color: rgba(15, 127, 63, 0.36) !important;
  box-shadow: 0 0 0 4px rgba(15, 127, 63, 0.08) !important;
}

.t706__cartwin .t-input-phonemask__wrap .t-input,
.t706__cartwin .t-input-phonemask__select {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Кнопка оформления */
.t706__cartwin .t-submit,
.t706__cartwin button.t-submit,
.t706__cartwin .t706__submit {
  border: 0 !important;
  border-radius: 15px !important;
  background: var(--vn-orange) !important;
  color: #ffffff !important;

  /* Размер и жирность текста кнопки */
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  box-shadow: 0 12px 28px rgba(242, 138, 0, 0.24) !important;
  cursor: pointer !important;

  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.12s ease !important;
}

.t706__cartwin .t-submit:hover,
.t706__cartwin button.t-submit:hover,
.t706__cartwin .t706__submit:hover {
  background: var(--vn-orange-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(242, 138, 0, 0.30) !important;
}

.t706__cartwin .t-submit:active,
.t706__cartwin button.t-submit:active,
.t706__cartwin .t706__submit:active {
  background: var(--vn-orange-active) !important;
  transform: translateY(1px);
  box-shadow: 0 7px 18px rgba(242, 138, 0, 0.22) !important;
}

/* Чекбоксы и radio */
.t706__cartwin .t-checkbox__control,
.t706__cartwin .t-radio__control {
  color: var(--vn-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

.t706__cartwin .t-checkbox__control a,
.t706__cartwin .t-radio__control a {
  color: var(--vn-orange-active) !important;
  text-decoration: none !important;
}

/* Рамка чекбокса */
.t706__cartwin .t-checkbox__indicator {
  border-radius: 6px !important;
  border-color: rgba(59, 52, 45, 0.45) !important;
}

/* Активный чекбокс */
.t706__cartwin .t-checkbox:checked + .t-checkbox__indicator,
.t706__cartwin .t-checkbox:checked ~ .t-checkbox__indicator {
  border-color: rgba(59, 52, 45, 0.58) !important;
  background-color: #ffffff !important;
}

/* Цвет галочки */
.t706__cartwin .t-checkbox:checked + .t-checkbox__indicator::after,
.t706__cartwin .t-checkbox:checked ~ .t-checkbox__indicator::after {
  border-color: rgba(59, 52, 45, 0.78) !important;
}

/* Ошибки */
.t706__cartwin .t-input-error {
  color: #d33131 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

.t706__cartwin .t-form__errorbox-wrapper,
.t706__cartwin .t-form__errorbox-bottom {
  border-radius: 14px !important;
  background: rgba(211, 49, 49, 0.08) !important;
  color: #d33131 !important;
}

/* Успешная отправка */
.t706__cartwin .t-form__successbox {
  border-radius: 16px !important;
  background: rgba(15, 127, 63, 0.09) !important;
  border: 1px solid rgba(15, 127, 63, 0.18) !important;
  color: var(--vn-green) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

/* Мобильная версия */
@media (max-width: 620px) {
  .t706__cartwin .t706__cartwin-content {
    border-radius: 22px !important;
  }

  .t706__cartwin .t-submit,
  .t706__cartwin button.t-submit,
  .t706__cartwin .t706__submit {
    width: 100% !important;
  }
}