.genre-collections{margin-top:0;min-width:0}
.genre-collections .section-title{margin-bottom:18px}
.genre-collections .section-title h2{font-size:22px;letter-spacing:-.025em}
.genre-navigation{display:flex;gap:8px}
.genre-navigation button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff28;background:#ffffff05;color:#eee;font-size:25px;line-height:1;padding:0}
.genre-navigation button:disabled{opacity:.3;cursor:default}.genre-navigation button:hover{background:#ffffff12}
.genre-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;margin:0 -2px}
.genre-rail::-webkit-scrollbar{display:none}
.genre-rail .banner{min-width:0;min-height:184px;scroll-snap-align:start}
.genre-rail .banner h3{text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;font-size:24px;line-height:1.15}
.genre-rail .banner .eyebrow{font-size:10px;letter-spacing:.1em}
.genre-rail:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:1050px){.genre-rail{grid-auto-columns:calc((100% - 36px)/3)}}
@media(max-width:760px){.genre-collections{margin-top:0}.genre-collections .section-title h2{font-size:20px}.genre-rail{grid-auto-columns:76%;gap:12px;padding-bottom:8px}.genre-rail .banner{min-height:164px;padding:20px}.genre-rail .banner h3{font-size:24px}.genre-navigation button{width:32px;height:32px;font-size:22px}}