/* Цифры и факты (views/constructor/stats.php). Виды: row (цифры в ряд с разделителями), media (текст слева, плитки 2×2 справа). */
.cb-stats__list {margin: 0; padding: 0; list-style: none}
.cb-stats__item {min-width: 0}
.cb-stats__value {margin: 0; color: var(--cb-heading); font-size: clamp(38px, 4.2vw, 58px); font-weight: 800; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums lining-nums; overflow-wrap: normal}
.cb-stats__figure {display: inline}
.cb-stats__value--long .cb-stats__figure {font-size: .76em}
.cb-stats__value--xlong .cb-stats__figure {font-size: .6em}
.cb-stats__num {display: inline-block}
.cb-stats__affix {color: var(--cb-accent)}
.cb-stats__affix--word {font-size: .5em; font-weight: 700; letter-spacing: 0}
.cb .cb-stats__label {margin: 14px 0 0; overflow-wrap: anywhere; color: var(--cb-heading); font-size: 17px; font-weight: 700; line-height: 1.35}
.cb .cb-stats__desc {margin: 6px 0 0; overflow-wrap: anywhere; color: var(--cb-fg-muted); font-size: 14px; line-height: 1.55}
.cb .cb-stats__value + .cb-stats__desc {margin-top: 14px}

/* ---- Цифры в ряд: вертикальные разделители; у первой колонки линия (и отступ при выравнивании слева) срезаны ---- */
.cb-stats--row {--cb-stats-pad: clamp(18px, 2.6vw, 40px); overflow: hidden}
.cb .cb-stats__list--row {display: grid; grid-template-columns: repeat(var(--cb-stats-cols, 4), minmax(0, 1fr)); row-gap: clamp(28px, 3vw, 44px); margin-left: calc(-1px - var(--cb-stats-pad))}
.cb .cb-stats--center .cb-stats__list--row {margin-left: -1px; text-align: center}
.cb-stats__list--2 {--cb-stats-cols: 2}
.cb-stats__list--3 {--cb-stats-cols: 3}
.cb-stats__list--4 {--cb-stats-cols: 4}
.cb-stats__list--row .cb-stats__item {padding: 4px var(--cb-stats-pad); border-left: 1px solid var(--cb-line)}
.cb-stats--row + .cb-actions {margin-top: clamp(32px, 3.4vw, 48px)}
@supports (container-type: inline-size) {
    .cb-stats__list--row .cb-stats__item {container-type: inline-size}
    .cb-stats__list--row .cb-stats__value {font-size: clamp(32px, 23cqi, 60px)}
}

/* ---- Текст и цифры ---- */
.cb-stats--media {display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 80px); align-items: center}
.cb-stats--solo {grid-template-columns: minmax(0, 1fr)}
.cb-stats__side .cb-title {margin-bottom: 0}
.cb-stats__side .cb-title + .cb-stats__text {margin-top: 24px}
.cb-stats__side .cb-actions {margin-top: 32px}
.cb-stats__list--tiles {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 22px)}
.cb-stats--solo .cb-stats__list--tiles {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.cb-stats__list--tiles .cb-stats__item {position: relative; padding: clamp(22px, 2.4vw, 32px); overflow: hidden; background: var(--cb-card-bg); border: 1px solid var(--cb-card-border); border-radius: var(--cb-radius); box-shadow: var(--cb-card-shadow)}
.cb-stats__list--tiles .cb-stats__item::before {content: ""; position: absolute; left: 0; top: clamp(22px, 2.4vw, 32px); width: 3px; height: 40px; border-radius: 0 3px 3px 0; background: var(--cb-accent)}
.cb-stats__list--tiles .cb-stats__value {font-size: clamp(34px, 3.4vw, 48px)}
@supports (container-type: inline-size) {
    .cb-stats__list--tiles .cb-stats__item {container-type: inline-size}
    .cb-stats__list--tiles .cb-stats__value {font-size: clamp(30px, 23cqi, 50px)}
}

@media (max-width: 991px) {
    .cb-stats__list--4 {--cb-stats-cols: 2}
    .cb-stats--media {grid-template-columns: minmax(0, 1fr)}
}
@media (max-width: 575px) {
    .cb-stats__list--3 {--cb-stats-cols: 2}
    .cb-stats--solo .cb-stats__list--tiles {grid-template-columns: repeat(2, minmax(0, 1fr))}
    .cb-stats--row {--cb-stats-pad: 16px}
    .cb .cb-stats__label {margin-top: 10px; font-size: 15px}
    .cb .cb-stats__desc {font-size: 13px}
    .cb-stats__list--tiles .cb-stats__item {padding: 20px 16px}
    .cb-stats__list--tiles .cb-stats__item::before {top: 20px; height: 32px}
}