.clinics-productPopup .tabs-body .step_2 .clinics {
	display: flex; flex-direction: column; gap: 1rem;
}
.clinics-productPopup .tabs-body .step_2 .clinic {
	min-height: 102px; padding: 1rem; border-radius: 1rem;
	cursor: pointer; background-color: var(--blue-lightest);
}
.clinics-productPopup .tabs-body .step_2 .clinic.disabled {background-color: #eee; cursor: default; color: #999;}
.clinics-productPopup .tabs-body .step_2 .clinic:not(.disabled):hover {background-color: var(--blue-light);}
.clinics-productPopup .tabs-body .step_2 .clinic.active {background-color: var(--blue-main) !important; color: white;}
.clinics-productPopup .tabs-body .step_2 .clinic h5 {margin-bottom: 1rem; line-height: 1;}
.clinics-productPopup .tabs-body .step_2 .clinic .tags {display: flex; flex-wrap: wrap; gap: .5rem;}
.clinics-productPopup .tabs-body .step_2 .clinic .tags div {
	border: 1px solid var(--green-main); border-radius: .5rem;
	background-color: var(--green-lightest); padding: .5rem; color: var(--green-main);
}
.clinics-productPopup .tabs-body .step_2 .clinic.disabled .tags {opacity: .7;}

@media screen and (min-width: 40em) {
	.clinics-productPopup .tabs-body .step_2 .clinics {
		display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem;
	}
}