/* Плитки, плавающая шапка, тон секции и цвета бренда (stthm28). Подключается всегда, но действует только при классах на <body>
   (`header-float`, `header-glass`, `menu-center`, `tiles`, `pill-buttons`, `brand-colors`), которые ставит settings.php по настройкам оператора:
   темы, где эти настройки не включены, остаются как были. Тон секции (`.content-section--tone-*`) ставит обёртка секции конструктора. */
:root {
    --t-accent:      var(--primary-background-color, #0f172a);
    --t-accent-text: var(--primary-text-color, #fff);
    --t-accent-2:    #5567ff;
    --t-dark:        #0b0d0e;
    --t-light:       #f7f8f5;
    --t-tile-r:      32px;
    --t-tile-gap:    12px;
    --t-float-r:     22px;
}

/* ── Кнопки пилюлей и «призрачная» вторая кнопка ───────────────────────────────────────────────────────────────── */
body.pill-buttons .button, body.pill-buttons .header-cta { border-radius: 999px; }
/* stthm50: без «Кнопки із заокругленими кутами» кнопки страницы — со скруглением темы, как кнопки шапки (.header-cta): общий стиль движка
   (common default.css, `button, .button`) делает их круглыми всегда. :where — без веса: свои скругления виджетов (иконки и т. п.) остаются */
:where(body:not(.pill-buttons)) .button { border-radius: var(--t-radius); }
body.brand-colors .button.primary, body.brand-colors .header-cta.primary { background: var(--t-accent); border-color: var(--t-accent); color: var(--t-accent-text); }
.button.ghost, .header-cta.ghost { background: transparent; color: inherit; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); box-shadow: none; }
.button.ghost:hover, .header-cta.ghost:hover { background: color-mix(in srgb, currentColor 10%, transparent); }

/* ── Шапка: пилюля, стекло, меню по центру ─────────────────────────────────────────────────────────────────────── */
body.header-float #header {
    margin: var(--t-tile-gap) var(--t-tile-gap) 0; border-radius: var(--t-float-r); z-index: 30;
    --t-header-h: 76px;
}
body.header-float #header-row-1 > .page-wrapper { padding-inline: 24px; }
body.header-glass #header { background: color-mix(in srgb, var(--t-dark) 62%, transparent); color: var(--t-light); -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); }
body.header-glass #header-menu ul ul { background: color-mix(in srgb, var(--t-dark) 92%, transparent); color: var(--t-light); border-color: rgba(247, 248, 245, .12); }
/* липкая шапка-пилюля держит отступ от верха окна (перебивает top:0 из настроек шапки) */
body.header-float #header { top: var(--t-tile-gap) !important; }
body.header-float:not(.header-overlay) #header { position: sticky; }
body.header-float.header-overlay #header { position: fixed; left: 0; right: 0; }
body.menu-center #header-menu > nav > ul, body.menu-center #header-menu > ul, body.menu-center #header-menu > div > ul { justify-content: center; }
body.menu-center #header-actions { margin-left: 0; }
/* stthm43: «По центру» — и додаткове меню (второй ряд); safe — при прокрутке первые пункты не уходят за левый край */
body.menu-center #header-rubrics > ul, body.menu-center #header-rubrics > nav > ul, body.menu-center #header-rubrics ul.site-menu__list { justify-content: safe center; }
@media (max-width: 960px) {
    body.header-float #header { margin-inline: calc(var(--t-tile-gap) / 2); }
    body.header-float #header-row-1 > .page-wrapper { padding-inline: 16px; }
}

/* ── Плитки: секции области — контейнеры на «холсте» ───────────────────────────────────────────────────────────── */
body.tiles #layout-wrapper { padding: 0 var(--t-tile-gap) var(--t-tile-gap); }
body.tiles #main-content .content-section { border-radius: var(--t-tile-r); overflow: hidden; position: relative; }
/* Зазор между плитками — значение по умолчанию. Внешний отступ секции из конструктора (margin-top / margin-bottom) сильнее; «—» (нет) = секции склеены,
   на стыке скругления нет */
