/* ═══ NIO Badge Wall ═══
   Десктоп: сетка (--bw-cols колонок).
   ≤1024: слайдер с буллетами, бесконечная петля (клоны + трансформация, JS). */
.nio-bw{ width: 100%; box-sizing: border-box; }
.nio-bw *, .nio-bw *::before, .nio-bw *::after{ box-sizing: border-box; }

.nio-bw__viewport{ width: 100%; }

/* десктоп — сетка */
.nio-bw__track{
    display: grid;
    grid-template-columns: repeat(var(--bw-cols, 5), minmax(0, 1fr));
    gap: var(--bw-gap, 24px);
}

.nio-bw__card{
    background-color: var(--bw-cardbg, #fff);
    border-radius: 2px;
    padding: 36px 16px 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nio-bw__icon{ margin-bottom: 24px; line-height: 0; }
.nio-bw__icon img{ width: 48px; height: auto; display: block; }
.nio-bw__title{
    margin: 0 0 6px;
    color: var(--bw-tc, #1d1d1f);
    font-size: 16px; font-weight: 600; line-height: 1.3;
}
.nio-bw__desc{
    margin: 0;
    color: var(--bw-dc, #6b6b6b);
    font-size: 14px; line-height: 1.45;
}

/* буллеты — только ≤1024 */
.nio-bw__dots{ display: none; }
.nio-bw__dot{
    width: 7px; height: 7px;
    border: 0; padding: 0;
    border-radius: 50%;
    background-color: #c9c9ce;
    cursor: pointer;
    transition: background-color .2s ease;
}
.nio-bw__dot.is-active{ background-color: #3a3a3a; }

/* ── Слайдер (≤1024) ─────────────────────────────────── */
@media (max-width: 1024px){
    .nio-bw__viewport{ overflow: hidden; }
    .nio-bw__track{
        display: flex;
        grid-template-columns: none;
        gap: var(--bw-gap, 14px);
        will-change: transform;
    }
    .nio-bw__card{ flex: 0 0 var(--bw-cardw, 72%); }
    .nio-bw__dots{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 22px;
        flex-wrap: wrap;
    }
}