.intro-food.dish-showcase{display:flex;flex-direction:column;padding:16px 22px 18px;justify-content:center;min-width:0;overflow:hidden}
.dish-showcase:before{width:320px;height:320px;top:43%;pointer-events:none}
.showcase-stage{position:relative;min-height:360px;flex:1;isolation:isolate;touch-action:pan-y}
.showcase-slide{position:absolute;inset:0;will-change:transform,opacity;pointer-events:none}
.showcase-photo{position:absolute;width:292px;aspect-ratio:1;top:12px;left:50%;transform:translateX(-50%) rotate(-9deg);border-radius:50%;background-image:url('food-grid.png');background-size:300% 300%;box-shadow:0 22px 45px #0007;border:1px solid #ffffff20}
.showcase-caption{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 21px;background:#1b1b1bf2;border:1px solid #ffffff26;border-radius:23px;backdrop-filter:blur(18px);box-shadow:0 12px 28px #0003}
.showcase-caption>div{min-width:0}.showcase-category{display:block;color:#aaa;font-size:12px;margin-bottom:5px}.showcase-name{display:block;font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.3px}.showcase-price{white-space:nowrap;font-size:22px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.showcase-controls{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.showcase-dots{display:flex;justify-content:center;flex:1;min-width:110px;gap:1px}.showcase-dot{position:relative;border:0;padding:0;width:15px;height:34px;background:transparent;cursor:pointer}.showcase-dot:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;background:#666;border-radius:50%;transition:background .3s,transform .3s}.showcase-dot.active:after{background:white;transform:translate(-50%,-50%) scale(1.6)}
.showcase-navigation{display:flex;align-items:center;gap:8px}.showcase-navigation button,.showcase-pause{border:1px solid #ffffff20;background:#202020;color:#eee;border-radius:30px;min-height:40px;cursor:pointer;transition:background .2s}.showcase-navigation button{padding:0 13px;font-size:13px}.showcase-navigation button:hover,.showcase-pause:hover{background:#363636}.showcase-counter{color:#aaa;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.showcase-pause{display:grid;place-items:center;width:40px;flex-shrink:0}.showcase-pause svg{width:17px;height:17px;stroke-width:2}.showcase-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.intro-food.dish-showcase{padding:18px 15px}.showcase-stage{min-height:340px}.showcase-photo{width:258px;top:20px}.dish-showcase:before{width:280px;height:280px}.showcase-dots{flex-basis:100%}.showcase-caption{padding:14px 16px}.showcase-name{font-size:16px}.showcase-price{font-size:20px}}
@media(max-width:760px){.showcase-stage{min-height:320px}.showcase-photo{width:230px}.dish-showcase:before{width:245px;height:245px}.showcase-caption{bottom:8px;gap:10px;padding:13px;border-radius:19px}.showcase-name{font-size:15px}.showcase-price{font-size:18px}.showcase-navigation button{min-height:42px}.showcase-pause{min-height:42px;width:42px}}
@media(max-width:600px){.intro-food.dish-showcase{display:flex;padding:0 19px 20px;border-top:1px solid #ffffff12;margin-top:0}.showcase-stage{min-height:320px;flex:none}.showcase-photo{width:230px;top:20px}.dish-showcase:before{top:39%;width:245px;height:245px}.showcase-caption{min-height:72px}.showcase-dots{flex-basis:100%}.showcase-dot{width:22px;height:30px}.intro-copy{padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){.showcase-dot:after,.showcase-navigation button,.showcase-pause{transition:none}}
.showcase-controls{gap:14px;pointer-events:none}.showcase-dots{flex:0 1 auto;min-width:0}.showcase-dot{cursor:default;display:block}.showcase-counter{font-size:12px}
@media(max-width:1100px){.showcase-dots{flex-basis:auto}}
.showcase-progress-track{width:min(210px,55%);height:3px;overflow:hidden;background:#ffffff30;border-radius:9px}
.showcase-progress{display:block;height:100%;min-width:3px;background:#f5f5f5;border-radius:9px;transition:width .9s cubic-bezier(.45,0,.2,1)}
.showcase-photo{background-size:cover;background-position:center}
.showcase-photo{padding:0;background-color:#252525;cursor:zoom-in;pointer-events:auto}
.showcase-slide[aria-hidden="true"] .showcase-photo{pointer-events:none}
.showcase-photo:focus-visible{outline:3px solid #fff;outline-offset:4px}