.product-page {
	background: #fff
}
.product-cover {
	height: 400px;
	background: #eee url("../images/37423503.jpg") center/cover no-repeat
}
.catalog {
	max-width: 1500px;
	min-height: 695px;
	margin: auto;
	padding: 72px 20px 48px;
	scroll-margin-top: 80px
}
.catalog header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px
}
.catalog header h1, .catalog header h2 {
	margin: 0;
	font-size: 36px;
	line-height: 1.5
}
.catalog header a {
	width: 170px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #222;
	font-size: 14px
}
.catalog-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 15px
}
.catalog-grid.three {
	grid-template-columns: repeat(3, 1fr)
}
.catalog article {
	min-width: 0;
	text-align: center
}
.catalog article img {
	width: 100%;
	height: 315px;
	object-fit: cover
}
.catalog article h2 {
	margin: 17px 0 8px;
	font-size: 19px;
	font-weight: 500
}
.catalog article p {
	max-width: 330px;
	margin: 0 auto;
	color: #777;
	font-size: 14px;
	line-height: 1.7
}
.compact {
	min-height: 600px
}
.retired-note {
	height: 400px;
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f3f3;
	color: #888;
	font-size: 24px
}

@media(max-width:760px) {
.product-cover {
	height: 210px
}
.catalog {
	min-height: 0;
	padding: 42px 18px;
	scroll-margin-top: 72px
}
.catalog header {
	height: auto
}
.catalog header h1, .catalog header h2 {
	font-size: 28px
}
.catalog header a {
	width: 112px
}
.catalog-grid, .catalog-grid.three {
	grid-template-columns: 1fr;
	gap: 38px;
	margin-top: 28px
}
.catalog article img {
	height: 340px
}
.compact {
	min-height: 0
}
.retired-note {
	height: 220px
}
}