/*
 * Секции, перенесённые из вставленных HTML-блоков эталона buh-360.ru.
 *
 * CSS скопирован ДОСЛОВНО из `_Вложения/эталон-блоки/tilda-*-block-NNN.css`,
 * изменён только скоуп: `#tilda-<раздел>-block-NNN` → класс секции.
 * Файл генерируется скриптом `mkblocks.py` — правки вносить в refblock,
 * а не сюда (иначе следующая генерация их затрёт).
 *
 * Не копируются только правила горизонтального паддинга внешней обёртки
 * (у эталона обёртка = контейнер, у нас контейнер — `.container`).
 */

/* --- Базовая линия текста -------------------------------------------
 * ЭТАЛОН задаёт наследование `line-height: normal` (базовая типографика
 * Тильды); у нас `body { line-height: 1.5 }` → 24px при 16px. Поэтому все
 * элементы блоков, где эталонный CSS не объявляет line-height явно
 * (бейджи, кнопки, плашки «было/стало», «Читать историю», копирайт),
 * в клоне были выше эталонных на 2–4px — а вместе с ними карточки и
 * целые секции. Возвращаем наследование эталона на корне каждого блока:
 * объявленные свойства потомков правило не затрагивает.
 * Замер: `bdiff.cjs` (поэлементная сверка по DOM-пути), 13.09.
 * Стоит ВЫШЕ правил блоков намеренно — чтобы собственные объявления
 * line-height в скопированном CSS имели приоритет. */
.cards-block, .services-block, .tariffs-block, .bonuses-block, .cases-block, .founder-block, .steps-block, .problems-block, .compare-block, .banner-block, .faq-block, .range-block, .contacts-block, .info-cards-block, .values-block, .niches-block, .trust-block, .compare-cards-block, .cases-why-block, .app-block { line-height: normal; }

/* === Отрасли — tilda-cards-block-001 === */
/* Все стили обёрнуты в уникальный ID, чтобы не влиять на другие блоки */
  .cards-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .cards-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /* Основная обёртка: 4 карточки в ряд */
  .cards-block .cards-grid {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1160px;
    gap: 20px;
    align-items: stretch;
  }

  /* Базовые стили карточки */
  .cards-block .card {
    position: relative;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: flex 0.55s cubic-bezier(0.25, 0.8, 0.25, 1.2), background 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px 20px 20px 20px;
    min-height: 520px;
    cursor: pointer;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    text-decoration: none;
  }

  /* Полупрозрачный градиент внизу карточки */
  .cards-block .card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65%;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.15) 80%, transparent 100%);
    border-radius: 0 0 20px 20px;
    z-index: 1;
    pointer-events: none;
  }

  /* Первая карточка — шире */
  .cards-block .card-wide {
    flex: 2.2;
  }

  /* Остальные карточки — стандартная ширина */
  .cards-block .card-normal {
    flex: 1;
  }

  /* Индивидуальные классы для наведения — сумма flex всегда равна 5.2 */
  .cards-block .cards-grid.hover-card-2 .card-wide {
    flex: 0.95;
  }
  .cards-block .cards-grid.hover-card-2 .card-normal:nth-of-type(2) {
    flex: 1.8;
  }
  .cards-block .cards-grid.hover-card-2 .card-normal:nth-of-type(3),
  .cards-block .cards-grid.hover-card-2 .card-normal:nth-of-type(4) {
    flex: 0.725;
  }

  .cards-block .cards-grid.hover-card-3 .card-wide {
    flex: 0.95;
  }
  .cards-block .cards-grid.hover-card-3 .card-normal:nth-of-type(3) {
    flex: 1.8;
  }
  .cards-block .cards-grid.hover-card-3 .card-normal:nth-of-type(2),
  .cards-block .cards-grid.hover-card-3 .card-normal:nth-of-type(4) {
    flex: 0.725;
  }

  .cards-block .cards-grid.hover-card-4 .card-wide {
    flex: 0.95;
  }
  .cards-block .cards-grid.hover-card-4 .card-normal:nth-of-type(4) {
    flex: 1.8;
  }
  .cards-block .cards-grid.hover-card-4 .card-normal:nth-of-type(2),
  .cards-block .cards-grid.hover-card-4 .card-normal:nth-of-type(3) {
    flex: 0.725;
  }

  /* Контент внутри карточки */
  .cards-block .card-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    color: white;
  }

  /* Иконка-кружок с эффектом стекла */
  .cards-block .circle-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    text-decoration: none;
  }

  /* Изображение стрелочки в кружке */
  .cards-block .arrow-icon-img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    transition: filter 0.3s ease;
    filter: brightness(0) invert(1);
  }

  .cards-block .circle-arrow:hover {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    transform: scale(1.05);
  }

  .cards-block .circle-arrow:hover .arrow-icon-img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(22%) contrast(90%);
  }

  /* Заголовок */
  .cards-block .card-title {
    font-family: 'Geologica', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 10px 0;
    color: white;
    letter-spacing: -0.3px;
    text-shadow: 0 2px 6px rgba(0,0,0,0.4);
    max-width: 100%;
    word-break: break-word;
  }

  /* Описание */
  .cards-block .card-description {
    font-family: 'Geologica', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 22px 0;
    color: white;
    opacity: 0.92;
    text-shadow: 0 1px 5px rgba(0,0,0,0.5);
    max-width: 100%;
  }

  /* Кнопка */
  .cards-block .card-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: white;
    border: none;
    border-radius: 100px;
    padding: 14px 24px;
    font-family: 'Geologica', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #393939;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-decoration: none;
    letter-spacing: 0.3px;
    position: relative;
    z-index: 5;
  }

  .cards-block .button-text {
    order: 1;
  }

  .cards-block .button-arrow-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
  }

  .cards-block .button-arrow-img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    transform: rotate(45deg);
    transition: filter 0.3s ease;
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(22%) contrast(90%);
  }

  .cards-block .card-button:hover {
    background-color: #393939;
    color: white;
  }

  .cards-block .card-button:hover .button-arrow-img {
    filter: brightness(0) invert(1);
  }

  /* Адаптивность */
  @media (max-width: 960px) {
    .cards-block .cards-grid {
      flex-wrap: wrap;
      gap: 16px;
      max-width: 100%;
    }
    .cards-block .card {
      min-height: 420px;
    }
    .cards-block .card-wide,
    .cards-block .card-normal {
      flex: 1 1 45% !important;
    }
    .cards-block .card-title {
      font-size: 20px;
    }
    .cards-block .card-description {
      font-size: 16px;
    }
  }

  @media (max-width: 640px) {
    .cards-block .card-wide,
    .cards-block .card-normal {
      flex: 1 1 100% !important;
    }
  }

  @media (max-width: 480px) {
    .cards-block .cards-grid {
      gap: 12px;
    }
    .cards-block .card {
      min-height: 380px;
      padding: 16px 14px 14px 14px;
    }
    .cards-block .card-title {
      font-size: 18px;
    }
    .cards-block .card-description {
      font-size: 14px;
    }
    .cards-block .card-button {
      padding: 12px 18px;
      font-size: 16px;
    }
  }

  @media (max-width: 320px) {
    .cards-block .cards-grid {
      gap: 10px;
    }
    .cards-block .card {
      min-height: 320px;
      padding: 12px 10px 10px 10px;
      border-radius: 16px;
    }
    .cards-block .card-title {
      font-size: 16px;
    }
    .cards-block .card-description {
      font-size: 12px;
      margin: 0 0 16px 0;
    }
    .cards-block .card-button {
      padding: 10px 14px;
      font-size: 14px;
    }
    .cards-block .circle-arrow {
      width: 40px;
      height: 40px;
      top: 12px;
      right: 12px;
    }
  }

