/* === 1. Убираем фоны у всех контейнеров Tilda === */
html,
body,
.page,
.t-records,
.t-container,
.t-section,
.t-block,
.t-col,
.t-zero-block,
.t704,
.t706,
.t705,
.t702,
.t701,
.t700,
.t707,
.t708,
.t709,
.t703,
.t-store,
[class*="t-"] {
  background: transparent !important;
}

/* === 2. Задаём базовый белый фон для страницы === */
html,
body {
  background: #ffffff !important;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

/* === 3. Создаём слой с сеткой и градиентом === */
body {
  position: relative;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;

  /* Два фона: сначала градиент (прозрачный → белый), затем сетка точек */
  background-image:
    /* Радиальный градиент – от прозрачного в центре вверху до белого по краям */
    radial-gradient(circle at top center, rgba(255,255,255,0) 0%, #ffffff 100%),
    /* Сетка из точек 1px с шагом 40px */
    radial-gradient(circle at 1px 1px, #566D8F 1px, transparent 1px);

  background-size:
    100% 100%,   /* размер для градиента */
    40px 40px;   /* размер для сетки */

  background-repeat:
    no-repeat,   /* градиент не повторяется */
    repeat;      /* сетка повторяется */

  background-position:
    center top,  /* градиент стартует от верхнего центра */
    0 0;         /* сетка стартует с левого верхнего угла */
}