/*Градиентный заголовок*/

    .t635__typing-text  {
        background: linear-gradient(to right, rgba(255,136,0,1) 0%, rgba(255,255,0,1) 100%); /* Градиент для текста */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


/*Градиентная заливка тарифов*/

    .t1070__content  {
        background: #ffcc33
    }


/* ГВ: база — межстрочное всего текста 1.3 */
.t-text_md {
    font-size: 16px;
    line-height: 1.3;
}


/* ГВ: БАЗА ПО УМОЛЧАНИЮ ДЛЯ ЛЮБЫХ СТАНДАРТНЫХ БЛОКОВ (Марина, 23.10.2026) — работает и для блоков,
   добавленных вручную без настроек: заголовки межстрочное 1, текст 1.3; картинки и карточки-плашки — скругление 10px
   (круглые картинки, полноэкранные обложки и Zero не затрагиваются) */

.t-rec .t-name,
.t-rec .t-heading,
.t-rec .t-title,
.t-rec .t-card__title {
    line-height: 1 !important;
}

.t-rec .t-text,
.t-rec .t-descr {
    line-height: 1.3 !important;
}

.t-rec .t-img:not([class*="circle"]),
.t-rec .t-bgimg:not([class*="circle"]):not(.t-cover__carrier) {
    border-radius: 10px;
}

.t-rec [class*="__card "],
.t-rec [class$="__card"] {
    border-radius: 10px;
}

/* ГВ: блок «две колонки с плашками и крупными тизерами» (tpl1186, библиотека «00-») —
   заголовок карточки с отступом сверху 10px; стрелки слайдера и значок «листайте» скрыты;
   пролистывание отключено: на компьютере карточки стоят в ряд, на мобильном — друг под другом */

.t1186__card_circle .t1186__title {
    padding-top: 10px;
}

.t1186__controls,
.t1186__scroll-icon-wrapper {
    display: none !important;
}

.t1186__slider {
    overflow: visible !important;
    scroll-snap-type: none !important;
    cursor: default !important;
}

@media screen and (max-width: 960px) {
    .t1186__slider {
        flex-direction: column;
    }

    .t1186__item,
    .t1186__item:not(:last-child) {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 20px 0 !important;
        box-sizing: border-box;
    }

    .t1186__item:last-child {
        margin-bottom: 0 !important;
    }
}

/* ГВ: tpl1186 с двумя карточками — ровно 12 колонок сетки (24.10.2026, сетка статьи 12/10; раньше 10 колонок):
   у стандартного блока слайдер шире сетки на 20px и сдвинут вправо; здесь контейнер 1160px (1201+) / 940px (961–1200)
   по центру, две карточки на всю ширину; пустую колонку стрелок убираем */

@media screen and (min-width: 961px) {
    .t1186__slider:has(> .t1186__item:nth-child(2)):not(:has(> .t1186__item:nth-child(3))) {
        width: 100%;
        max-width: 1160px;
        margin: 0 auto;
        padding: 0 !important;
    }

    .t1186__slider:has(> .t1186__item:nth-child(2)):not(:has(> .t1186__item:nth-child(3))) > .t1186__item {
        width: calc(50% - 40px) !important;
        max-width: none !important;
    }
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
    .t1186__slider:has(> .t1186__item:nth-child(2)):not(:has(> .t1186__item:nth-child(3))) {
        max-width: 940px;
    }

    .t1186__slider:has(> .t1186__item:nth-child(2)):not(:has(> .t1186__item:nth-child(3))) > .t1186__item {
        width: calc(50% - 20px) !important;
    }
}


/* ГВ: база для H1 по всему проекту (в т.ч. Zero и блоки с собственными стилями) — высота строки 0.8, межбуквенное -0.8px */

h1,
h1.t-title,
h1.tn-atom,
h1 .tn-atom {
    line-height: 0.8 !important;
    letter-spacing: -0.8px !important;
}


/* ГВ: заголовки H1, H2 и H3 — всегда самое жирное начертание */

h1,
h2,
h3,
h1 strong,
h2 strong,
h3 strong,
h1 b,
h2 b,
h3 b,
h1 .tn-atom,
h2 .tn-atom,
h3 .tn-atom {
    font-weight: 900 !important;
}


/* ГВ: единый размер H2 в статьях блога (Марина, 23.10.2026): на каждой ширине экрана все H2 одного размера —
   десктоп 36px, планшет (до 960px) 30px, телефон (до 480px) 26px, в любом блоке (текст, «Когда стоит…», FAQ и др.);
   Zero-заголовки (tn-atom) не затрагиваются. Действует на всех страницах блога (адрес blog/…). */

#allrecords[data-tilda-page-alias^="blog/"] .t-rec h2:not(.tn-atom) {
    font-size: 36px !important;
}

