/* ==========================================================================
   Оформление блоков конструктора под mativas.by (не входит в модуль — при обновлении модуля не затирается).
   Графит + красный логотипа. Без «панельности»: карточки без рамок и теней, иконки без плашек, прайс — строками,
   letter-spacing не используем. Подключает Constructor.php последним — правила перекрывают blocks/*.css.
   ========================================================================== */
.cb-page {
    --cb-btn-radius: 6px;
    --cb-radius: 6px;
    --mv-ink: #121417;
    --mv-red: #F33F2E;
}
.cb-page .cb-tone--light, .cb-page .cb-on-light {--cb-card-border: transparent; --cb-card-shadow: none}
.cb-page .cb-tone--dark, .cb-page .cb-on-dark {--cb-card-border: transparent; --cb-card-shadow: none}
.cb-page .cb-bg--dark {background-color: var(--mv-ink)}

/* ---- Заголовки ---- */
.cb-page :is(h1, h2, h3, .cb-title__h, .cb-banner__title, .cb-page-header__title, .cb-tile__name, .cb-stats__value) {letter-spacing: 0}
.cb-page .cb .cb-title__h {font-weight: 800; line-height: 1.1}
.cb-page .cb .cb-banner__title {font-weight: 800; line-height: 1.05}
.cb-page .cb-banner--hero .cb-banner__title {font-size: clamp(36px, 4.6vw, 66px); max-width: 13em}
.cb-page .cb h3 {font-weight: 700}
.cb-page .cb-title__eyebrow::before, .cb-page .cb-banner__eyebrow::before {content: none}
.cb-page .cb-banner__eyebrow, .cb-page .cb-title__eyebrow {font-size: 15px; font-weight: 700; color: var(--cb-primary)}
.cb-page :is(.cb-on-dark, .cb-tone--dark) :is(.cb-banner__eyebrow, .cb-title__eyebrow) {color: #ff7a6b}

/* ---- Первый экран: красная полоса снизу (как трасса на старом баннере), пункты — красные галочки ---- */
.cb-page > section.cb--banner.cb-width--full:first-of-type {position: relative}
.cb-page > section.cb--banner.cb-width--full:first-of-type::after {content: ""; position: absolute; left: 0; bottom: 0; z-index: 3; width: min(42%, 560px); height: 5px; background: var(--mv-red)}
.cb-page .cb-banner__points li {font-weight: 600}
.cb-page .cb-banner__text {font-size: 18px}
.cb-page .cb-on-dark .cb-banner__price b {color: #ff7a6b}

/* ---- Кнопки ---- */
.cb-page .cb-btn {font-weight: 700}
.cb-page .cb-btn--primary:hover {box-shadow: 0 10px 24px rgba(227, 49, 31, .35)}
.cb-page :is(.cb-on-dark, .cb-tone--dark) .cb-btn--light {border: 1px solid rgba(255, 255, 255, .6); background: transparent; color: #fff}
.cb-page :is(.cb-on-dark, .cb-tone--dark) .cb-btn--light:hover {border-color: #fff; background: #fff; color: var(--mv-ink)}

/* ---- Плитки услуг: стрелка без белого кружка, затемнение снизу; 7 плиток в мозаике — последняя на 2 колонки ---- */
.cb-page .cb-tile__go {background-color: transparent; border: 1px solid rgba(255, 255, 255, .6); filter: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.cb-page .cb-tile:hover .cb-tile__go {background-color: var(--cb-primary); border-color: var(--cb-primary)}
.cb-page .cb-tile::before {background: linear-gradient(180deg, rgba(10, 11, 13, 0) 35%, rgba(10, 11, 13, .82) 100%)}
.cb-page .cb .cb-tile__name {font-weight: 700}
@media (min-width: 992px) {
    .cb-page .cb-tiles--4 > :nth-child(7):last-child {grid-column: span 3}
    .cb-page .cb-tiles--3 > :nth-child(3n + 1):last-child {grid-column: 1 / -1}
    .cb-page .cb-tiles--3 > :nth-child(3n + 2):last-child {grid-column: span 2}
    .cb-page .cb-tiles--2 > :nth-child(2n + 1):last-child {grid-column: 1 / -1}
}
@media (min-width: 576px) and (max-width: 991px) {
    .cb-page .cb-tiles > :nth-child(2n + 1):last-child {grid-column: 1 / -1}
}

/* ---- Прайс: группы без карточек — строки с точками на фоне секции ---- */
.cb-page .cb-tablePrice__group {padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none}
.cb-page .cb-tablePrice__groups--multi {column-gap: clamp(40px, 5vw, 80px); row-gap: 36px}
.cb-page .cb .cb-tablePrice__group-name {padding-bottom: 12px; border-bottom: 3px solid var(--cb-primary); display: inline-block}

/* ---- Иконки без плашек; списки — строками ---- */
.cb-page .cb-icon-box {background: none; width: auto; height: auto; color: var(--cb-accent)}
.cb-page .cb-infoblock--list .cb-infoblock__item {border-top-color: rgba(0, 0, 0, .1)}
.cb-page .cb-tone--dark .cb-infoblock--list .cb-infoblock__item {border-top-color: rgba(255, 255, 255, .12)}
.cb-page .cb-infoblock--list .cb-infoblock__item--no-icon .cb-infoblock__name::before {content: ""; display: block; width: 28px; height: 3px; margin-bottom: 12px; background: var(--cb-primary)}
.cb-page .cb-infoblock--list .cb-infoblock__item--no-icon {border-top: 0}

/* ---- Списки в тексте: красные короткие тире вместо точек ---- */
.cb-page .cb--textContent .cb-text ul, .cb-page .cb--textContent ul {padding-left: 0; list-style: none}
.cb-page .cb--textContent li {position: relative; padding-left: 26px; margin-bottom: 8px}
.cb-page .cb--textContent li::before {content: ""; position: absolute; left: 0; top: .78em; width: 14px; height: 3px; background: var(--cb-primary)}

/* ---- Цифры ---- */
.cb-page .cb .cb-stats__value {font-weight: 800}
.cb-page :is(.cb-on-dark, .cb-tone--dark) .cb-stats__value {color: #fff}
.cb-page :is(.cb-on-dark, .cb-tone--dark) :is(.cb-stats__prefix, .cb-stats__suffix) {color: var(--mv-red)}

/* ---- Этапы: номер — красным, без кружков ---- */
.cb-page .cb-steps__label, .cb-page .cb-workSteps__label {background: none; color: var(--cb-primary); font-weight: 800}

/* ---- Контакты: иконки без плашек ---- */
.cb-page .cb-contacts__item::before {background: none}
.cb-page .cb-contacts__item {grid-template-columns: 30px minmax(0, 1fr); column-gap: 14px}
.cb-page .cb-contacts__item::before, .cb-page .cb-contacts__item::after {width: 30px; height: 30px}

/* ---- Форма на фото: карточка формы без скругления-«пузыря», значки красным ---- */
.cb-page .cb--formfeedback .cb-icon-box, .cb-page .cb-form__feature-icon {color: var(--mv-red)}

/* ---- Этапы: без карточек-подложек — номер, линия и текст на фоне секции ---- */
.cb-page .cb-worksteps--cards .cb-worksteps__item, .cb-page .cb-worksteps--timeline .cb-worksteps__body {background: none; border: 0; box-shadow: none}
.cb-page .cb-worksteps--cards .cb-worksteps__item {padding: 0}
.cb-page .cb-worksteps--timeline .cb-worksteps__body {padding: 8px 0 0}
.cb-page .cb-worksteps .cb-card--hover:hover {transform: none; box-shadow: none}
@media (min-width: 992px) {
    .cb-page .cb-worksteps--timeline .cb-worksteps__item:not(.cb-worksteps__item--even) .cb-worksteps__body {text-align: right}
}