body.tiles #main-content .content-section:where(:not([class*="content-section-margin-top-"])) { margin-top: var(--t-tile-gap); }
body.tiles #main-content .content-section.content-section-margin-top-none { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
body.tiles #main-content .content-section.content-section-margin-bottom-none { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
body.tiles #main-content .content-section.content-section-margin-top-none.content-section--tone-dark { background-image: none; }
/* Подвал продолжает последнюю секцию, если у неё внешний отступ снизу «—» */
body.tiles #layout-wrapper:has(#main-content > .content-section-margin-bottom-none:last-of-type) > #footer { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
body.tiles #main-content { padding-top: 0; }
body.tiles #footer { margin-top: var(--t-tile-gap); border-radius: var(--t-tile-r); overflow: hidden; }
body.tiles:not(.header-float) #header { margin: var(--t-tile-gap) 0 0; border-radius: var(--t-tile-r); }
@media (max-width: 960px) { body.tiles { --t-tile-r: min(var(--t-tile-r), 24px); } }

/* ── Тон секции: свет/тьма и свечение акцентом. Работает и без плиток ───────────────────────────────────────────── */
.content-section--tone-dark, .content-section--tone-light, .content-section--tone-accent { color: var(--tone-text); --tone-line: rgba(0,0,0,.09); }
.content-section--tone-dark {
    --tone-text: rgba(247, 248, 245, .72); --tone-title: var(--t-light); --tone-line: rgba(247, 248, 245, .12); --tone-card: rgba(247, 248, 245, .05);
    background-color: var(--t-dark);
    background-image: radial-gradient(80% 60% at 92% -12%, color-mix(in srgb, var(--t-accent) 12%, transparent), transparent 60%);
}
.content-section--tone-light {
    --tone-text: #464c49; --tone-title: var(--t-dark); --tone-card: #fff;
    background-color: var(--t-light);
    background-image: radial-gradient(60% 55% at 100% 0%, color-mix(in srgb, var(--t-accent) 24%, transparent), transparent 60%);
}
.content-section--tone-accent {
    --tone-text: #464c49; --tone-title: var(--t-dark); --tone-card: #fff;
    background-color: var(--t-light);
    background-image: radial-gradient(62% 62% at 0% 0%, color-mix(in srgb, var(--t-accent-2) 10%, transparent), transparent 60%), radial-gradient(60% 55% at 100% 100%, color-mix(in srgb, var(--t-accent) 18%, transparent), transparent 60%);
}
.content-section--tone-dark h1, .content-section--tone-dark h2, .content-section--tone-dark h3, .content-section--tone-dark h4, .content-section--tone-dark .h1, .content-section--tone-dark .h2, .content-section--tone-dark .h3,
.content-section--tone-light h1, .content-section--tone-light h2, .content-section--tone-light h3, .content-section--tone-light h4, .content-section--tone-light .h1, .content-section--tone-light .h2, .content-section--tone-light .h3,
.content-section--tone-accent h1, .content-section--tone-accent h2, .content-section--tone-accent h3, .content-section--tone-accent h4 { color: var(--tone-title); }
.content-section--tone-dark p, .content-section--tone-dark li, .content-section--tone-light p, .content-section--tone-light li, .content-section--tone-accent p, .content-section--tone-accent li { color: inherit; }
.content-section--tone-dark a:not(.button):not([class*="ub-"]) { color: var(--t-accent); }