@media screen and (max-width: 960px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t-rec h2:not(.tn-atom) {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 480px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t-rec h2:not(.tn-atom) {
        font-size: 26px !important;
    }
}


/* ГВ: жёлтый градиентный маркер вместо зачёркивания (как на странице GEO).
   Поддерживает: <span style="text-decoration: line-through;">...</span> и ...</s>.
   Теперь действует по всему сайту, в том числе в заголовках аккордеонов и статьях. */

span[style*="line-through"],
s {
    text-decoration: none !important;

    background-image: linear-gradient(
        to bottom,
        transparent 58%,
        rgba(255, 224, 105, 0.25) 58%,
        rgba(255, 218, 75, 0.85) 68%,
        rgba(255, 211, 55, 0.95) 82%,
        rgba(255, 224, 105, 0.65) 96%,
        transparent 96%
    ) !important;

    background-repeat: no-repeat !important;

    padding-left: 0.04em;
    padding-right: 0.04em;
}


/* ГВ: ссылки внутри текста по всему сайту — цвет #875987
   (кнопки, меню и подвал не затрагиваются: правило только для ссылок внутри текстовых блоков) */

.t-text a:not(.t-btn):not([class*="btnflex"]),
.t-descr a:not(.t-btn),
.t-redactor__text a,
.t-redactor a,
.t-name a,
.t-uptitle a,
.tn-atom a,
#auto-article-toc a {
    color: #875987 !important;
}


/* ГВ: оглавление статьи — шрифт 18px на десктопе и планшете, 16px на телефоне (до 480px);
   пропорция та же, что у основного текста (20 → 18) (Марина, 24.10.2026) */

#auto-article-toc .auto-toc-list {
    font-size: 18px;
    line-height: 1.3;
}

@media screen and (max-width: 480px) {
    #auto-article-toc .auto-toc-list {
        font-size: 16px;
    }
}


/* ГВ: текст на кнопках по всему проекту — всегда капслок, на десктопе 16px
   (в Zero только настоящие кнопки-ссылки a.tn-atom: цифры-маркеры и прочие элементы не затрагиваются) */

.t-btn,
.t-btnflex,
.t-btnflex__text,
.t-submit,
[data-elem-type="button"] a.tn-atom {
    text-transform: uppercase !important;
}

@media screen and (min-width: 960px) {
    .t-btn,
    .t-btnflex,
    .t-btnflex__text,
    .t-submit,
    [data-elem-type="button"] a.tn-atom {
        font-size: 16px !important;
    }
}


/* ГВ: обложка статьи С КНОПКОЙ — внутренний отступ плашки 40px со всех сторон;
   от фиолетовой черты до текста 25px = от текста до кнопки 25px;
   от заголовка до черты 11px. Обложки без кнопки не затрагиваются. */

.t814__content:has(.t814__btn) {
    padding: 40px;
}

.t814__box:has(.t814__btn) .t814__title {
    margin-bottom: 11px;
}

.t814__box:has(.t814__btn) .t814__descr {
    margin-top: 25px;
}

.t814__box:has(.t814__btn) .t814__btn {
    margin-top: 25px;
}


/* ГВ: форма-квиз в модальном окне не выше 80% высоты экрана, внутри прокручивается */

.t1040.t-quiz .t-quiz__quiz {
    max-height: 80vh;
    overflow-y: auto;
}


/* ГВ: оформление статей блога — списки .gv-ul / .gv-ol и код .gv-code */

