.autocomplete { position: relative; min-width: 0; }
#bottle-sale-form [hidden] { display: none !important; }
.autocomplete-control { display: flex; align-items: stretch; gap: 0; }
.autocomplete-control input { min-width: 0; padding-right: .65rem; border-radius: 9px 0 0 9px; }
.autocomplete-toggle { flex: 0 0 2.5rem; border: 1px solid var(--border, #dddcd4); border-left: 0; border-radius: 0 9px 9px 0; background: var(--surface, #fff); color: var(--ink, #263840); cursor: pointer; }
.autocomplete-toggle:hover { background: #edf3ee; }
.autocomplete-toggle:focus-visible { outline: 3px solid #709380; outline-offset: 2px; }
.autocomplete-toggle:disabled { opacity: .45; cursor: default; }
.autocomplete-list { position: absolute; z-index: 30; top: calc(100% + 4px); left: 0; right: 0; max-height: 17rem; overflow-y: auto; margin: 0; padding: .35rem; list-style: none; border: 1px solid #d6ded5; border-radius: 10px; background: #fff; box-shadow: 0 9px 26px #1c30301f; }
.autocomplete-option { padding: .65rem .7rem; border-radius: 6px; cursor: pointer; overflow-wrap: anywhere; line-height: 1.45; }
.autocomplete-option[aria-selected="true"], .autocomplete-option:hover { background: #e8f1e9; color: #1c4f3a; }
.autocomplete-empty { padding: .65rem; color: #68736c; font-size: .875rem; }
.autocomplete-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }