/* Menu layout retained from the uploaded site. Only touch/keyboard behavior is repaired. */
.navbar{--primary:#4a6bff;--dark:#2c3e50;--font-heading:'Montserrat',Arial,sans-serif;font-family:'Roboto',Arial,sans-serif;color:#2c3e50;line-height:1.6}.navbar *{margin-top:0;margin-bottom:0}.navbar a{letter-spacing:normal}.nav-menu,.dropdown-menu{margin:0;padding-left:0;list-style:none}.navbar .btn{display:inline-block;padding:3px 20px;background:#4a6bff;color:#fff;border:0;border-radius:50px;text-decoration:none;font-weight:500}.navbar .btn:hover{background:#3a56d4;color:#fff}.navbar .logo{max-width:none;display:block}

    .navbar {
      background-color: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      position: fixed;
      width: 100%;
      top: 0;
      z-index: 1000;
      transition: all 0.3s ease;
    }
    
    .navbar-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 0;
    }
    
    .logo {
      height: 50px;
      width: auto;
    }
    
    .menu-toggle {
      background: none;
      border: none;
      font-size: 1.5rem;
      color: var(--dark);
      cursor: pointer;
      display: none;
    }
    
    .nav-links {
      display: flex;
      align-items: center;
    }
    
    .nav-menu {
      display: flex;
      list-style: none;
    }
    
    .nav-item {
      position: relative;
      margin-left: 20px;
    }
    
    .nav-link {
      text-decoration: none;
      color: var(--dark);
      font-weight: 500;
      font-family: var(--font-heading);
      transition: color 0.3s;
      padding: 10px 0;
      position: relative;
    }
    
    .nav-link:hover, .nav-link.current {
      color: var(--primary);
    }
    
    .nav-link::after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      background: var(--primary);
      bottom: 0;
      left: 0;
      transition: width 0.3s;
    }
    
    .nav-link:hover::after, .nav-link.current::after {
      width: 100%;
    }
    
    .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      background: #fff;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      border-radius: 5px;
      padding: 10px 0;
      min-width: 200px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s;
      z-index: 100;
    }
    
    .nav-item:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
    }
    
    .dropdown-item {
      padding: 8px 20px;
      display: block;
      color: var(--dark);
      text-decoration: none;
      transition: all 0.2s;
    }
    
    .dropdown-item:hover {
      background: #f8f9fa;
      color: var(--primary);
      padding-left: 25px;
    }
    
    .social-links {
      display: flex;
      margin-left: 30px;
    }
    
    .social-link {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #f1f1f1;
      color: var(--dark);
      margin-left: 10px;
      transition: all 0.3s;
    }
    
    .social-link:hover {
      background: var(--primary);
      color: #fff;
      transform: translateY(-3px);
    }
    
    
.nav-item.open>.dropdown-menu,.nav-item:focus-within>.dropdown-menu{opacity:1;visibility:visible}.menu-toggle{width:40px;min-height:44px}.menu-toggle i:before{content:'☰';font-size:26px;font-style:normal}.menu-open .menu-toggle i:before{content:'×';font-size:33px}.fa-chevron-down:before{content:'⌄';font-style:normal;font-size:13px;margin-left:3px}.fa-facebook-f:before{content:'f';font:bold 19px Arial}.fa-twitter:before{content:'𝕏';font:18px Arial}.fa-instagram:before{content:'◎';font:25px Arial}.fa-youtube:before{content:'▶';font:16px Arial}.social-link{text-decoration:none}.navbar .nav-link:focus-visible{outline-offset:5px}
@media(max-width:992px){.navbar .navbar-container{height:80px;padding:15px 20px}.navbar .logo{height:46px}.menu-toggle{display:block;margin-left:auto;order:3}.nav-links{display:contents}.nav-menu{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);height:calc(100dvh - 80px);background:#fff;flex-direction:column;align-items:center;padding:25px 20px 100px;transition:left .25s ease;overflow-y:auto;visibility:hidden}.nav-menu.active{left:0;visibility:visible}.nav-item{margin:14px 0;flex-shrink:0}.nav-link{display:inline-block}.navbar .btn-login{padding:9px 22px}.dropdown-menu{position:static;opacity:1;visibility:visible;box-shadow:none;display:none;text-align:center;padding:10px 0 0}.nav-item:hover>.dropdown-menu{display:none}.nav-item.open>.dropdown-menu{display:block}.dropdown-item{min-height:44px}.navbar .social-links{display:none}.menu-open .navbar .social-links{display:flex;position:fixed;bottom:0;left:0;width:100%;justify-content:center;gap:10px;margin:0;padding:16px;background:#fff;border-top:1px solid #eee;z-index:1001}.social-link{margin-left:0}.menu-open{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.navbar *{transition:none!important}}