.navbar{background:var(--bg);z-index:1000;width:100%;transition:box-shadow .3s;position:relative}.navbar.scrolled{box-shadow:0 2px 8px var(--shadow-light);animation:.3s forwards navSlideDown;position:fixed;top:0;left:0}@keyframes navSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.navbar-spacer{height:86px}.navbar-menu-row{border-bottom:1.5px solid var(--lines);background:var(--bg);width:100%}.nav-container{background:var(--bg);justify-content:space-between;align-items:center;max-width:1320px;height:86px;margin:auto;padding:0;display:flex;position:relative}@media (max-width:1350px){.nav-container{padding:0 20px}}.nav-left{align-items:center;gap:24px;display:flex}.nav-item{font-size:var(--h3-size);color:var(--text-1);cursor:pointer;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary)}.home-icon{color:var(--text-1);transition:all .2s}.nav-item:hover .home-icon,.nav-item.active .home-icon{color:var(--primary-hover)}.nav-right{align-items:center;gap:20px;display:flex}.search-box{width:340px;position:relative}.search-icon{cursor:pointer;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{background:var(--bg);border:1px solid var(--lines);width:100%;height:46px;color:var(--text-1);border-radius:8px;outline:none;padding-left:40px;font-size:14px}.dots{cursor:pointer;transition:all .2s}.dots-icon{color:var(--text-1);transition:all .2s}.dots:hover .dots-icon,.dots.active .dots-icon{color:var(--primary-hover)}.search-dropdown-menu{background:var(--bg);border:1px solid var(--lines);width:100%;box-shadow:0 8px 24px var(--shadow-light);z-index:99;border-radius:8px;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.search-dropdown-item{color:var(--text-1);border-bottom:1px solid var(--shadow-light);padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.search-dropdown-item:hover{background:var(--bg-pastel);color:var(--primary)}.search-item-content{align-items:center;gap:12px;display:flex}.search-item-img{border-radius:4px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.search-item-img img{object-fit:cover}.search-item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-dropdown-empty{color:var(--text-2);text-align:center;padding:16px;font-size:14px}.arrow-wrapper{cursor:pointer;align-items:center;transition:transform .2s;display:flex;transform:rotate(0)}.arrow-wrapper.rotate{transform:rotate(180deg)}.profile-menu-container{-webkit-user-select:none;user-select:none;position:relative}.profile-pdp-button{background:var(--accent)!important;border:1px solid var(--grey-1)!important;color:var(--white)!important}.profile-pdp-button:hover{background:var(--accent-hover)!important}.profile-pdp-button .pdp-btn-text{font-family:Poppins,sans-serif;font-size:18px;font-weight:500}.profile-pdp-button .pdp-btn-icon img{filter:brightness(0)invert()}.profile-dropdown{background:var(--white);border:1.5px solid var(--shadow-light);box-shadow:0 15px 50px var(--shadow-medium);z-index:1001;opacity:1;border-radius:8px;animation:.3s cubic-bezier(.16,1,.3,1) dropdownSlideUp;position:absolute;top:calc(100% + 15px);right:0;transform:rotate(0);width:242px!important;min-width:242px!important;height:176px!important}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:var(--grey-light);border-bottom:1.5px solid var(--grey-2);align-items:center;gap:10px;padding:6px 12px;display:flex}.dropdown-avatar{background:var(--accent);border:1.5px solid var(--white);width:28px;height:28px;box-shadow:0 2px 8px var(--shadow-medium);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.dropdown-avatar img{filter:brightness(0)invert();width:14px;height:14px}.dropdown-user-info{flex-direction:column;display:flex;overflow:hidden}.dropdown-user-name{color:var(--black);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.dropdown-menu{padding:2px}.dropdown-item{color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:4px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--grey-2);color:var(--accent)}.dropdown-item-icon{color:var(--grey-3);opacity:1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:color .2s;display:flex;transform:rotate(0)}.dropdown-item-icon img{opacity:1;border-radius:5px;width:24px;height:24px;transform:rotate(0)}.dropdown-item:hover .dropdown-item-icon{color:var(--accent)}.dropdown-divider{background:var(--grey-2);height:1px;margin:4px 10px}.logout-item{color:var(--error)}.logout-item:hover{background:var(--error-light);color:var(--error-hover)}.logout-item .dropdown-item-icon{color:var(--error-muted)}.logout-item:hover .dropdown-item-icon{color:var(--error-hover)}.mobile-header-bar,.mobile-tab-strip,.mobile-search-bar{display:none}.desktop-nav{display:block}@media (max-width:1024px){.desktop-nav{display:none}.navbar-spacer{height:92px}.mobile-header-bar{background:var(--bg);border-bottom:1px solid var(--lines);justify-content:space-between;align-items:center;height:54px;padding:0 14px;display:flex}.mobile-menu-dots{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:6px;transition:all .2s;display:flex}.mobile-menu-dots:hover img{filter:brightness(0)saturate()invert(66%)sepia(36%)saturate(4537%)hue-rotate(339deg)brightness(101%)contrast(99%)}.menu-dots-icon{filter:brightness(0);opacity:.8}.mobile-header-logo{flex:1;justify-content:center;align-items:center;display:flex}.mobile-header-logo img{max-width:160px;height:auto}.mobile-header-actions{flex-shrink:0;align-items:center;display:flex}.mobile-search-trigger{cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:flex}.mobile-tab-strip{white-space:nowrap;background:var(--bg);border-bottom:1.5px solid var(--lines);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.mobile-tab-strip::-webkit-scrollbar{display:none}.mobile-tab{height:38px;color:var(--text-2);border-bottom:3px solid #0000;align-items:center;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.mobile-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}}.mobile-drawer-backdrop{z-index:3000;opacity:0;pointer-events:none;will-change:opacity;background:#0006;transition:opacity .35s cubic-bezier(.25,1,.5,1);position:fixed;inset:0}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{z-index:3001;will-change:transform;background:#fff;flex-direction:column;width:320px;height:100vh;padding:35px 24px 30px;transition:transform .38s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{margin-bottom:30px;padding:0}.mobile-drawer-back{box-shadow:none!important;color:#424242!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;gap:8px!important;height:auto!important;padding:0!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;display:flex!important}.mobile-drawer-back:hover{color:#ffa000!important;background:0 0!important}.mobile-drawer-back img{object-fit:contain!important;filter:brightness(0)saturate()invert(24%)sepia(0%)saturate(0%)hue-rotate()brightness(94%)contrast(85%)!important;width:14px!important;height:14px!important;transition:left .25s cubic-bezier(.16,1,.3,1),filter .2s!important;position:relative!important;left:0!important;transform:rotate(-90deg)!important}.mobile-drawer-back:hover img{filter:brightness(0)saturate()invert(66%)sepia(36%)saturate(4537%)hue-rotate(339deg)brightness(101%)contrast(99%)!important;left:-3px!important}.mobile-drawer-content{scrollbar-width:none;flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.mobile-drawer-content::-webkit-scrollbar{display:none}.drawer-welcome{flex-direction:column;gap:14px;margin-bottom:35px;display:flex}.drawer-welcome h3{color:#333;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;line-height:1.4}.drawer-signin-btn{color:#fff!important;background:#ffa000!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:fit-content!important;height:44px!important;padding:0 18px!important;font-family:Poppins,sans-serif!important;font-size:14px!important;font-weight:500!important;transition:all .25s!important;display:inline-flex!important;box-shadow:0 4px 12px #ffa00033!important}.drawer-signin-btn:hover{background:#e69000!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #ffa0004d!important}.drawer-signin-btn .pdp-btn-label{color:#fff!important}.drawer-signin-btn img{filter:brightness(0)invert()!important;object-fit:contain!important;width:20px!important;height:20px!important}.drawer-user-name{color:#ffa000;margin-top:4px;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.mobile-drawer-nav{flex-direction:column;gap:18px;width:100%;margin-bottom:20px;display:flex}.mobile-drawer-item{color:#333;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-drawer-item:hover,.mobile-drawer-item.active{color:#ffa000;transform:translate(4px)}.quick-links-item{margin-top:0}.mobile-drawer-footer{width:100%;margin-top:0;padding-top:0}.drawer-socials{align-items:center;gap:24px;margin-top:0;display:flex}.drawer-socials a{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.drawer-socials a:hover{transform:translateY(-2px)}.drawer-social-icon{opacity:.8;filter:brightness(0)saturate()invert(24%)sepia(0%)saturate(0%)hue-rotate()brightness(94%)contrast(85%)!important;transition:opacity .2s,filter .2s!important}.drawer-socials a:hover .drawer-social-icon{opacity:1;filter:brightness(0)saturate()invert(66%)sepia(36%)saturate(4537%)hue-rotate(339deg)brightness(101%)contrast(99%)!important}.mobile-logout{color:#ffa000;cursor:pointer;align-items:center;gap:10px;margin-top:24px;font-size:16px;font-weight:600;transition:transform .2s;display:flex}.mobile-logout:hover{transform:translate(4px)}.rotate-90{transform:rotate(-90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.rotate-neg-90{transform:rotate(-90deg)}.mobile-active-search{flex:1;align-items:center;padding:4px 0;display:flex}.search-input-wrapper{background:var(--grey-2);border:1.5px solid var(--lines);border-radius:10px;align-items:center;gap:12px;width:100%;height:44px;padding:0 14px;display:flex}.search-input-wrapper input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.search-box-icon{opacity:.6}.search-close-btn{cursor:pointer;color:var(--text-2);background:0 0;border:none;align-items:center;padding:4px;transition:opacity .2s;display:flex}.search-close-btn:active{opacity:.5}.mobile-search-results{z-index:1002;background:var(--bg);width:100%;box-shadow:0 10px 25px var(--shadow-light);position:absolute;top:54px;left:0}.drawer-signin-btn{background:var(--primary-hover)!important;border:none!important;border-radius:8px!important;align-items:center!important;height:40px!important;padding:0 10px!important;display:flex!important}.drawer-signin-btn .pdp-btn-text{white-space:nowrap!important;font-size:14px!important;font-weight:500!important}.drawer-signin-btn .pdp-btn-icon{margin-right:10px!important}.drawer-signin-btn .pdp-btn-icon img{filter:brightness(0)invert()!important;width:20px!important;height:20px!important}.logout-snackbar{color:#fff;z-index:10001;background:#333;border-left:8px solid #ffa000;border-radius:16px;align-items:center;gap:20px;width:600px;max-width:calc(100vw - 96px);padding:24px 38px;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;line-height:140%;animation:.55s cubic-bezier(.16,1,.3,1) forwards snackbarSlideInLeft;display:flex;position:fixed;bottom:48px;left:48px;box-shadow:0 16px 40px #0006}.snackbar-icon-wrap{color:#ffa000;background:#ffa00026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:flex}.snackbar-text{color:#fff}@keyframes snackbarSlideInLeft{0%{opacity:0;transform:translate(-180px)}to{opacity:1;transform:translate(0)}}@media (max-width:480px){.logout-snackbar{border-left:7px solid #ffa000;border-radius:14px;justify-content:flex-start;gap:16px;width:calc(100% - 48px);max-width:440px;padding:20px 28px;font-size:18px;animation:.55s cubic-bezier(.16,1,.3,1) forwards snackbarSlideInLeftMobile;bottom:30px;left:24px}.snackbar-icon-wrap{width:30px;height:30px;font-size:16px}}@keyframes snackbarSlideInLeftMobile{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}