:root{--primary:#ff4d6d;--secondary:#ff758f;--text:#2b2d42;--bg:rgba(255,255,255,0.8);--border-color:rgba(255,255,255,0.5);--blur:blur(12px);--shadow:0 6px 24px rgba(0,0,0,0.08);--shadow-hover:0 8px 32px rgba(0,0,0,0.12)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.navbar{position:fixed;top:.75rem;left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:1200px;background:var(--bg);backdrop-filter:var(--blur)!important;-webkit-backdrop-filter:var(--blur);border-radius:1.5rem;box-shadow:var(--shadow);z-index:1000;transition:all .3s ease-in-out;border:1px solid var(--border-color);padding:.5rem 1.5rem}.navbar.scrolled{top:.5rem;box-shadow:var(--shadow-hover)}.navbar-container{justify-content:space-between;margin:0 auto}.logo,.navbar-container{display:flex;align-items:center}.logo{color:var(--text);font-weight:700;font-size:1.5rem;text-decoration:none;transition:all .3s ease;position:relative;z-index:10;background:transparent!important}.logo:hover{color:var(--primary);transform:scale(1.05)}.logo-container{display:flex;align-items:center;gap:.5rem}.logo-container,.logo-image{position:relative;background:transparent!important}.logo-image{height:60px;width:auto;border:none!important;box-shadow:none!important;transition:all .3s ease;z-index:10;margin-top:-15px;margin-bottom:-15px}.logo-image:hover{transform:translateY(-3px) scale(1.05);box-shadow:none!important}.logo-text{font-weight:700;font-size:1.5rem;color:var(--text);transition:color .3s ease}.logo-icon,.logo:hover .logo-text{color:var(--primary)}.logo-icon{margin-right:.5rem;font-size:1.8rem}.nav-links{display:flex;gap:.25rem;list-style:none;flex-wrap:wrap}.nav-item,.nav-link{position:relative}.nav-link{color:var(--text);text-decoration:none;font-weight:700;transition:all .3s ease;padding:.6rem .8rem;display:flex;align-items:center;border-radius:.75rem;white-space:nowrap;font-size:.9rem;border:none;outline:none;box-shadow:none}.nav-link:hover{color:var(--primary);background-color:rgba(255,77,109,.08)}.nav-link.active{color:var(--primary);background-color:rgba(255,77,109,.12);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:80%;height:3px;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:2px;box-shadow:0 2px 8px rgba(255,77,109,.4)}.nav-link i{margin-left:.3rem;transition:transform .3s ease}.nav-item:hover .nav-link i{transform:rotate(180deg)}.sub-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:var(--bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:1rem;padding:.75rem;width:220px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:all .3s ease;border:1px solid var(--border-color)}.nav-item:hover .sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.sub-item{list-style:none}.sub-link{color:var(--text);text-decoration:none;font-weight:400;transition:all .3s ease;display:block;padding:.6rem 1rem;border-radius:.5rem}.sub-link:hover{color:var(--primary);background-color:rgba(255,77,109,.08)}.auth-buttons{gap:.5rem}.auth-buttons,.cart-button{display:flex;align-items:center}.cart-button{background:transparent;border:none;cursor:pointer;position:relative;padding:.6rem;border-radius:50%;justify-content:center;transition:background-color .3s ease}.cart-button:hover{background-color:rgba(0,0,0,.05)}.cart-icon{color:var(--text);font-size:1.2rem}.cart-count{position:absolute;top:0;right:0;background:var(--primary);color:white;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex;border:2px solid var(--bg)}.cart-count,.login-btn,.signup-btn{align-items:center;justify-content:center}.login-btn,.signup-btn{padding:.6rem 1.5rem;border-radius:2rem;font-weight:500;transition:all .3s ease;text-decoration:none;font-size:.9rem;border:1px solid transparent;min-width:80px;text-align:center;display:inline-flex;white-space:nowrap}.login-btn{color:var(--text);background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}.login-btn:hover{background-color:var(--text);color:white;box-shadow:0 5px 15px rgba(43,45,66,.2)}.signup-btn{background:linear-gradient(to right,var(--primary),var(--secondary));color:white;box-shadow:0 4px 14px rgba(255,77,109,.2)}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,77,109,.3)}.mobile-nav-actions{display:flex;align-items:center;gap:.5rem}.mobile-cart{background:none;border:none;position:relative;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease;color:var(--text)}.mobile-cart:hover{background-color:rgba(0,0,0,.05);color:var(--primary)}.cart-badge{position:absolute;top:0;right:0;background:var(--primary);color:white;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid var(--bg)}.mobile-menu-btn{display:none;font-size:1.5rem;color:var(--text);background:none;border:none;cursor:pointer;transition:all .3s ease;z-index:1001;padding:.5rem;border-radius:.5rem}.mobile-menu-btn:hover{color:var(--primary);background-color:rgba(0,0,0,.05)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);transition:all .4s cubic-bezier(.25,1,.5,1);transform:translateY(-100%);opacity:0;z-index:999;overflow-y:auto}.mobile-menu.active{transform:translateY(0);opacity:1}.mobile-menu-content{padding:6rem 2rem 2rem;max-width:400px;margin:0 auto;height:100vh;display:flex;flex-direction:column}.mobile-nav-links{list-style:none;text-align:center;margin-bottom:2rem}.mobile-nav-item{margin-bottom:.5rem}.mobile-nav-link{color:var(--text);text-decoration:none;font-weight:700;font-size:1.5rem;display:block;padding:1rem;border-radius:1rem;transition:all .3s ease}.mobile-nav-link:hover{background-color:rgba(255,77,109,.1);color:var(--primary);transform:translateX(8px)}.mobile-auth-section{margin-top:auto;padding-top:2rem;border-top:1px solid var(--border-color)}.mobile-profile-section{text-align:center}.mobile-profile-info{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.5);border-radius:1.5rem;border:1px solid var(--border-color)}.mobile-profile-details{text-align:center}.mobile-profile-name{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.mobile-profile-email{font-size:.9rem;color:#666;margin-bottom:.5rem}.mobile-profile-actions{display:flex;flex-direction:column;gap:.5rem}.mobile-profile-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--text);text-decoration:none;font-weight:500;background:rgba(255,255,255,.3);border-radius:1rem;transition:all .3s ease;border:1px solid var(--border-color)}.mobile-profile-link:hover{background:rgba(255,77,109,.1);color:var(--primary);transform:translateY(-2px)}.mobile-logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:none;border:1px solid #ef4444;color:#ef4444;font-weight:500;border-radius:1rem;cursor:pointer;transition:all .3s ease;font-size:1rem;width:100%}.mobile-logout-btn:hover{background:#ef4444;color:white;transform:translateY(-2px)}.mobile-auth-buttons{display:flex;flex-direction:column;gap:1rem}.mobile-auth-btn{padding:1rem 2rem;border-radius:1rem;font-weight:600;font-size:1.1rem;text-align:center;transition:all .3s ease}@media (max-width:1024px){.auth-buttons,.nav-links{display:none}.mobile-menu-btn{display:block}.navbar{padding:.5rem 1rem;top:.5rem;border-radius:1rem;width:calc(100% - 1rem)}}.logo-image{height:50px;margin-top:-10px;margin-bottom:-10px}.logo-text{font-size:1.3rem}@media (max-width:1024px) and (min-width:769px){.navbar{padding:.6rem 1.2rem}.logo{font-size:1.4rem}.mobile-menu{padding:5rem 2.5rem 2.5rem}.mobile-nav-link{font-size:1.3rem;padding:.6rem}}@media (max-width:768px){.navbar{padding:.4rem .8rem;top:.3rem;border-radius:.8rem;width:calc(100% - .6rem)}.logo{font-size:1.2rem}.logo-icon{font-size:1.4rem;margin-right:.3rem}.mobile-menu-btn{font-size:1.3rem;padding:.3rem}.mobile-menu{padding:4rem 1.5rem 2rem}.mobile-nav-link{font-size:1.1rem;padding:.5rem}}@media (max-width:480px){.navbar{padding:.3rem .6rem;top:.2rem;width:calc(100% - .4rem)}.logo{font-size:1rem}.logo-icon{font-size:1.2rem;margin-right:.2rem}.mobile-menu{padding:3.5rem 1rem 1.5rem}.mobile-nav-link{font-size:1rem;padding:.4rem}}[data-radix-popper-content-wrapper],[role=dialog],[role=menu]{z-index:10001!important}@media (max-width:1200px){.navbar{max-width:95%}.nav-link{padding:.5rem .7rem;font-size:.85rem}.auth-buttons{gap:.25rem}.login-btn,.signup-btn{padding:.5rem 1.2rem;font-size:.85rem}}@media (max-width:1024px){.navbar{padding:.5rem 1rem}.auth-buttons .cart-icon-btn,.nav-links{display:none}.mobile-menu-btn{display:block}}@media (max-width:768px){.navbar{top:.5rem;border-radius:1rem;width:calc(100% - 1rem)}.auth-buttons{display:none}.mobile-nav-actions{display:flex}}@media (max-width:480px){.navbar{padding:.4rem .8rem}.logo{font-size:1.3rem}.mobile-menu-content{padding:5rem 1.5rem 2rem}.mobile-nav-link{font-size:1.2rem;padding:.8rem}}html{scroll-behavior:smooth}.login-btn:focus,.mobile-nav-link:active,.mobile-nav-link:focus,.mobile-profile-link:focus,.nav-link:active,.nav-link:focus,.nav-link:focus-visible,.signup-btn:focus{outline:none!important;border:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:.75rem}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}.nav-link,.nav-link *{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none!important;outline:none!important}@media (prefers-contrast:high){.navbar{border:2px solid var(--text)}.mobile-nav-link:hover,.nav-link:hover{background-color:var(--text);color:white}}