.film-carousel{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:16px}
.film-carousel .home-film-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding:8px 4px 20px;margin:0;min-width:0}
.film-carousel .home-film-grid>article{flex:0 0 calc((100% - 24px)/2);min-width:0;scroll-snap-align:start}
.film-arrow{width:52px;height:52px;border:1px solid #9b79be;border-radius:50%;background:#7d28d2;color:#fff;font-size:26px;cursor:pointer}
.film-arrow[aria-disabled=true]{opacity:.35;cursor:default}
.film-arrow:focus-visible,.film-carousel .home-film-grid:focus-visible{outline:3px solid #f18221;outline-offset:4px}
.film-position{font-size:13px;color:inherit;opacity:.8;text-align:right;margin-top:12px}
@media(max-width:760px){.film-carousel{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.film-arrow{width:40px;height:44px;font-size:22px}.film-carousel .home-film-grid{gap:16px}.film-carousel .home-film-grid>article{flex-basis:100%}.film-carousel h4{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.film-carousel .home-film-grid{scroll-behavior:auto}}
.home-films{min-width:0;max-width:100%;overflow:clip}.film-carousel .home-film-grid{overflow-x:auto!important;overflow-y:hidden;max-width:100%}
.film-carousel{contain:inline-size layout}.film-carousel .home-film-grid{contain:paint}