.poster-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 30px;
}

/*
    ПЛИТКА КАТАЛОГА НА ТЕЛЕФОНЕ. Добавлено 05.09.2026.

    Три колонки с промежутком 40 пикселей не помещаются в телефон:
    на экране 390 доступно 342 пикселя, а плитке нужно было 437 —
    отсюда и уезжала страница вбок. Замерено на боевом 05.09.2026.

    minmax(0, 1fr), а не просто 1fr: обычный 1fr не даёт колонке
    стать уже своего содержимого, и плитка всё равно вылезала бы
    за край на узких экранах.
*/
@media screen and (max-width: 904px) {
    .poster-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media screen and (max-width: 420px) {
    .poster-list {
        gap: 12px;
    }
}