.topbar{background-color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.1);position:sticky;top:0;z-index:50}.topbar-logo img{height:60px;width:auto;cursor:pointer}.topbar-routes{display:flex;gap:1.5rem;font-size:.9rem;font-weight:500}.topbar-routes a{color:#333;transition:color .3s ease}.topbar-routes a:hover{color:#fdab04}.search-bar{display:flex;width:400px;border-radius:999px;overflow:hidden}.search-bar input{flex-grow:1;padding:.75rem 1rem;border:none;outline:none;font-size:.9rem;background-color:#fff8eb;color:#333}.search-bar button{background-color:#fdab04;border:none;padding:.75rem 1rem;cursor:pointer;color:#fff;transition:background-color .3s ease}.search-bar button:hover{background-color:#e59a02}.topbar-signin-btn{padding:.5rem 1.25rem;background-color:#007bff;color:#fff;border-radius:4px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background-color .3s ease}.topbar-signin-btn:hover{background-color:#0056b3}.topbar-menu-icon{display:none;cursor:pointer}.topbar-sheet{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.topbar-sheet a{color:#333;font-size:1rem;font-weight:500}.topbar-sheet a:hover{color:#fdab04}@media (max-width:768px){.topbar-routes{display:none}.topbar-menu-icon{display:block}.search-bar{display:none}}