/* Shorter display viewport. Width stays unchanged; screenshots use their
   natural ratio at 100% width and are clipped vertically, never at the sides. */
:root{--phone-preview-ratio:853/1748}
.capture-phone,.product-page .detail-visual .product-preview .capture-phone{aspect-ratio:var(--phone-preview-ratio);height:auto;min-height:0;overflow:hidden}
.phone-screen-viewport{position:relative;width:100%;height:100%;overflow:hidden;border-radius:26px;background:#fff}
.capture-phone .phone-screen-viewport>img,
.product-page .menu-preview-phone .capture-phone .phone-screen-viewport>img,
.product-page .menu-preview-phone .capture-phone .phone-screen-tail>img,
.capture-phone .phone-screen-tail>img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;object-position:top;border-radius:0}
.phone-screen-tail{position:absolute;left:0;right:0;bottom:0;height:9%;overflow:hidden;background:#fff}
.capture-phone .phone-screen-tail>img{position:absolute;left:0;bottom:0;width:100%;height:auto}
.menu-story-visual .phone-screen-viewport{border-radius:24px}
.booking-fixed-phone .booking-fixed-screen{height:100%;aspect-ratio:auto}
.booking-fixed-phone .booking-fixed-screen>.booking-fixed-base{width:100%;height:auto;object-fit:contain;clip-path:inset(0 0 14% 0)}
.booking-fixed-phone .booking-changing-region{bottom:21%}
.booking-fixed-screen:after{top:166cqw;height:6cqw}
@media(max-width:600px){.home-hero .hero-customer-phone .booking-fixed-screen{border-radius:12px}}