[data-recommendations] .related-inner{display:grid;grid-template-columns:minmax(0,1fr)}
[data-recommendations] .related-heading{grid-area:1 / 1}
[data-recommendations] .related-grid{grid-area:2 / 1;display:flex!important;gap:12px;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:0;scrollbar-width:none}
[data-recommendations] .related-grid::-webkit-scrollbar{display:none}
[data-recommendations] .related-card{flex:0 0 calc((100% - 60px)/6);min-width:0;scroll-snap-align:start}
[data-recommendations] .related-controls{grid-area:2 / 1;position:relative;z-index:2;pointer-events:none;margin:0}
[data-recommendations] .related-controls button{position:absolute;top:0;bottom:0;width:52px;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:0;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .2s ease}
[data-recommendations] [data-prev]{left:0;background:linear-gradient(90deg,rgba(0,0,0,.6),transparent)!important;border-radius:16px 0 0 16px!important}
[data-recommendations] [data-next]{right:0;background:linear-gradient(270deg,rgba(0,0,0,.6),transparent)!important;border-radius:0 16px 16px 0!important}
[data-recommendations] .related-controls button::before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border-top:5px solid #fff;border-right:5px solid #fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));transform:translate(-65%,-50%) rotate(45deg)}
[data-recommendations] .related-controls [data-prev]::before{transform:translate(-35%,-50%) rotate(-135deg)}
[data-recommendations] .related-inner:hover .related-controls button:not(:disabled),[data-recommendations] .related-inner:focus-within .related-controls button:not(:disabled){opacity:1}
[data-recommendations] .related-controls button:disabled{opacity:0;visibility:hidden;pointer-events:none}
[data-recommendations] .related-controls button:focus-visible{outline:2px solid #fff;outline-offset:-4px;opacity:1}
[data-recommendations] .related-card:focus-visible{outline:2px solid #ff318e;outline-offset:-3px;border-radius:16px}
@media(hover:none),(pointer:coarse){[data-recommendations] .related-controls button:not(:disabled){opacity:1}}
@media(max-width:850px){[data-recommendations] .related-card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:520px){[data-recommendations] .related-card{flex-basis:43%}[data-recommendations] .related-controls button{width:44px}}
@media(prefers-reduced-motion:reduce){[data-recommendations] .related-controls button{transition:none}}