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

    .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
    }


.t-text_md {
    font-size: 16px;
    line-height: 1.55;
}


/* ГВ: база для 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;
}


/* ГВ: жёлтый градиентный маркер вместо зачёркивания (как на странице 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;
}


/* ГВ: оглавление статьи — шрифт крупнее, 20px */

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


/* ГВ: текст на кнопках по всему проекту — всегда капслок, на десктопе 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:0}
.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 на десктопе;
   верхний отступ заголовка всегда: 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.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;
}


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

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

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

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


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

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

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