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

.uc-cloud_meta ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* по центру */
  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;
}


/* 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;
  }
}

/* Карточки блока "Когда стоит обратиться к нам" */
.uc-kogda_k_nam .t899__wrapper {
    background-color: #FEF8F6;
    border-radius: 30px;
    padding: 30px;
    box-sizing: border-box;
    height: 100%;
    transition: all 0.3s ease;
}

/* Hover эффект */
.uc-kogda_k_nam .t899__wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* БЕЛЫЕ ПОДЛОЖКИ ДЛЯ ДВУХ КОЛОНОК Блок цен T812 */

.uc-ceny2 .t812__col {

    /* Белый фон карточек */
    background: #fef8f6;

    /* Скругление углов */
    border-radius: 30px;

    /* Внутренние отступы */
    padding: 38px 36px;

    /* Корректный расчёт размеров */
    box-sizing: border-box;
}


/* SEO текстовые блоки */

.seo-text-block{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:40px 20px;
    box-sizing:border-box;
}

.seo-text-block *{
    box-sizing:border-box;
}

.seo-text-block h2{
    margin:0 0 24px;
    font:400 34px/1.25 'Ubuntu',Arial,sans-serif;
    color:#240900;
    overflow-wrap:break-word;
}

.seo-text-content{
    width:100%;
    max-width:100%;
    max-height:260px;
    overflow:hidden;
    position:relative;
    transition:max-height .4s ease;

    font:400 16px/1.3 'Rubik',Arial,sans-serif;
    color:#77594f;
    overflow-wrap:break-word;
}

.seo-text-content::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:80px;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        #fff
    );
    pointer-events:none;
}

.seo-text-content.open{
    max-height:5000px;
}

.seo-text-content.open::after{
    display:none;
}

.seo-text-content p{
    margin:0 0 18px;
}

.seo-text-content h2{
    margin:34px 0 18px;
}

.seo-text-content ul{
    margin:0 0 18px 20px;
    padding:0;
}

.seo-text-content ol{
    margin:0 0 18px 28px;
    padding:0;
}

.seo-text-content ol li{
    padding-left:4px;
}

.seo-text-content li{
    margin-bottom:8px;
}

.seo-text-btn{
    margin-top:18px;
    padding:14px 26px;

    border:none;
    border-radius:999px;

    background:#f2894b;
    color:#fff;

    font:400 16px/1 'Rubik',Arial,sans-serif;

    cursor:pointer;
    transition:opacity .2s ease;
}

.seo-text-btn:hover{
    opacity:.85;
}

@media screen and (max-width:640px){

    .seo-text-block{
        padding:30px 20px;
    }

}