/* ===================================
   SCROLL SIDES - Edge hover scrolling
   =================================== */

.left-scroll-side, 
.right-scroll-side {
    width: 100px;
    height: 100%;
    z-index: 11;
    position: fixed;
    top: 0;
    /* Debug: uncomment to see zones */
    /* background-color: rgba(255, 0, 0, 0.1); */
}

.left-scroll-side {
    left: 0;
}

.right-scroll-side {
    right: 0;
}

/* Hide scroll sides on mobile/tablet */
@media (max-width: 1024px) {
    .left-scroll-side,
    .right-scroll-side {
        display: none;
    }
}