.navbar-stick{background:#fff;border-bottom:1px solid #ddd}
.desktop-only{display:flex}
.mobile-bar,.mobile-dropdown{display:none}
.l-wrap-sticky{padding:0 20px}
.sub-navbar{width:100%;background:#fff;position:relative;top:0;left:0;z-index:999;box-shadow:none;transition:all .3s ease-out;opacity:1}
.sub-navbar.navbar-stick{position:fixed;top:0;left:0;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;justify-content:center}
.sub-navbar.visible{opacity:1}
.hide-main-nav{transform:translateY(-100%);transition:transform .4s ease}
.navbar-wrapper{display:flex;justify-content:center;align-items:center;padding:20px 0;transition:all .3s ease;flex-wrap:wrap}
.navbar-wrapper.sticky{position:fixed;top:0;left:0;width:100%;padding:10px 0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.15);z-index:9999}
.logo-title a{font-size:22px;font-weight:700;color:#000;text-decoration:none;white-space:nowrap}
.main-menu{display:flex;gap:36px;flex:1;justify-content:center;margin:0 52px;flex-wrap:wrap}
.main-menu a{font-size:1rem;font-weight:500;color:#000;text-decoration:none}
.cta-buttons{display:flex;gap:20px;white-space:nowrap}
.cta-buttons .btn{padding:10px 30px}
.mobile-bar,.mobile-dropdown{display:none}
@media(max-width:1024px){.main-menu{margin:0 20px;gap:25px}
}
@media(max-width:768px){li.mobile-btn{margin:11px 0}
.mobile-menu-list li{border-bottom:1px solid #ccc;padding:12px 12px}
.desktop-only{display:none}
.mobile-bar{display:flex;justify-content:space-between;padding:12px 16px}
.mobile-dropdown{display:none;background:#fff;padding:0;margin:0;list-style:none}
.mobile-dropdown li{border-bottom:1px solid #eee;padding:12px 15px}
.mobile-dropdown .btn{width:100%;display:block;padding:12px}
.sub-navbar.navbar-stick{display:block}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.logo-title,.desktop-only{display:none}
}
@media(max-width:480px){.main-menu a{font-size:14px}
.logo-title a{font-size:18px}
.cta-buttons .btn{padding:8px 15px;font-size:14px}
}
@media(min-width:1500px) and (max-width:1700px){.main-menu{gap:21px;margin:0 20px}
}
@media(min-width:1200px) and (max-width:1366px){.main-menu a{font-size:.7rem}
.main-menu{margin:0 20px;gap:16px}
}