:root{--brand: #2ac456;--accent: #ff7b00;--bg: #ffffff;--text: #222;--muted: #6b7280;--ring: rgba(42, 196, 86, .25)}.navbar-container{position:sticky;top:0;z-index:50;width:100%;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eee}.navbar-content{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px;justify-content:space-between}.navbar-logo img{height:64px;width:auto;object-fit:contain}.navbar-links{display:flex;align-items:center;gap:40px}.navbar-links a{text-decoration:none}.navbar-links a h4{font-size:16px;font-weight:600;color:var(--text);padding:8px 12px;border-radius:10px;transition:color .2s ease,background-color .2s ease,transform .2s ease}.navbar-links a:hover h4{color:var(--accent);background:#ff7b0014;transform:translateY(-1px)}.navbar-icons{display:flex;align-items:center;gap:18px}.nav-icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;color:var(--brand);transition:background-color .2s ease,color .2s ease,transform .2s ease}.nav-icon-link:hover{background:#2ac4561f;color:var(--accent);transform:translateY(-1px)}.cart-icon{position:relative}.search-bar-container{position:relative;display:flex;align-items:center;height:40px;padding:0 12px 0 36px;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:9999px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,width .2s ease;width:280px}.search-bar-container:hover{background:#f3f4f6}.search-bar-container:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring);background:#fff}.search-icon{position:absolute;left:12px;pointer-events:none;color:var(--muted)}.search-input{width:100%;height:100%;border:none;outline:none;background:transparent;color:var(--text);font-size:14px}.search-input::placeholder{color:#9ca3af}@media(max-width:1024px){.navbar-content{padding:10px 16px}.navbar-links{gap:16px}.search-bar-container{width:220px}}@media(max-width:768px){.navbar-links{display:none}.navbar-icons{gap:10px}.search-bar-container{width:44px;padding:0;background:transparent;border-color:transparent}.search-icon{left:50%;transform:translate(-50%)}.search-input{width:0;opacity:0;padding:0}.search-bar-container:focus-within{width:min(80vw,320px);padding:0 12px 0 36px;background:#fff;border-color:var(--brand)}.search-bar-container:focus-within .search-icon{left:12px;transform:none}.search-bar-container:focus-within .search-input{width:100%;opacity:1}.navbar-logo img{height:52px}}