/**
 * 移动端横向溢出修复（点餐页 form.php）
 *
 * 问题：鸿蒙/安卓系统下点餐页面出现左右可滑动（横向溢出），
 *       搜索按钮与右下角两个悬浮按钮溢出屏幕；苹果手机无此问题。
 * 根因：flex 容器中的 <input>（.search-input）默认 min-width:auto，
 *       会按其内在宽度（约 20 字符）拒绝收缩，把 .search-box 撑宽并引发横向溢出；
 *       横向溢出在部分安卓/鸿蒙 WebView 中还会使 position:fixed 元素相对文档
 *       而非视口定位，导致悬浮按钮一并“溢出”。iOS Safari 的 input 内在宽度与
 *       fixed 定位处理不同，故不出现此问题。
 * 修复：让相关 flex 子项可收缩，并在容器/页面层级裁切意外横向溢出。
 */

body {
    overflow-x: hidden;
}

.candy-container {
    width: 100%;
    overflow-x: hidden;
}

.search-input {
    min-width: 0;
}

.option-content {
    min-width: 0;
}