.gv-ul,.gv-ol{list-style:none;margin:0 0 24px 30px;padding:0}
.gv-ol{counter-reset:gv;margin-left:30px}
.gv-ul li,.gv-ol li{position:relative;margin:0 0 10px;font-size:20px;line-height:1.3}
.gv-ul li{padding-left:30px}
.gv-ol li{padding-left:40px;counter-increment:gv}
.gv-ul li:before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:#fdc300}
.gv-ol li:before{content:counter(gv);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:#fdc300;font-size:16px;font-weight:700;line-height:28px;text-align:center}
.gv-code{margin:0 0 24px;padding:20px 24px;background:#f0f0f0;border-radius:10px;overflow:auto;font-family:Menlo,Consolas,monospace;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}


/* ГВ: заголовки в текстовых блоках статей — H3 24px на десктопе, межстрочное 1 (база);
   верхний отступ заголовка всегда: H2 40px, H3 30px — в том числе когда заголовок первый в блоке
   (Tilda обнуляет padding-top у первого элемента, правило ниже это перебивает) */

@media screen and (min-width: 960px) {
    .t1211 h3.t-redactor__h3 {
        font-size: 24px !important;
        line-height: 1 !important;
    }
}

.t-rec .t1211 h2.t-redactor__h2,
.t-rec .t1211 h2.t-redactor__h2:first-child {
    padding-top: 40px !important;
}

.t-rec .t1211 h3.t-redactor__h3,
.t-rec .t1211 h3.t-redactor__h3:first-child {
    padding-top: 30px !important;
}


/* ГВ: БАЗА СКРУГЛЕНИЙ (Марина, 23.10.2026): все плашки, карточки, окна, поля, картинки — 10px; все кнопки — 30px.
   Ниже правила для форм, попапов, кнопок отправки и обложки; остальные блоки задаются настройками блока (10 / 30). */

/* ГВ: все формы сайта — стиль квиза: поля светло-серые #f5f5f5 без рамки, углы 10px,
   кнопка отправки жёлтая #fdc300 с тёмным текстом, углы 30px, галочки жёлтые */

.t-form .t-input,
.t-form .t-select,
.t-form textarea.t-input {
    background-color: #f5f5f5 !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #111013 !important;
}

.t-form .t-submit {
    background-color: #fdc300 !important;
    color: #111013 !important;
    border: 0 !important;
    border-radius: 30px !important;
}

.t-form .t-checkbox__indicator:after {
    border-color: #fdc300 !important;
}


/* ГВ: форма-попап консультации (tpl702) — ширина 8 колонок сетки (780px), высота не больше 80% экрана,
   белое окно с углами 10px и тенью как у квиза; заголовки полей скрыты (подсказки внутри полей) */

@media screen and (min-width: 561px) {
    .t702 .t-popup__container {
        width: 780px;
        max-width: 100%;
        max-height: 80vh;
        overflow-y: auto;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0 30px 40px -10px rgba(0, 0, 0, 0.1);
    }
}

.t702 .t-input-title {
    display: none !important;
}


/* ГВ: картинка обложки статьи — скругление 10px (как у плашки обложки) */

.t814__blockimg {
    border-radius: 10px;
}


/* ГВ: таблицы (стандартный блок tpl431) — фирменные цвета без чёрного:
   рамка 1px и углы 10px; шапка: первая колонка жёлтая, остальные тёмно-фиолетовые (цвет шапки — в настройках блока);
   первая колонка тела светло-фиолетовая и жирная, текст тёмно-фиолетовый #230045;
   ячейки 16/20 (шапка) и 14/20 (тело); на мобильном прокрутка начинается с 480px, а не с 960px */

.t431 .t431__table-wrapper {
    border: 1px solid #e9ddff;
    border-radius: 10px;
    overflow: hidden;
}

.t431 .t431__th {
    padding: 16px 20px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    border-top-width: 0 !important;
}

.t431 .t431__th:first-child {
    background: #fdc300 !important;
    color: #230045 !important;
}

.t431 .t431__td {
    padding: 14px 20px !important;
}

.t431 .t431__oddrow .t431__td:first-child {
    background: #f1e9ff;
    font-weight: 700;
    color: #230045;
}

.t431 .t431__evenrow .t431__td:first-child {
    background: #e9ddff;
    font-weight: 700;
    color: #230045;
}

.t431 .t431__tbody tr:last-child .t431__td {
    border-bottom-width: 0 !important;
}

@media screen and (max-width: 960px) {
    .t431 .t431__mobilescroll .t431__table-wrapper {
        min-width: 480px;
    }
}


/* ГВ: врезка tpl672 во всех статьях блога (адрес blog/…) — ширина колонки задаётся настройкой самого блока (columns 12, 24.10.2026,
   «редактор = опубликованная страница»). Стандартный tpl672 делает колонку и плашку шире сетки (на 1440: 1200 вместо 1160,
   на 1100: 960 вместо 940, на планшете плашка шире колонки на 20px с каждой стороны) — здесь плашка подрезается ровно по сетке
   (замеры живой страницы 24.10.2026). Вынос плашки влево убран, скругление 10px (база), отступ текста внутри плашки сохранён */

@media screen and (min-width: 1201px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t672 .t-col {
        max-width: 1160px !important;
    }
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t672 .t-col {
        max-width: 940px !important;
    }
}

#allrecords[data-tilda-page-alias^="blog/"] .t672__textwrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 48px 60px !important;
    border-radius: 10px !important;
}

@media screen and (max-width: 960px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t672__textwrapper {
        padding: 32px 28px !important;
    }
}


/* ГВ: стандартные блоки вместо Zero во всех статьях блога (адрес blog/…), 23.10.2026:
   плюсы tpl503 — светло-жёлтые карточки, плитка пиктограммы 56×56 светло-сиреневая;
   минусы tpl1095 — серые строки, иконка слева; две карточки tpl497 — серые плашки; углы 10px.
   Ширину блоков (12 колонок) задают настройки самих блоков (columns/prefix), CSS её не растягивает.
   Селекторы универсальные: без id страниц и блоков. */

#allrecords[data-tilda-page-alias^="blog/"] .t503 .t-card__col {
    display: flex;
}

