.search-bar-container{width:100%;max-width:600px;margin:3em auto 0;position:relative}.search-bar-container .search-form .hero-search-input{background-color:var(--page-bg);color:var(--text-color);border:none;border-radius:4px 0 0 4px;padding:12px 20px}.search-bar-container .search-form .hero-search-input:focus{box-shadow:none;outline:none}.search-bar-container .search-form .hero-search-input::placeholder{color:var(--text-color-light)}.search-bar-container .search-form .hero-search-btn{background-color:var(--primary);border:none;border-radius:0 4px 4px 0;padding:12px 25px;transition:background-color .2s}.search-bar-container .search-form .hero-search-btn:hover{background-color:var(--primary-hover)}.search-bar-container .predictions-dropdown{background:var(--page-bg);z-index:1000;max-height:300px;color:var(--text-color);border-radius:4px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.search-bar-container .predictions-dropdown .prediction-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:12px 16px;transition:background-color .2s}.search-bar-container .predictions-dropdown .prediction-item:hover{background-color:var(--text-color-hover)}.search-bar-container .predictions-dropdown .prediction-item:last-child{border-bottom:none}.search-bar-container .predictions-dropdown .prediction-item .prediction-main{margin-bottom:2px;font-weight:500}.search-bar-container .predictions-dropdown .prediction-item .prediction-secondary{font-size:.85rem}.search-bar-container .predictions-dropdown .prediction-item.loading{align-items:center;gap:8px;display:flex}.search-bar-container .predictions-dropdown .prediction-item.no-results{text-align:center;cursor:default}.search-bar-container .predictions-dropdown .loading-spinner{border:2px solid #f3f3f3;border-top-color:#4e60d6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}