* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.catalog_product {
	background-color: #0F0F12;
	/* Замість статичних шляхів використовуємо CSS-перемінні */
	background-image: var(--left-bg), var(--right-bg);
	background-repeat: no-repeat;
	background-position: left 30%, right 40%;
	height: 572px;
	overflow: hidden;
	position: relative;
}

.catalog_product .hard_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.catalog_product .hard_bg .container {
	position: relative;
	width: 1440px;
	height: 100%;
	/* Теж змінна для центрального зображення */
	background-image: var(--hard-bg);
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}

.catalog_product .hard_bg .container .box {
	position: absolute;
}

.catalog_product .hard_bg .container .box img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
}

/* Позиції/розміри 1..6 */
.catalog_product .hard_bg .container .box:nth-child(1) {
	width: 46px; height: 46px; left: 5px; top: 443px;
}
.catalog_product .hard_bg .container .box:nth-child(1) .circles { 
	min-width: 92px; 
	width: 92px;
	min-height: 92px; 
	height: 92px;
}
.catalog_product .hard_bg .container .box:nth-child(1) .image   { 
	min-width: 46px;
	width: 46px; 
	min-height: 46px;
	height: 46px; 
}

.catalog_product .hard_bg .container .box:nth-child(2) {
	width: 60px; height: 60px; left: 115px; top: 222px;
}
.catalog_product .hard_bg .container .box:nth-child(2) .circles { 
	min-width: 120px;
	width: 120px; 
	min-height: 120px;
	height: 120px; 
}
.catalog_product .hard_bg .container .box:nth-child(2) .image   { 
	min-width: 60px;
	width: 60px;
	min-height: 60px;
	height: 60px; 
}

.catalog_product .hard_bg .container .box:nth-child(3) {
	width: 77.778px; height: 77.778px; left: 270px; top: 419px;
}
.catalog_product .hard_bg .container .box:nth-child(3) .circles { 
	min-width: 140px; 
	min-height: 140px; 
	width: 140px; 
	height: 140px; 
}
.catalog_product .hard_bg .container .box:nth-child(3) .image   { 
	min-width: 77.778px; 
	min-height: 77.778px; 
	width: 77.778px; 
	height: 77.778px; 
}

.catalog_product .hard_bg .container .box:nth-child(4) {
	width: 77.778px; height: 77.778px; left: 975px; top: 213px;
}
.catalog_product .hard_bg .container .box:nth-child(4) .circles { 
	min-width: 140px; 
	min-height: 140px; 
	width: 140px; 
	height: 140px; 
}
.catalog_product .hard_bg .container .box:nth-child(4) .image   {
	min-width: 77.778px; 
	min-height: 77.778px; 
	width: 77.778px; 
	height: 77.778px; 
}

.catalog_product .hard_bg .container .box:nth-child(5) {
	width: 60px; height: 60px; left: 1063px; top: 467px;
}
.catalog_product .hard_bg .container .box:nth-child(5) .circles { 
	min-width: 120px; 
	min-height: 120px; 
	width: 120px; 
	height: 120px; 
}
.catalog_product .hard_bg .container .box:nth-child(5) .image   { 
	min-width: 60px; 
	min-height: 60px; 
	width: 60px; 
	height: 60px; 
}

.catalog_product .hard_bg .container .box:nth-child(6) {
	width: 46px; height: 46px; left: 1255px; top: 235px;
}
.catalog_product .hard_bg .container .box:nth-child(6) .circles { 
	min-width: 92px; 
	min-height: 92px;
	width: 92px; 
	height: 92px; 
}
.catalog_product .hard_bg .container .box:nth-child(6) .image   {
	min-width: 46px; 
	min-height: 46px; 
	width: 46px; 
	height: 46px; 
}

.catalog_product .main_content {
	position: relative;
	display: flex; 
	justify-content: center; 
	align-items: center;
	width: 100%; 
	height: 100%; 
	padding-top: 0px;
	z-index: 2;
	padding: 0 16px;
}

.catalog_product .main_content .title {
	color: #F8C12D;
	font-feature-settings: "liga" off, "clig" off;
	font-family: "Unbounded", sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -0.72px;
	text-transform: uppercase;
	text-align: center;
	max-width: 500px;
}

/* 1135px */
@media (max-width: 1135px) {
	.catalog_product .hard_bg .container {
		height: 145%;
		transform-origin: top;
		transform: scale(0.7);
	}
	.catalog_product .hard_bg .container .box:nth-child(1) { left: 10px; top: 583px; }
	.catalog_product .hard_bg .container .box:nth-child(2) { left: 112px; top: 362px; }
	.catalog_product .hard_bg .container .box:nth-child(3) { left: 278px; top: 559px; }
	.catalog_product .hard_bg .container .box:nth-child(4) { left: 973px; top: 353px; }
	.catalog_product .hard_bg .container .box:nth-child(5) { left: 1056px; top: 607px; }
	.catalog_product .hard_bg .container .box:nth-child(6) { left: 1256px; top: 375px; }
}

/* 650px */
@media (max-width: 650px) {
	.catalog_product {
		background-size: 45%, 45%;
		background-position: left 90%, right 10%;
		height: 740px;
	}
	.catalog_product .hard_bg .container { background-size: 80%; }
	.catalog_product .hard_bg .container .box:nth-child(1) { left: 730px; top: 156px; }
	.catalog_product .hard_bg .container .box:nth-child(2) { left: 500px; top: 240px; }
	.catalog_product .hard_bg .container .box:nth-child(3) { left: 765px; top: 357px; }
	.catalog_product .hard_bg .container .box:nth-child(4) { left: 520px; top: 690px; }
	.catalog_product .hard_bg .container .box:nth-child(5) { left: 800px; top: 723px; }
	.catalog_product .hard_bg .container .box:nth-child(6) { left: 680px; top: 880px; }

	.catalog_product .main_content {
		display: flex; justify-content: center; align-items: center;
		width: 100%; height: 100%; padding-top: 0;
	}
	.catalog_product .main_content .title {
		font-size: 26px; font-style: normal; font-weight: 600;
		line-height: 30px; letter-spacing: -0.52px;
		max-width: 360px;
	}
}