/* =========================================== */
/* HIDE VERTICAL SCROLLBARS */
/* Removes all vertical scrollbars from the page */
/* =========================================== */

/* Hide scrollbars for all browsers */
* {
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE and Edge */
}

/* Hide scrollbars for WebKit browsers (Chrome, Safari, Opera) */
*::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

*::-webkit-scrollbar-track {
  display: none !important;
}

*::-webkit-scrollbar-thumb {
  display: none !important;
}

/* Ensure scrolling still works - override critical.css */
html,
body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important; /* Override thin from critical.css */
  scrollbar-color: transparent transparent !important;
}

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

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  display: none !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  display: none !important;
}

/* Hide scrollbars on all elements */
div,
section,
article,
aside,
nav,
main,
header,
footer {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

div::-webkit-scrollbar,
section::-webkit-scrollbar,
article::-webkit-scrollbar,
aside::-webkit-scrollbar,
nav::-webkit-scrollbar,
main::-webkit-scrollbar,
header::-webkit-scrollbar,
footer::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}