.cafe-menu{margin:26px 0;text-align:left}.cafe-menu h3{font-size:28px;margin:0 0 12px}.menu-photo-status{font-size:14px;line-height:1.7;margin:12px 0;color:#735545}.menu-category{min-width:0;width:100%;border:0;padding:0;margin:22px 0 0}.menu-category legend{font-size:15px;font-weight:500;padding:0}.menu-selection{font-size:12px;color:#9b3956;line-height:1.4;margin:4px 0 10px;min-height:17px;overflow-wrap:anywhere}.menu-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:3px;max-width:100%;padding:3px 3px 10px;scrollbar-width:thin;scrollbar-color:#bd8395 #eee0cb}.menu-rail::-webkit-scrollbar{height:5px}.menu-rail::-webkit-scrollbar-track{background:#eee0cb}.menu-rail::-webkit-scrollbar-thumb{background:#bd8395;border-radius:8px}.menu-option{flex:0 0 146px;min-width:0;position:relative;display:block;margin:0;cursor:pointer;scroll-snap-align:start;font-weight:400}.menu-option input{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;top:12px;left:12px}.menu-option-body{height:100%;display:flex;flex-direction:column;background:#fffaf0;border:1px solid #c8ae96;padding:6px;box-shadow:2px 3px 0 #c8a99a40;transition:border-color .18s,background .18s}.menu-option img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:#eee1cc}.menu-option-name{display:block;font-size:14px;line-height:1.35;padding:9px 4px 5px;min-height:52px;overflow-wrap:break-word}.menu-pick-state{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.4;margin-top:auto;padding:5px 4px 2px;color:#80624f}.menu-pick-state:after{content:'';width:15px;height:15px;border:1px solid #b99e87;border-radius:50%;background:#fff8eb}.menu-option.selected .menu-option-body{background:#f5dce3;border:2px solid #a83f5f;padding:5px}.menu-option.selected .menu-pick-state{color:#88314d}.menu-option.selected .menu-pick-state:after{border:4px solid #a83f5f;background:#fff4e8}.menu-option:has(input:focus-visible) .menu-option-body{outline:3px solid #a83f5f;outline-offset:2px}.menu-option:has(input:disabled){cursor:default}.menu-option:has(input:disabled):not(.selected){opacity:.5}.order-menu .order-choice>span:last-child{white-space:pre-wrap}.menu-form .field-hint{font-size:12px;color:#846859;margin:6px 0 0}.cafe-menu-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:650px}.cafe-menu-photos:empty{display:none}.cafe-menu-photos>a{display:block;background:#fffaf0;border:1px solid #d1bda6;padding:6px;box-shadow:2px 3px 0 #c8a99a40}.cafe-menu-photos img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.cafe-menu-photos span{display:block;font-size:13px;line-height:1.4;padding:7px 2px 2px;overflow-wrap:anywhere}
@media(min-width:761px){.menu-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px}.menu-form{min-width:0}.menu-intro{min-width:0}.menu-option{flex-basis:155px}}
@media(max-width:760px){.cafe-menu{margin:24px 0 0;text-align:center}.menu-form{padding-left:18px;padding-right:18px}.menu-category{margin-top:21px}.menu-option{flex-basis:140px}.menu-option-name{font-size:13px;min-height:49px}.menu-rail{gap:10px}.admin-card .cafe-menu-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.menu-form{padding-left:13px;padding-right:13px}.menu-option{flex-basis:130px}.menu-option-name{font-size:13px}.menu-selection{font-size:12px}}
@media(prefers-reduced-motion:reduce){.menu-option-body{transition:none}}
.menu-form,#menu-fields{min-width:0}.menu-form{max-width:100%}
@media(max-width:760px){.menu-section{grid-template-columns:minmax(0,1fr)}}