.nav-mobile-fix{position:relative!important;z-index:1000!important}@media (max-width:768px){.nav-header{background:var(--color-surface)!important;border-bottom:1px solid var(--color-border)!important;min-height:4pc!important;padding:1rem!important;width:100%!important}.nav-container{align-items:center!important;display:flex!important;justify-content:space-between!important;margin:0!important;max-width:100vw!important;padding:0!important;width:100%!important}.nav-logo{height:2.5rem!important;min-height:2.5rem!important;width:auto!important}.nav-desktop-menu,.nav-search{display:none!important}.nav-mobile-controls{gap:.5rem!important}.nav-mobile-button,.nav-mobile-controls{align-items:center!important;display:flex!important;min-height:44px!important}.nav-mobile-button{background:#0000!important;border:none!important;border-radius:.5rem!important;color:#fff!important;cursor:pointer!important;justify-content:center!important;min-width:44px!important;padding:.5rem!important}.nav-mobile-button:hover{background:#ffffff1a!important}.nav-mobile-button:active{background:#ffffff26!important}.nav-cart-button{min-height:44px!important;min-width:44px!important;position:relative!important}.nav-cart-badge{align-items:center!important;background:var(--color-primary)!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:.75rem!important;font-weight:600!important;height:20px!important;justify-content:center!important;position:absolute!important;right:-2px!important;top:-2px!important;width:20px!important}.nav-notification-button{min-height:44px!important;min-width:44px!important;position:relative!important}.nav-notification-badge{align-items:center!important;background:#ef4444!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:.75rem!important;font-weight:600!important;height:20px!important;justify-content:center!important;position:absolute!important;right:-2px!important;top:-2px!important;width:20px!important}.nav-profile-button{border:2px solid var(--color-border)!important;border-radius:50%!important;min-height:44px!important;min-width:44px!important;overflow:hidden!important}.nav-profile-image{height:100%!important;object-fit:cover!important;width:100%!important}.nav-mobile-menu{background:var(--color-surface)!important;bottom:0!important;left:0!important;overflow-y:auto!important;padding:0!important;position:fixed!important;right:0!important;top:4pc!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;z-index:9999!important}.nav-mobile-menu.open{transform:translateX(0)!important}.nav-mobile-menu-header{align-items:center!important;background:var(--color-surface-variant)!important;border-bottom:1px solid var(--color-border)!important;display:flex!important;justify-content:space-between!important;padding:1rem!important}.nav-mobile-menu-title{color:var(--color-text)!important;font-size:1.25rem!important;font-weight:600!important}.nav-mobile-menu-close{align-items:center!important;background:#0000!important;border:none!important;border-radius:.5rem!important;color:var(--color-text)!important;display:flex!important;justify-content:center!important;min-height:44px!important;min-width:44px!important}.nav-mobile-menu-content{padding:1rem!important}.nav-mobile-search{margin-bottom:1.5rem!important}.nav-mobile-search-input{background:var(--color-background)!important;border:1px solid var(--color-border)!important;border-radius:.5rem!important;color:var(--color-text)!important;font-size:1rem!important;padding:.75rem!important;width:100%!important}.nav-mobile-search-input::placeholder{color:var(--color-text-muted)!important}.nav-mobile-links{list-style:none!important;margin:0!important;padding:0!important}.nav-mobile-link-item{margin-bottom:.5rem!important}.nav-mobile-link{align-items:center!important;border-radius:.5rem!important;color:var(--color-text)!important;display:flex!important;font-size:1rem!important;font-weight:700!important;min-height:56px!important;padding:1rem!important;text-decoration:none!important;transition:background-color .2s ease!important}.nav-mobile-link:hover{background:var(--color-primary-50)!important;color:var(--color-primary)!important}.nav-mobile-link.active{background:var(--color-primary)!important;color:#fff!important;font-weight:600!important}.nav-mobile-link-icon{height:1.25rem!important;margin-right:.75rem!important;width:1.25rem!important}.nav-mobile-user-section{border-top:1px solid var(--color-border)!important;margin-top:1.5rem!important;padding-top:1.5rem!important}.nav-mobile-user-info{align-items:center!important;background:var(--color-surface-variant)!important;border-radius:.5rem!important;display:flex!important;margin-bottom:1rem!important;padding:1rem!important}.nav-mobile-user-avatar{border:2px solid var(--color-border)!important;border-radius:50%!important;height:3rem!important;margin-right:.75rem!important;object-fit:cover!important;width:3rem!important}.nav-mobile-user-details{flex:1!important}.nav-mobile-user-name{color:var(--color-text)!important;font-weight:600!important;margin-bottom:.25rem!important}.nav-mobile-user-email{color:var(--color-text-muted)!important;font-size:.875rem!important}.nav-mobile-auth-buttons{display:flex!important;flex-direction:column!important;gap:.75rem!important}.nav-mobile-auth-button{border:none!important;border-radius:.5rem!important;cursor:pointer!important;font-size:1rem!important;font-weight:500!important;min-height:44px!important;padding:.75rem 1rem!important;transition:background-color .2s ease!important;width:100%!important}.nav-mobile-login-button{background:var(--color-primary)!important;color:#fff!important}.nav-mobile-login-button:hover{background:var(--color-primary-dark)!important}.nav-mobile-signup-button{background:#0000!important;border:1px solid var(--color-primary)!important;color:var(--color-primary)!important}.nav-mobile-signup-button:hover{background:var(--color-primary-50)!important}.nav-mobile-logout-button{background:#ef4444!important;color:#fff!important}.nav-mobile-logout-button:hover{background:#dc2626!important}.nav-mobile-overlay{background:#00000080!important;bottom:0!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:opacity .3s ease,visibility .3s ease!important;visibility:hidden!important;z-index:9998!important}.nav-mobile-overlay.open{opacity:1!important;visibility:visible!important}.nav-dropdown{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:.5rem!important;box-shadow:0 10px 25px #0000001a!important;left:1rem!important;max-height:calc(100vh - 8rem)!important;overflow-y:auto!important;position:fixed!important;right:1rem!important;top:4rem!important;z-index:9999!important}.nav-dropdown-item{align-items:center!important;border-bottom:1px solid var(--color-border)!important;display:flex!important;font-size:1rem!important;min-height:56px!important;padding:1rem!important}.nav-dropdown-item:hover{background:var(--color-primary-50)!important}.nav-dropdown-item:last-child{border-bottom:none!important}[data-radix-popper-content-wrapper]{z-index:10000!important}[data-radix-dropdown-menu-content],[role=menu]{max-height:calc(100vh - 8rem)!important;max-width:calc(100vw - 2rem)!important;overflow-y:auto!important}}@media (min-width:769px) and (max-width:1024px){.nav-container{padding:0 2rem!important}.nav-search{max-width:300px!important}.nav-desktop-menu{gap:1rem!important}.nav-desktop-link{font-size:.875rem!important;padding:.5rem 1rem!important}}@media (min-width:481px) and (max-width:768px){.nav-mobile-menu{box-shadow:2px 0 8px #0000001a!important;max-width:25pc!important;right:auto!important}.nav-mobile-overlay{left:25pc!important}}@media (max-width:480px){.nav-header{padding:.5rem .75rem!important}.nav-logo{height:1.75rem!important}.nav-mobile-controls{gap:.25rem!important}.nav-mobile-button{padding:.375rem!important}.nav-cart-button,.nav-mobile-button,.nav-notification-button,.nav-profile-button{min-height:40px!important;min-width:40px!important}.nav-mobile-link,.nav-mobile-menu-content{padding:.75rem!important}.nav-mobile-link{font-size:.875rem!important;min-height:3pc!important}.nav-mobile-user-avatar{height:2.5rem!important;width:2.5rem!important}}@supports (padding:max(0px)){@media (max-width:768px){.nav-header{padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important;padding-top:max(.75rem,env(safe-area-inset-top))!important}.nav-mobile-menu{padding-bottom:env(safe-area-inset-bottom)!important}.nav-mobile-menu-content,.nav-mobile-menu-header{padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important}}}@media (prefers-contrast:high){.nav-mobile-link{border:1px solid #0000!important}.nav-mobile-link:focus,.nav-mobile-link:hover{border-color:var(--color-primary)!important}.nav-cart-button:focus,.nav-mobile-button:focus,.nav-notification-button:focus{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}}@media (prefers-reduced-motion:reduce){.nav-mobile-button,.nav-mobile-link,.nav-mobile-menu,.nav-mobile-overlay{transition:none!important}}@media (prefers-color-scheme:dark){.nav-mobile-search-input{border-color:#ffffff1a!important}.nav-mobile-search-input,.nav-mobile-user-info{background:#ffffff0d!important}}