@keyframes animNav{0%{top:-70px}to{top:0}}header{width:100vw;height:70px;z-index:10000}.fixed{position:absolute}.sticky{position:fixed;background-color:#fff5ef;animation:animNav .5s}#logo{margin-left:30px;justify-self:center;width:110px;height:auto}nav{max-width:1500px;height:70px;margin:auto}nav,nav .menu{display:flex;align-items:center}nav .menu{margin-left:auto;position:relative;right:50px;justify-content:center;gap:20px;z-index:900}nav .menu .link{text-decoration:none;color:#333;font-size:16px;font-weight:500}nav .mobile-btn{display:none;flex-direction:column;gap:4px;cursor:pointer;position:absolute;top:25px;right:40px;z-index:900}nav .mobile-btn .bar1,nav .mobile-btn .bar2,nav .mobile-btn .middle-bar{width:22px;height:2px;background-color:#000;position:relative;transition:all .4s;opacity:1;background-color:#ff914d;box-shadow:0 0 10px rgba(0,0,0,.5)}nav .mobile-btn .rotated1{transform:rotate(45deg);top:6px;background-color:#fff}nav .mobile-btn .rotated2{transform:rotate(-45deg);bottom:6px;background-color:#fff}nav .mobile-btn .vanish{opacity:0}nav .menu .link:hover{color:#ff914d}nav .currency-toggle{display:flex;align-items:center;gap:2px;cursor:pointer;font-size:.85rem;font-weight:500;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav .currency-toggle span.active{color:#ff914d;font-weight:700}nav .langage-selector{display:flex;flex-direction:row;align-items:center;gap:8px;padding-right:50px}nav .langage-selector .desktop-lang{display:flex;align-items:center;position:relative}nav .langage-selector .flag{width:30px;height:21px;cursor:pointer;border-radius:3px;transition:opacity .2s}nav .langage-selector .selector{background-color:#fff;border-radius:4px;position:absolute;top:46px;right:0;width:150px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;box-shadow:0 5px 10px rgba(0,0,0,.15);z-index:1000}nav .langage-selector .selector-active{opacity:1;visibility:visible}nav .langage-selector .selector ul li{margin:10px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .4s}nav .langage-selector .selector ul li:hover{position:relative;margin-left:15px;color:#ff914d}nav .mobile-lang{display:none}nav .pub-nav-user{position:relative;flex-shrink:0}nav .pub-nav-user-trigger{display:flex;align-items:center;gap:8px;background:rgba(255,145,77,.1);border:none;border-radius:999px;padding:4px 14px 4px 4px;cursor:pointer;transition:background .2s;color:#333}nav .pub-nav-user-trigger:hover{background:rgba(255,145,77,.2)}nav .pub-nav-user-pic{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,145,77,.4)!important;flex-shrink:0}nav .pub-nav-user-name{font-size:.95rem;font-weight:500;color:#333;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav .pub-nav-user-arrow{font-size:.7rem;color:rgba(0,0,0,.4)}nav .pub-nav-user-dropdown{position:absolute;top:calc(100% + 13px);right:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);overflow:hidden;z-index:1000;display:flex;flex-direction:column}nav .pub-nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;color:#222;text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background .15s}nav .pub-nav-dropdown-item:hover{background:#fff6f0}nav .pub-nav-dropdown-logout{color:#c0392b}nav .pub-nav-dropdown-logout:hover{background:#fff0f0}nav .pub-nav-dropdown-divider{height:1px;background:#f0f0f0;margin:2px 0}nav .auth-mobile-links{display:none}nav .pub-nav-guest{position:relative;flex-shrink:0}nav .pub-nav-guest-trigger{display:flex;align-items:center;gap:8px;background:rgba(255,145,77,.1);border:none;border-radius:999px;padding:8px 12px;cursor:pointer;transition:background .2s;color:#333}nav .pub-nav-guest-trigger:hover{background:rgba(255,145,77,.2)}.fixed nav .menu .link,.home-nav nav .menu .link{color:#e4e4e4}.fixed nav .menu .link:hover,.home-nav nav .menu .link:hover{color:#ff914d}.fixed nav .pub-nav-user-trigger,.home-nav nav .pub-nav-user-trigger{background:hsla(0,0%,100%,.15);color:#fff}.fixed nav .pub-nav-user-trigger:hover,.home-nav nav .pub-nav-user-trigger:hover{background:hsla(0,0%,100%,.25)}.fixed nav .pub-nav-user-pic,.home-nav nav .pub-nav-user-pic{border-color:hsla(0,0%,100%,.7)!important}.fixed nav .pub-nav-user-name,.home-nav nav .pub-nav-user-name{color:#fff}.fixed nav .pub-nav-user-arrow,.home-nav nav .pub-nav-user-arrow{color:hsla(0,0%,100%,.8)}.fixed nav .pub-nav-guest-trigger,.home-nav nav .pub-nav-guest-trigger{background:hsla(0,0%,100%,.15);color:#fff}.fixed nav .pub-nav-guest-trigger:hover,.home-nav nav .pub-nav-guest-trigger:hover{background:hsla(0,0%,100%,.25)}.home-nav.sticky{background-color:rgba(0,0,0,.667)}.sticky:not(.home-nav) nav .mobile-btn .rotated1,.sticky:not(.home-nav) nav .mobile-btn .rotated2{background-color:#ff914d;box-shadow:none}nav .auth{display:none}@media screen and (max-width:1070px){nav{overflow:visible}nav .menu{flex-direction:column;align-items:flex-start;position:absolute;top:35px;left:0;right:0;padding:0 30px 24px;gap:18px;opacity:0;visibility:hidden;z-index:900}header .menu-active{opacity:1;visibility:visible;transition:opacity .3s,visibility .3s}header .mobile-btn{display:flex}nav .menu .link{color:#333;font-size:20px}.fixed nav .menu .link,.home-nav nav .menu .link{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.4)}nav .pub-nav-guest,nav .pub-nav-user{display:none}nav .auth-mobile-links{display:contents}nav .auth-mobile-links .link{color:#333;font-size:20px;cursor:pointer}.fixed nav .auth-mobile-links .link,.home-nav nav .auth-mobile-links .link{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.4)}nav .langage-selector .mobile-lang{display:flex;flex-direction:row;gap:12px}nav .langage-selector .desktop-lang{display:none}nav .langage-selector .flag{opacity:.4}nav .langage-selector .flag-active{opacity:1}header .mobile-menu{position:absolute;width:100vw;height:340px;background:#fff5ef;top:0;z-index:800;transition:height .3s ease;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden}header.fixed .mobile-menu,header.home-nav .mobile-menu{background:linear-gradient(220deg,#f0b985 19%,#ff914d 92%)}header .mobile-menu-close{height:0}}