/* assets/css/apparaty-all.css – сгенерировано scripts/import-donor-css.mjs, руками не править */
.apparaty__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-bottom: 50px;
}

.apparaty__link {
	display: block;
}

.apparat__img-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 360px;
	background-color: var(--background-color-white);
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 15px;
}

.apparat__img-wrap > img {
	object-fit: cover;
	transition: var(--default-transition);
}

.apparaty__link:hover .apparat__img-wrap > img {
	transform: scale(1.1);
}

.apparaty__link:hover > p {
	color: var(--text-color-hover);
}

.apparaty__link > p {
	margin: 0 0;
	font-size: 17px;
	font-weight: 400;
	line-height: 140%;
	text-align: center;
	color: var(--text-color-main);
	transition: var(--default-transition);
}

@media(max-width: 992px) {
	.apparaty__grid {
		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 30px;
	}
	.apparat__img-wrap{
		height: 220px;
	}
	.apparaty__link > p {
		font-size: 15px;
	}
 }

 @media(max-width: 600px) {
	.apparaty__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
 }

 @media(max-width: 370px) {
	.apparaty__grid {
		grid-template-columns: repeat(1, 1fr); 
	}
 }