.flavor-input-wrap{position:relative}.flavor-input-chips,.flavor-picker-selected{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.flavor-chip{border:1px solid #ead6ba;background:#fffaf4;border-radius:999px;padding:5px 10px;color:#5a3218;cursor:pointer}.flavor-chip span{margin-left:7px;color:#a96b2b}.flavor-suggestions{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #ead6ba;border-radius:12px;box-shadow:0 12px 30px #3a241522;overflow:hidden}.flavor-suggestions[hidden],.flavor-picker[hidden]{display:none}.flavor-suggestion{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:0;border-bottom:1px solid #f3e8da;padding:8px 10px;color:#3a2418;cursor:pointer}.flavor-suggestion:hover,.flavor-suggestion:focus{background:#fff7ed;outline:0}.flavor-suggestion-wheel{width:42px;height:42px;flex:none}.flavor-suggestion-wheel svg{display:block;width:100%;height:100%}.flavor-suggestion strong,.flavor-suggestion small{display:block}.flavor-suggestion small{color:#947963;font-size:.78em;margin-top:2px}.flavor-picker{position:fixed;inset:0;z-index:10000}.flavor-picker-backdrop{position:absolute;inset:0;background:#2c1b1288}.flavor-picker-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(700px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));overflow:auto;background:#fffaf5;border-radius:20px;padding:22px;box-shadow:0 24px 70px #24150c55}.flavor-picker-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.flavor-picker-heading h2{margin:0;color:#3a2418;font-size:1.35rem}.flavor-picker-heading p{margin:5px 0 0;color:#896e59;font-size:.9rem}.flavor-picker-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:28px;color:#896e59;cursor:pointer}.flavor-picker-done{border:0;border-radius:10px;background:#3a2418;color:#fff;padding:10px 18px;font-weight:700;cursor:pointer}.flavor-picker-wheel{margin:16px auto 0;max-width:600px}.flavor-picker-wheel svg{display:block;width:100%;height:auto}.flavor-picker-wheel[aria-busy=true]{min-height:180px}.flavor-picker-empty{color:#947963;font-size:.85rem}@media(max-width:600px){.flavor-picker-card{padding:18px 12px}.flavor-picker-heading{padding-right:22px}.flavor-picker-heading p{font-size:.82rem}.flavor-picker-done{padding:9px 14px}}

.flavor-picker { padding: 0; border: 0; margin: auto; width: min(720px, calc(100vw - 24px)); height: min(820px, calc(100dvh - 24px)); max-height: calc(100dvh - 24px); background: transparent; }
.flavor-picker::backdrop { background: #2c1b1288; }
.flavor-picker-card { position: static; transform: none; width: 100%; height: 100%; max-height: none; }
.flavor-picker-heading { padding-right: 35px; }
.flavor-picker-selected { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; font-size:12px; }
.flavor-input-chips { font-size:12px; }
.flavor-suggestions { max-height: 320px; overflow-y:auto; }
.flavor-suggestion { min-height:58px; font-size:13px; }
.flavor-chip { min-height:32px; }

.flavor-picker-wheel { max-width: min(600px, calc(100dvh - 190px)); }
.flavor-picker-done { min-height:40px; }

.flavor-suggestion-wheel { border-radius:50%; overflow:hidden; }

.flavor-picker { height: auto; }
.flavor-picker-card { height: auto; }

.flavor-picker-wheel[aria-busy=true]:empty::before { content:""; display:block; width:24px; height:24px; margin:65px auto; border:2px solid #ead6ba; border-top-color:#7c4a08; border-radius:50%; animation:flavor-loading .8s linear infinite; }
@keyframes flavor-loading { to { transform:rotate(360deg); } }

.flavor-picker-heading h2:focus { outline: none; }