/* Start:/local/templates/stuff/components/bitrix/news.list/pharmacys/style.css?16980532872074*/
/* 
	<div class="new-title-block">
		<h2 class="title">
			Где купить
		</h2>
		<h3 class="subtitle">
			Спрашивайте препарат в аптеках Вашего города или воспользуйтесь онлайн-сервисами
		</h3>
	</div>
*/

.new-title-block {
	margin-top: 100px;
	margin-bottom: 50px;
}

.new-title-block .title {
	font-size: 62px;
	color: #2d2d2d;
	font-weight: 500;
	margin-bottom: 15px;
	text-transform: none;
	font-family: 'Gilroy-Medium';

}

.new-title-block .subtitle {
	font-size: 20px;
	color: #787878;
	font-weight: 300;
	text-transform: none;
	font-family: 'Gilroy-Light';
}

.pharmacys-block .shops_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.pharmacys-block .shops_list li {
	margin-bottom: 0;
}

.pharmacys-block .shops_list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 255px; */
	height: 237px;
	padding: 40px 30px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .07);
	border-radius: 5px
}





@media (max-width: 1024px) {
	.new-title-block {
		margin: 50px 0 40px
	}

	.new-title-block .title {
		font-size: 48px;
	}

	.new-title-block .subtitle {
		font-size: 18px;
	}

	.pharmacys-block .shops_list {
		grid-template-columns: repeat(2, 1fr);
	}

	.pharmacys-block .shops_list li a {
		height: 200px;
		padding: 0;
	}
}

@media (max-width: 768px) {
	.pharmacys-block .shops_list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.new-title-block {
		margin: 40px 0 30px;
	}

	.new-title-block .title {
		font-size: 36px;
	}

	.new-title-block .subtitle {
		font-size: 16px;
	}

	.pharmacys-block .shops_list {
		grid-template-columns: 1fr;
	}

	.pharmacys-block .shops_list li a {
		height: 180px;
	}
}

@media (max-width: 450px) {
	.pharmacys-block .shops_list li a {
		padding: 20px 20px;
	}
	.pharmacys-block .shops_list li img {
		object-fit: cover;
		width: 100%;
	}
}


/* End */
/* /local/templates/stuff/components/bitrix/news.list/pharmacys/style.css?16980532872074 */