.films-list{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.films-list__item{aspect-ratio:438/657;background:50%/cover no-repeat;flex-direction:column;justify-content:flex-end;width:100%;padding:1.25rem;display:flex;position:relative}.films-list__item:after{content:"";background:linear-gradient(#0000 0%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.films-list__genre{color:#e2ddd7;word-break:keep-all;z-index:1;align-items:flex-start;gap:.7em;margin-bottom:.5em;font-size:16px;display:flex;position:relative}.films-list__genre span{color:var(--gold-0);font-size:1.25em;font-weight:700;line-height:1.2}.films-list__name{color:#fff;word-break:keep-all;z-index:1;font-size:30px;position:relative}.films-selects{margin-bottom:40px}.films-select{color:#fff;border:1px solid var(--gold-0);outline:none;height:50px;padding:0 15px;display:block}.films-select option{background:#0e0d0a}@media screen and (max-width:1080px){.films-list{grid-template-columns:repeat(3,1fr)}.films-list__genre{font-size:14px}.films-list__name{font-size:24px}}@media screen and (max-width:768px){.films-list{grid-template-columns:repeat(2,1fr)}.films-select{height:40px;padding:0 10px;font-size:14px}}@media screen and (max-width:640px){.films-list{gap:6px}.films-list__item{padding:15px}.films-list__genre{flex-direction:column;gap:2px;font-size:12px}.films-list__name{font-size:20px}.paging{font-size:14px}}@media screen and (max-width:480px){.films-list__item{padding:10px}.films-list__genre{font-size:11px}.films-list__name{font-size:16px}}