.branches .filter-btns {
    grid-area: 1/3/1/span 10;
    gap: var(--m-xs);
}

.branches .filter-btns label {
    display: flex;
    align-items: center;
    gap: var(--m-xs);
}

.branches .filter-btns label:not(:last-child) {
    margin-right: var(--m-md);
}

.branches .branches-container {
    grid-area: 2/3/2/span 10;
    grid-template-columns: repeat(3, 1fr);
    column-gap: max(24px, 4.84375vw);
    row-gap: var(--m-md);
}

.branches .branches-container .branch-item {
    grid-template-columns: 1fr auto;
    grid-column-gap: var(--grid-gap);
}

.branches .branches-container .branch-item:not(.hidden) {
    width: 100%;
}

.branches .branches-container .branch-item .branch-thumbnail {
    aspect-ratio: 554/430;
    grid-area: 1/1/1/span 2;
}

.branches .branches-container .branch-item .branch-title {
	font-size: var(--fs-40);
	line-height: 1.13;
    grid-area: 2/1/2/1;
    text-wrap: balance;
}

.branches .branches-container .branch-item .branch-location {
    grid-area: 3/1/3/1;
}

.branches .branches-container .branch-item .arrow-bottom-right {
    grid-area: 2/2/span 2/2;
}

.branches .load-more {
    grid-area: 3/3/3/span 10;
}

@media (max-width: 1199.98px) {
    .branches .filter-btns {
        grid-area: 1/2/1/span 12;
    }

    .branches .branches-container {
        grid-area: 2/2/2/span 12;
    }
}

@media (max-width: 767.98px) {
    .branches .filter-btns {
        flex-direction: column;
        align-items: flex-start;
    }

    .branches .branches-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .branches .branches-container {
        grid-template-columns: 1fr;
    }
}