/* === Услуги — tilda-services-block-002 === */
/* Все стили обёрнуты в уникальный ID, чтобы не влиять на другие блоки */
  .services-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .services-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /* Основная обёртка */
  .services-block .services-grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
    align-items: stretch;
  }

  /* Ряд с карточками */
  .services-block .services-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
  }

  /* Базовые стили карточки */
  .services-block .service-card {
    position: relative;
    border-radius: 20px;
    background-color: #F9F9F9;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 calc(33.333% - 11px);
    min-height: 320px;
    min-width: 280px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
  }

  /* Анимация приподнимания при наведении */
  .services-block .service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Карточка с градиентной обводкой */
  .services-block .service-card.gradient-border {
    position: relative;
    background: #F9F9F9;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
  }

  .services-block .service-card.gradient-border::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 20px;
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    z-index: -2;
  }

  .services-block .service-card.gradient-border::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    background: #F9F9F9;
    z-index: -1;
  }

  .services-block .service-card.gradient-border:hover {
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Верхняя часть карточки */
  .services-block .card-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    flex-grow: 1;
    position: relative;
  }

  /* Иконка — всегда видна */
  .services-block .service-icon {
    width: auto;
    height: 30px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  /* Изображение иконки */
  .services-block .service-icon-img {
    height: 30px;
    width: auto;
    object-fit: contain;
  }

  /* Заголовок */
  .services-block .service-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.2;
    color: #393939;
    margin: 0 0 16px 0;
    max-width: 100%;
    word-break: break-word;
  }

  /* Контейнер для описания и чек-листа */
  .services-block .content-wrapper {
    position: relative;
    width: 100%;
    flex-grow: 1;
  }

  /* Описание */
  .services-block .service-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 1.4;
    color: #393939 !important;
    opacity: 0.8;
    max-width: 100%;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: visible;
  }

  /* Чек-лист */
  .services-block .checklist {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
    pointer-events: none;
  }

  /* При наведении на карточку */
  .services-block .service-card:hover .service-description {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    pointer-events: none;
  }

  .services-block .service-card:hover .checklist {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .services-block .checklist-item {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 1.4;
    color: #393939 !important;
    opacity: 0.8 !important;
    padding-left: 16px;
    position: relative;
  }

  .services-block .checklist-item::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #393939;
    opacity: 0.6;
  }

  /* Нижняя часть карточки */
  .services-block .card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: auto;
    position: relative;
    z-index: 1;
  }

  /* Блок с ценой */
  .services-block .price-block {
    display: flex;
    align-items: baseline;
    gap: 4px;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
    visibility: visible;
  }

  /* При наведении скрываем цену */
  .services-block .service-card:hover .price-block {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
  }

  .services-block .price {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 22px;
    color: #393939;
    line-height: 1;
  }

  .services-block .price-period {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    color: #393939;
    opacity: 0.8;
    line-height: 1;
  }

  /* Кнопка */
  .services-block .service-button {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #393939;
    background-color: #F9F9F9;
    border: 2px solid #393939;
    border-radius: 8px;
    padding: 10px 28px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }

  .services-block .service-button:hover {
    background-color: #393939;
    color: #F9F9F9;
  }

  /* Кнопка с градиентом */
  .services-block .service-button.gradient-button {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    border: none;
    color: white;
  }

  .services-block .service-button.gradient-button:hover {
    background: #393939;
    color: white;
  }

  /* Планшетная версия: 2 карточки в ряд */
  @media (max-width: 960px) {
    .services-block .service-card {
      flex: 1 1 calc(50% - 8px);
      min-height: 280px;
      min-width: 250px;
    }
  }

  /* Мобильная версия: 1 карточка в ряд */
  @media (max-width: 640px) {
    .services-block .service-card {
      flex: 1 1 100%;
      min-height: 240px;
      min-width: 100%;
    }
    .services-block .service-title {
      font-size: 20px !important;
    }
    .services-block .service-description {
      font-size: 16px !important;
    }
    .services-block .checklist-item {
      font-size: 16px !important;
    }
    .services-block .price {
      font-size: 22px;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .services-block .service-card {
      padding: 18px;
      min-height: 220px;
    }
    .services-block .service-title {
      font-size: 18px !important;
    }
    .services-block .service-description {
      font-size: 14px !important;
    }
    .services-block .checklist-item {
      font-size: 14px !important;
    }
    .services-block .price {
      font-size: 20px;
    }
    .services-block .service-button {
      padding: 8px 20px;
      font-size: 14px;
    }
  }

  /* Очень маленькие мобильные */
  @media (max-width: 320px) {
    .services-block .service-card {
      padding: 14px;
      min-height: 200px;
      border-radius: 16px;
    }
    .services-block .service-title {
      font-size: 16px !important;
    }
    .services-block .service-description {
      font-size: 12px !important;
    }
    .services-block .checklist-item {
      font-size: 12px !important;
    }
    .services-block .price {
      font-size: 18px;
    }
    .services-block .price-period {
      font-size: 14px;
    }
    .services-block .service-button {
      padding: 6px 16px;
      font-size: 12px;
    }
    .services-block .card-bottom {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }
  }

/* === Тарифы — tilda-tariffs-block-004 === */
/* Все стили обёрнуты в уникальный ID */
  .tariffs-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .tariffs-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .tariffs-block .tariffs-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1160px;
    gap: 20px;
    align-items: flex-end;
  }

  /* Базовые стили карточки */
  .tariffs-block .tariff-card {
    position: relative;
    border-radius: 20px;
    background-color: #F9F9F9;
    padding: 28px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 calc(33.333% - 14px);
    min-width: 300px;
    min-height: 600px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
  }

  /* Анимация приподнимания при наведении */
  .tariffs-block .tariff-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Вторая карточка - с градиентной обводкой */
  .tariffs-block .tariff-card.featured {
    transform: translateY(-16px);
    background-color: #F9F9F9;
    border: 2px solid #9F0208;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
  }

  /* При наведении на featured карточку — поднимаем ещё выше */
  .tariffs-block .tariff-card.featured:hover {
    transform: translateY(-20px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Градиентная обводка через outline */
  .tariffs-block .tariff-card.featured::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    border-radius: 20px;
    z-index: -1;
  }

  /* Внутренний фон */
  .tariffs-block .tariff-card.featured::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #F9F9F9;
    border-radius: 18px;
    z-index: -1;
  }

  /* Плашка "Оптимальный" */
  .tariffs-block .featured-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    color: white;
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    padding: 4px 24px;
    border-radius: 100px;
    white-space: nowrap;
    z-index: 2;
  }

  /* Плашки сверху */
  .tariffs-block .tariff-badges {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
  }

  .tariffs-block .tariff-badge {
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px;
    color: #393939;
    background-color: #F9F9F9;
    border: 1px solid #393939;
    border-radius: 100px;
    padding: 4px 12px;
    white-space: nowrap;
    display: inline-block;
  }

  /* Заголовок */
  .tariffs-block .tariff-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    margin: 0 0 8px 0;
    max-width: 100%;
    word-break: break-word;
    position: relative;
    z-index: 1;
  }

  /* Описание */
  .tariffs-block .tariff-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
    margin: 0 0 16px 0;
    max-width: 100%;
    position: relative;
    z-index: 1;
  }

  /* Блок с ценой */
  .tariffs-block .tariff-price-block {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
  }

  .tariffs-block .tariff-price {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px;
    color: #393939;
    line-height: 1;
  }

  /* Цена во второй карточке с градиентом */
  .tariffs-block .tariff-card.featured .tariff-price {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .tariffs-block .tariff-price-period {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    color: #393939;
    opacity: 0.8;
    line-height: 1;
  }

  /* Чек-лист */
  .tariffs-block .tariff-checklist {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 24px 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }

  .tariffs-block .checklist-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
  }

  .tariffs-block .checklist-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
  }

  /* Кнопка */
  .tariffs-block .tariff-button {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #393939;
    background-color: #F9F9F9;
    border: 2px solid #393939;
    border-radius: 8px;
    padding: 12px 28px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: auto;
    position: relative;
    z-index: 1;
  }

  .tariffs-block .tariff-button:hover {
    background-color: #393939;
    color: #F9F9F9;
  }

  /* Кнопка с градиентом */
  .tariffs-block .tariff-button.gradient-button {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    border: none;
    color: white;
  }

  .tariffs-block .tariff-button.gradient-button:hover {
    background: #393939;
    color: white;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .tariffs-block .tariff-card {
      flex: 1 1 calc(50% - 10px);
      min-width: 250px;
      min-height: 550px;
    }
    .tariffs-block .tariff-card.featured {
      transform: none;
    }
    .tariffs-block .tariff-card.featured:hover {
      transform: translateY(-4px);
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .tariffs-block .tariff-card {
      flex: 1 1 100%;
      min-width: 100%;
      min-height: auto;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .tariffs-block .tariff-card {
      padding: 20px 16px 16px 16px;
    }
    .tariffs-block .tariff-title {
      font-size: 16px;
    }
    .tariffs-block .tariff-description {
      font-size: 14px;
    }
    .tariffs-block .tariff-price {
      font-size: 20px;
    }
    .tariffs-block .checklist-item {
      font-size: 14px;
    }
    .tariffs-block .tariff-badge {
      font-size: 14px;
      padding: 3px 10px;
    }
    .tariffs-block .tariff-button {
      font-size: 14px;
      padding: 10px 20px;
    }
  }

  @media (max-width: 320px) {
    .tariffs-block .tariff-card {
      padding: 16px 12px 12px 12px;
      border-radius: 16px;
    }
  }

/* === Бонусы — tilda-bonuses-block-021 === */
/* Все стили обёрнуты в уникальный ID */
  .bonuses-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .bonuses-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .bonuses-block .bonuses-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
  }

  /* Карточка бонуса */
  .bonuses-block .bonus-card {
    flex: 1 1 calc(50% - 8px);
    min-width: 320px;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    cursor: default;
    position: relative;
    border: 2px solid transparent;
  }

  /* Анимация приподнимания и обводка при наведении */
  .bonuses-block .bonus-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
    border-color: #D15A5A;
  }

  /* Плашка */
  .bonuses-block .bonus-badge {
    display: inline-block;
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px;
    color: #393939;
    background: none;
    border: 1px solid #393939;
    border-radius: 100px;
    padding: 4px 14px;
    white-space: nowrap;
    align-self: flex-start;
  }

  /* Заголовок */
  .bonuses-block .bonus-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    max-width: 100%;
    word-break: break-word;
  }

  /* Описание */
  .bonuses-block .bonus-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
    max-width: 100%;
  }

  /* Кнопка */
  .bonuses-block .bonus-button {
    display: inline-block;
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: white;
    background: linear-gradient(to right, #9F0208, #D15A5A);
    border: none;
    border-radius: 8px;
    padding: 12px 28px;
    cursor: pointer;
    transition: background 0.3s ease;
    text-decoration: none;
    align-self: flex-start;
    margin-top: 8px;
  }

  .bonuses-block .bonus-button:hover {
    background: #393939;
    color: white;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .bonuses-block .bonus-card {
      flex: 1 1 calc(50% - 8px);
      min-width: 280px;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .bonuses-block .bonus-card {
      flex: 1 1 100%;
      min-width: 100%;
      padding: 18px;
    }
    .bonuses-block .bonus-title {
      font-size: 16px;
    }
    .bonuses-block .bonus-description {
      font-size: 14px;
    }
    .bonuses-block .bonus-button {
      font-size: 14px;
      padding: 10px 22px;
    }
  }

  @media (max-width: 480px) {
    .bonuses-block .bonus-card {
      padding: 14px;
      border-radius: 16px;
    }
  }

/* === Кейсы и отзывы — tilda-cases-reviews-block-013 === */
/* Все стили обёрнуты в уникальный ID */
  .cases-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .cases-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .cases-block .cr-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
    align-items: stretch;
  }

  .cases-block .cr-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
    align-items: stretch;
  }

  /* ========== КАРТОЧКА КЕЙСА ========== */
  .cases-block .case-card {
    flex: 2;
    min-width: 350px;
    min-height: 350px;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  .cases-block .case-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Обложка карточки кейса — ЧЕРНОВИК-КОНЦЕПТ 09.10.2026 (превью, НЕ
     утверждено): единый язык с карточками статей и ленты кейсов. Полоса
     сверху на всю ширину карточки: отрицательные поля гасят её padding (24px),
     верхние углы — радиус карточки (20px). */
  .cases-block .case-card__cover {
    margin: -24px -24px 0;
    height: 180px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
  }

  .cases-block .case-card__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Плашки сверху */
  .cases-block .case-badges {
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex-wrap: wrap;
  }

  .cases-block .case-badge {
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px;
    color: #393939;
    background: none;
    border: 1px solid #393939;
    border-radius: 100px;
    padding: 4px 14px;
    white-space: nowrap;
    transition: color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  }

  /* Анимация плашек при наведении на карточку */
  .cases-block .case-card:hover .case-badge {
    color: #9F0208;
    border-color: #D15A5A;
    box-shadow: 0px 0px 10px rgba(159, 2, 8, 0.25);
  }

  /* Заголовок */
  .cases-block .case-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    max-width: 100%;
    word-break: break-word;
  }

  /* Контейнер для кнопки и блоков было/стало */
  .cases-block .case-bottom {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  /* Кнопка "Читать историю" */
  .cases-block .case-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px;
    color: #393939;
    opacity: 0.8;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    border-radius: 100px;
    transition: opacity 0.3s ease;
    align-self: flex-end;
    flex-shrink: 0;
    white-space: nowrap;
  }

  /* Кнопка становится полностью непрозрачной при наведении на карточку */
  .cases-block .case-card:hover .case-read-more {
    opacity: 1;
  }

  .cases-block .case-read-more-icon {
    width: auto;
    height: 10px;
    object-fit: contain;
    transform: rotate(45deg);
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(22%) contrast(90%);
    opacity: 0.8;
    transition: opacity 0.3s ease;
  }

  /* Иконка тоже становится полностью непрозрачной */
  .cases-block .case-card:hover .case-read-more-icon {
    opacity: 1;
  }

  /* Блок Было/Стало */
  .cases-block .case-comparison {
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: 100%;
  }

  .cases-block .case-before,
  .cases-block .case-after {
    flex: 1;
    border-radius: 8px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cases-block .case-before {
    background-color: #FFFFFF;
  }

  .cases-block .case-after {
    background-color: #F1FCF5;
  }

  .cases-block .case-before-label {
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #393939;
    opacity: 0.8;
  }

  .cases-block .case-after-label {
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #5C9875;
  }

  .cases-block .case-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
    padding-left: 14px;
    line-height: 1.4;
  }

  .cases-block .case-list:before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
  }

  .cases-block .case-before .case-list {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    color: #393939;
  }

  .cases-block .case-before .case-list:before {
    color: #393939;
    opacity: 0.6;
  }

  .cases-block .case-after .case-list {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px;
    color: #284D3C;
  }

  .cases-block .case-after .case-list:before {
    color: #284D3C;
  }

  /* ========== КАРТОЧКА ОТЗЫВА ========== */
  .cases-block .review-card {
    flex: 1;
    min-width: 280px;
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  .cases-block .review-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(159, 2, 8, 0.3);
  }

  .cases-block .review-icon {
    width: auto;
    height: 22px;
    object-fit: contain;
    align-self: flex-start;
  }

  .cases-block .review-card .review-text {
    font-family: 'Geologica', sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 1.5;
    color: white;
  }

  .cases-block .review-author {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .cases-block .review-card .review-name {
    font-family: 'Geologica', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: white;
    line-height: 1.3;
  }

  .cases-block .review-card .review-role {
    font-family: 'Geologica', sans-serif;
    font-weight: 200;
    font-size: 18px;
    color: white;
    opacity: 0.8;
    line-height: 1.3;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .cases-block .cr-row {
      flex-direction: column;
    }
    .cases-block .case-card,
    .cases-block .review-card {
      flex: 1 1 100%;
      min-width: 100%;
    }
    .cases-block .case-comparison {
      flex-direction: column;
    }
    .cases-block .case-card {
      min-height: auto;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .cases-block .case-card,
    .cases-block .review-card {
      padding: 18px;
    }
    .cases-block .case-badge {
      font-size: 14px;
      padding: 3px 10px;
    }
    .cases-block .case-title {
      font-size: 16px;
    }
    .cases-block .case-before-label,
    .cases-block .case-after-label {
      font-size: 14px;
    }
    .cases-block .case-list {
      font-size: 14px;
    }
    .cases-block .review-card .review-text {
      font-size: 16px;
    }
    .cases-block .review-card .review-name,
    .cases-block .review-card .review-role {
      font-size: 16px;
    }
    .cases-block .case-read-more {
      font-size: 13px;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .cases-block .case-card,
    .cases-block .review-card {
      padding: 14px;
      border-radius: 16px;
    }
  }

  /* --- ДОПИСАНО НАМИ, не из эталона (13.09) ---------------------------
     Описание под заголовком кейса: 16/22.4, вес 300 (замер эталона 13.09).
     Отступы 12 сверху и снизу даёт `gap` карточки — отдельных margin не нужно.
     В эталонном файле блока этого правила нет: Тильда кладёт эти свойства
     инлайн-стилями на сам атом. Правило живёт здесь, а не в `blocks.css`,
     потому что `blocks.css` генерируется из этого каталога и ручные правки
     в нём затираются (проверено перегенерацией 13.09). */
  .cases-block .case-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    max-width: 100%;
  }

/* === Основатель — tilda-founder-block-005 === */
/* Все стили обёрнуты в уникальный ID */
  .founder-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .founder-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .founder-block .founder-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1160px;
    gap: 40px;
    align-items: stretch;
  }

  /* Левая часть - фото */
  .founder-block .founder-photo-wrapper {
    position: relative;
    flex: 0 0 45%;
    max-width: 500px;
    min-height: 500px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  }

  .founder-block .founder-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
  }

  /* Лёгкий зум при наведении на фото */
  .founder-block .founder-photo-wrapper:hover .founder-photo {
    transform: scale(1.04);
  }

  /* Кружок со стрелкой в правом верхнем углу */
  .founder-block .photo-circle-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    text-decoration: none;
  }

  .founder-block .photo-circle-arrow:hover {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    transform: scale(1.05);
  }

  .founder-block .photo-arrow-icon {
    width: 12px;
    height: 12px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
  }

  .founder-block .photo-circle-arrow:hover .photo-arrow-icon {
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(22%) contrast(90%);
  }

  /* Плашка "Основатель компании" — справа внизу */
  .founder-block .founder-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: auto;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 100px;
    padding: 8px 20px;
    color: white;
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px;
    white-space: nowrap;
    z-index: 2;
  }

  /* Правая часть - текст */
  .founder-block .founder-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }

  /* Контейнер для имени и должности — без отступа */
  .founder-block .founder-header {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* Заголовок */
  .founder-block .founder-name {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px;
    line-height: 1.3;
    color: #393939;
    margin: 0;
  }

  /* Подпись */
  .founder-block .founder-role {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    margin: 0;
  }

  /* Цитата */
  .founder-block .founder-quote {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 200 !important;
    font-style: italic;
    font-size: 20px;
    line-height: 1.5;
    color: #393939;
    opacity: 0.8;
    margin: 0;
  }

  /* Преимущества */
  .founder-block .founder-advantages {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
  }

  .founder-block .advantage-row {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .founder-block .advantage-icon {
    width: auto;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .founder-block .advantage-text {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .founder-block .founder-container {
      flex-direction: column;
      gap: 24px;
    }
    .founder-block .founder-photo-wrapper {
      flex: 0 0 auto;
      max-width: 100%;
      min-height: 400px;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .founder-block .founder-photo-wrapper {
      min-height: 350px;
    }
    .founder-block .founder-name {
      font-size: 22px;
    }
    .founder-block .founder-role {
      font-size: 14px;
    }
    .founder-block .founder-quote {
      font-size: 18px;
    }
    .founder-block .advantage-text {
      font-size: 16px;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .founder-block .founder-photo-wrapper {
      min-height: 300px;
      border-radius: 16px;
    }
    .founder-block .founder-name {
      font-size: 20px;
    }
    .founder-block .founder-role {
      font-size: 13px;
    }
    .founder-block .founder-quote {
      font-size: 16px;
    }
    .founder-block .advantage-text {
      font-size: 14px;
    }
    .founder-block .advantage-icon {
      height: 24px;
    }
    .founder-block .founder-badge {
      font-size: 14px;
      padding: 6px 16px;
      bottom: 12px;
      right: 12px;
    }
    .founder-block .photo-circle-arrow {
      width: 40px;
      height: 40px;
      top: 12px;
      right: 12px;
    }
  }

  @media (max-width: 320px) {
    .founder-block .founder-photo-wrapper {
      min-height: 250px;
    }
  }

/* === Процесс — tilda-steps-block-006 === */
/* Все стили обёрнуты в уникальный ID */
  .steps-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .steps-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .steps-block .steps-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1280px;
    gap: 0;
    align-items: flex-start;
    position: relative;
  }

  /* Столбец */
  .steps-block .step-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    padding: 0 8px;
    transition: transform 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания при наведении */
  .steps-block .step-column:hover {
    transform: translateY(-6px);
  }

  /* Обёртка для кружка и линии */
  .steps-block .step-circle-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }

  /* Линия между кружками */
  .steps-block .step-column:not(:last-child) .step-circle-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + 47px);
    right: calc(-50% + 47px);
    height: 2px;
    background-color: #F6EBEB;
    border-radius: 2px;
    transform: translateY(-50%);
    z-index: 0;
  }

  /* Кружок */
  .steps-block .step-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  /* Анимация кружка при наведении на шаг */
  .steps-block .step-column:hover .step-circle {
    transform: scale(1.1);
    box-shadow: 0px 4px 12px rgba(159, 2, 8, 0.2);
  }

  /* Обычный кружок */
  .steps-block .step-circle.normal {
    background-color: #F6EBEB;
  }

  /* Последний кружок с градиентом */
  .steps-block .step-circle.gradient {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
  }

  /* Цифра */
  .steps-block .step-number {
    font-family: 'Unbounded', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px;
    line-height: 1;
  }

  /* Цифра в обычном кружке */
  .steps-block .step-circle.normal .step-number {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  /* Цифра в градиентном кружке */
  .steps-block .step-circle.gradient .step-number {
    color: white;
    -webkit-text-fill-color: white;
  }

  /* Заголовок */
  .steps-block .step-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    margin: 0 0 8px 0;
    max-width: 100%;
    word-break: break-word;
    transition: color 0.3s ease;
  }

  /* Заголовок при наведении */
  .steps-block .step-column:hover .step-title {
    color: #9F0208;
  }

  /* Описание */
  .steps-block .step-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
    max-width: 100%;
  }

  /* ПК-версия: отступы 20px */
  @media (min-width: 961px) {
    .steps-block {
      padding-left: 20px;
      padding-right: 20px;
    }
  }

  /* Планшетная версия: 2 столбца в ряд */
  @media (max-width: 960px) {
    .steps-block {
      padding-left: 10px;
      padding-right: 10px;
    }
    .steps-block .steps-container {
      flex-wrap: wrap;
      gap: 24px 0;
    }
    .steps-block .step-column {
      flex: 0 0 50%;
      min-width: 50%;
    }
    .steps-block .step-column:nth-child(2) .step-circle-wrapper::after {
      display: none;
    }
    .steps-block .step-column:nth-child(1) .step-circle-wrapper::after,
    .steps-block .step-column:nth-child(3) .step-circle-wrapper::after {
      display: block;
      left: calc(50% + 47px);
      right: calc(-50% + 47px);
    }
  }

  /* Мобильная версия: 1 столбец в ряд */
  @media (max-width: 640px) {
    .steps-block {
      padding-left: 10px;
      padding-right: 10px;
    }
    .steps-block .step-column {
      flex: 0 0 100%;
      min-width: 100%;
    }
    .steps-block .step-column .step-circle-wrapper::after {
      display: none !important;
    }
    .steps-block .step-title {
      font-size: 16px;
    }
    .steps-block .step-description {
      font-size: 14px;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .steps-block {
      padding-left: 10px;
      padding-right: 10px;
    }
    .steps-block .step-circle {
      width: 56px;
      height: 56px;
    }
    .steps-block .step-number {
      font-size: 18px;
    }
  }

  @media (max-width: 320px) {
    .steps-block {
      padding-left: 10px;
      padding-right: 10px;
    }
    .steps-block .step-circle {
      width: 48px;
      height: 48px;
    }
    .steps-block .step-number {
      font-size: 16px;
    }
  }

/* === Проблемы — tilda-problems-block-020 === */
/* Все стили обёрнуты в уникальный ID */
  .problems-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .problems-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .problems-block .problems-wrapper {
    width: 100%;
    max-width: 1160px;
    position: relative;
  }

  /* Строка (проблема + решение) */
  .problems-block .problem-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    align-items: center;
  }

  .problems-block .problem-row:not(:last-child) {
    margin-bottom: 60px;
  }

  /* Левая часть (проблема) */
  .problems-block .problem-left {
    flex: 1;
    padding-right: 50px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: right;
    position: relative;
  }

  /* Центральная часть (линия и точка) */
  .problems-block .problem-center {
    position: relative;
    width: 1px;
    flex-shrink: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Верхний сегмент линии */
  .problems-block .problem-center .line-top {
    width: 1px;
    background-color: rgba(57, 57, 57, 0.5);
    flex: 1;
  }

  /* Нижний сегмент линии */
  .problems-block .problem-center .line-bottom {
    width: 1px;
    background-color: rgba(57, 57, 57, 0.5);
    flex: 1;
  }

  /* Красная точка */
  .problems-block .problem-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    flex-shrink: 0;
    margin: 8px 0;
    position: relative;
    z-index: 1;
    transform: translateX(-0.5px);
  }

  /* Правая часть (решение) */
  .problems-block .problem-right {
    flex: 1;
    padding-left: 50px;
  }

  /* Карточка решения */
  .problems-block .solution-card {
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания */
  .problems-block .solution-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Заголовок проблемы */
  .problems-block .problem-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
  }

  /* Подзаголовок проблемы */
  .problems-block .problem-subtitle {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
  }

  /* Заголовок решения */
  .problems-block .solution-header {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .problems-block .solution-icon {
    width: auto;
    height: 30px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .problems-block .solution-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
  }

  /* Подзаголовок решения */
  .problems-block .solution-subtitle {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная и мобильная версия */
  @media (max-width: 960px) {
    .problems-block .problem-row:not(:last-child) {
      margin-bottom: 40px;
    }
    .problems-block .problem-center {
      display: none;
    }
    .problems-block .problem-row {
      flex-direction: column;
      gap: 24px;
    }
    .problems-block .problem-left {
      padding-right: 0;
      text-align: left;
      border: 2px solid transparent;
      border-radius: 20px;
      padding: 20px;
      background-color: #F9F9F9;
      background-clip: padding-box;
      position: relative;
      align-self: flex-start;
      max-width: 85%;
    }
    .problems-block .problem-left::before {
      content: '';
      position: absolute;
      top: -2px;
      left: -2px;
      right: -2px;
      bottom: -2px;
      background: linear-gradient(-71deg, #9F0208, #D15A5A);
      border-radius: 20px;
      z-index: -1;
    }
    .problems-block .problem-right {
      padding-left: 0;
      display: flex;
      justify-content: flex-end;
      align-self: flex-end;
      max-width: 85%;
    }
    .problems-block .solution-card {
      width: 100%;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .problems-block .problem-row:not(:last-child) {
      margin-bottom: 32px;
    }
    .problems-block .problem-row {
      gap: 20px;
    }
    .problems-block .problem-title,
    .problems-block .solution-title {
      font-size: 16px;
    }
    .problems-block .problem-subtitle,
    .problems-block .solution-subtitle {
      font-size: 14px;
    }
    .problems-block .solution-icon {
      height: 24px;
    }
    .problems-block .solution-card,
    .problems-block .problem-left {
      padding: 16px;
    }
    .problems-block .problem-left {
      max-width: 90%;
    }
    .problems-block .problem-right {
      max-width: 90%;
    }
  }

/* === Тарифы: сравнение — tilda-compare-table-014 === */
/* Все стили обёрнуты в уникальный ID */
  .compare-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .compare-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .compare-block .table-wrapper {
    width: 100%;
    max-width: 1160px;
    border-radius: 20px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    overflow: hidden;
  }

  .compare-block .compare-table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    border-radius: 20px;
    background-color: #FFFFFF;
    table-layout: fixed;
  }

  /* Заголовки таблицы */
  .compare-block .compare-table thead th {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: white;
    background-color: #393939;
    padding: 22px 16px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1.3;
  }

  .compare-block .compare-table thead th:last-child {
    border-right: none;
  }

  /* Заголовок первой колонки */
  .compare-block .compare-table thead th:first-child {
    text-align: left;
    padding-left: 24px;
    width: 28%;
  }

  /* Колонки тарифов - одинаковой ширины */
  .compare-block .compare-table thead th:not(:first-child) {
    width: 24%;
  }

  /* Колонка "Комплексный сервис" - красный градиент */
  .compare-block .compare-table thead th.highlight-col {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
  }

  /* Ячейки */
  .compare-block .compare-table tbody td {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    color: #393939;
    opacity: 0.8;
    padding: 18px 16px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(57, 57, 57, 0.08);
    line-height: 1.4;
    word-wrap: break-word;
  }

  /* Первая колонка - название услуги */
  .compare-block .compare-table tbody td:first-child {
    text-align: left;
    padding-left: 24px;
    font-weight: 400 !important;
    opacity: 1;
    color: #393939;
  }

  /* Иконки в ячейках */
  .compare-block .compare-table tbody td .check-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
  }

  /* Последняя строка - стоимость */
  .compare-block .compare-table tbody tr:last-child td {
    font-weight: 600 !important;
    opacity: 1;
    color: #393939;
    padding: 22px 16px;
    border-bottom: none;
  }

  .compare-block .compare-table tbody tr:last-child td:first-child {
    font-weight: 600 !important;
    padding-left: 24px;
  }

  /* Ячейка стоимости "Комплексный сервис" - красный градиент */
  .compare-block .compare-table tbody tr:last-child td.price-highlight {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    color: white;
    font-weight: 600 !important;
    opacity: 1;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .compare-block .compare-table {
      table-layout: auto;
    }
    .compare-block .compare-table thead th {
      font-size: 13px;
      padding: 12px 6px;
    }
    .compare-block .compare-table tbody td {
      font-size: 12px;
      padding: 10px 6px;
    }
    .compare-block .compare-table thead th:first-child {
      padding-left: 10px;
      width: auto;
    }
    .compare-block .compare-table thead th:not(:first-child) {
      width: auto;
    }
    .compare-block .compare-table tbody td .check-icon {
      width: 14px;
      height: 14px;
    }
  }

  /* Мобильная версия - карточки вместо таблицы */
  @media (max-width: 640px) {
    
    .compare-block .table-wrapper {
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      overflow: visible;
    }

    .compare-block .compare-table {
      border: none;
      display: flex;
      flex-direction: column;
      gap: 16px;
      background: transparent;
    }

    .compare-block .compare-table thead {
      display: none;
    }

    .compare-block .compare-table tbody {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .compare-block .compare-table tbody tr {
      display: flex;
      flex-direction: column;
      background: #FFFFFF;
      border-radius: 16px;
      border: 2px solid rgba(57, 57, 57);
      overflow: hidden;
      box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    }

    .compare-block .compare-table tbody td {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 16px;
      font-size: 14px;
      border-bottom: 1px solid rgba(57, 57, 57, 0.06);
      text-align: right;
    }

    .compare-block .compare-table tbody td:first-child {
      background-color: #393939;
      color: white;
      font-weight: 600 !important;
      font-size: 16px;
      opacity: 1;
      justify-content: center;
      text-align: center;
      padding: 14px 16px;
    }

    .compare-block .compare-table tbody td::before {
      content: attr(data-label);
      font-weight: 400;
      color: #393939;
      opacity: 0.7;
      font-size: 12px;
      text-align: left;
      flex-shrink: 0;
      margin-right: 8px;
    }

    .compare-block .compare-table tbody td:first-child::before {
      display: none;
    }

    .compare-block .compare-table tbody td .check-icon {
      width: 18px;
      height: 18px;
    }

    /* Строка стоимости */
    .compare-block .compare-table tbody tr:last-child td {
      font-weight: 600 !important;
      font-size: 15px;
    }

    .compare-block .compare-table tbody tr:last-child td:first-child {
      background-color: #393939;
      color: white;
      font-weight: 600 !important;
    }

    .compare-block .compare-table tbody tr:last-child td.price-highlight {
      background: linear-gradient(-71deg, #9F0208, #D15A5A);
      color: white;
    }
  }

/* === Тарифы: плашка-призыв — tilda-cta-banner-015 === */
/* Все стили обёрнуты в уникальный ID */
  .banner-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .banner-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .banner-block .banner-container {
    width: 100%;
    max-width: 1160px;
    background: linear-gradient(to right, rgba(255, 225, 40, 0.2) 0%, rgba(255, 225, 40, 0) 100%);
    border: 1px solid rgba(255, 225, 40, 0.4);
    border-radius: 20px;
    padding: 24px 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания */
  .banner-block .banner-container:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(255, 185, 0, 0.2);
    border-color: rgba(255, 185, 0, 0.7);
  }

  /* Левая часть */
  .banner-block .banner-left {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 250px;
  }

  .banner-block .banner-title {
    font-family: 'Unbounded', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    max-width: 100%;
  }

  .banner-block .banner-subtitle {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
    max-width: 100%;
  }

  /* Кнопка */
  .banner-block .banner-button {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: rgba(57, 57, 57, 0.8);
    background: none;
    border: 2px solid rgba(57, 57, 57, 0.8);
    border-radius: 8px;
    padding: 12px 28px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    flex-shrink: 0;
  }

  .banner-block .banner-button:hover {
    background-color: #393939;
    color: white;
    border-color: #393939;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная и мобильная версия */
  @media (max-width: 960px) {
    .banner-block .banner-container {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px;
    }
    .banner-block .banner-button {
      align-self: stretch;
      text-align: center;
    }
  }

  @media (max-width: 640px) {
    .banner-block .banner-container {
      padding: 16px 18px;
    }
    .banner-block .banner-title {
      font-size: 16px;
    }
    .banner-block .banner-subtitle {
      font-size: 14px;
    }
    .banner-block .banner-button {
      font-size: 14px;
      padding: 10px 20px;
    }
  }

  @media (max-width: 480px) {
    .banner-block .banner-container {
      border-radius: 16px;
      padding: 14px;
    }
  }

/* === Тарифы: вопросы и ответы — tilda-faq-block-016 === */
/* Все стили обёрнуты в уникальный ID */
  .faq-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .faq-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .faq-block .faq-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1160px;
    gap: 12px;
  }

  /* Карточка вопроса */
  .faq-block .faq-item {
    background-color: #F9F9F9;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
  }

  /* Анимация приподнимания при наведении */
  .faq-block .faq-item:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Заголовок вопроса */
  .faq-block .faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 24px;
    gap: 24px;
    user-select: none;
    min-height: 80px;
  }

  .faq-block .faq-question {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    transition: all 0.4s ease;
    flex: 1;
  }

  /* Активный вопрос - красный градиент */
  .faq-block .faq-item.active .faq-question {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  /* Стрелочка */
  .faq-block .faq-arrow {
    width: auto;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.3s ease;
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(22%) contrast(90%);
  }

  /* Активная стрелочка - поворот и красный градиент */
  .faq-block .faq-item.active .faq-arrow {
    transform: rotate(45deg);
    filter: brightness(0) saturate(100%) invert(15%) sepia(89%) saturate(4012%) hue-rotate(355deg) brightness(85%) contrast(95%);
  }

  /* Тело ответа */
  .faq-block .faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
    opacity: 0;
  }

  .faq-block .faq-item.active .faq-body {
    max-height: 800px;
    opacity: 1;
  }

  .faq-block .faq-answer {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.5;
    color: #393939;
    opacity: 0;
    transform: translateY(-6px);
    padding: 0 24px 28px 24px;
    transition: opacity 0.35s ease 0.08s, transform 0.35s ease 0.08s;
  }

  .faq-block .faq-item.active .faq-answer {
    opacity: 0.8;
    transform: translateY(0);
  }

  /* ДОПИСАНО НАМИ, не из эталона (задача РП rp-0110-wp-faq-details-fix, 01.10).
   * У эталона раскрытие переключает класс `.active`, который ставит JS-аккордеон.
   * В клоне аккордеон сделан на `<details>` (работает без JS и доступен с
   * клавиатуры), поэтому состояние «раскрыт» приходит атрибутом `[open]`,
   * а `.active` не появляется никогда — и ответы оставались скрытыми
   * (`max-height: 0; opacity: 0`). Ниже те же значения, что у `.active`,
   * продублированы на `[open]`; `.active` оставлен для обратной совместимости
   * (если аккордеон когда-нибудь вернётся на класс). Специфичность у `[open]`
   * и `.active` одинаковая (0,4,0), правила `[open]` идут ниже — при
   * одновременном совпадении побеждают они, значения при этом те же. */
  .faq-block .faq-item[open] .faq-body {
    max-height: 800px;
    opacity: 1;
  }

  .faq-block .faq-item[open] .faq-answer {
    opacity: 0.8;
    transform: translateY(0);
  }

  .faq-block .faq-item[open] .faq-question {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .faq-block .faq-item[open] .faq-arrow {
    transform: rotate(45deg);
    filter: brightness(0) saturate(100%) invert(15%) sepia(89%) saturate(4012%) hue-rotate(355deg) brightness(85%) contrast(95%);
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная и мобильная версия */
  @media (max-width: 960px) {
    .faq-block .faq-container {
      gap: 10px;
    }
    .faq-block .faq-header {
      padding: 20px 18px;
      min-height: 68px;
    }
    .faq-block .faq-answer {
      padding: 0 18px 22px 18px;
    }
    .faq-block .faq-question {
      font-size: 16px;
    }
    .faq-block .faq-answer {
      font-size: 14px;
    }
  }

  @media (max-width: 640px) {
    .faq-block .faq-container {
      gap: 8px;
    }
    .faq-block .faq-header {
      padding: 16px 16px;
      min-height: 60px;
    }
    .faq-block .faq-answer {
      padding: 0 16px 18px 16px;
    }
    .faq-block .faq-arrow {
      height: 14px;
    }
  }

  @media (max-width: 480px) {
    .faq-block .faq-item {
      border-radius: 16px;
    }
    .faq-block .faq-question {
      font-size: 15px;
    }
    .faq-block .faq-answer {
      font-size: 13px;
    }
  }

/* === Ползунок калькулятора — tilda-range-1.0 === */
.t-range__wrapper {
  font-size:0;
  padding-top:36px;
  position:relative;
}
.t-range {
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
  height:20px;
  margin:0;
  outline:none;
  padding:0;
  width:100%;
}
.t-range::-webkit-slider-runnable-track {
  -webkit-appearance:none;
  border:none;
  height:2px;
}
.t-range::-moz-range-track {
  -webkit-appearance:none;
  border:none;
  height:2px;
}
.t-range::-ms-track {
  background:transparent;
  border-color:transparent;
  border-width:8px 0;
  color:transparent;
  height:2px;
}
.t-range::-webkit-slider-thumb {
  -webkit-appearance:none;
  background:#000;
  border:none;
  border-radius:50%;
  height:20px;
  margin-top:-9px;
  width:20px;
}
.t-range::-moz-range-thumb {
  -webkit-appearance:none;
  background:#000;
  border:none;
  border-radius:50%;
  height:20px;
  margin-top:-9px;
  width:20px;
}
.t-range::-ms-thumb {
  background:#000;
  border:none;
  border-radius:50%;
  height:20px;
  margin-top:0;
  width:20px;
}
.t-range::-moz-focus-outer {
  border:0;
}
.t-range::-ms-tooltip {
  display:none;
}
.t-range__value-txt {
  background-color:#fff;
  border-radius:3px;
  box-shadow:0 1px 8px 0 rgba(0,0,0,.2);
  font-size:14px;
  line-height:1;
  min-width:20px;
  padding:8px 10px;
  position:absolute;
  text-align:center;
  top:0;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}
.t-range__interval-txt-wrapper {
  font-size:0;
  padding-top:10px;
}
.t-range__interval-txt {
  display:inline-block;
  width:50%;
}
.t-range__interval-txt_min {
  text-align:left;
}
.t-range__interval-txt_max {
  text-align:right;
}
@media screen and (max-width:1200px) {
  .t-range__value-txt {
    font-size:12px;
  }
}
@media screen and (max-width:960px) {
  .t-range::-webkit-slider-thumb {
    height:26px;
    margin-top:-12px;
    width:26px;
  }
  .t-range::-moz-range-thumb {
    height:26px;
    width:26px;
  }
}

/* ------------------------------------------------------------------------
   ДОПИСАНО НАМИ, не из эталона.
   Ползунок Тильды рисуется браузером, а брендовые цвета и положение плашки
   со значением у эталона задавались скриптом и разметкой. Здесь то, чего в
   присланном листе нет, но без чего блок не совпадёт с эталоном:

   1. Бегунок чёрный в листе (`background:#000`), на эталоне он красный —
      цвет приходит из параметра блока (`data-range-color="#9f0208"`), но
      самой краски в листе нет: Тильда кладёт её инлайном. Ставим здесь.
   2. Плашка со значением у эталона едет за бегунком: Тильда считает ей
      `left` скриптом. У нас `left` собирается в CSS из доли `--calc-ratio`,
      которую выставляет наш скрипт, и радиуса бегунка `--calc-thumb` —
      так размер бегунка описан в одном месте рядом со своими размерами
      (20px → радиус 10, в мобильной медиа 26px → 13). Иначе плашка на
      первом значении уезжает влево за край поля, потому что стоит от
      центра бегунка, а не от его края.
   3. Типографика плашки и подписей min/max: в листе у обёртки `font-size:0`
      (гасит наследование), а у подписей размер не задан вовсе — на эталоне
      они выводятся классом `t-descr_xxs` (Arial 14px/1.55, #616161, вес 300),
      и без этого они бы отрисовались нулевыми и секция была бы ниже эталона.
      Вес задаём явно: на эталоне он приходит от базовой типографики Тильды,
      у нас из body наследуется 400.
   4. `box-sizing:content-box` у плашки: у Тильды размер считается по модели
      content-box, поэтому `min-width:20px` из листа задаёт минимум ТЕКСТУ, и
      плашка с одним знаком выходит 40px (20 текста + 20 паддинга). У нас в
      main.css глобальный `border-box` — с ним те же `min-width:20px` давали
      коробку 35.58px, и плашка стояла на 2.2px правее эталонной.
   ------------------------------------------------------------------------ */
.t-range__wrapper {
  --calc-thumb:10px;
}
.t-range::-webkit-slider-thumb {
  background:#9f0208;
}
.t-range::-moz-range-thumb {
  background:#9f0208;
}
.t-range::-ms-thumb {
  background:#9f0208;
}
.t-range__value-txt {
  box-sizing:content-box;
  color:#000;
  font-family:Arial,sans-serif;
  font-weight:300;
  left:calc(var(--calc-thumb, 10px) + var(--calc-ratio, 0) * (100% - 2 * var(--calc-thumb, 10px)));
}
.t-range__interval-txt {
  color:#616161;
  font-family:Arial,sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.55;
}
@media screen and (max-width:960px) {
  .t-range__wrapper {
    --calc-thumb:13px;
  }
}

/* === Контакты: способы связи — tilda-contacts-block-017 === */
/* Все стили обёрнуты в уникальный ID */
  .contacts-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .contacts-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .contacts-block .contacts-grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
  }

  .contacts-block .contacts-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
  }

  /* Карточка контакта */
  .contacts-block .contact-card {
    flex: 1 1 calc(33.333% - 11px);
    min-width: 280px;
    min-height: 260px;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    text-decoration: none;
  }

  /* Анимация приподнимания */
  .contacts-block .contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Первая карточка - красный градиент */
  .contacts-block .contact-card.gradient-card {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
  }

  .contacts-block .contact-card.gradient-card:hover {
    box-shadow: 0px 6px 12px rgba(159, 2, 8, 0.3);
  }

  /* Иконка */
  .contacts-block .contact-icon {
    width: auto;
    height: 24px;
    object-fit: contain;
    align-self: flex-start;
    margin-bottom: 12px;
  }

  /* Красный градиент для иконок в обычных карточках */
  .contacts-block .contact-card:not(.gradient-card) .contact-icon {
    filter: brightness(0) saturate(100%) invert(15%) sepia(89%) saturate(4012%) hue-rotate(355deg) brightness(85%) contrast(95%);
  }

  /* Белая иконка для градиентной карточки */
  .contacts-block .contact-card.gradient-card .contact-icon {
    filter: brightness(0) invert(1);
  }

  /* Верхняя часть карточки */
  .contacts-block .contact-top {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* Заголовок (название канала) */
  .contacts-block .contact-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    margin-bottom: 4px;
  }

  /* Белый заголовок для градиентной карточки */
  .contacts-block .contact-card.gradient-card .contact-title {
    color: white;
  }

  /* Подзаголовок 1 */
  .contacts-block .contact-label {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.3;
    color: #393939;
    opacity: 0.8;
  }

  /* Белый подзаголовок для градиентной карточки */
  .contacts-block .contact-card.gradient-card .contact-label {
    color: white;
    opacity: 0.9;
  }

  /* Нижняя часть карточки - прижата к низу */
  .contacts-block .contact-bottom {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
  }

  /* Контактные данные (крупный текст) */
  .contacts-block .contact-value {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 22px;
    line-height: 1.4;
    color: #393939;
    word-break: break-word;
  }

  /* Белый контакт для градиентной карточки */
  .contacts-block .contact-card.gradient-card .contact-value {
    color: white;
  }

  /* Подзаголовок 2 (снизу) */
  .contacts-block .contact-note {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.3;
    color: #393939;
    opacity: 0.5;
  }

  /* Белый подзаголовок 2 для градиентной карточки */
  .contacts-block .contact-card.gradient-card .contact-note {
    color: white;
    opacity: 0.7;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия: 2 карточки в ряд */
  @media (max-width: 960px) {
    .contacts-block .contact-card {
      flex: 1 1 calc(50% - 8px);
      min-width: 240px;
      min-height: 240px;
    }
  }

  /* Мобильная версия: 1 карточка в ряд */
  @media (max-width: 640px) {
    .contacts-block .contact-card {
      flex: 1 1 100%;
      min-width: 100%;
      min-height: auto;
      padding: 18px;
    }
    .contacts-block .contact-title {
      font-size: 16px;
    }
    .contacts-block .contact-label {
      font-size: 14px;
    }
    .contacts-block .contact-value {
      font-size: 18px;
    }
    .contacts-block .contact-note {
      font-size: 14px;
    }
  }

  @media (max-width: 480px) {
    .contacts-block .contact-card {
      padding: 14px;
      border-radius: 16px;
    }
    .contacts-block .contact-icon {
      height: 24px;
    }
  }

/* === Контакты: карточки офиса — tilda-info-cards-018 === */
/* Все стили обёрнуты в уникальный ID */
  .info-cards-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .info-cards-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .info-cards-block .cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
  }

  /* Карточка */
  .info-cards-block .info-card {
    flex: 1 1 calc(33.333% - 11px);
    min-width: 240px;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания */
  .info-cards-block .info-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Иконка */
  .info-cards-block .info-icon {
    width: auto;
    height: 24px;
    object-fit: contain;
    align-self: flex-start;
    margin-bottom: 16px;
  }

  /* Заголовок */
  .info-cards-block .info-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    margin-bottom: 4px;
  }

  /* Подзаголовок */
  .info-cards-block .info-subtitle {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.3;
    color: #393939;
    opacity: 0.8;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .info-cards-block .info-card {
      flex: 1 1 calc(50% - 8px);
      min-width: 220px;
    }
  }

  /* Мобильная версия: 1 карточка в ряд */
  @media (max-width: 640px) {
    .info-cards-block .info-card {
      flex: 1 1 100%;
      min-width: 100%;
      padding: 18px;
    }
    .info-cards-block .info-title {
      font-size: 16px;
    }
    .info-cards-block .info-subtitle {
      font-size: 14px;
    }
  }

  @media (max-width: 480px) {
    .info-cards-block .info-card {
      padding: 14px;
      border-radius: 16px;
    }
    .info-cards-block .info-icon {
      height: 20px;
    }
  }

/* === Почему мы: цифры — tilda-values-block-009 === */
/* Все стили обёрнуты в уникальный ID */
  .values-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .values-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .values-block .values-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
    align-items: stretch;
  }

  /* Базовые стили карточки */
  .values-block .value-card {
    position: relative;
    border-radius: 20px;
    background-color: #F9F9F9;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 1 calc(25% - 12px);
    min-height: 280px;
    min-width: 240px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    cursor: default;
  }

  /* Анимация приподнимания */
  .values-block .value-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Вторая карточка с красным градиентом */
  .values-block .value-card.gradient-bg {
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
  }

  .values-block .value-card.gradient-bg:hover {
    box-shadow: 0px 6px 12px rgba(159, 2, 8, 0.3);
  }

  /* Иконка */
  .values-block .value-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: auto;
  }

  .values-block .value-icon-img {
    height: 30px;
    width: auto;
    object-fit: contain;
  }

  /* Нижняя часть карточки */
  .values-block .value-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    margin-top: auto;
  }

  /* Надпись (число) */
  .values-block .value-number {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 32px;
    line-height: 1.1;
    margin: 0 0 4px 0;
    max-width: 100%;
    word-break: break-word;
  }

  /* Цвет числа для обычных карточек */
  .values-block .value-card:not(.gradient-bg) .value-number {
    color: #393939;
  }

  /* Цвет числа для градиентной карточки */
  .values-block .value-card.gradient-bg .value-number {
    color: white;
  }

  /* Описание */
  .values-block .value-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    max-width: 100%;
    min-height: 45px;
    display: flex;
    align-items: flex-end;
  }

  /* Цвет описания для обычных карточек */
  .values-block .value-card:not(.gradient-bg) .value-description {
    color: #393939;
    opacity: 0.8;
  }

  /* Цвет описания для градиентной карточки */
  .values-block .value-card.gradient-bg .value-description {
    color: white;
    opacity: 0.9;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия: 2 карточки в ряд */
  @media (max-width: 960px) {
    .values-block .value-card {
      flex: 1 1 calc(50% - 8px);
      min-height: 260px;
      min-width: 220px;
    }
  }

  /* Мобильная версия: 1 карточка в ряд */
  @media (max-width: 640px) {
    .values-block .value-card {
      flex: 1 1 100%;
      min-height: 220px;
      min-width: 100%;
    }
    .values-block .value-number {
      font-size: 28px;
    }
    .values-block .value-description {
      font-size: 14px;
      min-height: auto;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .values-block .value-card {
      padding: 18px;
      min-height: 200px;
    }
    .values-block .value-number {
      font-size: 24px;
    }
  }

  @media (max-width: 320px) {
    .values-block .value-card {
      padding: 14px;
      min-height: 180px;
      border-radius: 16px;
    }
    .values-block .value-number {
      font-size: 22px;
    }
    .values-block .value-description {
      font-size: 12px;
    }
  }

/* === Почему мы: ниши — tilda-niches-block-010 === */
/* Все стили обёрнуты в уникальный ID */
  .niches-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Geologica', sans-serif;
  }

  .niches-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .niches-block .niches-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1160px;
    gap: 15px;
    align-items: flex-end;
    justify-content: center;
  }

  /* Базовые стили карточки */
  .niches-block .niche-card {
    position: relative;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    flex: 1 1 calc(25% - 12px);
    min-width: 240px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    cursor: pointer;
  }

  /* Ссылка-обёртка на всю карточку */
  .niches-block .niche-card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    text-decoration: none;
    color: inherit;
    display: block;
  }

  /* Анимация приподнимания */
  .niches-block .niche-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Карточка 1 - самая высокая, снизу */
  .niches-block .niche-card:nth-child(1) {
    min-height: 340px;
    align-self: flex-end;
  }

  /* Карточка 2 - самая низкая, снизу */
  .niches-block .niche-card:nth-child(2) {
    min-height: 260px;
    align-self: flex-end;
  }

  /* Карточка 3 - выровнена по верху */
  .niches-block .niche-card:nth-child(3) {
    min-height: 280px;
    align-self: flex-start;
  }

  /* Карточка 4 - на уровне первой, снизу */
  .niches-block .niche-card:nth-child(4) {
    min-height: 320px;
    align-self: flex-end;
  }

  /* Полупрозрачный градиент внизу карточки */
  .niches-block .niche-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 80%, transparent 100%);
    border-radius: 0 0 20px 20px;
    z-index: 1;
    pointer-events: none;
  }

  /* Кружок со стрелкой в правом верхнем углу */
  .niches-block .niche-circle-arrow {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10; /* Поверх ссылки карточки */
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    text-decoration: none; /* Убираем подчёркивание */
  }

  .niches-block .niche-circle-arrow:hover {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    transform: scale(1.05);
  }

  .niches-block .niche-arrow-icon {
    width: 12px;
    height: 12px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
  }

  .niches-block .niche-circle-arrow:hover .niche-arrow-icon {
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(22%) contrast(90%);
  }

  /* Текст снизу */
  .niches-block .niche-label {
    position: relative;
    z-index: 2;
    font-family: 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px;
    color: white;
    line-height: 1.3;
    max-width: 100%;
    word-break: break-word;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .niches-block .niche-card {
      flex: 1 1 calc(50% - 8px);
      min-width: 220px;
    }
    .niches-block .niche-card:nth-child(1),
    .niches-block .niche-card:nth-child(2),
    .niches-block .niche-card:nth-child(3),
    .niches-block .niche-card:nth-child(4) {
      min-height: 340px;
      align-self: stretch;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .niches-block .niche-card {
      flex: 1 1 100%;
      min-width: 100%;
    }
    .niches-block .niche-card:nth-child(1),
    .niches-block .niche-card:nth-child(2),
    .niches-block .niche-card:nth-child(3),
    .niches-block .niche-card:nth-child(4) {
      min-height: 280px;
      align-self: stretch;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .niches-block .niche-card {
      padding: 16px;
    }
    .niches-block .niche-label {
      font-size: 16px;
    }
  }

  @media (max-width: 320px) {
    .niches-block .niche-card {
      padding: 12px;
      border-radius: 16px;
      min-height: 240px !important;
    }
  }

/* === Почему мы: гарантии — tilda-trust-block-011 === */
/* Все стили обёрнуты в уникальный ID */
  .trust-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .trust-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .trust-block .trust-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
    align-items: stretch;
  }

  /* Верхний ряд: 2 карточки */
  .trust-block .trust-top-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
  }

  /* Базовые стили карточки */
  .trust-block .trust-card {
    flex: 1 1 calc(50% - 8px);
    min-width: 300px;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания */
  .trust-block .trust-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Плашка */
  .trust-block .trust-badge {
    display: inline-block;
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px;
    color: #393939;
    background: none;
    border: 1px solid #393939;
    border-radius: 100px;
    padding: 4px 16px;
    white-space: nowrap;
    align-self: flex-start;
  }

  /* Заголовок */
  .trust-block .trust-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    max-width: 100%;
    word-break: break-word;
  }

  /* Описание */
  .trust-block .trust-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
    max-width: 100%;
    margin-bottom: 60px;
  }

  /* Чек-лист */
  .trust-block .trust-checklist {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
    padding-top: 4px;
  }

  .trust-block .trust-checklist-item {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .trust-block .trust-checklist-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .trust-block .trust-checklist-text {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
  }

  /* Нижняя карточка */
  .trust-block .trust-bottom-card {
    width: 100%;
    background: linear-gradient(to left, rgba(255, 225, 40, 0) 0%, rgba(255, 225, 40, 0.2) 100%);
    border: 1px solid rgba(255, 225, 40, 0.4);
    border-radius: 20px;
    padding: 20px 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания для нижней карточки */
  .trust-block .trust-bottom-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(255, 185, 0, 0.2);
    border-color: rgba(255, 185, 0, 0.7);
  }

  /* Левая часть нижней карточки */
  .trust-block .trust-bottom-left {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .trust-block .trust-bottom-icon {
    width: auto;
    height: 64px;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease, filter 0.3s ease;
  }

  /* Анимация иконки при наведении на нижнюю карточку */
  .trust-block .trust-bottom-card:hover .trust-bottom-icon {
    transform: scale(1.08);
    filter: brightness(1.05);
  }

  .trust-block .trust-bottom-text {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    color: #DDA97E;
    line-height: 1.3;
    transition: color 0.3s ease, text-shadow 0.3s ease;
  }

  /* Анимация текста при наведении на нижнюю карточку */
  .trust-block .trust-bottom-card:hover .trust-bottom-text {
    color: #C8946A;
    text-shadow: 0px 0px 8px rgba(221, 169, 126, 0.3);
  }

  /* Кнопка */
  .trust-block .trust-button {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    color: #DDA97E;
    background: none;
    border: 2px solid #DDA97E;
    border-radius: 8px;
    padding: 10px 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
  }

  .trust-block .trust-button:hover {
    background-color: #DDA97E;
    color: white;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .trust-block .trust-card {
      flex: 1 1 100%;
      min-width: 100%;
    }
    .trust-block .trust-bottom-card {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .trust-block .trust-card {
      padding: 18px;
    }
    .trust-block .trust-badge {
      font-size: 14px;
      padding: 3px 12px;
    }
    .trust-block .trust-title {
      font-size: 16px;
    }
    .trust-block .trust-description,
    .trust-block .trust-checklist-text {
      font-size: 14px;
    }
    .trust-block .trust-bottom-text {
      font-size: 16px;
    }
    .trust-block .trust-button {
      font-size: 16px;
      padding: 8px 18px;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .trust-block .trust-card {
      padding: 14px;
      border-radius: 16px;
    }
    .trust-block .trust-bottom-card {
      padding: 14px 16px;
      border-radius: 16px;
    }
    .trust-block .trust-button {
      width: 100%;
      text-align: center;
    }
  }

/* === Почему мы: сравнение — tilda-compare-block-012 === */
/* Все стили обёрнуты в уникальный ID */
  .compare-cards-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .compare-cards-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .compare-cards-block .compare-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1160px;
    gap: 20px;
    align-items: stretch;
  }

  /* Базовые стили карточки */
  .compare-cards-block .compare-card {
    flex: 1 1 calc(50% - 10px);
    min-width: 320px;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания */
  .compare-cards-block .compare-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Первая карточка - красная обводка */
  .compare-cards-block .compare-card.card-red {
    border: 1px solid #FEE2E2;
  }

  .compare-cards-block .compare-card.card-red:hover {
    border-color: #FECACA;
    box-shadow: 0px 6px 12px rgba(159, 2, 8, 0.1);
  }

  /* Вторая карточка - зелёная обводка */
  .compare-cards-block .compare-card.card-green {
    border: 1px solid #DCFCE7;
  }

  .compare-cards-block .compare-card.card-green:hover {
    border-color: #BBF7D0;
    box-shadow: 0px 6px 12px rgba(92, 152, 117, 0.1);
  }

  /* Верхняя часть: иконка + заголовок */
  .compare-cards-block .compare-header {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .compare-cards-block .compare-icon {
    width: auto;
    height: 30px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .compare-cards-block .compare-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    max-width: 100%;
    word-break: break-word;
  }

  /* Чек-лист */
  .compare-cards-block .compare-checklist {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 42px;
  }

  /* Элемент чек-листа */
  .compare-cards-block .compare-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  /* Заголовок элемента */
  .compare-cards-block .compare-item-header {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .compare-cards-block .compare-item-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .compare-cards-block .compare-item-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 1.3;
    color: #393939;
  }

  /* Описание элемента */
  .compare-cards-block .compare-item-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
    padding-left: 26px;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .compare-cards-block .compare-card {
      flex: 1 1 100%;
      min-width: 100%;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .compare-cards-block .compare-card {
      padding: 20px 18px;
    }
    .compare-cards-block .compare-title {
      font-size: 16px;
    }
    .compare-cards-block .compare-item-title {
      font-size: 14px;
    }
    .compare-cards-block .compare-item-description {
      font-size: 14px;
      padding-left: 22px;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .compare-cards-block .compare-card {
      padding: 16px 14px;
      border-radius: 16px;
    }
    .compare-cards-block .compare-icon {
      height: 24px;
    }
  }

/* === Почему мы: кейсы и отзывы — tilda-cases-reviews-block-013 === */
/* Все стили обёрнуты в уникальный ID */
  .cases-why-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Geologica', sans-serif;
  }

  .cases-why-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .cases-why-block .cr-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1160px;
    gap: 16px;
    align-items: stretch;
  }

  .cases-why-block .cr-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
    align-items: stretch;
  }

  /* ========== КАРТОЧКА КЕЙСА ========== */
  .cases-why-block .case-card {
    flex: 2;
    min-width: 350px;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания */
  .cases-why-block .case-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(115, 115, 115, 0.3);
  }

  /* Плашки сверху */
  .cases-why-block .case-badges {
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex-wrap: wrap;
  }

  .cases-why-block .case-badge {
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px;
    color: #393939;
    background: none;
    border: 1px solid #393939;
    border-radius: 100px;
    padding: 4px 14px;
    white-space: nowrap;
    transition: color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  }

  /* Анимация плашек при наведении на карточку */
  .cases-why-block .case-card:hover .case-badge {
    color: #9F0208;
    border-color: #D15A5A;
    box-shadow: 0px 0px 10px rgba(159, 2, 8, 0.25);
  }

  /* Заголовок */
  .cases-why-block .case-title {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.3;
    color: #393939;
    max-width: 100%;
    word-break: break-word;
  }

  /* Описание */
  .cases-why-block .case-description {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1.4;
    color: #393939;
    opacity: 0.8;
    max-width: 100%;
  }

  /* Кнопка "Читать историю" */
  .cases-why-block .case-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px;
    color: #393939;
    opacity: 0.8;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    border-radius: 100px;
    transition: opacity 0.3s ease;
    align-self: flex-end;
    flex-shrink: 0;
    white-space: nowrap;
  }

  /* Кнопка становится полностью непрозрачной при наведении на карточку */
  .cases-why-block .case-card:hover .case-read-more {
    opacity: 1;
  }

  .cases-why-block .case-read-more-icon {
    width: auto;
    height: 10px;
    object-fit: contain;
    transform: rotate(45deg);
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(22%) contrast(90%);
    opacity: 0.8;
    transition: opacity 0.3s ease;
  }

  /* Иконка тоже становится полностью непрозрачной */
  .cases-why-block .case-card:hover .case-read-more-icon {
    opacity: 1;
  }

  /* Блок Было/Стало */
  .cases-why-block .case-comparison {
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: 100%;
    margin-top: auto;
  }

  .cases-why-block .case-before,
  .cases-why-block .case-after {
    flex: 1;
    border-radius: 8px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cases-why-block .case-before {
    background-color: #FFFFFF;
  }

  .cases-why-block .case-after {
    background-color: #F1FCF5;
  }

  .cases-why-block .case-before-label {
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #393939;
    opacity: 0.8;
  }

  .cases-why-block .case-after-label {
    font-family: 'Involve', 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #5C9875;
  }

  .cases-why-block .case-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .cases-why-block .case-list li {
    position: relative;
    padding-left: 14px;
    line-height: 1.4;
  }

  .cases-why-block .case-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
  }

  .cases-why-block .case-before .case-list li {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    color: #393939;
  }

  .cases-why-block .case-before .case-list li::before {
    color: #393939;
    opacity: 0.6;
  }

  .cases-why-block .case-after .case-list li {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px;
    color: #284D3C;
  }

  .cases-why-block .case-after .case-list li::before {
    color: #284D3C;
  }

  /* ========== КАРТОЧКА ОТЗЫВА ========== */
  .cases-why-block .review-card {
    flex: 1;
    min-width: 280px;
    background: linear-gradient(-71deg, #9F0208, #D15A5A);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 2px 4px rgba(115, 115, 115, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
  }

  /* Анимация приподнимания */
  .cases-why-block .review-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(159, 2, 8, 0.3);
  }

  .cases-why-block .review-icon {
    width: auto;
    height: 22px;
    object-fit: contain;
    align-self: flex-start;
  }

  .cases-why-block .review-text {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 200 !important;
    font-size: 16px;
    line-height: 1.5;
    color: white;
  }

  .cases-why-block .review-author {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .cases-why-block .review-name {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    color: white;
    line-height: 1.3;
  }

  .cases-why-block .review-role {
    font-family: 'Geologica', sans-serif !important;
    font-weight: 200 !important;
    font-size: 18px;
    color: white;
    opacity: 0.8;
    line-height: 1.3;
  }

  /* ПК-версия: отступы 20px */
  

  /* Планшетная версия */
  @media (max-width: 960px) {
    .cases-why-block .cr-row {
      flex-direction: column;
    }
    .cases-why-block .case-card,
    .cases-why-block .review-card {
      flex: 1 1 100%;
      min-width: 100%;
    }
    .cases-why-block .case-comparison {
      flex-direction: column;
    }
  }

  /* Мобильная версия */
  @media (max-width: 640px) {
    .cases-why-block .case-card,
    .cases-why-block .review-card {
      padding: 18px;
    }
    .cases-why-block .case-badge {
      font-size: 14px;
      padding: 3px 10px;
    }
    .cases-why-block .case-title {
      font-size: 16px;
    }
    .cases-why-block .case-description {
      font-size: 14px;
    }
    .cases-why-block .case-before-label,
    .cases-why-block .case-after-label {
      font-size: 14px;
    }
    .cases-why-block .case-list li {
      font-size: 14px;
    }
    .cases-why-block .review-text {
      font-size: 16px;
    }
    .cases-why-block .review-name,
    .cases-why-block .review-role {
      font-size: 16px;
    }
    .cases-why-block .case-read-more {
      font-size: 13px;
    }
  }

  /* Маленькие мобильные */
  @media (max-width: 480px) {
    .cases-why-block .case-card,
    .cases-why-block .review-card {
      padding: 14px;
      border-radius: 16px;
    }
  }

/* === Почему мы: приложение (собрано по обмеру) — tilda-app-block-019 === */
/* ------------------------------------------------------------------
     Секция «Приложение» — «Ваша бухгалтерия в смартфоне» (/why).

     ЭТОТ БЛОК СОБРАН ПО ОБМЕРУ, А НЕ СНЯТ ИЗ ЭТАЛОНА ДОСЛОВНО.
     У остальных refblocks в шапке стоит «CSS скопирован дословно»; здесь это
     невозможно, и вот почему. На эталоне секция — не самописный HTML-блок
     Тильды (#tilda-*-block-NNN), а артборд T396: две машинные записи
     `rec2370240671` (шапка, артборд 145) и `rec2370242221` (блок, артборд 870).
     Разметку артборда Тильда расставляет абсолютными координатами и оживляет
     скриптом `t396_init` с ~20 КБ сгенерированного CSS — дословно такое не
     переносится (тот же случай, что первый экран и шапки разделов: они тоже
     переписаны по обмеру в `main.css` / `sections.css`).

     Поэтому CSS ниже написан нами, но каждая цифра — с обмера эталона
     (Playwright, ширина 1440, 14.09.2026). Контейнер считается от x=140,
     ширина 1160 — как у остальных записей /why.

     Замер (запись `rec2370242221`, верх артборда y=4479):
       баннер `Group_85_2.png.webp`   1160×487  x=140  +14      → наш `.app-banner`
       видео (постер + play)           561×296  x=140  +561     → `.app-video`
       кнопка play (инлайн-SVG)         70×70   центр видео
       правый блок                     542×264  x=758  +577     → `.app-info`
         заголовок 38/46 Unbounded               x=759  +578   (поле 433)
         подпись   20/24 Geologica 300           x=759  +686   (поле 433)
         плашки магазинов 2×(267×64), зазор 8    x=758  +777
       артборд 870 при контенте 857 (низ видео) → 13px запаса автора
     Отсюда: `min-height: 870px` у контейнера — это не запас «на глаз», а
     авторская высота артборда (как высота карточки героя 639 или поля H2 138
     на «Тарифах»); контент в неё не дотягивает, и без неё секция укоротилась
     бы на 13px.

     Картинка `Group_86.png.webp` (465×412) в перенос НЕ входит: в DOM она
     лежит на y=3933, то есть выше своего артборда, и обрезана его
     `overflow: hidden` (проверено `g86.cjs` — родитель `.t396__artboard`).
     Это неиспользуемый остаток в записи, на экране его нет.

     Отступление от эталона (помечено здесь, чтобы гейт не принял за ошибку):
     у Тильды видео — ленивый iframe Rutube с её собственным скриптом. Скрипт
     эталона в тему не переносится (правило «без плагинов и без JS Тильды»),
     поэтому постер обёрнут в обычную ссылку на тот же ролик Rutube — тот же
     `data-rutubeid`, доступна с клавиатуры, работает без JS.
     ------------------------------------------------------------------ */

  .app-block {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Geologica', sans-serif;
  }

  .app-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .app-block .app-container {
    width: 100%;
    max-width: 1160px;
    /* Запас артборда: контент 857, авторская высота 870 (см. шапку файла). */
    min-height: 870px;
    /* Отступ баннера от верха записи: паддингом, а не полем — поле первого
       потомка схлопнулось бы наружу и уехало за контейнер. */
    padding-top: 14px;
  }

  .app-block .app-banner img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* Ряд «видео слева, текст справа»: 561 + 57 + 542 = 1160. */
  .app-block .app-row {
    display: flex;
    align-items: flex-start;
    gap: 57px;
    margin-top: 60px;
  }

  /* Видео: постер 561×296, кнопка play по центру. */
  .app-block .app-video {
    position: relative;
    display: block;
    flex: 0 0 561px;
    width: 561px;
    height: 296px;
    overflow: hidden;
    text-decoration: none;
  }

  .app-block .app-video-poster {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .app-block .app-video-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .app-block .app-video-play svg {
    display: block;
    width: 70px;
    height: 70px;
    transition: transform 0.3s ease;
  }

  .app-block .app-video:hover .app-video-play svg {
    transform: scale(1.06);
  }

  /* Правый блок: 542 от x=758, начинается на 16px ниже видео. */
  .app-block .app-info {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 542px;
    padding-top: 16px;
  }

  .app-block .app-info-title {
    font-family: 'Unbounded', 'Geologica', sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    color: #393939;
    max-width: 433px;
  }

  .app-block .app-info-lead {
    margin-top: 16px;
    font-family: 'Geologica', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #393939;
    max-width: 433px;
  }

  /* Плашки магазинов: 2×267 + зазор 8 = 542 (ровно ширина колонки). */
  .app-block .app-badges {
    display: flex;
    gap: 8px;
    margin-top: 43px;
  }

  .app-block .app-badge {
    display: block;
    width: 267px;
    height: 64px;
    transition: opacity 0.3s ease;
  }

  .app-block .app-badges a:hover .app-badge {
    opacity: 0.85;
  }

  /* --- Адаптив: свой, мобильную вёрстку Тильды не копируем (решение Павла).
         Ряд разворачивается в колонку, видео тянется по ширине. --- */
  @media (max-width: 1200px) {
    .app-block .app-container {
      min-height: 0;
      padding-top: 0;
    }
    .app-block .app-row {
      gap: 40px;
      margin-top: 40px;
    }
    .app-block .app-video {
      flex: 0 0 48%;
      width: 48%;
      height: auto;
      aspect-ratio: 561 / 296;
    }
    .app-block .app-info-title {
      font-size: 30px;
      line-height: 38px;
    }
  }

  @media (max-width: 980px) {
    .app-block .app-row {
      flex-direction: column;
      gap: 32px;
    }
    .app-block .app-video {
      flex: 0 0 auto;
      width: 100%;
      max-width: 561px;
    }
    .app-block .app-info {
      padding-top: 0;
      max-width: none;
    }
    .app-block .app-info-title,
    .app-block .app-info-lead {
      max-width: 444px;
    }
  }

  @media (max-width: 640px) {
    .app-block .app-video {
      max-width: none;
    }
    .app-block .app-info-title {
      font-size: 24px;
      line-height: 31px;
    }
    .app-block .app-info-lead {
      font-size: 18px;
      line-height: 22px;
    }
    .app-block .app-badges {
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 28px;
    }
    /* Плашки магазинов встают по ширине экрана: две в ряд на телефоне не
       помещаются (267+8+267 = 542 при 375 ширины экрана). */
    .app-block .app-badge {
      width: auto;
      max-width: 100%;
      height: 56px;
    }
  }