#allrecords[data-tilda-page-alias^="blog/"] .t503 .t-card__container_inrow3 .t-card__col:nth-child(n + 4) {
    margin-top: 20px !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t503__content {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #fff1ad;
    border-radius: 10px;
}

#allrecords[data-tilda-page-alias^="blog/"] .t503__img {
    width: 56px !important;
    height: 56px;
    padding: 10px;
    box-sizing: border-box;
    background: #f1e9ff;
    border-radius: 10px;
}

#allrecords[data-tilda-page-alias^="blog/"] .t503 .t-card__title {
    margin-top: 20px;
}

#allrecords[data-tilda-page-alias^="blog/"] .t503 .t-card__descr {
    margin-top: 12px;
}

/* ГВ: БАЗА — неполный последний ряд карточек (Марина, 23.10.2026), весь сайт, любые блоки-сетки
   в 3 и 4 колонки (стандартные сетки Tilda: .t-card__container_inrowN и .t-list__container_inrowN):
   без пустых дыр — карточки последнего ряда растягиваются и заполняют ряд целиком
   (3 в ряд: 1 → на весь ряд, 2 → по половине; 4 в ряд: 1 → весь ряд, 2 → по половине, 3 → по трети) */

@media screen and (min-width: 961px) {
    .t-rec .t-card__container_inrow3 > .t-card__col:nth-child(3n + 1):last-child,
    .t-rec .t-list__container_inrow3 > .t-list__item:nth-child(3n + 1):last-child,
    .t-rec .t-card__container_inrow4 > .t-card__col:nth-child(4n + 1):last-child,
    .t-rec .t-list__container_inrow4 > .t-list__item:nth-child(4n + 1):last-child {
        width: calc(100% - 40px) !important;
        max-width: none !important;
    }

    .t-rec .t-card__container_inrow3 > .t-card__col:nth-child(3n + 1):nth-last-child(2),
    .t-rec .t-card__container_inrow3 > .t-card__col:nth-child(3n + 2):last-child,
    .t-rec .t-list__container_inrow3 > .t-list__item:nth-child(3n + 1):nth-last-child(2),
    .t-rec .t-list__container_inrow3 > .t-list__item:nth-child(3n + 2):last-child,
    .t-rec .t-card__container_inrow4 > .t-card__col:nth-child(4n + 1):nth-last-child(2),
    .t-rec .t-card__container_inrow4 > .t-card__col:nth-child(4n + 2):last-child,
    .t-rec .t-list__container_inrow4 > .t-list__item:nth-child(4n + 1):nth-last-child(2),
    .t-rec .t-list__container_inrow4 > .t-list__item:nth-child(4n + 2):last-child {
        width: calc(50% - 40px) !important;
        max-width: none !important;
    }

    .t-rec .t-card__container_inrow4 > .t-card__col:nth-child(4n + 1):nth-last-child(3),
    .t-rec .t-card__container_inrow4 > .t-card__col:nth-child(4n + 2):nth-last-child(2),
    .t-rec .t-card__container_inrow4 > .t-card__col:nth-child(4n + 3):last-child,
    .t-rec .t-list__container_inrow4 > .t-list__item:nth-child(4n + 1):nth-last-child(3),
    .t-rec .t-list__container_inrow4 > .t-list__item:nth-child(4n + 2):nth-last-child(2),
    .t-rec .t-list__container_inrow4 > .t-list__item:nth-child(4n + 3):last-child {
        width: calc(33.3333% - 40px) !important;
        max-width: none !important;
    }
}

