/* SPIDER V13 — mobile Transaction Console and sticky menu positioning */
@media (max-width: 720px) {
  .spider-premium-2[data-route-key="home"] .hero,
  .spider-premium-2[data-route-key="home"] .hero-grid,
  .spider-premium-2[data-route-key="home"] .hero-visual-wrap {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .spider-premium-2 .hero-card.p2-hero-console-card {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 748px !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    contain: none !important;
  }

  .spider-premium-2 .p2-console {
    display: grid !important;
    grid-template-rows: 50px auto 112px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 748px !important;
    max-height: none !important;
    overflow: visible !important;
    contain: none !important;
  }

  .spider-premium-2 .p2-console-body {
    display: block !important;
    height: auto !important;
    min-height: 586px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .spider-premium-2 .p2-console-main {
    display: grid !important;
    grid-template-rows: auto 300px auto !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 586px !important;
    max-height: none !important;
    padding: 12px 12px 14px !important;
    overflow: visible !important;
  }

  .spider-premium-2 .p2-transaction-map {
    display: grid !important;
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    overflow: hidden !important;
  }

  .spider-premium-2 .p2-risk-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: 74px !important;
    height: auto !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  .spider-premium-2 .p2-console-footer {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-height: 112px !important;
    height: 112px !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 8 !important;
  }

  .spider-premium-2 .p2-console-step {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  body.spider-mobile-menu-open {
    overflow-y: auto !important;
  }

  .header .mobile-panel,
  .header .nav-shell {
    max-height: calc(100dvh - var(--spider-menu-top, 72px) - 12px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
}