/* ======================================== FLOATING DROPDOWN MOBILE MENU ======================================== */ .mobile-menu-toggle{display:none;}@media (max-width:1024px){.main-nav{padding:10px 15px !important;}.mobile-menu-toggle{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;gap:5px !important;width:42px !important;height:42px !important;padding:0 !important;background:rgba(34, 141, 223, 0.15) !important;border:1.5px solid rgba(34, 141, 223, 0.4) !important;border-radius:8px !important;cursor:pointer;position:relative;z-index:1002;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin-left:auto;margin-right:0 !important;align-self:center !important;}.mobile-menu-toggle span{width:22px !important;height:2.5px !important;background-color:#ffffff !important;border-radius:2px !important;transition:all 0.3s ease;display:block !important;margin:0 !important;transform-origin:center;}.mobile-menu-toggle:hover{background:rgba(34, 141, 223, 0.3) !important;transform:scale(1.05);}.mobile-menu-toggle.active{background:rgba(34, 141, 223, 0.4) !important;}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg) !important;background-color:#228DDF !important;}.mobile-menu-toggle.active span:nth-child(2){opacity:0 !important;}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg) !important;background-color:#228DDF !important;}@media (max-width:1024px){.nav-menu, .main-nav .nav-menu, header .nav-menu, nav .nav-menu, nav ul, .main-nav ul{display:none !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;height:auto !important;width:100% !important;gap:0 !important;padding:0 !important;margin:0 !important;}.nav-menu li, .main-nav .nav-menu li, header .nav-menu li, nav .nav-menu li, nav ul li, .main-nav ul li{display:block !important;width:100% !important;float:none !important;flex:none !important;margin:0 !important;padding:0 !important;height:auto !important;border:none !important;background:transparent !important;}.nav-menu li a, .main-nav .nav-menu li a, header .nav-menu li a, nav .nav-menu li a, nav ul li a, .main-nav ul li a{display:block !important;width:100% !important;float:none !important;flex:none !important;text-align:left !important;padding:14px 25px !important;margin:0 !important;height:auto !important;line-height:1.4 !important;border-radius:0 !important;justify-content:flex-start !important;}}.main-nav .nav-menu.active{display:flex !important;position:fixed !important;top:80px !important;right:15px !important;left:auto !important;width:260px !important;max-width:90vw !important;max-height:calc(100vh - 100px) !important;background:rgba(8, 17, 38, 0.98) !important;backdrop-filter:blur(10px);flex-direction:column !important;padding:5px 0 !important;gap:0 !important;overflow-y:auto !important;z-index:1001;margin:0 !important;border-radius:12px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.3);border:1px solid rgba(0, 0, 0, 0.1);animation:dropDown 0.3s ease-out;}@keyframes dropDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}.main-nav .nav-menu.active::before{content:"";position:absolute;top:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(8, 17, 38, 0.98);filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.1));}.main-nav .nav-menu li{width:100% !important;border-bottom:none !important;margin:0 !important;padding:0 !important;display:block !important;flex:none !important;}.main-nav .nav-menu li a{width:100% !important;padding:14px 20px !important;font-size:14px !important;font-weight:500 !important;display:block !important;color:#ffffff !important;text-decoration:none !important;transition:all 0.3s ease;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;text-align:left !important;white-space:nowrap !important;}.main-nav .nav-menu li:last-child a{border-bottom:none !important;}.main-nav .nav-menu li a:hover{color:#228DDF !important;background:rgba(34, 141, 223, 0.2) !important;padding-left:25px !important;}.main-nav .nav-dropdown-menu{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;background:rgba(255, 255, 255, 0.03) !important;margin:0 !important;display:none !important;border-radius:0;padding:0;box-shadow:none !important;}.main-nav .nav-dropdown.active .nav-dropdown-menu{display:block !important;}.main-nav .nav-dropdown-item{padding:12px 25px 12px 40px !important;display:block;color:#ffffff !important;text-decoration:none;background:transparent !important;font-size:14px !important;font-weight:400 !important;border-bottom:1px solid rgba(255, 255, 255, 0.05) !important;}.main-nav .nav-dropdown-item:hover{color:#228DDF !important;background:rgba(34, 141, 223, 0.1) !important;padding-left:45px !important;}.main-nav .nav-dropdown-toggle{display:flex;justify-content:space-between;align-items:center;}.main-nav .nav-arrow{transition:transform 0.3s ease;margin-left:8px;color:#cccccc;font-size:12px;}.main-nav .nav-dropdown.active .nav-arrow{transform:rotate(180deg);color:#228DDF;}body.menu-open::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.3);z-index:1000;animation:fadeIn 0.3s ease-out;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}header{z-index:999;}.main-nav{position:relative;z-index:999;}}@media (max-width:480px){.main-nav .nav-menu.active{width:calc(100vw - 20px);right:10px;max-width:320px;}.mobile-menu-toggle{width:32px !important;height:32px !important;min-width:32px !important;padding:0 !important;margin-left:auto !important;margin-right:0 !important;gap:3px !important;border-radius:6px !important;}.mobile-menu-toggle span{width:16px !important;height:2px !important;}.main-nav .nav-menu li a{font-size:14px;padding:14px 20px;}.main-nav .nav-dropdown-item{font-size:13px !important;padding:10px 20px 10px 35px !important;}}