/*
        films page styles
    */
    .content-wrapper {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 2fr 10fr;
        gap: var(--space-xl);
    }

    .film-card-wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--space-lg);
    }

    .film-card-link,
    .film-card-link:visited {
        text-decoration: none;
        color: inherit;
    }

    .film-card-link:hover {
        color: var(--accent);
    }

    @media (max-width: 768px) {
        .content-wrapper {
            grid-template-columns: 1fr;
            gap: var(--space-lg);
        }

        .film-card-wrapper{
            width: calc(100svw - 20px);
        }

        .search-utilities {
            position: static;
        }
    }