.real-menu-stage{margin:0;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#eadfd0;border-radius:1.75rem;overflow:hidden;transition:background .35s ease}
.real-menu-stage[data-style-stage=cocktail]{background:#1b211b}
.real-menu-stage[data-style-stage=beach]{background:#dcebed}
.menu-device{height:min(650px,72vh);max-width:100%;padding:.55rem;background:#111;border:1px solid #494642;border-radius:2.25rem;box-shadow:0 26px 70px rgba(40,30,22,.24);overflow:hidden;transition:opacity .2s ease,transform .2s ease}
.menu-device img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:1.72rem;background:#111}
.real-menu-stage figcaption{display:flex;align-items:baseline;justify-content:center;gap:.55rem;flex-wrap:wrap;text-align:center;color:var(--ink)}
.real-menu-stage[data-style-stage=cocktail] figcaption{color:#fff}
.real-menu-stage figcaption span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.65}
.real-menu-stage figcaption strong{font-family:var(--serif);font-size:1.2rem;font-weight:500}
.real-menu-stage.is-switching .menu-device{opacity:0;transform:translateY(8px)}
@media(max-width:960px){.real-menu-stage{min-height:650px}}
@media(max-width:640px){.real-menu-stage{min-height:0;padding:1rem;border-radius:1.25rem}.menu-device{height:auto;width:min(100%,370px);max-height:none}.menu-device img{width:100%;height:auto}.real-menu-stage figcaption{padding:.2rem .5rem .5rem}}
@media(prefers-reduced-motion:reduce){.menu-device,.real-menu-stage{transition:none}.real-menu-stage.is-switching .menu-device{opacity:1;transform:none}}