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

/* Style Light */
.explore-related-section.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);

}
/* Dưới 768px (Mobile) */
@media (max-width: 768px) {
    /* Tìm item thứ 3 trong danh sách và ẩn nó đi */
    .explore-related-list > div:nth-child(3), 
    .explore-related-list > article:nth-child(3) {
        display: none;
    }
    
    /* Chỉnh lại grid thành 2 cột (bạn đã có grid-cols-2 nên chỉ cần ẩn item) */
}
/* Style Dark */
.explore-related-section.is-style-dark {
    --local-bg: url('../../assets/img/img-bg.png') repeat center center / cover;
    --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%);
}

.explore-related-section ul {
    list-style-type: disc;
}

.explore-related-section ul li::marker {
    color: var(--local-neutral-500);
}

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

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

.explore-related-section .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;
}
.explore-related-section .btn-pagination-mode {
    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;
}