#allrecords[data-tilda-page-alias^="blog/"] .t1095 .t-list__item {
    display: flex;
    float: none;
    box-sizing: border-box;
    padding: 30px;
    background: #f6f6f6;
    border-radius: 10px;
    margin-top: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1095 .t-list__item:first-child {
    margin-top: 0 !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1095__bgimg {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    background-color: #f1e9ff;
    background-size: 36px;
    border-radius: 10px;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497__col {
    display: flex;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497__item {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #f5f5f5;
    border-radius: 10px;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497__textwrapper {
    padding-left: 0;
}

/* ГВ: «Итог: сравнение по критериям» стандартным блоком tpl497 (вместо Zero, 23.10.2026):
   tpl497 со значками (+/−) — карточки парами — слева «что дает Tilda» (светло-жёлтая #fff1ad, знак «+»), справа «ограничения» (серая #f6f6f6, знак «−»);
   знак слева от заголовка и текста; между рядами 20px */

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t497__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t497__item > .t-cell {
    display: block;
    flex: 0 0 auto;
    height: auto !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t497__item > .t497__textwrapper {
    flex: 1 1 auto;
    width: auto;
    padding-left: 16px !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t497__imgwrapper {
    width: 40px !important;
    max-width: 40px !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t497__col:nth-child(odd) .t497__item {
    background: #fff1ad;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t497__col:nth-child(even) .t497__item {
    background: #f6f6f6;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t-list__item {
    margin-top: 20px !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t-list__item:nth-child(-n + 2) {
    margin-top: 0 !important;
}

@media screen and (max-width: 960px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t497:has(.t497__img) .t-list__item:nth-child(2) {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 640px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t503__content,
    #allrecords[data-tilda-page-alias^="blog/"] .t1095 .t-list__item,
    #allrecords[data-tilda-page-alias^="blog/"] .t497__item {
        padding: 20px;
    }

    #allrecords[data-tilda-page-alias^="blog/"] .t503 .t-card__col {
        margin-top: 20px !important;
    }

    #allrecords[data-tilda-page-alias^="blog/"] .t503 .t-card__col:first-child {
        margin-top: 0 !important;
    }
}


/* ГВ: цифры tpl1050 и тарифы tpl1067 с двумя карточками — две колонки t-col_6 на 12 колонок:
   ширина контейнера теперь штатная (12 колонок), прежнее сужение до 10 колонок убрано (24.10.2026, сетка 12/10) */

@media screen and (min-width: 961px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t1050 .t-col_6,
    #allrecords[data-tilda-page-alias^="blog/"] .t1067 .t-col_6 {
        width: calc(50% - 40px) !important;
        max-width: none !important;
    }
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t1050 .t-col_6,
    #allrecords[data-tilda-page-alias^="blog/"] .t1067 .t-col_6 {
        width: calc(50% - 20px) !important;
    }
}

/* ГВ: цифры tpl1050 — цифра, жёлтая линия и подпись по центру колонки (Марина, 23.10.2026) */

#allrecords[data-tilda-page-alias^="blog/"] .t1050 .t1050__col {
    text-align: center;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1050 .t1050__col .t-heading,
#allrecords[data-tilda-page-alias^="blog/"] .t1050 .t1050__col .t-descr {
    margin-right: 0;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1050 .t1050__line {
    margin: 14px 0;
}


/* ГВ: тарифы tpl1067 — светло-сиреневые карточки, текст слева, название тарифа над ценой
   (поле «старая цена» используется как подпись с названием тарифа) */

#allrecords[data-tilda-page-alias^="blog/"] .t1067 .t1067__row {
    align-items: stretch;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1067 .t1067__content {
    display: block !important;
    background-color: #f1e9ff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 40px 30px !important;
    text-align: left !important;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1067 .t1067__content .t-cell {
    display: flex !important;
    flex-direction: column;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1067 .t1067__price_old {
    order: -1;
    display: block;
    margin: 0 0 10px;
    color: #6723a9;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1067 .t1067__price_old::after {
    display: none;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1067 .t1067__price_current {
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    color: #111013;
}

#allrecords[data-tilda-page-alias^="blog/"] .t1067 .t-card__descr {
    max-width: none !important;
    height: auto !important;
    margin-top: 16px;
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
}

@media screen and (max-width: 640px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t1067 .t1067__content {
        padding: 24px 20px !important;
    }
}


/* ГВ: карточки с номером-фоном tpl899 — плашки #f5f5f5, крупная цифра светло-сиреневая справа сверху */

#allrecords[data-tilda-page-alias^="blog/"] .t899 .t899__col {
    display: flex;
}

#allrecords[data-tilda-page-alias^="blog/"] .t899 .t899__itemwrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
}

#allrecords[data-tilda-page-alias^="blog/"] .t899 .t899__title {
    padding-top: 0;
    padding-bottom: 12px;
    padding-right: 60px;
    font-size: 20px;
    line-height: 1;
}

#allrecords[data-tilda-page-alias^="blog/"] .t899 .t899__descr {
    font-size: 16px;
    line-height: 1.3;
}

#allrecords[data-tilda-page-alias^="blog/"] .t899 .t899__symbol {
    left: auto;
    right: -6px;
    top: -26px;
    text-align: right;
    font-size: 140px;
    line-height: 1;
    color: #e9ddff;
    opacity: 1;
    font-family: var(--t-headline-font, Arial);
    font-weight: 900;
}

@media screen and (max-width: 640px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t899 .t899__itemwrapper {
        padding: 20px;
    }
}


/* ГВ: БАЗА СКРУГЛЕНИЙ для всех квизов сайта (tpl1040 и др., Марина, 23.10.2026): окно квиза 10px,
   поля и картинки-ответы 10px; кнопки 30px (заданы в блоке и правилом форм выше).
   На мобильном (до 640px) квиз во весь экран — углы Tilda оставляем как есть. */

@media screen and (min-width: 641px) {
    .t-quiz {
        --border-radius: 10px !important;
        --outer-border-radius: 10px !important;
    }
}

.t-quiz .t-input-block,
.t-quiz .t-input,
.t-quiz .t-img-select__indicator {
    border-radius: 10px !important;
}


/* ГВ: статьи блога (адрес blog/…) — заголовки и тексты стандартными блоками «Заголовок» tpl43 и «Текст» tpl106
   (вместо запрещённого блока «Статья» tpl1211, Марина, 23.10.2026): от заголовка до текста ровно 30px
   (у заголовка tpl43 собственный нижний отступ 15px убран), маркированные списки в тексте — жёлтые кружки, как .gv-ul */

#allrecords[data-tilda-page-alias^="blog/"] .t030 .t030__title {
    margin-bottom: 0;
}

