/* 세로 거치에서도 동일한 체험 UI, 메뉴, 주문서를 사용한다. */
.portrait #stage{width:900px;height:1200px}
.portrait .app{flex-direction:column}
.portrait .rail{width:100%;height:92px;flex-direction:row;align-items:center;padding:0 24px;gap:26px}
.portrait .rail .serif{font-size:38px;padding:0;margin:0}
.portrait .rail nav{display:flex;flex:1;min-width:0;overflow:auto;scrollbar-width:none;gap:4px}
.portrait .rail nav button{width:auto;white-space:nowrap;padding:0 14px;font-size:17px;flex:none}
.portrait .rail nav button.on::before{left:14px;right:14px;top:auto;bottom:0;width:auto;height:2px}
.portrait .rail .foot{display:none}
.portrait .main{flex:1;min-height:0}
.portrait .menu,.portrait .hist{padding:24px 30px}
.portrait .grid{grid-template-columns:repeat(3,1fr);gap:22px 18px;margin-bottom:28px}
.portrait .it .ph{width:132px;height:132px}
.portrait .it b{font-size:17px}.portrait .it span{font-size:15px}
.portrait .side{width:100%;height:310px;padding:0 24px 24px}
.portrait .ticket{display:grid;grid-template-columns:minmax(0,1fr) 265px;grid-template-rows:28px minmax(0,1fr) 26px;column-gap:30px;padding:20px 24px}
.portrait .ticket .h{grid-column:1;grid-row:1}.portrait .ticket .o{display:none}
.portrait .ticket .list,.portrait .ticket>.empty{grid-column:1;grid-row:2/4}
.portrait .ticket .sum{grid-column:2;grid-row:1;padding:0}
.portrait .ticket .tot{grid-column:2;grid-row:2;align-self:start;padding-top:16px}
.portrait .ticket .tools{display:none}.portrait .ticket .go{grid-column:2;grid-row:2;align-self:end}
.portrait .ticket .note{grid-column:2;grid-row:3}
.portrait .ln{padding:12px 0}.portrait .ln b{font-size:17px}