/* === MENU PAGE WRAPPER — keeps all content below the nav overlay === */
        .menu-page-wrapper {
            margin-top: 50px;
            position: relative;
            z-index: 1;
        }

/* === AMBIENT BACKGROUND === */
        .ambient-bg {
            position: fixed;
            inset: 0;
            z-index: 0;
            background:
                radial-gradient(ellipse 60% 50% at 50% 0%, #1a150a 0%, transparent 60%),
                radial-gradient(ellipse 40% 40% at 80% 20%, #151008 0%, transparent 50%),
                radial-gradient(ellipse 40% 40% at 20% 80%, #12100a 0%, transparent 50%),
                var(--bg-primary);
        }

        /* === HEADER === */
        .menu-header {
            position: relative;
            z-index: 10;
            text-align: center;
            padding: 60px 20px 20px;
        }

   
        .header-tagline {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            font-size: 11px;
            letter-spacing: 6px;
            text-transform: uppercase;
            color: var(--gold-primary);
            margin-bottom: 8px;
        }

        .header-title {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: clamp(32px, 6vw, 56px);
            background: linear-gradient(180deg, #e8e4da 30%, #9a968c 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 6px;
        }

        .header-sub {
            font-family: 'Cormorant Garamond', serif;
            font-size: 16px;
            font-style: italic;
            color: var(--text-muted);
            font-weight: 300;
        }

        .divider-line {
            width: 60px;
            height: 1px;
            background: linear-gradient(90deg, transparent, #c8a44e, transparent);
            margin: 24px auto;
        }

      

        /* === FOOTER === */
        .menu-footer {
            position: relative;
            z-index: 10;
            text-align: center;
            padding: 0 20px 60px;
        }

        .menu-footer p {
            font-family: 'Cormorant Garamond', serif;
            font-size: 14px;
            font-style: italic;
            color: var(--text-muted);
            line-height: 1.8;
        }

        .menu-footer .gold {
            color: var(--gold-primary);
        }

        /* === RESPONSIVE === */
        @media (max-width: 768px) {
            .menu-header { padding: 40px 16px 16px; }
            .page { padding: 28px 22px; }
            .page-cat-title { font-size: 24px; }
            .item-name { font-size: 16px; }
            .item-dots { display: none; }
            .cat-tab { padding: 8px 14px; font-size: 9.5px; letter-spacing: 1.5px; }
            .page-nav-btn { padding: 10px 18px; }
            .flavor-grid { grid-template-columns: 1fr; }
        }

         .logo-mark {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            height: 64px;
            border: 1.5px solid var(--gold-primary);
            background: linear-gradient(135deg, #1a1608, #0d0b06);
            margin-bottom: 20px;
        }

        .logo-mark span {
            font-family: 'Playfair Display', serif;
            font-weight: 800;
            font-size: 26px;
            background: linear-gradient(180deg, var(--gold-light), var(--gold-primary), var(--gold-dark));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }