/* 店內直式看板。尺寸以 1440 × 3440 為基準，隨實際可用畫面縮放。 */
body:has(#app.is-menu-screen){background:var(--cream)}
body:has(#app.is-menu-screen) > [data-include],
body:has(#app.is-menu-screen) > .site-nav{display:none}
#app.is-menu-screen{
  --board-unit:min(1vw,0.418605vh);
  max-width:none;
  padding:0;
}
.is-menu-screen .menu-page{
  --board-fit:1;
  zoom:var(--board-fit);
  width:100%;
  min-height:calc(100dvh / var(--board-fit));
  display:flex;
  flex-direction:column;
  padding:0 calc(4 * var(--board-unit));
}
.is-menu-screen .menu-header{
  margin:calc(3 * var(--board-unit)) 0 calc(1.5 * var(--board-unit));
  padding:calc(1.8 * var(--board-unit)) calc(3 * var(--board-unit)) calc(2.6 * var(--board-unit));
}
.is-menu-screen .menu-masthead{padding-bottom:calc(1 * var(--board-unit))}
.is-menu-screen .menu-masthead,.is-menu-screen .menu-wordmark span{font-size:calc(1.2 * var(--board-unit))}
.is-menu-screen .menu-wordmark{font-size:calc(1.5 * var(--board-unit))}
.is-menu-screen .menu-header-content{padding-top:calc(2.3 * var(--board-unit))}
.is-menu-screen .menu-title{font-size:calc(5.6 * var(--board-unit))}
.is-menu-screen .menu-title em{font-size:calc(2.85 * var(--board-unit))}
.is-menu-screen .menu-date{font-size:calc(1.55 * var(--board-unit));padding-left:calc(2 * var(--board-unit))}
.is-menu-screen .menu-main{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:calc(1.7 * var(--board-unit));
}
.is-menu-screen .menu-main > :where(section, .menu-products){margin:0}
.is-menu-screen .order-guide{
  gap:calc(1 * var(--board-unit));
  padding:calc(1.15 * var(--board-unit)) 0;
}
.is-menu-screen .order-step{flex-direction:row;gap:calc(.75 * var(--board-unit))}
.is-menu-screen .step-num{font-size:calc(1.2 * var(--board-unit))}
.is-menu-screen .step-text{font-size:calc(1.55 * var(--board-unit))}
.is-menu-screen .step-sub{font-size:calc(1.15 * var(--board-unit))}
.is-menu-screen .notice-banner{
  padding-top:calc(.7 * var(--board-unit));
  font-size:calc(1.2 * var(--board-unit))
}
.is-menu-screen .section-header{margin:0 0 calc(.9 * var(--board-unit));padding-bottom:calc(.6 * var(--board-unit))}
.is-menu-screen .section-title{font-size:calc(2.85 * var(--board-unit));line-height:1.2;font-weight:600}
.is-menu-screen .section-count{font-size:calc(1.15 * var(--board-unit))}
.is-menu-screen .flavor-type-label{font-size:calc(1.5 * var(--board-unit));margin:calc(1.25 * var(--board-unit)) 0 calc(.65 * var(--board-unit))}
.is-menu-screen .flavors-grid{
  grid-template-columns:repeat(var(--board-cols,3),minmax(0,1fr));
  gap:calc(.85 * var(--board-unit));margin:0;
}
.is-menu-screen .flavor-card{
  min-height:calc(9.5 * var(--board-unit));
  padding:calc(1.1 * var(--board-unit));
}
.is-menu-screen .flavor-head{gap:calc(.5 * var(--board-unit))}
.is-menu-screen .flavor-dot{width:calc(.65 * var(--board-unit));height:calc(.65 * var(--board-unit));margin-top:calc(.95 * var(--board-unit))}
.is-menu-screen .flavor-name{font-size:calc(2.05 * var(--board-unit));font-weight:600}
.is-menu-screen .flavor-en{font-size:calc(1.42 * var(--board-unit))}
.is-menu-screen .flavor-notes{font-size:calc(1.18 * var(--board-unit))}
.is-menu-screen .flavor-price{font-size:calc(2.15 * var(--board-unit))}
.is-menu-screen .flavor-labels .flavor-tag,.is-menu-screen .sold-out-badge{font-size:calc(1 * var(--board-unit))}
.is-menu-screen .flavor-photo{width:min(100%,calc(16 * var(--board-unit)))}
.is-menu-screen .flavor-radar{height:calc(11 * var(--board-unit))}
.is-menu-screen .flavor-radar svg{height:100%;width:auto;max-width:100%}
.is-menu-screen .alley-logo,.is-menu-screen .alley-qr img{height:calc(6.2 * var(--board-unit))}
.is-menu-screen .alley-qr img{width:calc(6.2 * var(--board-unit))}
.is-menu-screen .alley-eyebrow,.is-menu-screen .alley-cap{font-size:calc(1 * var(--board-unit))}
.is-menu-screen .menu-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(1.4 * var(--board-unit));margin:0}
.is-menu-screen .menu-products > section{display:flex;flex-direction:column;min-width:0}
.is-menu-screen .menu-product-list{
  display:grid;grid-auto-rows:1fr;flex:1;
  padding:0;background:none;border:0;
  gap:calc(.75 * var(--board-unit));
}
.is-menu-screen .menu-product-list::before{display:none}
.is-menu-screen .menu-product-list .menu-row{
  align-items:center;
  min-height:calc(11.5 * var(--board-unit));padding:calc(1.05 * var(--board-unit));
  gap:calc(.9 * var(--board-unit));border:1px solid var(--menu-rule);background:var(--menu-paper);
}
.is-menu-screen .menu-item-name{font-size:calc(2.05 * var(--board-unit));font-weight:600}
.is-menu-screen .menu-item-desc{font-size:calc(1.35 * var(--board-unit))}
.is-menu-screen .menu-item-price{font-size:calc(2 * var(--board-unit))}
.is-menu-screen .product-media{flex-basis:43%;max-width:min(43%,calc(18 * var(--board-unit)));order:1}
.is-menu-screen .product-sold-label{font-size:calc(1 * var(--board-unit))}
.is-menu-screen .empty-state{font-size:calc(1.55 * var(--board-unit));padding:calc(1.8 * var(--board-unit))}
.is-menu-screen .menu-product-list .empty-state{background:var(--menu-paper)}
.is-menu-screen .announcement-stage,.is-menu-screen .announcement-stage.is-media-slide{min-height:calc(14 * var(--board-unit));height:auto}
.is-menu-screen .announcement-slide:not(.is-active){display:none}
.is-menu-screen .announcement-slide.is-active{position:relative;min-height:inherit}
.is-menu-screen .announcement-stage.is-media-slide .announcement-media{position:relative;width:100%;height:calc(18 * var(--board-unit))}
.is-menu-screen .announcement-stage .announcement-overlay{position:relative;width:100%;background:var(--menu-wine)}
.is-menu-screen .announcement-stage .announcement-title{font-size:calc(2.35 * var(--board-unit))}
.is-menu-screen .announcement-stage .announcement-body{font-size:calc(1.4 * var(--board-unit));max-width:90%;overflow-wrap:anywhere}
.is-menu-screen .announcement-stage .announcement-eyebrow{font-size:calc(1.1 * var(--board-unit))}
.is-menu-screen .announcement-stage .announcement-nav,.is-menu-screen .announcement-stage .announcement-dots{display:none}
.is-menu-screen .vote-preview-row{flex-direction:row;gap:calc(1.5 * var(--board-unit))}
.is-menu-screen .podium-grid{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(.75 * var(--board-unit))}
.is-menu-screen .podium-card{padding:calc(1.4 * var(--board-unit)) calc(.8 * var(--board-unit));overflow-wrap:anywhere}
.is-menu-screen .podium-rank,.is-menu-screen .rank-official-badge,.is-menu-screen .rank-wish-badge{font-size:calc(1 * var(--board-unit))}
.is-menu-screen .podium-name{font-size:calc(1.85 * var(--board-unit))}
.is-menu-screen .podium-desc,.is-menu-screen .podium-votes{font-size:calc(1.25 * var(--board-unit))}
.is-menu-screen .vote-qr-block{width:calc(15 * var(--board-unit));flex:none}
.is-menu-screen .vote-qr-inner{padding:calc(.85 * var(--board-unit))}
.is-menu-screen .vote-qr-inner img{width:calc(9 * var(--board-unit));height:calc(9 * var(--board-unit))}
.is-menu-screen .vote-qr-label,.is-menu-screen .vote-qr-sub{font-size:calc(1.1 * var(--board-unit))}
.is-menu-screen .order-cta-banner{padding:calc(1.15 * var(--board-unit)) calc(1.6 * var(--board-unit))}
.is-menu-screen .order-cta-eyebrow{font-size:calc(1.05 * var(--board-unit))}
.is-menu-screen .order-cta-title{font-size:calc(2.45 * var(--board-unit))}
.is-menu-screen .order-cta-sub{font-size:calc(1.2 * var(--board-unit));line-height:1.55}
.is-menu-screen .site-footer{font-size:calc(1.35 * var(--board-unit));padding:calc(1.5 * var(--board-unit)) 0;margin-top:calc(1.5 * var(--board-unit))}