.bestnutri {
        --nb-bg: #393e46;
        --nb-primary: #116cb2;
        --nb-divider: rgba(255, 255, 255, 0.1);
        --nb-font-size: 0.9375rem;
        /* Matches Roboto site default */
        font-family: "Roboto", sans-serif;
    }

    .bestnutri .nb-nav-main {
        position: relative;
    }

    .bestnutri .nb-navbar-navigation {
        background-color: var(--nb-bg);
        position: relative;
        z-index: 1020;
        width: 100%;
    }

    .bestnutri .nb-nav-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .bestnutri .nb-nav-icon {
        margin-left: 0.5rem;
        transition: transform 0.2s;
    }

    .bestnutri .nb-nav-link:hover .nb-nav-icon {
        transform: rotate(180deg);

    }

    .bestnutri .nb-nav-main {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

    .bestnutri .nb-nav-item {
        display: flex;
        align-items: stretch;
    }

    /* Nav link styles matching your site's .nav-link */
    .bestnutri .nb-nav-link {
        display: block;
        padding: 0.7rem;
        color: #fff;
        text-decoration: none;
        font-size: var(--nb-font-size);
        font-weight: 500;
        text-transform: capitalize;
        transition: background 0.2s;
        position: relative;
        white-space: nowrap;
    }

    /* Active highlight underline */
    .bestnutri .nb-nav-item.nb-variant-active .nb-nav-link {
        background-color: var(--nb-primary);
    }

    .bestnutri .nb-nav-item:hover .nb-nav-link {
        background-color: rgba(255, 255, 255, 0.05);
    }

    /* Vertical dividers between items */
    .bestnutri .nb-nav-item:not(:last-child) .nb-nav-link::before {
        height: 20px;
        content: "";
        border-right: 1px solid var(--nb-divider);
        position: absolute;
        top: calc(50% - 10px);
        right: 0;
    }

    /* Variant specific styles */
    .bestnutri .nb-variant-sale .nb-nav-link,
    .bestnutri .nb-variant-sale .nb-nav-link:hover {
        color: white;
        background: red;
    }

    /* Highlight sale slightly differently */
    .bestnutri .nb-variant-new .nb-nav-link,
    .bestnutri .nb-variant-new .nb-nav-link:hover {
        background: #50e334;
        color: white;
    }

    /* Mega Dropdown Panel */
    .bestnutri .nb-dropdown-mega {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
        border-top: 1px solid #ebebeb;
        visibility: hidden;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        transform: translateY(5px);
        z-index: 1050;
    }

    .bestnutri .nb-nav-item:hover .nb-dropdown-mega {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    .bestnutri .nb-mega-content-wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 2rem 1rem;
    }

    .bestnutri .nb-mega-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 1.5rem;

    }

    .bestnutri .nb-dropdown-mega {
        overflow-y: auto;
        max-height: 350px;
    }

    /* Headline styles matching site .submenu-headline */
    .bestnutri .nb-submenu-headline {
        font-size: 1rem;
        font-weight: 700;
        color: #000;
        text-transform: capitalize;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #f6f6f6;
        letter-spacing: -0.02em;
    }

    .bestnutri .nb-submenu-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .bestnutri .nb-submenu-list li a {
        display: block;
        padding: 3px 0;
        color: #525252;
        text-decoration: none;
        font-size: 0.875rem;
        transition: color 0.2s;
        font-weight: 500;
    }

    .bestnutri .nb-submenu-list li a:hover {
        color: var(--nb-primary);
    }

    /* Positioning logic for full-width dropdown offset */
    @media (min-width: 992px) {
        .bestnutri .nb-dropdown-mega {
            /* Left alignment logic handled by JS */
        }
    }

    @media (max-width: 991px) {
        .bestnutri .nb-mega-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .bestnutri .nb-nav-main {
            justify-content: center;
        }
    }