.fc_team_archive .team_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-m)
}

.fc_team_archive .team_grid .post_thumb {
    background: center / cover no-repeat;
    aspect-ratio: 0.96;
}

.fc_team_archive .team_filter {
    padding: var(--gap-l);
    margin: 0 max(clamp(20px, 6vw, 50px), calc(50% - 530px)) var(--gap-l);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: var(--white-smoke);
    /*width: fit-content;*/
}

.fc_team_archive .team_filter select {
    display: flex;
    padding: var(--gap-m);
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 5px 5px 0px 0px;
    background: calc(100% - 20px) 50% / 10px 8px no-repeat #FFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='%23F93A3C' d='M5 7 0 2l1-1 4 4 4-4 1 1-5 5Z'/%3e%3c/svg%3e");
    border: none;
    appearance: none;
    box-sizing: border-box;
    max-width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}


.fc_team_archive .team_filter .title-xs {
    color: var(--tertiary);
    font-weight: 800;
    line-height: 150%; /* 36px */
    text-transform: uppercase;
}

@media (max-width: 800px) {
    .fc_team_archive .team_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .fc_team_archive .team_filter {
        flex-direction: column;
    }

    .fc_team_archive .team_filter select {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .fc_team_archive .team_grid {
        grid-template-columns: 1fr;
    }
}