/* ========================================================
             Enhanced Premium Navbar - Thailand Kaizen Award
             ======================================================== */
          .navbar {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.94) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(22, 163, 74, 0.15);
            box-shadow: 0 4px 20px -2px rgba(22, 101, 52, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
            z-index: 1000;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            font-family: 'Kanit', sans-serif;
          }

          /* Subtle Awards Accent Top Line */
          .navbar::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #16a34a, #eab308, #15803d);
            z-index: 1002;
          }

          .nav-container {
            max-width: 1440px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 24px;
            height: 74px;
          }

          /* Logo */
          .logo {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            transition: transform 0.25s ease;
            flex-shrink: 0;
          }

          .logo-images {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #ffffff;
            padding: 4px 8px;
            border-radius: 10px;
            border: 1px solid rgba(22, 163, 74, 0.12);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
          }

          .logo-img {
            height: 42px;
            width: auto;
            object-fit: contain;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          }

          .logo-divider {
            width: 1px;
            height: 24px;
            background: #e2e8f0;
          }

          .logo:hover .logo-img {
            transform: scale(1.06);
          }

          .logo-text-group {
            display: flex;
            flex-direction: column;
            justify-content: center;
          }

          .logo-text {
            font-size: 1.22rem;
            font-weight: 700;
            background: linear-gradient(135deg, #14532d 0%, #16a34a 60%, #15803d 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: -0.01em;
            line-height: 1.2;
            white-space: nowrap;
          }

          .logo-subtext {
            font-size: 0.72rem;
            font-weight: 500;
            color: #4b5563;
            letter-spacing: 0.02em;
            line-height: 1.2;
            white-space: nowrap;
          }

          /* Navigation Menu */
          .nav-menu {
            display: flex;
            list-style: none;
            gap: 4px;
            align-items: center;
            margin: 0;
            padding: 0;
          }

          .nav-menu > li {
            position: relative;
            list-style: none;
          }

          .nav-link {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            color: #374151;
            font-weight: 500;
            font-size: 0.95rem;
            padding: 8px 13px;
            border-radius: 10px;
            transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            white-space: nowrap;
          }

          .nav-link:hover {
            color: #15803d;
            background: #f0fdf4;
            transform: translateY(-1px);
          }

          /* Dropdown Toggle Chevron Indicator */
          .dropdown-toggle {
            padding-right: 12px;
          }

          .dropdown-toggle::after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            margin-left: 7px;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: rotate(45deg) translateY(-2px);
            transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
            opacity: 0.65;
            vertical-align: middle;
          }

          .dropdown:hover > .dropdown-toggle::after,
          .dropdown.open > .dropdown-toggle::after {
            transform: rotate(-135deg) translateY(-1px);
            opacity: 1;
            color: #16a34a;
          }

          .dropdown:hover > .dropdown-toggle,
          .dropdown.open > .dropdown-toggle {
            color: #15803d;
            background: #f0fdf4;
          }

          /* Dropdown Menu Card */
          .dropdown-menu {
            position: absolute;
            top: calc(100% + 6px);
            left: 0;
            min-width: 215px;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(22, 163, 74, 0.12);
            border-radius: 14px;
            box-shadow: 0 16px 36px -6px rgba(22, 101, 52, 0.14), 0 4px 12px rgba(0, 0, 0, 0.04);
            padding: 8px;
            margin: 0;
            list-style: none;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-8px) scale(0.97);
            transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.22s ease;
            z-index: 1001;
          }

          .dropdown:hover > .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
          }

          .dropdown-menu li {
            list-style: none;
            margin: 2px 0;
          }

          .dropdown-menu .nav-link {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 9px 14px;
            border-radius: 8px;
            font-size: 0.92rem;
            color: #4b5563;
            font-weight: 450;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
          }

          .dropdown-menu .nav-link::before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #16a34a;
            margin-right: 8px;
            opacity: 0;
            transform: scale(0);
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            flex-shrink: 0;
          }

          .dropdown-menu .nav-link:hover {
            color: #15803d;
            background: #f0fdf4;
            transform: translateX(4px);
            font-weight: 500;
          }

          .dropdown-menu .nav-link:hover::before {
            opacity: 1;
            transform: scale(1);
          }

          /* Mobile Menu Toggle */
          .mobile-menu-toggle {
            display: none;
            width: 42px;
            height: 42px;
            border-radius: 10px;
            background: #f0fdf4;
            border: 1px solid rgba(22, 163, 74, 0.2);
            color: #15803d;
            font-size: 1.4rem;
            line-height: 1;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            padding: 0;
          }

          .mobile-menu-toggle:hover {
            background: #dcfce7;
            transform: scale(1.05);
          }

          /* Responsive Breakpoints */
          @media (max-width: 1100px) {
            .nav-container {
              padding: 0 16px;
            }
            .logo-text {
              font-size: 1.1rem;
            }
            .logo-subtext {
              font-size: 0.68rem;
            }
            .nav-link {
              padding: 8px 10px;
              font-size: 0.88rem;
            }
          }

          @media (max-width: 960px) {
            .mobile-menu-toggle {
              display: flex;
            }

            .nav-menu {
              position: fixed;
              top: 74px;
              left: -100%;
              width: 100%;
              height: calc(100vh - 74px);
              background: rgba(255, 255, 255, 0.98);
              backdrop-filter: blur(18px);
              -webkit-backdrop-filter: blur(18px);
              flex-direction: column;
              justify-content: flex-start;
              align-items: stretch;
              padding: 20px 20px 40px;
              transition: left 0.32s cubic-bezier(0.4, 0, 0.2, 1);
              box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
              overflow-y: auto;
              gap: 8px;
            }

            .nav-menu.active {
              left: 0;
            }

            .nav-menu > li {
              width: 100%;
            }

            .nav-menu > li > .nav-link {
              width: 100%;
              justify-content: space-between;
              padding: 12px 16px;
              font-size: 1.02rem;
              background: #f9fafb;
              border: 1px solid #f3f4f6;
              border-radius: 10px;
            }

            .nav-menu > li > .nav-link:hover,
            .dropdown.open > .nav-link {
              background: #f0fdf4;
              border-color: rgba(34, 197, 94, 0.25);
              color: #15803d;
            }

            .dropdown.open > .dropdown-toggle::after {
              transform: rotate(-135deg) translateY(-2px);
              color: #15803d;
            }

            .dropdown-menu {
              display: none;
              position: static;
              box-shadow: none;
              background: #f8fafc;
              border: 1px solid #edf2f7;
              border-radius: 10px;
              margin: 6px 0 8px 12px;
              padding: 6px;
              opacity: 1;
              visibility: visible;
              transform: none;
              transition: none;
            }

            .dropdown.open > .dropdown-menu {
              display: block;
              animation: mobileDropdownSlide 0.22s ease-out;
            }

            @keyframes mobileDropdownSlide {
              from {
                opacity: 0;
                transform: translateY(-6px);
              }
              to {
                opacity: 1;
                transform: translateY(0);
              }
            }

            .dropdown-menu .nav-link {
              padding: 10px 14px;
              font-size: 0.95rem;
            }
          }

          body.nav-menu-open {
            overflow: hidden;
          }

          @media (max-width: 480px) {
            .nav-container {
              padding: 0 14px;
              height: 68px;
            }
            .nav-menu {
              top: 68px;
              height: calc(100vh - 68px);
            }
            .logo-images {
              padding: 3px 6px;
              gap: 6px;
            }
            .logo-img {
              height: 34px;
            }
            .logo-text {
              font-size: 1rem;
            }
            .logo-subtext {
              font-size: 0.65rem;
            }
            .mobile-menu-toggle {
              width: 38px;
              height: 38px;
              font-size: 1.3rem;
            }
          }