/* Гейт поверх страницы */
#rec1793090761{
  position: fixed !important;
  inset: 0;
  z-index: 999999;
  display: block;
}

/* После прохождения — скрыть гейт */
html.gate-open #rec1793090761{
  display: none !important;
}

/* Canvas поверх artboard */
#rec1793090761 .t396__artboard{ position: relative; }

#rec1793090761 #gateCanvasWrap{
  position:absolute;
  inset:0;
  z-index:9999;
  pointer-events:auto;
}

#rec1793090761 #gateCanvas{
  width:100%;
  height:100%;
  display:block;
  pointer-events:auto;
  touch-action:none;
}

/* Все элементы внутри гейта не ловят ввод (кроме skip) */
#rec1793090761 .tn-elem{ pointer-events:none; }

#rec1793090761 .gate-skip{
  pointer-events:auto !important;
  position:relative;
  z-index:10000 !important;
}



/* Гасим системные жесты/overscroll внутри гейта (важно для Telegram in-app) */
#rec1793090761, 
#rec1793090761 *{
  overscroll-behavior: none !important;
}

#rec1793090761 #gateCanvas,
#rec1793090761 #gateCanvasWrap{
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}




/* Меню скрыто по умолчанию */
#rec1811382011{
  display: none !important;
}

/* Показываем меню только когда открыт любой попап */
body.popupnav-on #rec1811382011{
  display: block !important;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 99999999 !important;

  /* ключ: сам блок НЕ ловит клики */
  pointer-events: none !important;
}

/* Но кликаются только пункты меню */
body.popupnav-on #rec1811382011 .menu-link,
body.popupnav-on #rec1811382011 .menu-link *{
  pointer-events: auto !important;
  cursor: pointer;
}

/* =================================================
   РАБОТАЕТ ТОЛЬКО НА ЭКРАНАХ ≤ 680px
================================================= */
@media screen and (max-width: 680px){

  /* ================================
     КАРТОЧКИ
  ================================ */

  .m-card{
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .25s ease !important;
  }

  body.cards-1 .m-card[data-card="1"],
  body.cards-2 .m-card[data-card="2"],
  body.cards-3 .m-card[data-card="3"]{
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* ================================
     МЕНЮ — подсветка ТОЛЬКО активного SHAPE
  ================================ */

  body.cards-1 .m-switch[data-switch="1"][data-elem-type="shape"] .tn-atom,
  body.cards-2 .m-switch[data-switch="2"][data-elem-type="shape"] .tn-atom,
  body.cards-3 .m-switch[data-switch="3"][data-elem-type="shape"] .tn-atom{
    background-color: #B54820 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    transition: background-color .25s ease !important;
  }
}