.order-modes { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.order-modes button { padding:12px 22px; border:1px solid #d8d4c6; border-radius:24px; background:transparent; color:#4c5949; font:inherit; cursor:pointer; }
.order-modes .is-active { background:#344f3c; color:#fff; border-color:#344f3c; }
.simple-mode { max-width:850px; margin:32px auto 50px; }
.simple-mode h1 { font-size:clamp(30px,5vw,52px); line-height:1.13; margin:12px 0 22px; }
.simple-mode .panel { padding:clamp(20px,4vw,36px); margin-top:24px; }
.simple-mode label { display:block; font-weight:700; margin-bottom:12px; }
.simple-mode textarea { display:block; width:100%; box-sizing:border-box; min-height:110px; padding:16px; border:1px solid #cbc8b9; border-radius:16px; background:#fffefa; font:inherit; resize:vertical; }
.simple-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; align-items:center; }
.simple-mode .field-hint { font-size:14px; line-height:1.6; margin-top:12px; }
.simple-status { font-size:19px; font-weight:650; line-height:1.5; }
.simple-question { padding:18px; background:#f5edd6; border-radius:14px; margin-top:22px; }
.simple-items { list-style:none; padding:0; margin:22px 0; }
.simple-items li { border-bottom:1px solid #e2dfd1; padding:16px 0; }
.simple-items p { margin:5px 0; }
.simple-item-title,.simple-total { font-weight:700; }
.simple-review { color:#8a542c; }
.simple-mode [hidden], #advanced-mode[hidden] { display:none !important; }
.simple-refine { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-top: 12px; }
.simple-refine label { display: grid; gap: 5px; min-width: 0; flex: 1 1 90px; }
.simple-refine label:first-child { flex: 3 1 200px; }
.simple-refine input, .simple-refine select { box-sizing: border-box; width: 100%; min-width: 0; padding: 9px; border: 1px solid #cbd5c0; border-radius: 8px; background: #fff; color: inherit; font: inherit; }