/* Мобильное меню: кнопка пульсирует неоном, палец тычет в иконку, подпись зовёт открыть. Работает там, где скрыто верхнее меню (до 1200px). */
@media (max-width: 1200px) {
  .hdr__tools { position: relative; }
  .btn-icon--burger { position: relative; isolation: isolate; color: var(--signal, #008BF9); border-color: var(--signal, #008BF9); animation: menuNeon 1.8s ease-in-out infinite; }
  .btn-icon--burger::before, .btn-icon--burger::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; border: 2px solid var(--signal, #008BF9); opacity: 0; pointer-events: none; z-index: -1; animation: menuPulse 2.4s cubic-bezier(.2, .6, .3, 1) infinite; }
  .btn-icon--burger::after { animation-delay: 1.2s; }
  .btn-icon--burger.is-calm, .btn-icon--burger[aria-expanded="true"] { animation: none; color: inherit; border-color: var(--line, #e2e6ec); }
  .btn-icon--burger.is-calm::before, .btn-icon--burger.is-calm::after, .btn-icon--burger[aria-expanded="true"]::before, .btn-icon--burger[aria-expanded="true"]::after { animation: none; opacity: 0; }
  .btn-icon--burger:not(.is-calm):not([aria-expanded="true"]) span { background: currentColor; box-shadow: 0 0 6px currentColor; }
  .btn-icon--burger:not(.is-calm):not([aria-expanded="true"]) span:nth-child(2) { animation: menuBar 2.4s ease-in-out infinite; }
  @keyframes menuNeon { 0%, 100% { box-shadow: 0 0 6px 0 color-mix(in srgb, var(--signal, #008BF9) 55%, transparent), inset 0 0 6px 0 color-mix(in srgb, var(--signal, #008BF9) 30%, transparent); } 50% { box-shadow: 0 0 20px 3px color-mix(in srgb, var(--signal, #008BF9) 85%, transparent), inset 0 0 12px 1px color-mix(in srgb, var(--signal, #008BF9) 50%, transparent); } }
  @keyframes menuPulse { 0% { transform: scale(1); opacity: .85; } 70% { transform: scale(1.8); opacity: 0; } 100% { transform: scale(1.8); opacity: 0; } }
  @keyframes menuBar { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(.55); } }

  /* палец стоит строго под иконкой и тычет вверх */
  .menu-nudge-hand { position: absolute; top: 100%; right: 0; z-index: 61; display: grid; place-items: start center; margin-top: 2px; font-size: 30px; line-height: 1; pointer-events: none; opacity: 0; transform: translateY(8px) scale(.8); transition: opacity .3s ease, transform .4s cubic-bezier(.3, 1.4, .5, 1); filter: drop-shadow(0 0 3px #00e5ff) drop-shadow(0 0 9px #008BF9); }
  .menu-nudge-hand.is-on { opacity: 1; transform: none; animation: menuPoke 1.1s ease-in-out infinite, menuGlow 1.1s ease-in-out infinite; }
  @keyframes menuPoke { 0%, 100% { translate: 0 0; scale: 1; } 50% { translate: 0 -7px; scale: 1.12; } }
  @keyframes menuGlow { 0%, 100% { filter: drop-shadow(0 0 2px #00e5ff) drop-shadow(0 0 6px #008BF9); } 50% { filter: drop-shadow(0 0 6px #7df9ff) drop-shadow(0 0 18px #00b3ff) drop-shadow(0 0 28px #008BF9); } }

  .menu-nudge { position: absolute; top: calc(100% + 46px); right: 0; z-index: 60; display: flex; align-items: center; gap: 8px; max-width: min(78vw, 270px); padding: 10px 14px; border: 0; border-radius: 14px; color: #fff; text-align: left; cursor: pointer; font: 800 14px/1.25 var(--font-display, system-ui, sans-serif); background: linear-gradient(135deg, var(--signal, #008BF9), #7c5cff); box-shadow: 0 0 18px -2px color-mix(in srgb, var(--signal, #008BF9) 80%, transparent), 0 14px 30px -12px rgba(0, 100, 220, .65); opacity: 0; transform: translateY(-6px) scale(.96); transform-origin: calc(100% - 22px) 0; pointer-events: none; transition: opacity .35s ease, transform .45s cubic-bezier(.3, 1.4, .5, 1); }
  .menu-nudge.is-on { opacity: 1; transform: none; pointer-events: auto; }
  .menu-nudge b { font: inherit; white-space: nowrap; }
  .menu-nudge small { display: block; margin-top: 2px; font: 600 12px/1.3 var(--font-display, system-ui, sans-serif); opacity: .92; }
}
@media (min-width: 1201px) { .menu-nudge, .menu-nudge-hand { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  .btn-icon--burger, .btn-icon--burger::before, .btn-icon--burger::after, .btn-icon--burger span, .menu-nudge-hand.is-on { animation: none !important; }
  .btn-icon--burger { box-shadow: 0 0 0 3px color-mix(in srgb, var(--signal, #008BF9) 35%, transparent), 0 0 14px color-mix(in srgb, var(--signal, #008BF9) 70%, transparent); }
}