/* Compact paper menus shared by filters and single-select form fields. */
.youyou-select { position:relative; display:inline-flex; min-width:0; max-width:100%; vertical-align:middle; }
select.youyou-select-native { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; opacity:0!important; pointer-events:none!important; }
.youyou-select-trigger { display:inline-flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; max-width:100%; min-height:40px; padding:7px 1px; border:0; border-radius:4px; background:transparent; color:var(--ink,#403c32); font:inherit; font-size:16px; line-height:1.5; text-align:left; cursor:pointer; }
.youyou-select-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.youyou-select-arrow { flex:0 0 auto; width:7px; height:7px; margin:0 3px 4px 1px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); color:#9c8172; }
.youyou-select.is-open .youyou-select-trigger { color:var(--accent,#b96148); }
.youyou-select.is-open .youyou-select-arrow { margin-top:5px; margin-bottom:0; transform:rotate(225deg); color:inherit; }
.youyou-select-trigger:focus-visible { outline:2px solid var(--accent,#b96148); outline-offset:4px; }
.youyou-select-trigger:disabled { opacity:.45; cursor:default; }
.youyou-select-trigger[aria-invalid="true"] { outline:1px solid var(--accent,#b96148); outline-offset:3px; }
.header-city-field .youyou-select-trigger { justify-content:flex-end; max-width:128px; font-size:15px; }
.cuisine-field .youyou-select-trigger { width:96px; justify-content:flex-end; }
.youyou-select--sort .youyou-select-trigger { min-height:36px; gap:7px; color:var(--sub,#817d70); font-size:12px; }
.youyou-select--sort .youyou-select-arrow { width:6px; height:6px; }
.youyou-select--field { display:flex; width:100%; }
.youyou-select--field .youyou-select-trigger { width:100%; min-height:46px; padding:11px 14px; border:1px solid var(--line,#dad3c4); border-radius:4px; background:#fdfaf3; font-size:14px; }
.youyou-select-menu { position:fixed; z-index:20; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; margin:0; padding:5px; border:1px solid #dfd3c5; border-radius:9px; background:#fffdf8; color:var(--ink,#403c32); box-shadow:0 8px 24px #55433218,0 2px 5px #55433209; font-family:var(--journal-text,var(--handwritten,sans-serif)); font-size:15px; line-height:1.5; text-align:left; scrollbar-width:thin; scrollbar-color:#d4c4b3 transparent; touch-action:pan-y; }
.youyou-select-menu[hidden],.youyou-select-option[hidden] { display:none; }
.youyou-select-option { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:42px; padding:9px 10px; border-radius:5px; cursor:pointer; user-select:none; overflow-wrap:anywhere; }
.youyou-select-option > span:first-child { min-width:0; }
.youyou-select-option.is-active { background:#f7eee5; }
.youyou-select-option[aria-selected="true"] { color:var(--accent-deep,#a34f39); }
.youyou-select-option[aria-disabled="true"] { opacity:.4; cursor:default; }
.youyou-select-check { flex:none; width:16px; color:var(--accent,#b96148); font-family:system-ui,sans-serif; font-size:14px; visibility:hidden; }
.youyou-select-option[aria-selected="true"] .youyou-select-check { visibility:visible; }
@media(max-width:760px) {
  .header-city-field .youyou-select-trigger { max-width:110px; font-size:15px; }
  .youyou-select-menu { font-size:16px; }
  .youyou-select-option { min-height:44px; }
}