.search-bar-container{position:relative;width:100%;max-width:500px;margin:0 auto}.search-bar-input{padding:.5rem 1rem;border:1px solid #eed2d2;border-radius:25px;font-size:1rem;width:100%;transition:border-color .3s ease,box-shadow .3s ease}.search-bar-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.3)}.search-loading{text-align:center;font-size:.9rem;color:#333;margin-top:.5rem}.search-results{position:absolute;top:100%;left:0;right:0;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;z-index:1000;margin-top:.5rem;list-style:none;padding:0}.search-result-item{padding:.5rem 1rem}.search-result-link{color:#34495e;text-decoration:none;font-size:.95rem;display:block;transition:background-color .3s ease}.search-result-link:hover{background-color:#f8f9fa}@media (max-width:768px){.search-bar-container{max-width:100%;margin:.5rem 0}.search-bar-input{font-size:.9rem;padding:.4rem .8rem}.search-results{max-height:150px}}@media (max-width:480px){.search-bar-input{font-size:.85rem}.search-result-link{font-size:.9rem}}