:root{--red:#c91522;--soft:#fff5f5;--ink:#211b1b;--muted:#756868;--line:#eadede}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}button,input,select{font:inherit}
.screen{min-height:100dvh;padding:max(36px,env(safe-area-inset-top)) 6vw 50px;display:flex;flex-direction:column;justify-content:center}
.logo{font-family:cursive;color:var(--red);font-size:clamp(48px,8vw,82px);margin:0;text-align:center}.sub{text-align:center;letter-spacing:4px}
h1{text-align:center;font-size:clamp(30px,5vw,50px);margin:18px 0 8px}p{text-align:center;color:var(--muted)}
.actions,.grid{display:grid;gap:16px;max-width:920px;width:100%;margin:30px auto}.actions{grid-template-columns:repeat(2,1fr)}.four{grid-template-columns:repeat(2,1fr)}
button,.tile{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;min-height:84px;cursor:pointer;font-weight:700;font-size:19px}
button.primary,.tile.selected{background:var(--red);color:#fff;border-color:var(--red)}.grid{grid-template-columns:repeat(3,1fr)}
.price{display:block;color:var(--red);font-size:17px;margin-top:7px}.selected .price{color:#fff}.note{font-size:14px;font-weight:500;margin-top:6px;display:block}
.field{max-width:620px;width:100%;margin:10px auto;padding:22px;border:2px solid var(--line);border-radius:18px;font-size:30px;text-align:center}
.review,.menu{max-width:820px;width:100%;margin:24px auto;background:var(--soft);padding:26px;border-radius:22px}.review p{text-align:left;font-size:19px}
.back{position:absolute;top:max(24px,env(safe-area-inset-top));left:26px;background:none;border:0;min-height:auto;padding:10px;color:var(--red)}.success{font-size:80px;text-align:center;color:var(--red)}
details{background:#fff;border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden}summary{padding:20px;font-size:21px;font-weight:750;color:var(--red);cursor:pointer}
.menu-row{display:flex;justify-content:space-between;gap:20px;padding:13px 20px;border-top:1px solid var(--line)}.menu-row span:last-child{font-weight:700;white-space:nowrap}
.qr{text-align:center;margin:24px auto}.qr img{width:190px;max-width:55vw;border-radius:12px}.qr h2{color:var(--red)}
@media(max-width:700px){.actions,.four{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.screen{padding-left:22px;padding-right:22px}.menu-row{font-size:14px}}

.phone-qr{text-align:center;margin:25px auto}.phone-qr img{width:170px;max-width:45vw}.phone-qr h2{color:var(--red)}