.search-container{position:relative;max-width:100%;margin:0 auto 20px}.search-input{width:100%;padding:20px;font-size:18px;border:2px solid var(--light-background);border-radius:8px;color:var(--dark-background-colour);outline:none;transition:box-shadow .2s ease,border-color .2s ease}.search-input:focus{border-color:var(--secondary-colour)}.autocomplete-results{position:absolute;width:100%;background-color:#fff;border:1px solid var(--light-background);border-radius:8px;margin-top:8px;box-shadow:0 8px 16px rgba(0,0,0,.1);max-height:250px;overflow-y:auto;z-index:10}.autocomplete-item{padding:16px 20px;cursor:pointer;font-size:16px;border-bottom:1px solid #f3f4f6;color:var(--dark-background-colour)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f9fafb}.search-mode-toggle{display:flex;gap:8px;margin-bottom:10px}.toggle-button{padding:5px 10px;font-size:14px;background-color:transparent;cursor:pointer;border:none;border-bottom:2px solid transparent;color:var(--text);transition:border-color .3s ease,color .3s ease}.toggle-button.active{border-bottom:2px solid var(--primary);color:var(--primary)}.toggle-button:hover{color:var(--primary)}