/* === 1. ПОДНИМАЕМ ГЛОБАЛЬНУЮ ШАПКУ НАД ВСЕМ САЙТОМ === */
#t-header {
    position: relative !important;
    z-index: 99999999 !important; /* Выше этого только звезды */
}

/* === 2. СТРАХОВКА: ПОДНИМАЕМ САМ БЛОК ХЕДЕРА === */
#rec1952385801,
#rec2140237501 {
    position: relative !important;
    z-index: 99999999 !important;
}

/* === 3. ОПУСКАЕМ КОНТЕНТ СТРАНИЦЫ === */
#allrecords {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
}

/* === 4. ПРИНУДИТЕЛЬНО ОПУСКАЕМ ПРОБЛЕМНЫЕ БЛОКИ === */
#rec2077967501,
#rec1963100041,
#rec2131660851 {
    position: relative !important;
    z-index: 0 !important; 
}

/* === 5. ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ И БАЗОВЫЕ НАСТРОЙКИ === */
:root {
  --brand-cyan: 20, 222, 255;
  --brand-pink: 254, 27, 187;
  --brand-violet: 172, 29, 253;
  --brand-blue: 54, 67, 255;

  --bg-base: #f5f7ff; 
  --bg-soft: #f4f7ff;
  --bg-lilac: #faf6ff;
  --text-main: #2a3150;
}

html,
body {
  min-height: 100%;
}

body {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background-color: var(--bg-base); 
  color: var(--text-main);
}

/* Фоновый слой */
#tilda-site-bg {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.t-records {
  position: relative;
  z-index: 1;
}

/* Частицы */
#particles-js {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Принудительно применяем глобальный шрифт */
.plazma-carousel,
.plazma-carousel *,
.price-list-wrapper,
.price-list-wrapper *,
#dynamic-price-list * {
  font-family: 'Jost', Arial, sans-serif !important;
}

/* === 6. ГЛОБАЛЬНЫЙ КЛАСС АНИМИРОВАННОГО ГРАДИЕНТА === */

/* Главный контейнер */
.uc-animated-gradient {
    position: relative !important;
    overflow: hidden !important; 
    background-color: transparent !important;
    background-image: none !important;
    z-index: 1 !important; 
}

/* === БРОНЕБОЙНАЯ ОЧИСТКА ФОНА (ФИКС ДЛЯ МОБИЛОК) === */
/* Добавили #allrecords, чтобы математически перебить ID-шники Тильды */
#allrecords .uc-animated-gradient,
#allrecords .uc-animated-gradient .t396__carrier,
#allrecords .uc-animated-gradient .t396__filter,
#allrecords .uc-animated-gradient .t-cover__carrier,
#allrecords .uc-animated-gradient .t-cover__filter,
#allrecords .uc-animated-gradient .t-menu-base__maincontainer,
#allrecords .uc-animated-gradient .t-menu-base__wrapper,
#allrecords .uc-animated-gradient .t-menu-base__leftwrapper,
#allrecords .uc-animated-gradient .t-menu-base__list,
#allrecords .uc-animated-gradient .t-menu__list,
#allrecords .uc-animated-gradient [data-bgcolor-setbyscript] {
    background-color: transparent !important;
    background-image: none !important;
}

/* Градиентный фон */
.uc-animated-gradient::before {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%; 
    background: 
        radial-gradient(circle at 10% 20%, #FE1BBB 0%, transparent 50%),
        radial-gradient(circle at 90% 15%, #14DEFF 0%, transparent 50%),
        radial-gradient(circle at 50% 40%, #D18CFF 0%, transparent 60%),
        radial-gradient(circle at 80% 80%, rgba(255,255,255,0.3) 0%, transparent 40%),
        #D18CFF;
    background-size: 200% 200%;
    animation: meshFlow 15s ease-in-out infinite alternate;
    z-index: 0 !important; 
    pointer-events: none; 
}

/* Поднимаем контент (меню, тексты) над градиентом */
.uc-animated-gradient .t-container, 
.uc-animated-gradient .t396__artboard,
.uc-animated-gradient .t396__elemaw {
    position: relative !important;
    z-index: 2 !important; 
}

/* Математика движения */
@keyframes meshFlow {
    0% { background-position: 0% 0%; }
    100% { background-position: 100% 100%; }
}