* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}


a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
header,
footer {
   
    background: rgba(154, 150, 255, 0.4);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
   
}

.overflow-x-auto::-webkit-scrollbar { display: none; }
.overflow-x-auto { -ms-overflow-style: none; scrollbar-width: none; }
    @media (max-width: 768px) {
        .md\:hidden { display: block; }
        .md\:block { display: none; }
    }
    #mobile-filter-slider {
        max-height: 100vh;
    }
    #filter-overlay {
        pointer-events: auto;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .md\:hidden { display: block; }
        .md\:block { display: none; }
    }
    /* Ensure slider takes full height */
    #mobile-filter-slider {
        max-height: 100vh;
    }
    /* Ensure overlay is clickable */
    #filter-overlay {
        pointer-events: auto;
        display: none;
    }