/* Фиксированный фон на весь экран */
.custom-background {
    position: fixed; /* Фиксируем фон */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* На всю высоту экрана */
    background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
    z-index: -1; /* Фон позади всего */
    pointer-events: none; /* Чтобы клики проходили сквозь фон */
}

/* Сетка (клеточка) в верхней части */
.custom-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh; /* Высота области с сеткой */
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.5;
}

/* Важно: контент Tilda должен быть поверх фона */
.t-records {
    position: relative;
    z-index: 1;
    background: transparent; /* Убедитесь, что у блоков нет своего фона */
}