.clinics .gallery img {width: 100%; float: right;}
.clinics .gallery:not(.slick-initialized) img + img {display: none;}

.clinics .gallery .slick-prev,
.clinics .gallery .slick-next {
	position: absolute; top: 50%; z-index: 1; display: block; width: 3rem; height: 3rem; padding: 0;
	transform: translate(0, -50%); line-height: 0; font-size: 0; outline: none; cursor: pointer;
}
.clinics .gallery .slick-prev:before,
.clinics .gallery .slick-next:before {
	line-height: 1; font-family: monospace; font-size: 2.5rem; color: var(--blue-main);
}
.clinics .gallery .slick-prev:hover:before,
.clinics .gallery .slick-next:hover:before {font-weight: bold;}
.clinics .gallery .slick-prev {right: -.5rem;}
.clinics .gallery .slick-prev:before {content: '<';}
.clinics .gallery .slick-next {left: -.5rem;}
.clinics .gallery .slick-next:before {content: '>';}

.clinics .products {border: 1px solid var(--blue-main); border-radius: 5px; overflow: hidden;}
.clinics .products table {margin: 0;}
.clinics .products thead,
.clinics .products tbody {border: 0;}
.clinics .products thead th {
	padding: 1rem; background-color: var(--blue-main);
	text-align: right; font-size: 1.2rem; color: white;
}
.clinics .products tbody td {padding: 1rem; vertical-align: middle; font-size: 1rem;}

.clinics .products tbody td.name {font-weight: bold; font-size: 1.2rem;}

.clinics .products tbody td.price:not(.membership) {width: 250px;}
.clinics .products tbody td.price p {display: flex; align-items: baseline; gap: 5px; margin: 0; line-height: 1;}
.clinics .products tbody td.price b {margin-left: 5px; font-size: 1.5rem; color: var(--green-dark);}
.clinics .products tbody td.price .mobileTitle {color: #888;}

.clinics .products tbody td.buttons {width: 160px;}
.clinics .products tbody td.buttons button {width: 100%; margin: 0; font-size: 1.2rem;}

.clinics .product.membership {
	display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 1rem;
	margin: 3rem 0; border-radius: 5px; border: 1px solid var(--green-light); font-size: 1rem; color: var(--blue-main);
}
.clinics .product.membership .name {font-weight: bold; font-size: 1.2rem;}
.clinics .product.membership .price {display: flex; align-items: baseline; gap: 5px; margin: 0;}
.clinics .product.membership .price b {margin-left: 5px; font-size: 1.5rem; color: var(--green-dark);}
.clinics .product.membership button {width: min(128px, 100%); margin: 0; font-size: 1.2rem;}

@media screen and (min-width: 40em) {
	.clinics .gallery .slick-prev {right: -3rem;}
	.clinics .gallery .slick-next {left: -3rem;}

	.clinics .products tbody td {padding: 10px 1rem;}

	.clinics .product.membership {flex-direction: row;}
}

@media screen and (max-width: 40em) {
	.clinics .products thead {display: none;}
	.clinics .products tbody td {display: block; width: 100% !important;}

	.clinics .products tbody td.price {padding: .5rem 1rem;}
}