/* базовая прозрачность страницы (как было) */
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);
}