/* Hide scrollbar completely across all browsers */
html, body {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE and Edge */
    overflow-x: hidden !important;
}

html::-webkit-scrollbar, 
body::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

/* Additional selectors to ensure scrollbar is hidden */
::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

* {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* Ensure overflow is still allowed */
html, body {
    overflow-y: auto !important;
}