#allrecords[data-tilda-page-alias^="blog/"] .t004 .t-text ul {
    list-style: none;
    margin: 10px 0 0 30px;
    padding: 0;
}

#allrecords[data-tilda-page-alias^="blog/"] .t004 .t-text ul li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 30px;
}

#allrecords[data-tilda-page-alias^="blog/"] .t004 .t-text ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fdc300;
}

/* ГВ: нумерованные списки в тексте статей блога (tpl106) — жёлтые кружки с цифрами, как .gv-ol (Марина, 23.10.2026) */

#allrecords[data-tilda-page-alias^="blog/"] .t004 .t-text ol {
    list-style: none;
    counter-reset: gvn;
    margin: 10px 0 0 30px;
    padding: 0;
}

#allrecords[data-tilda-page-alias^="blog/"] .t004 .t-text ol li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 40px;
    counter-increment: gvn;
}

#allrecords[data-tilda-page-alias^="blog/"] .t004 .t-text ol li:before {
    content: counter(gvn);
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fdc300;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}


/* ГВ: оглавление статьи (скрипт — в head-коде проекта, на странице только метка <div id="auto-article-toc">):
   плашка серая #F6F6F6, скругление 10px, ширина — по контейнеру верха статьи (12 колонок: слева 8), шапка с иконкой (Марина, 24.10.2026) */

