#nav{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;padding:0 var(--spacing-lg);height:80px;transition:all var(--transition-normal)}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-img{height:40px;width:auto;object-fit:contain}.logo-link img{height:50px;width:auto;transition:transform var(--transition-normal)}.logo-link:hover img{transform:scale(1.05)}#search-form{display:flex;align-items:center;width:45%;max-width:600px;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);transition:box-shadow var(--transition-normal)}#search-form:focus-within{box-shadow:var(--shadow-colored)}.search-icon{background-color:#fff;height:45px;padding-left:var(--spacing-md);display:flex;align-items:center;border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);color:var(--primary-color)}#search-input{flex:1;border:none;background-color:#fff;height:45px;padding:0 var(--spacing-sm);color:var(--text-dark);font-size:var(--font-size-base)}#search-input:focus{outline:none}#search-form button{border:none;background:var(--secondary-gradient);color:#fff;height:45px;padding:0 var(--spacing-lg);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}#search-form button:hover{opacity:.9;transform:translate(2px)}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.icon-btn{background:none;border:none;cursor:pointer;position:relative;color:var(--text-gray);font-size:1.4rem;padding:.5rem;border-radius:50%;transition:all var(--transition-fast)}.icon-btn:hover{color:var(--primary-color);background-color:#0d94881a}#cart-count{position:absolute;top:0;right:0;background-color:var(--secondary-color);color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}#user-info{display:flex;align-items:center;gap:1rem}#user-name{color:#2563eb;font-weight:500}#logout-btn{color:#ef4444;text-decoration:none;font-size:.9rem;padding:.25rem .5rem;border-radius:.25rem;transition:all .3s ease}#logout-btn:hover{background-color:#fee2e2}@media (max-width: 768px){#nav{flex-wrap:wrap;height:auto;padding:var(--spacing-sm)}#search-form{order:3;width:100%;margin-top:var(--spacing-sm);max-width:none}.nav-links{gap:var(--spacing-md)}}#user-info{position:relative;display:flex;align-items:center}#user-dropdown-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-gray);padding:.5rem;border-radius:50%;transition:all var(--transition-fast)}#user-dropdown-btn:hover,#user-dropdown-btn.active{background-color:#0d94881a;color:var(--primary-color)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;box-shadow:var(--shadow-md);border-radius:var(--radius-md);min-width:180px;z-index:1001;display:none;flex-direction:column;padding:.5rem 0;border:1px solid var(--border-color);animation:fadeIn .2s ease}.dropdown-menu.show{display:flex}.dropdown-item{padding:.75rem 1rem;color:var(--text-dark);text-decoration:none;font-size:.95rem;display:flex;align-items:center;gap:.75rem;transition:background .2s;background:none;border:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background-color:var(--bg-light);color:var(--primary-color)}.dropdown-item i{width:20px;text-align:center}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#signin-link{font-weight:600;color:var(--primary-color);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--primary-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}#signin-link:hover{background-color:var(--primary-color);color:#fff}