/* Звёздное поле тёмных плиток: SVG с мерцанием (источник img/stars.svg, встроен data-URI: css уходит в общий кэш, относительные адреса там не работают), без canvas и скриптов. Под содержимым секции. */
.content-section--tone-dark::before, body.tiles #footer::before {
    content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .9;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgd2lkdGg9IjE0NDAiIGhlaWdodD0iOTAwIj48c3R5bGU+LnN7b3BhY2l0eTouMTU7YW5pbWF0aW9uOnR3IGVhc2UtaW4tb3V0IGluZmluaXRlfUBrZXlmcmFtZXMgdHd7MCUsMTAwJXtvcGFjaXR5Oi4xMn01MCV7b3BhY2l0eTouODV9fTwvc3R5bGU+PGNpcmNsZSBjeD0iNDY5LjgiIGN5PSIxNDIuNyIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjoyLjRzO2FuaW1hdGlvbi1kZWxheToyLjdzIi8+PGNpcmNsZSBjeD0iOTIuNCIgY3k9IjQ1Ni41IiByPSIwLjgiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjIuNXM7YW5pbWF0aW9uLWRlbGF5OjIuMXMiLz48Y2lyY2xlIGN4PSI3OTIuNSIgY3k9IjYyLjAiIHI9IjAuOCIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NS4zczthbmltYXRpb24tZGVsYXk6My4ycyIvPjxjaXJjbGUgY3g9Ijk3LjgiIGN5PSI1MjUuMyIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo1LjRzO2FuaW1hdGlvbi1kZWxheTowLjJzIi8+PGNpcmNsZSBjeD0iNDIxLjIiIGN5PSIxMzYuOSIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjFzO2FuaW1hdGlvbi1kZWxheToyLjhzIi8+PGNpcmNsZSBjeD0iMTU2LjMiIGN5PSI1MTIuNyIgcj0iMSIgZmlsbD0iI2I5ZmYzZiIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My40czthbmltYXRpb24tZGVsYXk6Mi43cyIvPjxjaXJjbGUgY3g9Ijk0LjYiIGN5PSIxOTEuMiIgcj0iMS42IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjhzO2FuaW1hdGlvbi1kZWxheToyLjNzIi8+PGNpcmNsZSBjeD0iNTIzLjQiIGN5PSIyMjguNiIgcj0iMSIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC41czthbmltYXRpb24tZGVsYXk6MS4ycyIvPjxjaXJjbGUgY3g9Ijc1NS44IiBjeT0iNzgwLjEiIHI9IjEuNiIgZmlsbD0iI2I5ZmYzZiIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My4yczthbmltYXRpb24tZGVsYXk6NC45cyIvPjxjaXJjbGUgY3g9IjYwMy43IiBjeT0iNjc2LjMiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuM3M7YW5pbWF0aW9uLWRlbGF5OjIuMXMiLz48Y2lyY2xlIGN4PSIxMjAuMiIgY3k9IjUwMS4xIiByPSIxLjIiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjMuM3M7YW5pbWF0aW9uLWRlbGF5OjEuOHMiLz48Y2lyY2xlIGN4PSIxMTQxLjYiIGN5PSI3MC41IiByPSIwLjgiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuM3M7YW5pbWF0aW9uLWRlbGF5OjIuNHMiLz48Y2lyY2xlIGN4PSI5Ni4yIiBjeT0iNjI3LjMiIHI9IjEuNiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My4xczthbmltYXRpb24tZGVsYXk6MS45cyIvPjxjaXJjbGUgY3g9IjQyLjAiIGN5PSI0MTYuMyIgcj0iMSIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC4yczthbmltYXRpb24tZGVsYXk6Mi41cyIvPjxjaXJjbGUgY3g9IjQxOC4yIiBjeT0iNjU5LjgiIHI9IjEuNiIgZmlsbD0iI2I5ZmYzZiIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My41czthbmltYXRpb24tZGVsYXk6NC40cyIvPjxjaXJjbGUgY3g9IjY0Ny44IiBjeT0iNDkzLjUiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjQuOXM7YW5pbWF0aW9uLWRlbGF5OjQuM3MiLz48Y2lyY2xlIGN4PSI1OTkuNyIgY3k9IjMyNS43IiByPSIxLjYiIGZpbGw9IiNiOWZmM2YiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuNHM7YW5pbWF0aW9uLWRlbGF5OjAuOHMiLz48Y2lyY2xlIGN4PSIzMzkuNCIgY3k9IjIxNS4zIiByPSIxLjYiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjQuOXM7YW5pbWF0aW9uLWRlbGF5OjAuOXMiLz48Y2lyY2xlIGN4PSIyMTYuOSIgY3k9IjQ4MC40IiByPSIxLjIiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuM3M7YW5pbWF0aW9uLWRlbGF5OjMuNXMiLz48Y2lyY2xlIGN4PSI4ODcuMCIgY3k9IjYwNS4xIiByPSIwLjgiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjMuN3M7YW5pbWF0aW9uLWRlbGF5OjQuNHMiLz48Y2lyY2xlIGN4PSI5NzYuNCIgY3k9IjUwMi4yIiByPSIxLjYiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjMuNXM7YW5pbWF0aW9uLWRlbGF5OjAuNXMiLz48Y2lyY2xlIGN4PSI5OC40IiBjeT0iNjkuMyIgcj0iMSIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My43czthbmltYXRpb24tZGVsYXk6MC41cyIvPjxjaXJjbGUgY3g9IjE1NS40IiBjeT0iNTA4LjgiIHI9IjAuOCIgZmlsbD0iI2I5ZmYzZiIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NS4zczthbmltYXRpb24tZGVsYXk6My4xcyIvPjxjaXJjbGUgY3g9IjMwNS4zIiBjeT0iMzQxLjEiIHI9IjEuMiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NS40czthbmltYXRpb24tZGVsYXk6My4wcyIvPjxjaXJjbGUgY3g9IjE3My44IiBjeT0iNDM5LjUiIHI9IjEuNiIgZmlsbD0iI2I5ZmYzZiIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My44czthbmltYXRpb24tZGVsYXk6MS42cyIvPjxjaXJjbGUgY3g9IjEwNzQuNSIgY3k9IjY2MS41IiByPSIxLjYiIGZpbGw9IiNiOWZmM2YiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjQuOXM7YW5pbWF0aW9uLWRlbGF5OjAuOHMiLz48Y2lyY2xlIGN4PSIxMzYwLjQiIGN5PSI0NzQuOSIgcj0iMSIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC41czthbmltYXRpb24tZGVsYXk6NC42cyIvPjxjaXJjbGUgY3g9IjQzMy4zIiBjeT0iNTc1LjgiIHI9IjAuOCIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC41czthbmltYXRpb24tZGVsYXk6MS4zcyIvPjxjaXJjbGUgY3g9IjI0Ny4yIiBjeT0iNjg5LjMiIHI9IjEuMiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC4zczthbmltYXRpb24tZGVsYXk6My4xcyIvPjxjaXJjbGUgY3g9IjEwODYuOCIgY3k9IjE4MS43IiByPSIxIiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjlzO2FuaW1hdGlvbi1kZWxheTozLjdzIi8+PGNpcmNsZSBjeD0iNzQ1LjAiIGN5PSIzMjIuOSIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo1LjVzO2FuaW1hdGlvbi1kZWxheTo0LjBzIi8+PGNpcmNsZSBjeD0iMjg1LjAiIGN5PSI1NDIuNSIgcj0iMS4yIiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjozLjdzO2FuaW1hdGlvbi1kZWxheTo0LjdzIi8+PGNpcmNsZSBjeD0iMTM2Ni4xIiBjeT0iMzMwLjkiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjIuNXM7YW5pbWF0aW9uLWRlbGF5OjIuNHMiLz48Y2lyY2xlIGN4PSI2OTUuNCIgY3k9Ijg3Ny4wIiByPSIwLjgiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjMuOHM7YW5pbWF0aW9uLWRlbGF5OjMuM3MiLz48Y2lyY2xlIGN4PSIxMzAuNCIgY3k9IjU5MS4zIiByPSIxLjYiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjQuOHM7YW5pbWF0aW9uLWRlbGF5OjMuOHMiLz48Y2lyY2xlIGN4PSIyNjMuNSIgY3k9IjcwNC40IiByPSIxLjIiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjIuNXM7YW5pbWF0aW9uLWRlbGF5OjQuN3MiLz48Y2lyY2xlIGN4PSI2NjcuNyIgY3k9IjY2NC4yIiByPSIwLjgiIGZpbGw9IiNiOWZmM2YiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjQuNnM7YW5pbWF0aW9uLWRlbGF5OjAuOXMiLz48Y2lyY2xlIGN4PSIyMjQuNiIgY3k9IjgwNi4zIiByPSIxIiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjJzO2FuaW1hdGlvbi1kZWxheTozLjBzIi8+PGNpcmNsZSBjeD0iMTM0MS4yIiBjeT0iMTQ3LjIiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjIuM3M7YW5pbWF0aW9uLWRlbGF5OjQuMHMiLz48Y2lyY2xlIGN4PSIxNTUuOSIgY3k9IjY2OS42IiByPSIxIiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjozLjZzO2FuaW1hdGlvbi1kZWxheTo0LjRzIi8+PGNpcmNsZSBjeD0iMzA5LjciIGN5PSIyMzEuNiIgcj0iMS4yIiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjozLjlzO2FuaW1hdGlvbi1kZWxheTozLjhzIi8+PGNpcmNsZSBjeD0iNzgzLjAiIGN5PSI3NDQuMSIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo1LjJzO2FuaW1hdGlvbi1kZWxheToxLjhzIi8+PGNpcmNsZSBjeD0iODM4LjQiIGN5PSI4MDUuOCIgcj0iMS42IiBmaWxsPSIjYjlmZjNmIiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjlzO2FuaW1hdGlvbi1kZWxheTo0LjRzIi8+PGNpcmNsZSBjeD0iMjI1LjYiIGN5PSI0NTkuMyIgcj0iMS42IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjhzO2FuaW1hdGlvbi1kZWxheTozLjBzIi8+PGNpcmNsZSBjeD0iMjIyLjciIGN5PSIxMzQuNiIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjBzO2FuaW1hdGlvbi1kZWxheToxLjZzIi8+PGNpcmNsZSBjeD0iNzk4LjciIGN5PSI3MDAuMiIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo1LjFzO2FuaW1hdGlvbi1kZWxheTowLjNzIi8+PGNpcmNsZSBjeD0iNjkuOSIgY3k9Ijk2LjAiIHI9IjEuNiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC4xczthbmltYXRpb24tZGVsYXk6My44cyIvPjxjaXJjbGUgY3g9IjYzOS40IiBjeT0iNTQ5LjAiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjQuNXM7YW5pbWF0aW9uLWRlbGF5OjIuM3MiLz48Y2lyY2xlIGN4PSI2ODguOCIgY3k9IjgzOC41IiByPSIxLjIiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuMnM7YW5pbWF0aW9uLWRlbGF5OjQuNXMiLz48Y2lyY2xlIGN4PSI2NDUuNSIgY3k9IjM3Ni42IiByPSIxLjYiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjMuN3M7YW5pbWF0aW9uLWRlbGF5OjAuNHMiLz48Y2lyY2xlIGN4PSIxMTMuOCIgY3k9IjU5OS4xIiByPSIwLjgiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuMnM7YW5pbWF0aW9uLWRlbGF5OjAuOHMiLz48Y2lyY2xlIGN4PSI5NDcuNiIgY3k9IjEzNS44IiByPSIxIiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo1LjRzO2FuaW1hdGlvbi1kZWxheToxLjFzIi8+PGNpcmNsZSBjeD0iNTc1LjUiIGN5PSI0MzguOCIgcj0iMSIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246Mi43czthbmltYXRpb24tZGVsYXk6Mi4ycyIvPjxjaXJjbGUgY3g9IjQ5MS41IiBjeT0iMTgyLjMiIHI9IjEuMiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246Mi41czthbmltYXRpb24tZGVsYXk6MS44cyIvPjxjaXJjbGUgY3g9IjY2MS4zIiBjeT0iNjI4LjgiIHI9IjEuNiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My4zczthbmltYXRpb24tZGVsYXk6My4xcyIvPjxjaXJjbGUgY3g9IjEwMS4zIiBjeT0iODc2LjkiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuNHM7YW5pbWF0aW9uLWRlbGF5OjAuNXMiLz48Y2lyY2xlIGN4PSI2Ni4yIiBjeT0iNjk1LjUiIHI9IjEuMiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC43czthbmltYXRpb24tZGVsYXk6NC4xcyIvPjxjaXJjbGUgY3g9Ijk2OS45IiBjeT0iODQyLjUiIHI9IjEuNiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246Mi43czthbmltYXRpb24tZGVsYXk6NC42cyIvPjxjaXJjbGUgY3g9IjEwMDQuNiIgY3k9Ijg4LjciIHI9IjAuOCIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC44czthbmltYXRpb24tZGVsYXk6MC45cyIvPjxjaXJjbGUgY3g9IjM5MS45IiBjeT0iMjQuOCIgcj0iMC44IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjhzO2FuaW1hdGlvbi1kZWxheTowLjRzIi8+PGNpcmNsZSBjeD0iMTA0LjYiIGN5PSI3NjkuMiIgcj0iMS42IiBmaWxsPSIjZjdmOGY1IiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjoyLjJzO2FuaW1hdGlvbi1kZWxheTo1LjBzIi8+PGNpcmNsZSBjeD0iMTMwOS45IiBjeT0iNTU3LjEiIHI9IjAuOCIgZmlsbD0iI2I5ZmYzZiIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My45czthbmltYXRpb24tZGVsYXk6MS4ycyIvPjxjaXJjbGUgY3g9IjIzOS4zIiBjeT0iNTQuMyIgcj0iMSIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NS4zczthbmltYXRpb24tZGVsYXk6My4xcyIvPjxjaXJjbGUgY3g9IjMwMi4zIiBjeT0iNDAyLjIiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjMuMXM7YW5pbWF0aW9uLWRlbGF5OjQuMHMiLz48Y2lyY2xlIGN4PSI2Mi41IiBjeT0iMjYuMiIgcj0iMSIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246My45czthbmltYXRpb24tZGVsYXk6MS4ycyIvPjxjaXJjbGUgY3g9Ijk0NC44IiBjeT0iNTgyLjEiIHI9IjEuNiIgZmlsbD0iI2Y3ZjhmNSIgY2xhc3M9InMiIHN0eWxlPSJhbmltYXRpb24tZHVyYXRpb246NC4wczthbmltYXRpb24tZGVsYXk6NC40cyIvPjxjaXJjbGUgY3g9IjQ0Ny4xIiBjeT0iMTk5LjQiIHI9IjEiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjMuM3M7YW5pbWF0aW9uLWRlbGF5OjQuMnMiLz48Y2lyY2xlIGN4PSI5MTMuMSIgY3k9IjM2Ni4xIiByPSIxLjIiIGZpbGw9IiNiOWZmM2YiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjUuNHM7YW5pbWF0aW9uLWRlbGF5OjQuMnMiLz48Y2lyY2xlIGN4PSI4OTguMSIgY3k9Ijc4NC4zIiByPSIxLjYiIGZpbGw9IiNmN2Y4ZjUiIGNsYXNzPSJzIiBzdHlsZT0iYW5pbWF0aW9uLWR1cmF0aW9uOjIuN3M7YW5pbWF0aW9uLWRlbGF5OjAuNHMiLz48Y2lyY2xlIGN4PSIxMjQ2LjIiIGN5PSI2MDAuMSIgcj0iMS4yIiBmaWxsPSIjYjlmZjNmIiBjbGFzcz0icyIgc3R5bGU9ImFuaW1hdGlvbi1kdXJhdGlvbjo0LjJzO2FuaW1hdGlvbi1kZWxheTozLjVzIi8+PC9zdmc+Cg==") center / cover no-repeat;
}
.content-section--tone-dark > *, body.tiles #footer > * { position: relative; z-index: 1; }
body.tiles #footer { position: relative; }

