.views-exposed-form {
    .form-primary {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: var(--space-s);

        .form-item--calibre,
        .form-item--model,
        .form-item--title,
        .form-item--code {
            @media screen and (min-width: 1024px) and (max-width: 1920px) {
                width: 24%;
            }
        }
    }
    .form-secondary {
        width: 100%;
        margin-bottom: 0;

        .details-wrapper {
            display: flex;
            flex-wrap: wrap;
        }
    }
}

/* Taxonomy terms: Client-side Hierarchical Select */
.form-type--cshs {
    .select-wrapper {
        + .select-wrapper {
            margin-left: -15px;

            &:before {
                content: "->";
                margin-right: 5px;
            }
        }
    }
}