/* For WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 22px;
  height: 22px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* Light grey track */
  border-radius: 0 !important; /* Force rectangular */
}

::-webkit-scrollbar-thumb {
  background: #000; /* Black thumb */
  border-radius: 0 !important; /* Force rectangular */
  border: none !important; /* Remove any borders */
}

/* For Firefox */
html {
  scrollbar-width: thin; /* "auto" or "thin" */
  /* scrollbar-color: #000 #f1f1f1;  */
}

/* For Edge (Chromium) & Safari (fallback) */
body {
  scrollbar-face-color: #000; /* Deprecated but works in older Edge/Safari */
  scrollbar-track-color: #f1f1f1;
}
/* Ensure SVG container is visible and properly sized */
/* #robot-section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
} */

#robot-svg {
    /* width: 413px;
    height: 413px; */

    width: 813px;
    display: block; /* Remove any inline whitespace issues */
}

/* Make sure the path is visible */
#robot-path {
    stroke: black !important;
    stroke-width: 5px !important;
    fill: none !important;
}

@media (max-width: 800px) {
::-webkit-scrollbar {
display:none;
}

::-webkit-scrollbar-track {
display:none;
}

::-webkit-scrollbar-thumb {
display:none;
}

}