/* ===== Облако тегов (слева, адаптив) ===== */

.uc-cloud_meta ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;   /* слева */
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.uc-cloud_meta ul > li{
  list-style: none;
  margin: 0 !important;
  padding: 10px 18px;
  border-radius: 999px;
  background: #F3ECE7;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  white-space: normal;
}

.uc-cloud_meta ul > li:before{
  content: none !important;
  display: none !important;
}

.uc-cloud_meta ul > li a{
  color: inherit;
  text-decoration: none;
}

/* ===== Показать больше / меньше ===== */

.uc-cloud_meta .cloud-wrapper{
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* Кнопка: делаем блочной и прижимаем влево */
.uc-cloud_meta .cloud-toggle{
  display: block;
  width: fit-content;     /* чтобы кнопка была по ширине текста */
  margin: 16px auto 0;  /* центр  */
  cursor: pointer;
  font-size: 14px;
  padding: 8px 18px;
  border-radius: 30px;
  background: #F3ECE7;
}

/* Мобильная адаптация */
@media (max-width: 640px){
  .uc-cloud_meta ul{ gap: 8px; }

  .uc-cloud_meta ul > li{
    padding: 8px 14px;
    font-size: 14px;
  }
}


/* ДЕСКТОП/ОБЩЕЕ: белая карточка только для списка (не для шапки) */
.uc-pod_fon .t792 > .t-container:not(.t-section__container){
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 30px 40px !important;
}

/* Планшет */
@media (max-width: 960px){
  .uc-pod_fon .t792 > .t-container:not(.t-section__container){
    padding: 24px !important;
    border-radius: 24px;
  }
}

/* МОБИЛКА: делаем боковые "поля" 10px у ВСЕГО блока,
   а саму карточку оставляем на 100% ширины внутри этих полей */
@media (max-width: 640px){

  /* даём внутренние поля блоку (это и есть твои 10px по бокам) */
  .uc-pod_fon .t792{
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  /* карточка: пусть будет на всю ширину внутри этих 10px */
  .uc-pod_fon .t792 > .t-container:not(.t-section__container){
    padding: 18px 16px !important;  /* аккуратный внутренний паддинг */
    border-radius: 20px;
  }

  /* чтобы шапка (верхний контейнер) НЕ прилипала к краям,
     но при этом НЕ становилась белой */
  .uc-pod_fon .t792 > .t-section__container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* TX16N2 (t668) — аккордеон: красим только раскрывающуюся часть */

.uc-accore .t668__wrapper{
  background: transparent !important; /* убираем общий фон карточки (inline) */
  border-radius: 30px;               /* общий радиус карточки */
  overflow: hidden;                  /* чтобы радиус работал красиво */
}

/* Шапка (заголовок) — оставляем как "плашку" */
.uc-accore .t668__header{
  background: #fef8f6;               /* цвет закрытой карточки */
}

/* Раскрывающаяся область */
.uc-accore .t668__content{
  background: #FBFBFB;               /* цвет раскрытого контента */
  border-top: 1px solid rgba(0,0,0,0.06);
}

/* Отступы внутри раскрытого текста */
.uc-accore .t668__textwrapper{
  padding: 16px 28px 22px;
}

/* Адаптив */
@media (max-width: 960px){
  .uc-accore .t668__textwrapper{
    padding: 14px 22px 18px;
  }
}

@media (max-width: 640px){
  .uc-accore .t668__wrapper{
    border-radius: 22px;
  }
  .uc-accore .t668__textwrapper{
    padding: 12px 18px 16px;
  }
}

/* замена маркеров на галочки */
/* Убираем стандартные маркеры */
.uc-accore .t668__text ul{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Каждый пункт списка */
.uc-accore .t668__text li{
  position: relative;
  padding-left: 32px;     /* место под кружок */
  margin-bottom: 10px;
}

/* Зелёный круг */
.uc-accore .t668__text li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #9ACD32;   /* мягкий зелёный */
}

/* Белая галочка */
.uc-accore .t668__text li::after{
  content: "✓";
  position: absolute;
  left: 4px;
  top: 2px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 600;
}

/* Мобильная адаптация */
@media (max-width: 640px){
  .uc-accore .t668__text li{
    padding-left: 28px;
  }

  .uc-accore .t668__text li::before{
    width: 16px;
    height: 16px;
  }

  .uc-accore .t668__text li::after{
    font-size: 12px;
    left: 3px;
    top: 1px;
  }
}

/* UC-CHECKLIST — списки с галочками */
/* Убираем стандартные маркеры */
.uc-checklist ul{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Пункт */
.uc-checklist li{
  position: relative;
  padding-left: 32px;
  margin-bottom: 10px;
}

/* Кружок */
.uc-checklist li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #9ACD32;
}

/* Галочка */
.uc-checklist li::after{
  content: "✓";
  position: absolute;
  left: 4px;
  top: 2px;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

/* Мобилка */
@media (max-width: 640px){
  .uc-checklist li{
    padding-left: 28px;
  }
  .uc-checklist li::before{
    width: 16px;
    height: 16px;
  }
  .uc-checklist li::after{
    font-size: 12px;
    left: 3px;
    top: 1px;
  }
}

/* FR308 (t1115) — фикс сетки, чтобы на десктопе не "ужималось" */
.uc-fr308cards .t1115__features{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 колонки на десктопе */
  gap: 10px !important;
}

/* Карточка */
.uc-fr308cards .t1115__feature{
  background: #FEF8F6;
  border-radius: 30px;
  padding: 22px 24px;
  box-sizing: border-box;

  /* важно: не даём тильдовским width/flex ломать сетку */
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Планшет: тоже 2 колонки, но компактнее */
@media (max-width: 960px){
  .uc-fr308cards .t1115__features{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uc-fr308cards .t1115__feature{
    padding: 18px 18px;
    border-radius: 24px;
  }
}

/* Мобилка: 1 колонка */
@media (max-width: 640px){
  .uc-fr308cards .t1115__features{
    grid-template-columns: 1fr;
  }

  .uc-fr308cards .t1115__feature{
    padding: 16px 16px;
    border-radius: 20px;
  }
}

/* FR308 (t1115) — БЕЛАЯ версия карточек */
.uc-fr308cards_white .t1115__features{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 колонки на десктопе */
  gap: 10px !important;
}

/* Карточка */
.uc-fr308cards_white .t1115__feature{
  background: #FFFFFF;
  border-radius: 30px;
  padding: 22px 24px;
  box-sizing: border-box;

  /* важно: не даём тильдовским width/flex ломать сетку */
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Планшет: тоже 2 колонки, но компактнее */
@media (max-width: 960px){
  .uc-fr308cards_white .t1115__features{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uc-fr308cards_white .t1115__feature{
    padding: 18px 18px;
    border-radius: 24px;
  }
}

/* Мобилка: 1 колонка */
@media (max-width: 640px){
  .uc-fr308cards_white .t1115__features{
    grid-template-columns: 1fr;
  }

  .uc-fr308cards_white .t1115__feature{
    padding: 16px 16px;
    border-radius: 20px;
  }
}

/* ===== SV503 (T1119) — универсально через класс ===== */

.uc-faq-white .t1119__wrapper{
  background: #FEF8F6 !important;
  border-radius: 30px;
  overflow: hidden;
}

.uc-faq-white .t1119__header{
  border-top: none !important;
}

.uc-faq-white .t1119__trigger-button,
.uc-faq-white .t1119__text{
  padding-left: 10px !important;
  padding-right: 10px !important;
  background: #FEF8F6 !important;
}

.uc-faq-white .t1119__accordion{
  margin-bottom: 10px;
}

/* Скругление бэкграунда только снизу */
.uc-round_down_and_up{
  border-bottom-left-radius: 6rem !important;
  border-bottom-right-radius: 6rem !important;
}

/* Чтобы фон/детали не “вылазили” за скругление */
.uc-round_down_and_up{
  overflow: hidden !important;
}

/* FR202N (t1007) — общий белый фон + нижняя обводка, без ломания сетки */
.uc-features .t1007__container{
  background: #ffffff !important;
  border-radius: 30px;
  border-bottom: 3px solid #f2894b;
  overflow: hidden; /* чтобы всё было в скруглении */
}

/* Чуть воздуха сверху/снизу (по желанию) */
.uc-features .t1007__container{
  padding-top: 40px;
  padding-bottom: 45px;
}

/* Адаптив — только скругление */
@media (max-width: 960px){
  .uc-features .t1007__container{ border-radius: 24px; }
}
@media (max-width: 640px){
  .uc-features .t1007__container{ border-radius: 20px; }
}

/* ===== Адаптив — добавляем боковые отступы ===== */
@media (max-width: 960px){
  .uc-features{
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
}

@media (max-width: 640px){
  .uc-features{
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ===== FR202N (t1007) — белый фон + нижняя обводка ===== */
.uc-features-upper .t1007__container{
  background: #ffffff !important;
  border-radius: 30px;
  border-bottom: 3px solid #f2894b;
  overflow: hidden; /* чтобы контент не выходил за радиус */

  padding-top: 40px;
  padding-bottom: 45px;
}

/* ===== Поднятие блока вверх (эффект "подныривания") ===== */
.uc-features-upper{
  position: relative;
  margin-top: -80px;   /* регулируй при необходимости */
  z-index: 5;          /* чтобы был выше предыдущего блока */
}

/* ===== Адаптив ===== */
@media (max-width: 960px){
  /* боковые поля делаем у обертки, а не у контейнера */
  .uc-features-upper{
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .uc-features-upper .t1007__container{
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
  }
}

/* ЧЕМ ЗАНИМАЮТСЯ ПОСТОЯЛЬЦЫ */
/* 1) Белые карточки */
#rec1977038261 .t1053__col-wrapper{
  background: #ffffff;
  border-radius: 30px;
  padding: 35px;
  box-shadow: 0 15px 40px rgba(0,0,0,.08);
  box-sizing: border-box;
}

/* 2) Убираем вертикальные разделители */
#rec1977038261 .t1053__line{
  display: none !important;
}

/* 3) Список превращаем в ровные "теги" одинаковой ширины */
#rec1977038261 .t1053__descr ul{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;

  width: 100%;
  align-items: stretch; /* важно: растягиваем элементы на всю доступную ширину */
  box-sizing: border-box;
}

#rec1977038261 .t1053__descr ul li{
  list-style: none !important;
  margin: 0 !important;

  padding: 12px 18px;
  border-radius: 40px;
  background: #361704; /* можешь менять */
  line-height: 1.2;

  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 100% !important;     /* растянуть */
  max-width: none !important;  /* на случай лимитов Tilda */
  min-width: 0;                /* чтобы текст нормально переносился */
  align-self: stretch;         /* ещё раз фиксируем растяжение */
  box-sizing: border-box;
}

/* Убираем стандартные буллиты Tilda */
#rec1977038261 .t1053__descr ul li:before{
  content: none !important;
  display: none !important;
}

/* 4) Отступы между карточками на мобиле */
@media (max-width: 960px){
  #rec1977038261 .t1053__col:not(:last-child){
    margin-bottom: 30px;
  }
}