/* Mobile bottom bar — Browse All + Join the Launch List.
   Below 1080px only, non-legal pages, after the hero leaves view.
   Hidden while the menu or Cappy helper is open, and never on /notify.
   Safe-area inset. No motion under prefers-reduced-motion. Buy is not on this bar. */

.mobile-bottom-bar{
  --mbb-safe-b: env(safe-area-inset-bottom, 0px);
  --mbb-consent: 0px;
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:40;
  padding: 8px 12px calc(8px + var(--mbb-safe-b) + var(--mbb-consent, 0px));
  background: rgba(8, 10, 20, .94);
  border-top: 1px solid rgba(255, 170, 90, .35);
  box-shadow: 0 -8px 28px rgba(0,0,0,.4);
  pointer-events:none;
  opacity:0;
  transform: translateY(10px);
  transition: opacity .22s ease, transform .22s ease;
}
@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))){
  .mobile-bottom-bar{
    background: rgba(8, 10, 20, .82);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    backdrop-filter: blur(14px) saturate(1.2);
  }
}
.mobile-bottom-bar.is-on{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.mobile-bottom-bar.is-visible{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.mobile-bottom-bar[hidden]{display:none !important}

.mobile-bottom-bar__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  max-width:36rem;
  margin:0 auto;
}

.mobile-bottom-bar__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.55rem .9rem;
  border-radius:999px;
  font: inherit;
  font-size:.92rem;
  font-weight:800;
  line-height:1.15;
  text-decoration:none;
  text-align:center;
  white-space:nowrap;
  flex:1 1 0;
}
.mobile-bottom-bar__btn--join,
.why-page .mobile-bottom-bar__btn--join,
.club-page .mobile-bottom-bar__btn--join{
  background: linear-gradient(180deg, #c24a07, #a83f06);
  color:#fff !important;
  border:2px solid transparent;
  box-shadow: 0 6px 16px rgba(194,74,7,.4);
}
.mobile-bottom-bar__btn--browse,
.why-page .mobile-bottom-bar__btn--browse,
.club-page .mobile-bottom-bar__btn--browse{
  background: rgba(255,255,255,.08);
  color:#fff !important;
  border:2px solid rgba(255,255,255,.42);
}
.mobile-bottom-bar__btn:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}

/* Reserve space so the bar does not cover footer links. */
body.mbb-padded{
  padding-bottom: calc(8px + 44px + 8px + env(safe-area-inset-bottom, 0px) + var(--mbb-consent, 0px));
}

@media (min-width: 1080px){
  .mobile-bottom-bar{ display:none !important; }
  body.mbb-padded{ padding-bottom: 0; }
}

@media (prefers-reduced-motion: reduce){
  .mobile-bottom-bar,
  .mobile-bottom-bar.is-visible{
    transition: none;
    transform: none;
  }
}