/* базовая прозрачность страницы (как было) */
html, body, .t-body { background: transparent !important; }
#allrecords, .t-records { background: transparent !important; }

/* ХОЛОДНЫЙ «LIQUID GLASS» ФОН: белые переливы + холодная бирюза */
#allrecords::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  /* порядок важен: сначала блики (верхние слои), затем бирюза, затем подложка */
  background:

    /* белый блик сверху слева (мягкая подсветка стекла) */
    radial-gradient(1200px 900px at 0% 0%,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.55) 40%,
      rgba(255,255,255,0.10) 75%,
      rgba(255,255,255,0) 95%),

    /* диагональная белая «полоса»-перелив (как на iOS) */
    radial-gradient(1600px 700px at 20% 30%,
      rgba(255,255,255,0.60) 0%,
      rgba(255,255,255,0.22) 35%,
      rgba(255,255,255,0) 70%),

    /* холодная БИРЮЗА (смещена к центру) — ослабили насыщенность */
    radial-gradient(2000px 1500px at 50% 48%,
      rgba(130,210,255,0.32) 0%,   /* было 0,55 — сделали ~0,32 */
      rgba(130,210,255,0.18) 52%,
      rgba(130,210,255,0.08) 80%,
      rgba(130,210,255,0) 100%),

    /* лёгкая голубая «дымка» снизу (для глубины, без фиолета) */
    radial-gradient(3600px 2600px at 70% 100%,
      rgba(110,190,255,0.22) 0%,
      rgba(110,190,255,0.10) 55%,
      rgba(110,190,255,0) 90%),

    /* светлый белый блик справа (тонкий перелив посередине борта) */
    radial-gradient(900px 700px at 100% 50%,
      rgba(255,255,255,0.35) 0%,
      rgba(255,255,255,0.12) 45%,
      rgba(255,255,255,0) 85%),

    /* очень мягкая холодная виньетка, чтобы центр читался, без «грязи» */
    radial-gradient(140% 110% at 50% 50%,
      rgba(0,30,80,0) 60%, rgba(0,30,80,0.06) 100%),

    /* базовая «ледяная» подложка без дыр */
    linear-gradient(180deg, #F9FCFF 0%, #ECF4FF 100%);

  background-repeat: no-repeat;
  background-attachment: fixed, fixed, fixed, fixed, fixed, fixed, fixed;
  background-size: cover, cover, cover, cover, cover, cover, cover;
}

/* Только пункты меню: элементы с классом uc-nav */
#rec1285348881 .uc-nav .tn-atom{
  position: relative !important;
  display: inline-block !important;
  z-index: 1;
}

/* Рисуем стеклянную капсулу НЕ меняя ширину текста */
#rec1285348881 .uc-nav .tn-atom::before{
  content:"";
  position:absolute;
  left:-20px; right:-20px;   /* увеличиваем ширину */
  top:-10px; bottom:-10px;   /* увеличиваем высоту */
  border-radius:18px;        /* чуть больше скругление, ближе к iOS */

  background: rgba(255,255,255,0.15);
  border:1px solid rgba(255,255,255,0.35);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.25),
    0 4px 12px rgba(0,0,0,0.20); /* более мягкая тень */
  transition: all .25s ease;
  z-index:-1;
  pointer-events:none;
}

/* Ссылка внутри — просто цвет/без подчёркиваний */
#rec1285348881 .uc-nav .tn-atom a{
  color:#0F172A !important;
  text-decoration:none !important;
}

/* Ховер — подсветить капсулу */
#rec1285348881 .uc-nav .tn-atom:hover::before{
  background: rgba(255,255,255,0.28);
  border-color: rgba(255,255,255,0.5);
  transform: translateY(-1px);
}

/* Выпадающее меню "Каталог" — стеклянный стиль */
.t978__menu li ul {
  background: rgba(255, 255, 255, 0.15) !important;  /* прозрачный фон */
  border-radius: 14px;                               /* закруглённые углы */
  backdrop-filter: blur(18px);                       /* размытие фона */
  -webkit-backdrop-filter: blur(18px);               /* Safari */
  border: 1px solid rgba(255, 255, 255, 0.35);       /* светлая рамка */
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.25),
              0 4px 12px rgba(0,0,0,0.25);           /* объём */
  padding: 12px 0 !important;                        /* немного воздуха */
  transition: all 0.3s ease;
}

/* Пункты меню внутри */
.t978__menu li ul li a {
  background: transparent !important;
  color: #000 !important;                            /* чёрный текст */
  padding: 10px 18px !important;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Подсветка при наведении */
.t978__menu li ul li a:hover {
  background: rgba(255,255,255,0.25) !important;
  border-radius: 8px;
}

/* Стеклянные кнопки — только для элементов с классом uc-glass */
.uc-glass {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.25),
    0 4px 12px rgba(0,0,0,0.20);
  color: #0F172A !important;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* Подсветка при наведении */
.uc-glass:hover {
  background: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.25),
    0 6px 14px rgba(0,0,0,0.25);
}

/* Эффект клика — утапливается */
.uc-glass:active {
  transform: translateY(1px) scale(0.98);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.3),
    0 2px 6px rgba(0,0,0,0.15);
}

/* =======================
   ME403 (моб. меню) — без чёрного фона,
   видно твой глобальный градиент #allrecords::before
   ======================= */

/* 1) Убираем затемняющий оверлей */
#rec1285348891 .t403__overlay,
#rec1285348891 .t403__overlay_bg{
  background: transparent !important;
  opacity: 0 !important;
}

/* 2) Панель меню прозрачная (вариант А — полностью прозрачная) */
#rec1285348891 .t403__menu{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 2b) Если хочешь «стекло» (вариант B — раскомментируй):
#rec1285348891 .t403__menu{
  background: rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.28);
}
*/

/* 3) Текст/ссылки (подстрой под свой фон) */
#rec1285348891 .t403 .t-menu__link-item,
#rec1285348891 .t403__right_descr,
#rec1285348891 .t403__right_descr a{
  color:#0F172A !important;           /* если фон тёмный — поставь #fff */
}

/* 4) Кнопка закрытия без белого квадрата */
#rec1285348891 .t403__close-button{
  background: transparent !important;
}

/* 5) На случай инлайновых стилей — принудительно обнуляем цвет фона */
#rec1285348891 .t403[style],
#rec1285348891 .t403__menu[style],
#rec1285348891 .t403__overlay_bg[style]{
  background: transparent !important;
}

/* 6) Чтобы меню сразу занимало весь экран и не «доезжало» только внизу */
#rec1285348891 .t403__container,
#rec1285348891 .t403__menuwrapper{
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* =======================
   Запасной блок: если вдруг используется T450
   (можно оставить — не мешает)
   ======================= */
#rec1285348891 .t450__overlay_bg{ background:transparent!important; opacity:0!important; }
#rec1285348891 .t450{ background:transparent!important; box-shadow:none!important; }
#rec1285348891 .t450__close-button{ background:transparent!important; }
#rec1285348891 .t450__container{ height:100vh; overflow-y:auto; -webkit-overflow-scrolling:touch; }

#me403 {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /* во всю высоту экрана */
  z-index: 9999; /* поверх всего */
}

#me403 .t450__container, 
#me403 .t450__overlay,
#me403 {
  background: linear-gradient(135deg, #2a2a72, #009ffd) !important; /* пример */
  background-size: cover;
  background-attachment: fixed;
}

#me403 {
  position: fixed !important;
}