/* these are showing the shops */

        .category-button {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: inherit; /* Inherit the color from the parent element */
        }
        
        
        
                .category-button .icon {
                    margin-right: 10px;
                }
        
                .shop {
                    display: none; /* Hide all shops by default */
                }
            
                .shop {
                    margin-bottom: 20px; /* Add space below each shop */
                }
                
                @media (min-width: 768px) {
                    .shop {
                        margin-right: 20px; /* Add space to the right of each shop on medium and larger screens */
                    }
                    .shop:nth-child(3n) {
                        margin-right: 0; /* Remove right margin from every third shop element to prevent extra space at the end of the row */
                    }
                }
        /* these are showing the shops */