/* Добавляем window container для любых блоков */
.uc-window-view {
  position: relative;
  width: 100vw; /* ширина - вся ширина окна браузера */
  max-width: 100vw;
  padding-left: 40px; /* отступ слева */
  padding-right: 40px; /* отступ справа */
  box-sizing: border-box; /* учёт отступов во всю ширину */
  margin-left: calc(50% - 50vw); /* сдвигает блок влево, чтобы занимать всю ширину экрана */
  margin-right: calc(50% - 50vw);
}

.uc-window-view .t-container {
  max-width: none !important; /* снимаем ограничение ширины контейнера контента */
  width: 100% !important;
  padding: 0 !important; /* убираем внутренние отступы контейнера */
}

/* Если у блока есть фиксированная колоночная сетка внутри (например, .t-col), можно отключить ограничение ширины */
.uc-window-view .t-col {
  max-width: 100% !important;
  width: 100% !important;
}

.uc-window-view .t-col_1  { width: 8.3333% !important; max-width: 8.3333% !important; }
.uc-window-view .t-col_2  { width: 16.6667% !important; max-width: 16.6667% !important; }
.uc-window-view .t-col_3  { width: 25% !important; max-width: 25% !important; }
.uc-window-view .t-col_4  { width: 33.3333% !important; max-width: 33.3333% !important; }
.uc-window-view .t-col_5  { width: 41.6667% !important; max-width: 41.6667% !important; }
.uc-window-view .t-col_6  { width: 50% !important; max-width: 50% !important; }
.uc-window-view .t-col_7  { width: 58.3333% !important; max-width: 58.3333% !important; }
.uc-window-view .t-col_8  { width: 66.6667% !important; max-width: 66.6667% !important; }
.uc-window-view .t-col_9  { width: 75% !important; max-width: 75% !important; }
.uc-window-view .t-col_10 { width: 83.3333% !important; max-width: 83.3333% !important; }
.uc-window-view .t-col_11 { width: 91.6667% !important; max-width: 91.6667% !important; }
.uc-window-view .t-col_12 { width: 100% !important; max-width: 100% !important; }

.uc-window-view .t-col_1,
.uc-window-view .t-col_2,
.uc-window-view .t-col_3,
.uc-window-view .t-col_4,
.uc-window-view .t-col_5,
.uc-window-view .t-col_6,
.uc-window-view .t-col_7,
.uc-window-view .t-col_8,
.uc-window-view .t-col_9,
.uc-window-view .t-col_10,
.uc-window-view .t-col_11,
.uc-window-view .t-col_12 {
  box-sizing: border-box;
}

.uc-window-view .t778__row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.uc-window-view .t778__col {
  flex: 0 0 calc(25% - 40px);    /* desktop: 4 колонки */
  max-width: calc(25% - 40px);
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .uc-window-view .t778__col {
    flex-basis: calc(50% - 40px); /* планшет: 2 колонки */
    max-width: calc(50% - 40px);
  }
}

@media (max-width: 600px) {
  .uc-window-view .t778__col {
    flex-basis: 100%;           /* мобильный: 1 колонка */
    max-width: 100%;
  }
}


/* При необходимости можно добавить адаптивность */
@media screen and (max-width: 1440px) {
  .uc-window-view {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 640px) {
  .uc-window-view {
    padding-left: 0;
    padding-right: 0;
  }
}