/* цвета бренда: блоки берут акцент и текст кнопок из ролей темы */
body.brand-colors { --accent-background-color: var(--t-accent); --primary-background-color: var(--t-accent); --button-text-color: var(--t-accent-text); }
/* тёмная плитка: роли, от которых считают цвета блоки (muted, границы) */
.content-section--tone-dark { --secondary-text-color: rgba(247, 248, 245, .66); --color-border: rgba(247, 248, 245, .14); }
.content-section--tone-light, .content-section--tone-accent { --secondary-text-color: #69706d; --color-border: rgba(11, 13, 14, .12); }

/* Секция-плитка уже задаёт тон и ширину: блок внутри не рисует свой фон и не удваивает поля */
body.tiles .content-section--tone-dark [class*="ub-"][class*="--tone-dark"], body.tiles .content-section--tone-light [class*="ub-"][class*="--tone-light"] { background: transparent; }
body.tiles .content-section .page-wrapper .page-wrapper { padding-left: 0; padding-right: 0; max-width: none; width: 100%; }
body.tiles .content-section--tone-dark .ub-hero--tone-dark .ub-btn--primary,
body.tiles .content-section--tone-dark .ub-btn--primary { background: var(--t-accent); color: var(--t-accent-text); border-color: var(--t-accent); }

/* Масштаб плиточной темы: крупные заголовки и читаемый текст блоков (как у лендингов с плитками) */
body.tiles .ub .ub-title { font-weight: 600; letter-spacing: -.03em; line-height: 1.05; font-size: clamp(2rem, 4.4vw, 3.5rem); margin-bottom: 20px; text-wrap: balance; }
body.tiles .ub-hero .ub-title { font-size: clamp(2.6rem, 6vw, 4.6rem); line-height: 1; letter-spacing: -.035em; }
body.tiles .ub .ub-lead { font-size: clamp(1.05rem, 1.5vw, 1.2rem); line-height: 1.65; font-weight: 400; max-width: 40rem; opacity: .78; }
body.tiles .ub-hero--has-bg .ub-hero__body { max-width: 46rem; }
body.tiles .ub-hero--has-bg .ub-hero__body, body.tiles .ub-hero--has-bg .ub-hero__body * { text-shadow: none; }
body.tiles .ub-cta .ub-title { font-size: clamp(2rem, 4.4vw, 3.5rem); }
body.tiles .ub-marquee { border-radius: var(--t-radius, 28px); overflow: hidden; }
body.tiles .ub-stats__value, body.tiles .ub-stat__value { font-size: clamp(2.6rem, 5vw, 4rem); font-weight: 500; letter-spacing: -.03em; }
body.tiles .ub-faq details, body.tiles .ub-faq__item { border-radius: 18px; }

/* Колонка содержимого: ~1100px по центру, как у шапки (кроме бегущей строки, которая на всю плитку) */
body.tiles .content-section:not(:has(.ub-marquee)) > .page-wrapper, body.header-float #header-row-1 > .page-wrapper { max-width: 1152px; margin-inline: auto; }
/* Иллюстрация героя (комета) стоит справа целиком, а не обрезается по высоте */

body.tiles .content-section--tone-dark .ub .ub-title { color: var(--t-light, #f7f8f5); }
body.tiles .content-section--tone-light .ub .ub-title { color: var(--t-dark, #0b0d0e); }
body.tiles .ub-stats__item, body.tiles .ub-feature-section__card, body.tiles .ub-faq__item { border-radius: 28px; }
body.tiles .ub-stats__item:not(.ub-stats__item--accent) { background: #fff; border-color: rgba(11, 13, 14, .06); box-shadow: 0 18px 40px -24px rgba(11, 13, 14, .25); }

body.tiles .content-section--tone-dark .ub-cta--tone-dark .ub-cta__box { background: none; padding-left: 0; padding-right: 0; }
body.tiles #footer .page-wrapper { max-width: 1152px; margin-inline: auto; }
body.tiles .content-section:has(.ub-marquee) > .page-wrapper { max-width: none; padding: 0; }
body.tiles .content-section--tone-accent .ub .ub-title { color: var(--t-dark, #0b0d0e); }

/* Цифры на светлой плитке: тёмные, знак — тёмно-зелёный (лайм на светлом не читается) */
body.tiles :is(.content-section--tone-light, .content-section--tone-accent) .ub-stats__item:not(.ub-stats__item--accent) .ub-stats__value { color: var(--t-dark, #0b0d0e); }
body.tiles :is(.content-section--tone-light, .content-section--tone-accent) .ub-stats__item:not(.ub-stats__item--accent) .ub-stats__affix { color: color-mix(in srgb, var(--t-accent, #b9ff3f) 45%, #1c2a00); }
@media (max-width: 720px) {
    body.tiles .ub-hero--has-bg .ub-hero__bg-img { top: auto; bottom: 0; height: 62%; object-position: center bottom; opacity: .55; -webkit-mask-image: linear-gradient(0deg, #000 40%, transparent 100%); mask-image: linear-gradient(0deg, #000 40%, transparent 100%); }
}

/* Бейдж секции: круг цвета бренда со звездой внутри, плашка белая на светлой плитке и тёмная на тёмной */
body.tiles .ub-eyebrow { padding: 5px 14px 5px 6px; gap: 10px; font-size: .8125rem; font-weight: 500; letter-spacing: 0; text-transform: none; border-radius: 999px; }
body.tiles .content-section--tone-light .ub-eyebrow, body.tiles .content-section--tone-accent .ub-eyebrow { background: #fff; border-color: rgba(11, 13, 14, .06); box-shadow: 0 6px 18px -10px rgba(11, 13, 14, .3); color: var(--t-dark, #0b0d0e); }
body.tiles .content-section--tone-dark .ub-eyebrow { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .1); color: var(--t-light, #f7f8f5); }
body.tiles .ub-eyebrow__dot { width: 22px; height: 22px; background: var(--t-accent, #b9ff3f); position: relative; box-shadow: 0 0 14px color-mix(in srgb, var(--t-accent, #b9ff3f) 55%, transparent); }
body.tiles .ub-eyebrow__dot::after { content: ""; position: absolute; inset: 5px; background: var(--t-accent-text, #0b0d0e); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.4 5.6 11.4 12 12-6.4.6-11.4 5.6-12 12-.6-6.4-5.6-11.4-12-12 6.4-.6 11.4-5.6 12-12z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.4 5.6 11.4 12 12-6.4.6-11.4 5.6-12 12-.6-6.4-5.6-11.4-12-12 6.4-.6 11.4-5.6 12-12z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Колесо: крупнее, подписи лепестков прописными мелким кеглем, у активного лепестка подсветка */
body.tiles .ub-wheel__figure { max-width: 620px; }
body.tiles .ub-wheel__petal text { font-size: 9.5px; letter-spacing: .09em; text-transform: uppercase; font-weight: 500; }
body.tiles .ub-wheel__glabel { font-size: 10.5px; font-weight: 500; }
body.tiles .ub-wheel__petal path { stroke-linejoin: round; }

/* ── Hero: контент у верха, а не по центру экрана; комета справа целиком, края растворены ─────────────────────── */
body.tiles .ub-hero--has-bg { min-height: min(900px, 100svh); }
body.tiles .ub-hero--has-bg .ub-hero__bg-img { left: auto; right: -60px; top: 0; bottom: auto; width: auto; height: 100%; aspect-ratio: 1000 / 900; max-width: none; object-fit: contain;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30%, #000 82%, transparent 100%), linear-gradient(180deg, transparent 0, #000 18%, #000 78%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent 0, #000 30%, #000 82%, transparent 100%), linear-gradient(180deg, transparent 0, #000 18%, #000 78%, transparent 100%);
    mask-composite: intersect; }
@media (max-width: 720px) {
    body.tiles .ub-hero--has-bg .ub-hero__bg-img { left: 0; right: 0; top: auto; bottom: 0; width: 100%; height: 62%; aspect-ratio: auto; object-position: center bottom; opacity: .55; -webkit-mask-image: linear-gradient(0deg, #000 40%, transparent 100%); mask-image: linear-gradient(0deg, #000 40%, transparent 100%); }
}

/* Фон героя на всю плитку (а не в колонке контента): якорь — секция, а не колонка */
body.tiles .content-section:has(.ub-hero--has-bg) { position: relative; }
body.tiles .content-section .ub-hero--has-bg, body.tiles .content-section .ub-hero--has-bg > .page-wrapper { position: static; }
body.tiles .content-section .ub-hero--has-bg .ub-hero__body { position: relative; z-index: 1; }