@media (max-width: 809.98px) {
  html {
    --lounge-menu-ink: #07110f;
    --lounge-menu-paper: #fff;
    --lounge-menu-gold: #fee05c;
    --lounge-menu-line: rgba(255, 255, 255, 0.18);
  }

  .framer-1enn8xh-container .framer-mzuvow,
  .attract-unified-header .mobile-panel {
    counter-reset: lounge-menu-item;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: clamp(24px, 4.5svh, 46px) 22px max(28px, env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background-color: var(--lounge-menu-ink) !important;
    background-image:
      radial-gradient(circle at 88% 8%, rgba(254, 224, 92, 0.1), transparent 30%),
      linear-gradient(90deg, transparent 0, transparent 21px, rgba(255, 255, 255, 0.08) 22px, transparent 23px) !important;
    border-top: 1px solid var(--lounge-menu-line) !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .framer-1enn8xh-container .framer-mzuvow::-webkit-scrollbar,
  .attract-unified-header .mobile-panel::-webkit-scrollbar {
    display: none;
  }

  .framer-1enn8xh-container .framer-mzuvow::before,
  .attract-unified-header .mobile-panel::before {
    content: "CITRUS GRILL & LOUNGE  ·  LAS VEGAS";
    display: block;
    flex: none;
    margin: 0 0 clamp(18px, 3svh, 30px) 40px;
    color: var(--lounge-menu-gold);
    font-family: "Jost", sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.24em;
    line-height: 1.4;
  }

  .framer-1enn8xh-container .framer-mzuvow > div,
  .attract-unified-header .mobile-panel > a {
    counter-increment: lounge-menu-item;
    flex: none !important;
    width: 100% !important;
    min-height: 0 !important;
    border-bottom: 1px solid var(--lounge-menu-line);
  }

  .framer-1enn8xh-container .framer-mzuvow > div:first-of-type,
  .attract-unified-header .mobile-panel > a:first-of-type {
    border-top: 1px solid var(--lounge-menu-line);
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a,
  .attract-unified-header .mobile-panel > a {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: clamp(58px, 8svh, 78px) !important;
    padding: 5px 4px !important;
    color: var(--lounge-menu-paper) !important;
    text-decoration: none !important;
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a::before,
  .attract-unified-header .mobile-panel > a::before {
    content: "0" counter(lounge-menu-item);
    color: rgba(255, 255, 255, 0.48);
    font-family: "Cutive Mono", monospace;
    font-size: 9px;
    letter-spacing: 0.12em;
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a::after,
  .attract-unified-header .mobile-panel > a::after {
    content: "↗";
    color: var(--lounge-menu-gold);
    font-family: "Jost", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-1px);
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a > div {
    width: auto !important;
    height: auto !important;
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a p,
  .attract-unified-header .mobile-panel > a {
    font-family: "Forum", "Cormorant", Georgia, serif !important;
    font-size: clamp(28px, 8vw, 46px) !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    line-height: 0.9 !important;
    text-transform: uppercase !important;
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a img {
    display: none !important;
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a[data-framer-page-link-current] p,
  .framer-1enn8xh-container .framer-mzuvow > div > a[data-framer-name="Active"] p,
  .attract-unified-header .mobile-panel > a.active,
  .attract-unified-header .mobile-panel > a[aria-current="page"] {
    color: var(--lounge-menu-gold) !important;
  }

  .framer-1enn8xh-container .framer-mzuvow::after,
  .attract-unified-header .mobile-panel::after {
    content: "HENDERSON  ·  SOUTHWEST     RESERVATIONS NOW OPEN";
    display: block;
    flex: none;
    margin: clamp(20px, 3.5svh, 34px) 0 0 40px;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Cutive Mono", monospace;
    font-size: 8px;
    letter-spacing: 0.17em;
    line-height: 1.8;
  }
}

@media (max-width: 809.98px) and (max-height: 520px) {
  .framer-1enn8xh-container .framer-mzuvow,
  .attract-unified-header .mobile-panel {
    padding-top: 14px !important;
  }

  .framer-1enn8xh-container .framer-mzuvow::before,
  .attract-unified-header .mobile-panel::before {
    margin-bottom: 12px;
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a,
  .attract-unified-header .mobile-panel > a {
    min-height: 48px !important;
  }

  .framer-1enn8xh-container .framer-mzuvow > div > a p,
  .attract-unified-header .mobile-panel > a {
    font-size: 25px !important;
  }

  .framer-1enn8xh-container .framer-mzuvow::after,
  .attract-unified-header .mobile-panel::after {
    margin-top: 16px;
  }
}
