html {
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-width: none;

}

html::-webkit-scrollbar {
    display: none;

}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Stream recommendations slider — fixed-width cards on all screen sizes */
.stream-slider .stream-card {
    width: calc(80vw - 1rem) !important;
    flex-shrink: 0 !important;
    flex: none !important;
}
@media (min-width: 640px) {
    .stream-slider .stream-card { width: 288px !important; }
}
@media (min-width: 768px) {
    .stream-slider .stream-card { width: 300px !important; }
}

body, div, nav, header, footer, main, section, article, aside, button, input, select, textarea, a, span, h1, h2, h3, h4, h5, h6, p, svg, path {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
}