/* Full-page overlay */
        .category-dropdown-overlay {
            position: fixed;
            /*top: 80px; /* adjust if header height changes */*/
            left: 0;
            width: 100%;
            height: 70vh;
            background-color: rgba(255, 255, 255, 0.97);
            z-index: 9999;
            display: none; /* hidden by default */
            overflow-y: auto;          
        }

            /* Show overlay */
            .category-dropdown-overlay.active {
                display: block;
            }

        /* Category card */
        .category-card {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 3px 8px rgba(0,0,0,0.1);
        }

            /* Category image */
            .category-card .dropdown-img img {
                width: 50px;
                height: 50px;
                object-fit: contain;
            }

        /* Subcategories */
        .subcategory-list li a,
        .static-links li a {
            color: #333;
            font-size: 1.2rem;
            transition: color 0.3s;
        }

            .subcategory-list li a:hover,
            .static-links li a:hover {
                color: #D6A21F;
            }
            body.no-scroll {
    overflow: hidden;
    position: fixed;  
    width: 100%;     
    top: 0;
}
            .category-dropdown-overlay {
 
    position: fixed;      
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto; 
    z-index: 1000;  
    display: none;
}

.category-dropdown-overlay.active {
    display: block; 
}
/* CSS to stop page scroll (used by tooglmenu) */
body.no-scroll {
    overflow: hidden; 
    position: fixed;  
    width: 100%;      
}

/* CSS for showing the dropdown (used by both functions) */
.category-dropdown-overlay.active {
    display: block; 
    overflow-y: auto; 
    max-height: 100vh;
}
.close-btn{
  font-size: 25px;
  background-color: gray;
  border-radius: 50%;
  padding: 0 10px;
  position:absolute;
  right:15px;
}