@media screen and (max-width: 960px) {
    .t-col {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.t1196__slider.t1196__slider_width_12 {
    --column-width: 60px;
    --column-gap: 40px;
    --container-max-width: calc(var(--column-width) * 12 + var(--column-gap) * 11);
    --container-width: min(calc(100% - 20px), var(--container-max-width));
    --padding-left: 10px;
    --padding-right: 10px;
}

@media (min-width: 960px) {
    .t1196__slider.t1196__slider_width_12 {
        --container-width: min(calc(100% - 160px), var(--container-max-width));
        --padding-left: 80px;
        --padding-right: 80px;
    }
}

:root {
    --gap-inner: 12px;