/* Trend cards now form a responsive grid instead of a scrolling rail. */
.trend-section .trend-arrows{display:none}
.trend-section .trend-rail{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;scroll-snap-type:none;scrollbar-width:none;padding-bottom:0}
.trend-section .trend-rail::-webkit-scrollbar{display:none}
.trend-section .trend-card{scroll-snap-align:none}
.trend-section .previewplay{background:transparent;border-color:transparent;backdrop-filter:none;box-shadow:none;color:#fff;opacity:.8}
.trend-section .previewplay:hover,.trend-section .previewplay:focus-visible,.trend-section .trend-card:hover .previewplay{background:#0000001f;border-color:#ffffff55;opacity:1}
@media(max-width:1190px){.trend-section .trend-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.trend-section .trend-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.trend-section .trend-rail{grid-template-columns:1fr}}
