/* === Блюр шапки и мобильного меню === */
:root {
  --menu-blur: 15px;                  /* степень размытия */
  --menu-bg: rgba(16, 0, 0, 0.5);     /* цвет и прозрачность */
}

/* === Десктопная шапка t228 === */
#rec1425274791 .t228 {
  background-color: var(--menu-bg) !important;
  backdrop-filter: blur(var(--menu-blur)) !important;
  -webkit-backdrop-filter: blur(var(--menu-blur)) !important;
}

/* Подстраховка: если фон задаётся через ::before */
#rec1425274791 .t228::before {
  background-color: var(--menu-bg) !important;
  backdrop-filter: blur(var(--menu-blur)) !important;
  -webkit-backdrop-filter: blur(var(--menu-blur)) !important;
}

/* === Мобильное меню t228 === */
@media (max-width: 980px) {
  #rec1425274791 .tmenu-mobile__menucontent {
    background-color: var(--menu-bg) !important;
    backdrop-filter: blur(var(--menu-blur)) !important;
    -webkit-backdrop-filter: blur(var(--menu-blur)) !important;
    z-index: 9999 !important;
  }

  /* Убираем фоны внутри мобильного меню */
  #rec1425274791 .tmenu-mobile__menucontent .tmenu-mobile__menu,
  #rec1425274791 .tmenu-mobile__menucontent .tmenu-mobile__menubg,
  #rec1425274791 .tmenu-mobile__menucontent .tmenu__container {
    background: transparent !important;
  }
}

/* Исправление для iOS (чтобы блюр не глючил при скролле) */
#rec1425274791 .t228 {
  -webkit-transform: translateZ(0);
}