/* * ПОЛНЫЙ ОБНОВЛЕННЫЙ CSS-БЛОК ДЛЯ ЗАМЕНЫ В НАСТРОЙКАХ САЙТА
 * Из этого блока полностью УДАЛЕН агрессивный обнуляющий селектор (* { border-radius: 0 }), 
 * который срезал углы у неактивной кнопки. Теперь левые и правые внешние края зафиксированы.
 */

/* Фиксируем левое скругление для первой вкладки (Business) в любом состоянии (активна/неактивна) */
#allrecords .t1281__wrapper .t1281__item:first-child,
#allrecords .t1281__wrapper .t1281__item:first-child .t1281__title,
#allrecords .t1281__wrapper .t1281__item:first-child .t1281__title-text {
    border-radius: 12px 0 0 12px !important;
}

/* Фиксируем правое скругление для последней вкладки (Editorial) в любом состоянии (активна/неактивна) */
#allrecords .t1281__wrapper .t1281__item:last-child,
#allrecords .t1281__wrapper .t1281__item:last-child .t1281__title,
#allrecords .t1281__wrapper .t1281__item:last-child .t1281__title-text {
    border-radius: 0 12px 12px 0 !important;
}

/* Обнуляем только внутренние стыки посредине плашки, чтобы они не закруглялись */
#allrecords .t1281__wrapper .t1281__item:first-child .t1281__title::after,
#allrecords .t1281__wrapper .t1281__item:last-child .t1281__title::after {
    border-radius: 0 !important;
}


/* ==========================================================================
   ОСНОВНЫЕ СТИЛИ (ДЛЯ ВСЕХ РАЗРЕШЕНИЙ)
   ========================================================================== */

