/* Mặc định (Light) */
.product-navigation-main {
    background: var(--local-bg);
    color: var(--local-neutral-950);
}

/* Style Light */
.product-navigation-main.is-style-light {
    --local-bg: var(--wp--preset--color--neutral-0);
    --local-neutral-50: var(--wp--preset--color--neutral-50);
    --local-neutral-200: var(--wp--preset--color--neutral-200);
    --local-neutral-950: var(--wp--preset--color--neutral-950);
    --local-neutral-500: var(--wp--preset--color--neutral-500);
    --local-neutral-400: var(--wp--preset--color--neutral-400);
    --local-primary-500: var(--wp--preset--color--primary-500);
    --local-button-radient: var(--wp--preset--color--primary-500);
    
}

/* Style Dark */
.product-navigation-main.is-style-dark {
    --local-bg: #000000;
    --local-neutral-50: #1F231E;
    --local-neutral-200: #4D574A;
    --local-neutral-950: #ffffff;
    --local-neutral-500: #C7CCC3;
    --local-neutral-400: #A2AA9E;
    --local-primary-500: #5BEE2B;
    --local-button-radient: radial-gradient(101.21% 101.21% at 101.21% 100%, rgba(91, 238, 43, 0.8) 10%, rgba(106, 191, 75, 0.16) 100%);
}

.product-navigation-main ul {
    list-style-type: disc;
}

.product-navigation-main ul li::marker {
    color: var(--local-neutral-500);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product-navigation-main .btn-where-to-buy{
    align-items: center;
    background: var(--local-button-radient);
    backdrop-filter: blur(10px);
    box-shadow: -0.5px -0.5px 0.5px 0px #EEFF9933 inset;
    box-shadow: 0.5px 0.5px 0.5px 0px #EEFF9966 inset;
    color: #fff;
}