/* 
@media (max-width:1024px){
  .elementor-widget-lqd-menu,
  .elementor-widget-lqd-menu *{
    -webkit-mask-image: none !important;
    mask-image: none !important;
    clip-path: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  #menu-primary li::before,
  #menu-primary li::after{ content: none !important; display: none !important; }

  .lqd-menu-wrap,
  #menu-primary,
  #menu-primary li,
  #menu-primary .lqd-menu-link{
    position: relative !important;
    z-index: 2147483647 !important;
  }

  #menu-primary .lqd-menu-link,
  #menu-primary .lqd-menu-link *{
    color: #ffffff !important;              
    -webkit-text-fill-color: currentColor !important;
    font: 600 16px/1.4 system-ui, -apple-system, Arial, sans-serif !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: none !important;
    text-shadow: none !important;
    transform: none !important;
  }
} */
 
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* по умолчанию текст спрятан */
.ca-text {
    font-size: 1vw;
    cursor: pointer;
  opacity: 0;
  transform: translateY(20px);
  display: inline-block; /* чтобы transform работал на отдельный элемент */
}

/* когда добавлен класс .animate — запускается анимация */
.ca-text.animate {
  animation: fadeUp 0.6s ease forwards;
}
@media (max-width:1024px){
  .lqd-togglable-trigger.hidden{ display:flex !important; }

  /* Панель: ширина = содержимому, но не больше 92vw */
  #mf-panel{
    position: fixed;
    /* top задаём из JS через --mfTop */
    top: var(--mfTop, 64px);
    left: 0;                       /* перезапишем в JS точным значением */
    z-index: 2147483647;

    /* интринсик-сайзинг */
    width: max-content;            /* ширина по контенту */
    max-width: min(92vw, 520px);   /* ограничение на мобилке */
    box-sizing: border-box;

    /* визуал */
    background: #000000;              /* сменить на #111 и ссылки #fff — для тёмной темы */
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);

    max-height: min(75vh, 520px);
    overflow: auto;
    padding: 10px 14px;

    /* плавное открытие */
    opacity: 0;
    transform-origin: top left;
    transform: translateY(-10px) scaleY(.96);
    transition: opacity .22s ease, transform .22s ease;
    will-change: opacity, transform;

    /* не блокируем клики, пока скрыто */
    pointer-events: none;
  }
  #mf-panel.mf-open{
    opacity: 1;
    transform: translateY(0) scaleY(1);
    pointer-events: auto;
  }

  #mf-panel ul{ list-style:none; margin:0; padding:0; }
  #mf-panel li + li{ border-top: 1px dashed rgba(0,0,0,.06); }
  #mf-panel a{
    display:block; padding:12px 4px;
    text-decoration:none;
    font: 600 16px/1.4 system-ui,-apple-system,Arial,sans-serif;
    color:#ffffff;
    white-space: nowrap;           /* чтобы пункты не переносились и ширина считалась корректно */
  }
  #mf-panel a:active{ transform: translateY(1px); }
  .ca-text{
    font-size: 2.4vw;
    cursor: pointer;
}
}