/* Lightweight menu carousel: a warm double frame, no external assets or libraries. */
.menu-carousel{position:relative;width:100%;max-width:900px;margin:0 auto;padding:12px;border:1px solid #f8d271;border-radius:22px;background:linear-gradient(145deg,#fff9e9 0%,#e7b44a 44%,#8f170f 100%);box-shadow:0 16px 36px #3b090633,0 0 0 1px #6f120c66;isolation:isolate}
.menu-carousel:before{content:"";position:absolute;inset:5px;border:2px solid #8f170f;border-radius:17px;pointer-events:none;z-index:-1;opacity:.72}
.menu-viewport{position:relative;overflow:hidden;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #a91414}
.menu-track{display:flex;width:1100%;transform:translate3d(0,0,0);transition:transform .58s cubic-bezier(.22,.61,.36,1);will-change:transform}
.menu-slide{position:relative;flex:0 0 calc(100% / 11);width:calc(100% / 11);aspect-ratio:16/9;margin:0;background:#fff;overflow:hidden}
.menu-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.menu-slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(transparent,#3d0b0780);pointer-events:none}
.menu-slide figcaption{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;color:#fff;font:800 13px/1.2 Arial,Helvetica,sans-serif;text-shadow:0 2px 4px #260504;letter-spacing:.03em}
.menu-slide figcaption span{display:inline-block;margin-right:8px;padding:4px 8px;border-radius:999px;background:#f4b719;color:#63100b;font-size:11px;letter-spacing:.08em}
.menu-control{position:absolute;z-index:2;top:50%;width:42px;height:42px;border:2px solid #fff;border-radius:50%;background:#a91414e8;color:#fff;font:700 30px/32px Georgia,serif;cursor:pointer;transform:translateY(-50%);box-shadow:0 5px 14px #2d070755}
.menu-control:hover,.menu-control:focus-visible{background:#f4b719;color:#63100b;outline:none;transform:translateY(-50%) scale(1.06)}
.menu-control.prev{left:20px}.menu-control.next{right:20px}
.menu-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:14px 0 4px}
.menu-dots button{width:9px;height:9px;padding:0;border:1px solid #7c160e;border-radius:50%;background:#fff;cursor:pointer;transition:.2s ease}
.menu-dots button:hover,.menu-dots button:focus-visible{background:#f4b719;outline:2px solid #fff;outline-offset:2px}
.menu-dots button[aria-current=true]{width:24px;border-radius:999px;background:#f4b719}
.menu-hint{margin:7px 0 0;text-align:center;color:#ffe9bb;font-size:11px;line-height:1.35}
@media(max-width:900px){.menu-carousel{max-width:760px}.menu-control{width:38px;height:38px;font-size:27px;line-height:28px}.menu-control.prev{left:16px}.menu-control.next{right:16px}}
@media(max-width:600px){.menu-carousel{padding:8px;border-radius:17px}.menu-carousel:before{inset:4px;border-radius:13px}.menu-viewport{border-radius:10px}.menu-slide figcaption{left:10px;right:10px;bottom:9px;font-size:10px}.menu-slide figcaption span{margin-right:4px;padding:3px 6px;font-size:9px}.menu-control{width:32px;height:32px;font-size:23px;line-height:22px}.menu-control.prev{left:13px}.menu-control.next{right:13px}.menu-dots{gap:5px;margin-top:10px}.menu-dots button{width:7px;height:7px}.menu-dots button[aria-current=true]{width:18px}.menu-hint{font-size:10px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.menu-track{transition:none}}