.navbar{background:linear-gradient(135deg,#fff,#fff);color:#000;padding:14px 24px;position:fixed;top:0;left:0;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1000;border-radius:10px}.navbar,.navbar-container{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar-container{z-index:2}.logo-container{display:flex;align-items:center}.logo{width:42px;height:42px}.brand-name{background:linear-gradient(90deg,#3b82f6,#d65dff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:24px;margin-left:10px}.nav-links{display:flex;gap:25px;margin:0 auto;align-items:center}.nav-link{position:relative;color:#000;text-decoration:none;font-size:17px;font-weight:500;padding:8px 12px;border-radius:6px;transition:all .3s ease-in-out}.nav-link:after{content:"";position:absolute;left:50%;bottom:-2px;width:0;height:3px;background:linear-gradient(90deg,#3b82f6,#d65dff,#8b5cf6);transform:translateX(-50%)}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-item{position:relative}.dropdown-btn{background:none;border:none;cursor:pointer;font-size:17px;font-weight:500;padding:8px 12px;border-radius:6px;transition:all .3s ease-in-out;color:#000}.dropdown-content{position:absolute;top:120%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);width:180px;display:flex;flex-direction:column;opacity:1;transition:opacity .3s ease-in-out;z-index:1000}.dropdown-item{padding:12px;color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:background .3s;display:block}.dropdown-item:hover{background:#f1f1f1}.right-container{display:flex;align-items:center;gap:20px;z-index:2}.cart{font-size:20px}.profile-container{position:relative}.profile-btn{display:flex;align-items:center;background:linear-gradient(90deg,#3b82f6,#d65dff,#8b5cf6);border:none;padding:6px 14px;border-radius:25px;cursor:pointer;transition:all .3s ease-in-out;color:#fff}.profile-btn:hover{background:#612883}.profile-pic{width:34px;height:34px;border-radius:50%;border:1px solid #fff;object-fit:cover;margin-right:5px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0)}.profile-dropdown{position:absolute;top:120%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);width:160px;display:flex;flex-direction:column;opacity:1;transition:opacity .3s ease-in-out;z-index:1000}.profile-dropdown-item{padding:10px 15px;color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:background .3s;display:block;cursor:pointer}.profile-dropdown-item:hover{background:#f1f1f1}@media (max-width:767px){.brand-name,.profile-text{display:none}}@media (max-width:932px){.navbar-container{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.nav-links{display:none;flex-direction:column;background:#fff;position:absolute;top:60px;right:0;width:100%;padding:10px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.nav-links.mobile-show{display:flex}.logo-container{order:2;flex-shrink:0;margin-right:auto}.menu-btn{display:block;background:none;border:none;font-size:24px;cursor:pointer;order:1;margin-right:10px}.profile-dropdown{right:0;position:absolute}.right-container{order:3;flex-shrink:0;position:relative;z-index:2}.brand-name{white-space:nowrap;margin-left:8px}}@media (min-width:932px){.menu-btn{display:none}}.notification{justify-content:center}.nav-link2,.notification{position:relative;display:flex;align-items:center}.nav-link2{font-size:24px;color:#000;text-decoration:none}.notification-badge{position:absolute;top:-5px;right:-8px;background:red;color:#fff;font-size:11px;font-weight:lighter;padding:4px 7px;border-radius:50%;min-width:18px;height:18px}.dropdown1,.notification-badge{display:flex;align-items:center;justify-content:center}.dropdown1{flex-direction:row}.notification-badge{animation:pop .3s ease-in-out}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lower-dropdown{margin-top:20px}.menu-btn{color:#000}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.2);display:flex;flex-direction:column;z-index:1000;padding-top:15px;transition:transform .3s ease-in-out}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:15px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-header img{width:60px;height:auto}.sidebar-menu{flex-grow:1;overflow-y:auto;padding-top:10px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#000;text-decoration:none;font-size:16px;cursor:pointer;transition:background .3s ease-in-out,color .3s ease-in-out}.sidebar-link:hover{background:linear-gradient(90deg,#707bff,#d65dff);color:#fff;border-radius:5px;padding-left:25px}.sidebar-link svg{margin-right:10px;font-size:18px}.sidebar-section{font-size:12px;font-weight:700;color:#000;padding:10px 20px;text-transform:uppercase}