html { scroll-behavior: smooth; }

#auto-article-toc { margin-top: 0; margin-bottom: 0; }

#auto-article-toc .auto-toc-box {
    box-sizing: border-box;
    width: 100%;
    padding: 32px 38px 36px;
    background: #F6F6F6;
    border-radius: 10px;
}

#auto-article-toc .auto-toc-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 30px 0;
}

#auto-article-toc .auto-toc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

#auto-article-toc .auto-toc-icon svg { display: block; width: 24px; height: 24px; }

#auto-article-toc .auto-toc-list { margin: 0; padding-left: 30px; }

#auto-article-toc .auto-toc-list li { margin: 0 0 7px 0; }

#auto-article-toc .auto-toc-list li:last-child { margin-bottom: 0; }

#auto-article-toc .auto-toc-list a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

@media screen and (max-width: 640px) {
    #auto-article-toc .auto-toc-box { padding: 24px 22px 28px; }
    #auto-article-toc .auto-toc-header { gap: 10px; margin-bottom: 22px; }
    #auto-article-toc .auto-toc-list { padding-left: 24px; }
}


/* ГВ: блок экспертов (tpl533, tpl530; Марина, 24.10.2026): фото эксперта — КРУГЛОЕ (исключение из базы «картинки 10px»:
   общее правило выше перебивало родное круглое фото блока); если эксперт один — карточка по центру страницы,
   ширина та же, что при двух экспертах (половина сетки). Без привязки к id блоков и страниц. */

.t-rec .t533__img.t-bgimg:not(.t-cover__carrier),
.t-rec .t530__bgimg.t-bgimg:not(.t-cover__carrier) {
    border-radius: 100% !important;
}

@media screen and (min-width: 961px) {
    .t533__container:has(> .t533__col:only-child) {
        justify-content: center;
    }

    .t533__container:has(> .t533__col:only-child) > .t533__col {
        width: calc(50% - 40px);
        max-width: none;
    }
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
    .t533__container:has(> .t533__col:only-child) > .t533__col {
        width: calc(50% - 20px);
    }
}


/* ГВ: FAQ-аккордеон tpl1119 (устарел, 24.10.2026: FAQ теперь tpl849, columns 12) — правило оставлено только для старых статей:
   колонки заголовка и аккордеона переносятся друг под другом, пустая колонка заголовка скрыта. */

.t1119__container {
    flex-wrap: wrap;
}

.t1119__container:not(:has(.t1119__title)) > .t-col:first-child {
    display: none;
}


/* ГВ: ВЕРХ СТАТЬИ — контейнер 12 колонок (сетка статьи 12/10, 24.10.2026): слева оглавление (8 колонок), справа эксперты (4 колонки)
   друг под другом, выравнивание поверху. Контейнер .gv-top создаёт скрипт из head-кода, когда блок экспертов (tpl533/tpl530)
   стоит прямо перед блоком оглавления. Геометрия сетки Tilda: 12 колонок = 1160px (1201+) / 940px (961–1200),
   8 колонок = 760px (65.5172%), зазор 40px, 4 колонки = 360px (31.0345%). На планшете и телефоне (до 960px) — друг под другом, эксперты сверху. */

