.t-sociallinks__svg {
    width: 30px !important;
    height: 30px !important;
}

.t-sociallinks__item a {
    width: 20px !important;
    height: 20px !important;
}

.t898__btn_label {
    width: 50px;
    height: 50px;
}
@media (max-width: 600px) {
    .amo-button-holder {
        bottom: 10px !important;
        right: 10px !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        z-index: 99 !important;
    }
}


/* SEO 10.09.2026: заголовки Tilda переведены с div на h1 — гасим собственные
   отступы браузера, чтобы вёрстка осталась прежней. */
h1[class*="t-title"], h1[class*="t-heading"], h1[class*="t-name"] {
    margin: 0;
    font-weight: inherit;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Приведение вида, 11.09.2026. Всё поверх экспорта Tilda: разметку почти не
   трогаем, чтобы правку можно было снять одним куском, а следующая выгрузка
   её не затёрла. Причины каждой строки — рядом, они измерены, а не на глаз.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    --db-ground: #f4f6fa;   /* фон страницы: чистый белый бьёт по глазам */
    --db-paper:  #ffffff;   /* карточки — то, что должно всплывать над фоном */
    --db-ink:    #16233f;
    --db-muted:  #5a6c8e;
    --db-accent: #2f6bff;
    --db-warm:   #d4552c;   /* был #ff8562: контраст 2,39 на белом при норме 3 */
}

/* ── Фон ─────────────────────────────────────────────────────────────────── */
html, body { background: var(--db-ground); }
/* Четыре секции были явно белыми, остальные 24 — прозрачные. Снимаем белый,
   иначе по странице идут полосы «белое на сером». */
.t-body .r.t-rec[data-bg-color="#ffffff"],
.t-body .r.t-rec[style*="background-color:#ffffff"],
.t-body .r.t-rec[style*="background-color: #ffffff"] { background-color: transparent !important; }

/* ── Герой главной ───────────────────────────────────────────────────────── */
.db-hero__title {
    margin: 0 0 18px;
    color: var(--db-ink);
    font-weight: 800;
    /* было 52px намертво: на телефоне заголовок занимал два экрана */
    font-size: clamp(30px, 4.6vw, 58px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-wrap: balance;
    font-family: 'TildaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
.db-hero__lead {
    margin: 0 auto;
    max-width: 38em;        /* было 95 знаков в строке — вдвое больше нормы */
    color: var(--db-muted);
    /* ⚠️ Тег <p> без тильдовского класса берёт дефолтный serif браузера —
       лид уезжал в Times. Семейство задаём явно. */
    font-family: 'TildaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-weight: 400;
    font-size: clamp(17px, 1.5vw, 21px);
    line-height: 1.5;       /* было ~2,2 — текст разваливался на плакаты */
}
/* Заголовок наполовину уходил под фиксированную шапку: отступ героя был
   рассчитан на одноэтажную, а она в две строки. */
#rec1722533261 { padding-top: 118px !important; }
@media screen and (max-width: 960px) { #rec1722533261 { padding-top: 76px !important; } }
@media screen and (max-width: 640px) { #rec1722533261 { padding-top: 24px !important; } }

/* Подпись под лидом (описание услуги) — тем же серым, что и лид */
#rec1722533261 + .r .t-descr,
#rec1722533261 .t050__descr { color: var(--db-muted); }