.navbar{width:100%;border-bottom:1px solid #e5e7eb;background-color:white;position:fixed;top:0;z-index:50}.expanded-navbar{padding-bottom:5rem!important;overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,.08)}.search-bar-container{width:100%;background:#ffffff00;padding:.75rem 1rem;position:absolute;left:0;top:4rem;z-index:100}.search-input{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;outline:none}@media (max-width:768px){.expanded-navbar{padding-bottom:5rem!important}.search-bar-container{padding:.75rem .5rem}}@media (max-width:900px){#search{display:none}}.navbar-container{width:100%;margin:0 auto;padding:0 1rem}.navbar-content{display:flex;align-items:center;height:3rem;gap:1rem;width:100%}.nav-links{display:none;gap:2rem}.nav-link{color:#000000!important;font-weight:600!important;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#374151!important}.nav-item{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:10px;min-width:200px;z-index:1000}.nav-item:hover .dropdown-menu{display:block}.dropdown-link{display:block;padding:8px 12px;color:#333;text-decoration:none}.dropdown-link:hover{background:#f5f5f5}.logo{justify-content:center}.icon-group,.logo{display:flex;flex:1}.icon-group{align-items:center;gap:1rem;justify-content:flex-end;color:black}.icon-button{background:none;border:none;padding:.5rem;cursor:pointer;position:relative}.cart-count{position:absolute;top:-4px;right:-4px;background:black;color:white;font-size:.7rem;border-radius:50%;padding:0 4px}.mobile-menu-button{flex:1;display:flex}@media (min-width:900px){.mobile-menu-button{display:none}.nav-links{display:flex;justify-content:flex-start;flex:1}.logo{flex:none;margin-right:auto}}.mobile-menu{display:block;background-color:white;padding:.75rem 1rem}.mobile-nav-link{display:block;color:#374151;font-weight:500;text-decoration:none;margin-bottom:.5rem;transition:color .2s ease}.mobile-nav-link:hover{color:black}.mobile-submenu{padding-left:15px}.mobile-sub-link{display:block;padding:6px 12px;color:#555;text-decoration:none}.mobile-sub-link:hover{background:#eee}#bag,#menu,#search{border:none;background:none}#user{color:black}#pop{border:none;transition-duration:.5s}.fade-popover{opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(-10px)}