.gv-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 30px 0;
}

.gv-top__toc {
    flex: 0 0 65.5172%;
    max-width: 65.5172%;
}

.gv-top__experts {
    flex: 0 0 31.0345%;
    max-width: 31.0345%;
}

.gv-top .t-rec {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.gv-top .t-container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.gv-top .t-col {
    float: none;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.gv-top__experts .t533__container {
    display: block;
}

.gv-top__experts .t533__col {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.gv-top__experts .t533__col + .t533__col {
    margin-top: 0 !important;
}

@media screen and (max-width: 1200px) {
    .gv-top {
        max-width: 940px;
    }
}

@media screen and (max-width: 960px) {
    .gv-top {
        flex-direction: column-reverse;
        max-width: none;
        padding: 30px 20px;
    }

    .gv-top__toc,
    .gv-top__experts {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }

    .gv-top__experts {
        margin-bottom: 30px;
    }
}


/* ГВ: СЕТКА СТАТЬИ (Марина, 24.10.2026) — в 10 колонок: заголовки H2/H3, простой текст и картинки; все остальные блоки — 12 колонок.
   С 24.10.2026 (вечер) ширина задаётся НАСТРОЙКАМИ самих блоков (columns / prefix), а не CSS («редактор = опубликованная страница»);
   прежнее общее правило растяжки .t-col_10 до 12 колонок для blog/… УДАЛЕНО. Здесь остаётся только скрытие пустой колонки стрелок у tpl1186. */

@media screen and (min-width: 961px) {
    #allrecords[data-tilda-page-alias^="blog/"] .t1186 .t-col_2 {
        display: none !important;
    }
}


/* ГВ: ОТСТУПЫ БЛОКОВ СТАТЕЙ БЛОГА — ГЛОБАЛЬНОЕ ПРАВИЛО (Марина, 24.10.2026): у любого блока верхний и нижний отступ один — 30px (1 line);
   исключения: заголовок H2 (tpl43 с h2) — сверху 60px (2 line), снизу 0; заголовок H3 (tpl43 с h3) — сверху 30px, снизу 0.
   Поля отступов в настройках добавляемых блоков остаются ПУСТЫМИ — значения назначаются отсюда. Если в настройках блока отступ задан
   (в разметке появляется класс t-rec_pt_* / t-rec_pb_* и inline-стиль), он ПЕРЕОПРЕДЕЛЯЕТ эти правила: правила здесь без !important,
   а блок с заданным значением под них не попадает. Относится к прямым блокам страницы blog/…; не затрагиваются Zero-блоки (396),
   попапы (702, 1040*) и Алиас (121); блоки внутри .gv-top (оглавление/эксперты) — тоже (не прямые дети страницы). */

#allrecords[data-tilda-page-alias^="blog/"] > .t-rec:not([class*="t-rec_pt_"]):not(:is([data-record-type="396"], [data-record-type="702"], [data-record-type^="1040"], [data-record-type="121"])) {
    padding-top: 30px;
}

#allrecords[data-tilda-page-alias^="blog/"] > .t-rec:not([class*="t-rec_pb_"]):not(:is([data-record-type="396"], [data-record-type="702"], [data-record-type^="1040"], [data-record-type="121"])) {
    padding-bottom: 30px;
}

#allrecords[data-tilda-page-alias^="blog/"] > .t-rec[data-record-type="43"]:has(h2):not([class*="t-rec_pt_"]) {
    padding-top: 60px;
}

#allrecords[data-tilda-page-alias^="blog/"] > .t-rec[data-record-type="43"]:has(h2):not([class*="t-rec_pb_"]),
#allrecords[data-tilda-page-alias^="blog/"] > .t-rec[data-record-type="43"]:has(h3):not([class*="t-rec_pb_"]) {
    padding-bottom: 0;
}