:root {
  overscroll-behavior: none;
}

body, .t-body {
    padding-bottom: env(safe-area-inset-bottom);
    margin-bottom: -env(safe-area-inset-bottom);
}

/* =====================================================
   DESKTOP MENU (fixed header)
   ===================================================== */

#nav1774318051{
  background: rgba(38,40,45,0.55) !important;

  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;

  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important;
}

/* after scroll / forced states */
#nav1774318051.t-menu-base__bgcolor_transparent,
#nav1774318051.t-menu-base__bgcolor_transparent.t-menu-base__bgcolor-fixed,
#nav1774318051[data-bgcolor-rgba-afterscroll]{
  background: rgba(38,40,45,0.70) !important;

  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
}

/* desktop links (ТОЛЬКО ТЕКСТ МЕНЮ) */
#nav1774318051 .t-menu__link-item{
  color: rgba(255,255,255,0.92) !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.25) !important;
}

/* =====================================================
   MOBILE HEADER (TOP BAR)
   ===================================================== */

@media screen and (max-width:960px){

  .t1272 .tmenu-mobile{
    background: rgba(38,40,45,0.55) !important;

    -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
    backdrop-filter: blur(16px) saturate(140%) !important;

    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
  }

  .t1272 .tmenu-mobile__container{
    background: transparent !important;
  }

  /* hover ТОЛЬКО для области бургера, без иконок */
  .t1272 .t-menu-burger:hover{
    background: rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
  }
}

/* =====================================================
   MOBILE SLIDE MENU (OPENED BURGER)
   ===================================================== */

@media screen and (max-width:960px){

  .t1272 #nav1774318051.tmenu-mobile__menucontent_fixed{
    background: rgba(25,26,30,0.65) !important;

    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;

    border-left: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: -10px 0 30px rgba(0,0,0,0.40) !important;
  }

  /* mobile links (только пункты меню) */
  .t1272 #nav1774318051 .t-menu__link-item{
    color: rgba(255,255,255,0.95) !important;
    text-shadow: 0 1px 10px rgba(0,0,0,0.35) !important;
  }
}

/* =====================================================
   SAFARI / iOS FALLBACK (NO BLUR)
   ===================================================== */

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  #nav1774318051,
  .t1272 .tmenu-mobile,
  .t1272 #nav1774318051.tmenu-mobile__menucontent_fixed{
    background: rgba(38,40,45,0.92) !important;
  }
}
