.navbar[data-v-b4b9af3a]{position:fixed;width:100%;border-bottom:1px solid #f1f1f1;box-shadow:#000 0 0 7px -4px;background-color:#fff;z-index:4;height:65px}.navbar ul[data-v-b4b9af3a]{display:flex;padding:10px 20px;justify-content:space-between;align-items:center;gap:15px}.navbar ul li[data-v-b4b9af3a]{display:flex;align-items:center;justify-content:center;margin:0 8px}.navbar ul li.search-container[data-v-b4b9af3a]{flex:1;max-width:400px;margin:0 20px;position:relative}.navbar ul li.heart-nav-icon[data-v-b4b9af3a]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .2s ease;margin:0 5px;padding:0;position:relative}.navbar ul li.heart-nav-icon svg[data-v-b4b9af3a]{width:22px;height:22px;stroke:#575757;fill:none;stroke-width:2;transition:all .2s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.navbar ul li.heart-nav-icon[data-v-b4b9af3a]:hover{background-color:#0000000d}.navbar ul li.heart-nav-icon:hover svg[data-v-b4b9af3a]{stroke:#ef4444;transform:translate(-50%,-50%)}.navbar ul li.heart-nav-icon.active[data-v-b4b9af3a],.navbar ul li.heart-nav-icon.hasLikes[data-v-b4b9af3a]{background-color:#ef44441a}.navbar ul li.heart-nav-icon.active svg[data-v-b4b9af3a],.navbar ul li.heart-nav-icon.hasLikes svg[data-v-b4b9af3a]{stroke:#ef4444;fill:#ef4444;transform:translate(-50%,-50%)}.navbar ul li.heart-nav-icon.active.hasLikes[data-v-b4b9af3a]{background-color:#ef444426}.navbar ul li[data-v-b4b9af3a]:nth-child(2){margin-left:0}@media ((max-width: 767px)){.navbar ul li[data-v-b4b9af3a]:nth-child(2){justify-content:end}}.navbar ul li[data-v-b4b9af3a]:nth-child(3){justify-content:end}.navbar ul li button[data-v-b4b9af3a]{background-color:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700}.navbar ul li .logo[data-v-b4b9af3a]{cursor:pointer;width:100%;height:auto}.navbar ul li .link[data-v-b4b9af3a]{background-color:#fff;color:#10b981;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700}.navbar ul .hamburger-icon svg[data-v-b4b9af3a]{cursor:pointer;fill:gray;width:20px}.navbar .search-input-wrapper[data-v-b4b9af3a]{position:relative;width:100%}.navbar .search-input-wrapper .clear-search-btn[data-v-b4b9af3a]{position:absolute;right:45px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#6b7280;opacity:.7;transition:opacity .2s;z-index:2}.navbar .search-input-wrapper .clear-search-btn[data-v-b4b9af3a]:hover{opacity:1;color:#374151}.navbar .search-input-wrapper .clear-search-btn svg[data-v-b4b9af3a]{width:18px;height:18px}.navbar .search-input-wrapper .navbar-search-input[data-v-b4b9af3a]{border-radius:25px;padding:8px 90px 8px 15px;height:40px;width:100%;border:1px solid #e9e9e9;box-shadow:0 0 5px #afafaf;font-size:14px}.navbar .search-input-wrapper .navbar-search-input.flatten-bottom[data-v-b4b9af3a]{border-bottom-left-radius:0;border-bottom-right-radius:0}.navbar .search-input-wrapper .navbar-search-input[data-v-b4b9af3a]:focus{outline:none;border-color:#10b981}.navbar .search-input-wrapper .search-btn[data-v-b4b9af3a]{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;opacity:0;cursor:default;transition:opacity .2s}.navbar .search-input-wrapper .search-btn.show[data-v-b4b9af3a]{opacity:1;cursor:pointer}.navbar .search-input-wrapper .search-btn svg[data-v-b4b9af3a]{fill:#575757;width:16px;height:16px}.navbar .search-input-wrapper .search-btn:hover svg[data-v-b4b9af3a]{fill:#10b981}.navbar .search-input-wrapper .autocomplete-dropdown[data-v-b4b9af3a]{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #c6c6c6;border-top:none;z-index:1000;padding:10px 0;border-bottom-left-radius:25px;border-bottom-right-radius:25px;box-shadow:0 4px 6px #0000001a;max-height:300px;overflow-y:auto}.navbar .search-input-wrapper .autocomplete-dropdown .autocomplete-result[data-v-b4b9af3a]{padding:10px 15px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s}.navbar .search-input-wrapper .autocomplete-dropdown .autocomplete-result[data-v-b4b9af3a]:hover{background-color:#f5f5f5}.navbar .search-input-wrapper .autocomplete-dropdown .autocomplete-result svg[data-v-b4b9af3a]{height:15px;fill:gray;margin-right:10px}@media ((max-width: 767px)){.navbar .mobile-search[data-v-b4b9af3a]{order:-1;width:100%;max-width:none;margin:0 10px}}.navbar .mobile-nav[data-v-b4b9af3a]{height:100%}.navbar .mobile-dropdown[data-v-b4b9af3a]{background-color:#fff;border-bottom:1px solid #f1f1f1;box-shadow:#000 0 2px 4px -4px}.navbar .mobile-dropdown ul[data-v-b4b9af3a]{flex-direction:column}.navbar .mobile-dropdown ul li[data-v-b4b9af3a]{justify-content:center;margin:auto}