/* bOOm 3.46.67 - hard mobile isolation, safe controls, no duplicate nav */
:root{
  --boom-new-accent:#7c6cff;
  --boom-new-accent-2:#37d4b2;
  --boom-new-surface:#0b1320;
  --boom-new-surface-2:#101b2a;
  --boom-new-line:rgba(155,171,205,.20);
  --boom-new-text:#f5f7fb;
  --boom-new-muted:#9facbe;
}
body>.boom-ui-generation-34661{display:none!important}
html[data-boom-ui-generation="34667"] .top{
  border-bottom-color:rgba(124,108,255,.28)!important;
  box-shadow:inset 0 -1px 0 rgba(55,212,178,.06)!important;
}
html[data-boom-ui-generation="34667"] header .viewQuick[aria-label="Apri menu"],
html[data-boom-ui-generation="34667"] header .viewQuick[title="Menu"]{
  position:relative!important;
  border-color:rgba(124,108,255,.48)!important;
  background:linear-gradient(145deg,rgba(124,108,255,.12),rgba(55,212,178,.055)),#0b1420!important;
}
html[data-boom-ui-generation="34667"] header .viewQuick[aria-label="Apri menu"]::after,
html[data-boom-ui-generation="34667"] header .viewQuick[title="Menu"]::after{
  content:"NEW";position:absolute;right:-5px;top:-7px;padding:3px 5px;border-radius:999px;
  background:linear-gradient(135deg,var(--boom-new-accent),var(--boom-new-accent-2));color:#fff;
  border:1px solid rgba(255,255,255,.32);font:900 7px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.06em
}

/* CSS-first: no dependency on JS class for phones. */
@media (max-width:899px){
  .shell{display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%!important;max-width:none!important;min-height:100dvh!important;border-radius:0!important}
  .top{grid-column:auto!important;position:sticky!important;top:0!important;z-index:7000!important}
  .page{grid-column:auto!important;grid-row:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
  #bottom.bottom:not(.hidden),#bottom.boom-nav-34659:not(.hidden),#bottom:not(.hidden){
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;inset:auto 0 0 0!important;
    width:100%!important;max-width:100vw!important;box-sizing:border-box!important;height:auto!important;min-height:0!important;margin:0!important;
    padding:7px 8px max(9px,env(safe-area-inset-bottom))!important;display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;
    gap:5px!important;transform:none!important;overflow:visible!important;
    background:linear-gradient(180deg,rgba(10,17,28,.97),rgba(6,11,19,.99))!important;
    border:0!important;border-top:1px solid rgba(124,108,255,.24)!important;
    box-shadow:0 -14px 38px rgba(0,0,0,.34)!important;backdrop-filter:blur(18px) saturate(125%)!important;z-index:6500!important
  }
  #bottom[data-boom-mode34665="registration"],#bottom[data-boom-mode34667="registration"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #bottom .boomv5-side-brand,#bottom .boomv5-side-footer,#bottom .boom332-secondary-nav{display:none!important}
  #bottom .nav{
    width:auto!important;min-width:0!important;max-width:none!important;min-height:58px!important;height:auto!important;margin:0!important;padding:6px 3px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;color:#91a0b4!important;
    text-align:center!important;transform:none!important;font-size:10px!important;line-height:1.08!important
  }
  #bottom .nav b{width:30px!important;height:25px!important;min-width:0!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(255,255,255,.045)!important;color:#c8d2df!important;font-size:0!important;line-height:1!important}
  #bottom .nav b::before{font:900 13px/1 system-ui,-apple-system,Segoe UI,sans-serif!important;content:"·"}
  #bottom .nav[data-go="homePage"] b::before{content:"H"}
  #bottom .nav[data-go="eventsPage"] b::before{content:"E"}
  #bottom .nav[data-go="bookingsPage"] b::before{content:"P"}
  #bottom .nav[data-go="profilePage"] b::before{content:"I"}
  #bottom .nav[data-go="supportPage"] b::before{content:"?"}
  #bottom .nav.active{background:linear-gradient(180deg,rgba(124,108,255,.18),rgba(55,212,178,.07))!important;border-color:rgba(124,108,255,.22)!important;color:#f5f7fb!important;box-shadow:inset 0 2px 0 rgba(55,212,178,.25)!important}
  #bottom .nav.active b{background:rgba(124,108,255,.18)!important;color:#fff!important}
}

/* One menu sheet only. */
#mq319MenuOverlay{position:fixed!important;inset:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:12px!important;background:rgba(2,6,12,.72)!important;backdrop-filter:blur(8px)!important;z-index:2147482400!important}
#mq319MenuOverlay.hidden{display:none!important}
#mq319MenuOverlay .mq319-sheet{position:relative!important;inset:auto!important;transform:none!important;width:min(520px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(78dvh,680px)!important;margin:0 auto!important;overflow:auto!important;padding:16px 16px max(16px,env(safe-area-inset-bottom))!important;border:1px solid rgba(124,108,255,.30)!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(124,108,255,.14),transparent 32%),linear-gradient(180deg,var(--boom-new-surface-2),var(--boom-new-surface))!important;color:var(--boom-new-text)!important;box-shadow:0 -20px 70px rgba(0,0,0,.48)!important}
#mq319MenuOverlay .mq319-head{position:sticky!important;top:-16px!important;z-index:2!important;margin:-16px -16px 10px!important;padding:16px!important;background:linear-gradient(180deg,rgba(16,27,42,.99),rgba(16,27,42,.94))!important;border-bottom:1px solid rgba(155,171,205,.10)!important}
#mq319MenuOverlay .mq319-item{width:100%!important;min-height:54px!important;margin-top:8px!important;padding:12px 14px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;text-align:left!important;color:#edf2f8!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(155,171,205,.13)!important;border-radius:15px!important;box-shadow:none!important;transform:none!important}
#mq319MenuOverlay .mq319-item span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(124,108,255,.13)!important;color:#dcd7ff!important;font:900 10px/1 system-ui,-apple-system,Segoe UI,sans-serif!important}
#mq319MenuOverlay .boom-new-menu-build{margin-top:12px;text-align:center;color:var(--boom-new-muted);font:800 9px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.11em}
body:has(#mq319MenuOverlay:not(.hidden)) #bottom{visibility:hidden!important;pointer-events:none!important}

#boomUiGeneration34667{position:fixed;right:8px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:6400;padding:5px 8px;border-radius:999px;background:rgba(12,18,28,.88);border:1px solid rgba(124,108,255,.28);color:#cfd6ff;font:800 9px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.05em;pointer-events:none}

@media(max-width:380px){#mq319MenuOverlay{padding:8px!important}#mq319MenuOverlay .mq319-sheet{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;border-radius:20px!important}#bottom .nav{font-size:9px!important}}
