/* Rainbow brand refresh — подключается после main.css; откат = убрать <link> из main.tpl */
:root {
    --rb-ink: #2d2926;
    --rb-blue: #00a9e0;
    --rb-deep: #165b7e;
    --rb-sky: #dbedf8;
}

body, html { color: var(--rb-ink); }

/* Заголовки блоков: тонкие прописные с разрядкой, как на rainbowsystem.com.
   Размер ограничен, чтобы длинные казахские слова помещались в строку. */
.section-title {
    font-size: clamp(26px, 3.4vw, 50px) !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em;
    text-transform: uppercase;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Кнопки: прямоугольные, прописные, фирменный голубой */
.button,
.page-404 .page-404-button {
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.header-row .row .right .form-btn { background-color: var(--rb-blue); }
.header-row .row .right .form-btn:hover,
.button:hover { background-color: var(--rb-deep); }

/* Вступление: градиент в фирменных цветах вместо ярко-синего */
.block-intro:after { background: linear-gradient(90deg, var(--rb-deep), var(--rb-blue)); }
.block-intro .content { font-weight: 300; letter-spacing: .02em; }
.block-intro .content .content-highlight { color: #fff; font-weight: 600; }

/* Светлые подложки — фирменный светло-голубой */
.block-details { background-color: var(--rb-sky); }

/* Панель описания принадлежностей: белый текст на сером был нечитаем (контраст ~2.9:1) */
.block-extras .text { background-color: var(--rb-deep) !important; }

/* Плавающие соцсети — глубокий синий бренда вместо серого */
.block-socials { background-color: var(--rb-deep) !important; }

/* Описания под заголовками — чуть легче и просторнее */
.block-advantages .description,
.block-allergy .description,
.block-princip .description,
.block-details .description,
.block-nasadki .description { font-weight: 300; line-height: 1.6; }

@media screen and (max-width: 550px) {
    .section-title { letter-spacing: .06em; }
    .button { letter-spacing: .1em; }
}