:root {
    --color-primary: #d9000d;
    --color-dark: #333333;
    --color-secondary: #8189B0;
    --color-text-light: #9F9F9F;
    --color-bg-light: #f1f6fb;
    --color-muted: #f2f2f2;
    --color-blue: #459AEF;
    --color-yellow: #F5A623;
    --color-white: #fff;
}

body {
    font-family: "Baloo Da 2", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.bg-color-yellow-100 {
    background-color: #f5a5231c !important;
}

.menu-btn.active,
.nav-menu-btn.active {
    background-color: var(--color-primary) !important;
    color: var(--color-white);
    box-shadow: 0px 0px 5px #FF00005A;
}

.menu-item.active {
    color: var(--color-primary);
}

.scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

@media (max-width: 768px) {

    .banner-swiper-wrap::before {
        display: none;
    }
}

@media (max-width: 1024px) {
    .branch-btn.active {
        color: var(--color-primary);
        border-bottom: 2px solid var(--color-primary);
    }
}

@media (min-width: 1024px) {
    .branch-btn.active {
        color: var(--color-primary);
        border-left: 2px solid var(--color-primary);
    }
}

.ti-widget-card {
    border-radius: 10px !important;
}

.ti-widget-layout .ti-layout-item {
    display: none !important;
}

.ti-widget-layout .ti-layout-item:nth-child(-n+6) {
    display: block !important;
}

.menu-btn.active,
.nav-menu-btn.active {
    background-color: var(--color-primary) !important;
    color: var(--color-white);
    box-shadow: 0px 0px 5px #FF00005A;
}

#sticky-category-nav,
.sticky-nav-container {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 49 !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Ensure parents don't break sticky */
body,
html {
    overflow-x: visible !important;
}

.site-main {
    overflow: visible !important;
}