/* Изменение фонового цвета контентного блока в Т599 (Тарифы) на линейный градиент */
.t599__content {
    background: linear-gradient(180deg, #256EFF 0%, #46237A 100%);
}

/* Принудительное увеличение размера шрифта до 18px для кнопок отправки форм в блоках Т400, Т393 (размер XL) и стандартных кнопках */
.t400__submit, 
.t-submit, 
.t393__submit_size_xl {
    font-size: 18px !important;
}

/* Установка фиксированной ширины в 25px для иконок соцсетей в состоянии загрузки */
img.nsocicon.t-img.loading {
    width: 25px;
}

/* Переопределение вертикального выравнивания элементов с модификатором t-valign_middle на верхний край */
.t-valign_middle {
    vertical-align: top;
}

/* Увеличение верхнего отступа до 30px для контейнера кнопки в блоке Т165 */
.t165__btn-wrapper {
    padding-top: 30px;
}

/* Установка скругления углов (15px) для главного контейнера квиза Т835 в режиме превью при активной анимации */
.t835__quiz.t835__quiz_inner-space.t835__quiz-preview.t-animate.t-animate_started {
    border-radius: 15px;
}

/* Скругление только верхних углов (15px) для плашки описания/шапки квиза в блоке Т835 */
.t835__quiz-description-wrapper {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Установка белого цвета текста для счетчика шагов/вопросов внутри квиза Т835 */
.t835__quiz-description-counter {
    color: white;
}


/* ==========================================================================
   АДАПТИВНАЯ ВЕРСТКА (ЭКРАНЫ ДО 640px)
   ========================================================================== */
@media screen and (max-width: 640px) {
    
    /* Уменьшение внутренних боковых отступов кнопки в блоке Т599 до 20px для мобильных устройств */
    a.t599__btn.t-btn {
        padding-left: 20px !important; 
        padding-right: 20px !important;
    }

    /* Принудительное изменение размера шрифта заголовков среднего размера (модификатор t-name_md) до 18px */
    .t-name.t-name_md {
        font-size: 18px !important;
    }

    /* Увеличение межстрочного интервала до 1.6 для текста меню в блоке Т975 */
    .t975__menu-text {
        line-height: 1.6;
    }
        
    /* Настройка внутренних отступов (8px сверху/снизу, 10px слева/справа) для пунктов списка в меню Т975 */
    .t975__list-item {
        padding: 8px 10px 8px;
    }
        
    /* Установка размера шрифта 21px для крупных заголовков с классом .t-name_lg */
    .t-name_lg {
        font-size: 21px;
    }

    /* Коррекция типографики для мелких описаний: размер 16px, межстрочный интервал 1.55 */
    .t-descr_sm {
        font-size: 16px;
        line-height: 1.55;
    }

    /* Ограничение максимальной ширины обертки изображений в блоке Т845 до 70px */
    .t845__imgwrapper {
        max-width: 70px !important;
    }

    /* Растягивание текстового контейнера в блоке Т948 на полную ширину экрана */
    .t948__textwrapper {
        width: 100%;
    }

    /* Увеличение верхнего отступа до 50px для колонок в блоке Т845 для предотвращения слипания */
    .t845__col {
        margin-top: 50px;
    }

    /* Принудительное уменьшение экстра-маленьких заголовков (.t-title_xs) до 30px */
    .t-title_xs {
        font-size: 30px !important;
    }

    /* Исправлена ошибка исходного кода (добавлена точка класса): Изменение размера шрифта средних заголовков .t-heading_md до 28px */
    .t-heading_md {
        font-size: 28px !important;
    }

    /* Установка размера шрифта 16px для мелкого текста (.t-text_sm) */
    .t-text_sm {
        font-size: 16px;
    }

    /* Сброс внутренних отступов у элементов списков внутри описания карточек Т599 */
    .t599__descr li {
        padding: 0px;
    }

    /* Установка размера шрифта 16px для очень мелких описаний (.t-descr_xs) */
    .t-descr_xs {
        font-size: 16px;
    }

    /* Установка размера шрифта 14px для микро-описаний (.t-descr_xxs) */
    .t-descr_xxs {
        font-size: 14px;
    }

    /* Уменьшение размера шрифта внутри стандартных полей ввода форм (.t-input) до 14px */
    .t-input {
        font-size: 14px;
    }

    /* Увеличение размера шрифта до 16px для микро-описания, используемого конкретно в квизе Т835 */
    .t-descr.t-descr_xxs.t835__quiz-description {
        font-size: 16px;
    }

    /* Принудительное изменение размера шрифта номеров/шагов в блоке Т948 до 24px */
    .t948__number {
        font-size: 24px !important;
    }

    /* Дублирующий стиль для заголовков средней величины (установка размера шрифта 18px) */
    .t-name_md {
        font-size: 18px;
    }

    /* Переопределение вертикального выравнивания по верхнему краю для мобильной версии */
    .t-valign_middle {
        vertical-align: top;
    }

    /* Установка размера шрифта 16px для текстовых элементов с классом .t-text_xs */
    .t-text_xs {
        font-size: 16px;
    }
        
    /* Ограничение габаритов фонового изображения в блоке Т512 до 60x60px */
    .t512__bgimg {
        max-width: 60px;
        max-height: 60px;
    }
        
    /* Уменьшение диаметра кругов-индикаторов в блоке Т948 до 60px */
    .t948__circle {
        width: 60px;
        height: 60px;
    }

    /* Унификация размера шрифта (16px) для элементов управления квиза Т835 (радиокнопки, чекбоксы и подписи к фото-ответам) */
    .t835 .t-radio__control, 
    .t835 .t-checkbox__control, 
    .t835 .t-img-select__text {
        font-size: 16px;
    }

    /* Уменьшение размера шрифта на кнопках отправки форм до 16px для удобства нажатия на смартфонах */
    .t400__submit, 
    .t-submit, 
    .t393__submit_size_xl {
        font-size: 16px !important;
    }

    /* Сброс скругления углов основного контейнера квиза Т835 до 0px (на весь экран мобильного) */
    .t835__quiz.t835__quiz_inner-space.t835__quiz-preview.t-animate.t-animate_started {
        border-radius: 0px;
    }

    /* Сброс скругления верхних углов шапки квиза Т835 до 0px в мобильной версии */
    .t835__quiz-description-wrapper {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
}

/* ==========================================================================
   АДАПТИВНЫЙ CSS ДЛЯ МОДИФИКАЦИИ ИКОНКИ АККОРДЕОНА В БЛОКЕ T668
   Установка среднего размера иконки (28px) с жестким центрированием крестика
   и точным выравниванием по верхней границе первой строки текста.
   ========================================================================== */

/* Брейкпоинт Tilda: Планшеты и промежуточные экраны (от 960px и ниже) */
@media screen and (max-width: 960px) {

  /* Настройка внутренних отступов кнопки-триггера для контроля базовой линии */
  .t668__trigger-button {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 24px !important;
    /* Safe-area справа, исключающая наложение многострочного текста на окружность 28px */
    padding-right: 64px !important; 
  }

  /* Позиционирование контейнера иконки строго по верхней линии текстового блока */
  .t668__icon,
  .t668__icon-hover {
    /* Значение top полностью синхронизировано с padding-top кнопки для выравнивания по верху текста */
    top: 24px !important; 
    /* Полная отмена дефолтного центрирования Tilda по оси Y через transform */
    transform: none !important;
    /* Корректировка отступа от правого края контейнера */
    right: 24px !important;
    /* Средний выверенный размер контейнера (между исходными 32px и 24px) */
    width: 28px !important;
    height: 28px !important;
  }

  /* Стилизация круглой подложки под новый промежуточный габарит */
  .t668__circle {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    /* Гарантированное обеспечение нижнего слоя подложки относительно линий крестика */
    z-index: 1 !important;
  }

  /* Полный сброс дефотных инлайновых стилей и абсолютное центрирование контейнера линий */
  .t668__lines {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 2 !important;
    
    /* Флекс-контейнер для прецизионного удержания крестика по геометрическому центру */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Фиксация геометрии и масштаба SVG-элемента (плюса/минуса) во избежание сдвигов */
  .t668__lines svg {
    /* Пропорциональный размер внутренней иконки для окружности диаметром 28px */
    width: 14px !important; 
    height: 14px !important;
    /* Отмена абсолютного позиционирования скриптов Tilda, ломающего центровку */
    position: static !important; 
    transform: none !important;
    display: block !important;
  }

  /* Синхронизация внутренних отступов раскрывающегося контента аккордеона */
  .t668__content {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 24px !important;
  }
}

/* Брейкпоинт Tilda: Смартфоны (от 480px и ниже) */
@media screen and (max-width: 480px) {
  
  /* Адаптивное уменьшение вертикальных и горизонтальных отступов кнопки-триггера */
  .t668__trigger-button {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 16px !important;
    padding-right: 56px !important;
  }

  /* Корректировка вертикальной позиции верхней линии иконки вслед за изменением padding-top текста */
  .t668__icon,
  .t668__icon-hover {
    top: 20px !important; 
    right: 16px !important;
  }

  /* Адаптивные отступы раскрывающегося текстового блока */
  .t668__content {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 20px !important;
  }
}

/* --- ДЕСКТОП И НАСТОЛЬНЫЕ ЭКРАНЫ (Выравнивание по 12-колонной сетке Tilda) --- */
@media screen and (min-width: 1201px) {
    /* Сдвигаем контейнер табов к левой силовой линии стандартной сетки (1200px) внутри указанного блока */
    .uc-faqleft .t1281__slider.t1281__col {
        margin-left: calc((100% - 1200px) / 2 + 20px) !important;
        margin-right: auto !important;
        float: none !important;
    }
}

/* --- ПЛАНШЕТЫ И ПРОМЕЖУТОЧНЫЕ ЭКРАНЫ --- */
@media screen and (max-width: 1200px) and (min-width: 961px) {
    /* Фиксируем левый отступ по краю сетки для планшетных разрешений внутри указанного блока */
    .uc-faqleft .t1281__slider.t1281__col {
        margin-left: 20px !important;
        margin-right: auto !important;
    }
}

/* --- ОБЩЕЕ ВЫРАВНИВАНИЕ ДЛЯ ВЫБРАННОГО ФОРМАТА МЕНЮ («В ОДИН РЯД») --- */
/* Переопределяем центрирование элементов на выравнивание по левому краю строго в блоке .uc-faqleft */
.uc-faqleft .t1281__wrapper.t-align_center {
    text-align: left !important;
    display: flex !important;
    justify-content: flex-start !important;
}

/* Обнуляем системный отступ у первой вкладки для точного позиционирования по сетке */
.uc-faqleft .t1281__item:first-child {
    margin-left: 0 !important;
}

/* --- МОБИЛЬНЫЕ УСТРОЙСТВА (Сохранение нативного скролла в один ряд) --- */
@media screen and (max-width: 960px) {
    /* Разрешаем контейнеру занимать всю ширину экрана для корректной работы горизонтальной прокрутки табов */
    .uc-faqleft .t1281__slider.t1281__col {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}