/* Menggunakan namespace .kandaga-nav agar gaya tidak bocor ke luar */
    .kandaga-nav .navbar {
        background: #1e293b !important;
        border-bottom: 2px solid #2563eb;
        padding: 0.6rem 1rem;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        z-index: 1060 !important;
    }

    /* Logo Berputar */
    .kandaga-nav .navbar-brand { display: flex; align-items: center; gap: 12px; text-decoration: none !important; }
    .kandaga-nav .navbar-brand img { transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); will-change: transform; }
    .kandaga-nav .navbar-brand:hover img { transform: rotate(360deg); }
    .kandaga-nav .brand-main { font-weight: 800; font-size: 1.2rem; letter-spacing: 1px; color: #f7faff; text-transform: uppercase; }
    .kandaga-nav .brand-sub { font-size: 0.65rem; color: #94a3b8; font-weight: 600; text-transform: uppercase; line-height: 1; }

    /* Menu Link */
    .kandaga-nav .nav-link { color: #cbd5e1 !important; font-weight: 500; font-size: 0.9rem; padding: 0.5rem 1rem !important; transition: 0.2s; border-radius: 8px; }
    .kandaga-nav .nav-link:hover { color: #fff; background: rgba(255, 255, 255, 0.08); }
    .kandaga-nav .nav-item.active .nav-link { color: #fff !important; background: rgba(37, 99, 235, 0.2); font-weight: 700; }
    .kandaga-nav .nav-link i { margin-right: 6px; font-size: 0.85rem; opacity: 0.8; }

    /* Dropdown */
    .kandaga-nav .dropdown-menu { background-color: #1e293b; border: 1px solid rgba(255, 255, 255, 0.1); padding: 0.5rem; margin-top: 10px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important; border-radius: 10px; }
    .kandaga-nav .dropdown-item { color: #cbd5e1 !important; font-size: 0.85rem; padding: 0.6rem 1rem; border-radius: 6px; }
    .kandaga-nav .dropdown-item:hover { background: rgba(37, 99, 235, 0.2) !important; color: #fff !important; }

    /* Search Pill */
    @media (min-width: 992px) {
        .kandaga-nav .search-pill { background: #2563eb !important; color: white !important; border-radius: 50px !important; padding: 0.5rem 1.2rem !important; display: flex; align-items: center; max-width: 46px; overflow: hidden; transition: all 0.5s ease !important; }
        .kandaga-nav .search-pill span { opacity: 0; transition: opacity 0.3s ease; margin-left: 10px; font-weight: 700; }
        .kandaga-nav .search-pill:hover { max-width: 180px; box-shadow: 0 0 15px rgba(37, 99, 235, 0.5); }
        .kandaga-nav .search-pill:hover span { opacity: 1; }
    }