.sum-search-list .search-form__form {
    background: var(--wp--preset--color--brand-blue-3);
    padding-top: 1px;
}

.sum-search-list .search__container {
    background: var(--wp--preset--color--brand-blue-3);
}

.sum-search-list .units-grouped {
    padding-left: var(--wp--preset--spacing--50) !important;
}

.sum-search-list .search__header  {
        display: grid;
        grid-gap: var(--wp--preset--spacing--30);
        grid-template-areas: "title"
                             "search"
                             "sort";
    }

.sum-search-list .search__header .wp-block-heading {
    grid-area: title;
    align-content: center;
}

.sum-search-list .search__header .facetwp-facet {
    grid-area: sort;
    align-content: center;
}

.sum-search-list .search__header .wp-block-buttons {
    grid-area: search;
    align-content: center;
}

@media (min-width: 768px) {
    .sum-search-list .search__header  {
        grid-template-areas: "title title"
                             "search sort";
    }
}

@media (min-width: 992px) {
    .sum-search-list .search__header  {
        grid-template-areas: "title title sort";
    }
}

@media (min-width: 992px) {
    .sum-search-list .search__content {
        display: grid;
        grid-gap: calc(2 * var(--wp--preset--spacing--50));
        grid-template-areas: "facets results results results";
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto;
    }

    .sum-search-list .search__facets {
        grid-area: facets;
    }

    .sum-search-list .search__results {
        grid-area: results;
    }
}