.movie-search { position:relative; max-width:460px; margin:0 auto 22px; }
.movie-search input { width:100%; padding:12px 14px; border:1px solid #4b6886; border-radius:10px; background:var(--film-surface); color:#fff; }
.movie-search input:focus { outline:2px solid #ffad73; outline-offset:0; }
.movie-search input:disabled { opacity:.6; }
.movie-search [role="listbox"] { position:absolute; z-index:20; top:100%; left:0; right:0; max-height:280px; margin-top:4px; overflow-y:auto; border:1px solid #4b6886; border-radius:10px; background:var(--film-surface); box-shadow:0 14px 30px rgba(0,0,0,.35); text-align:left; }
.movie-search [role="listbox"][hidden] { display:none; }
.movie-search .suggestion { display:flex; justify-content:space-between; gap:10px; width:100%; padding:10px 14px; border:0; background:none; color:#e8f0f6; font-size:14px; text-align:left; cursor:pointer; }
.movie-search .suggestion small { color:#8fa8bd; }
.movie-search .suggestion:hover,.movie-search .suggestion.is-active { background:#31587d; color:#fff; }