/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Htag/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_h1__42MkN {
		font: 600 40px/124% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h1__42MkN {
				font-size: 20px;
				line-height: 130%;
		}
}

.style_h2___LQuN {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h2___LQuN {
				font-size: 18px;
				line-height: 120%;
		}
}

.style_h3__ctBjL {
		font: 600 28px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h3__ctBjL {
				font-size: 18px;
				line-height: 120%;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/SectionCatalogCard/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__XkaBm {
		border-radius: 8px;
		position: relative;
		overflow: hidden;
		height: 280px;
		background-color: #fff;
}
@media only screen and (max-width: 1199px) {
		.style_card__XkaBm {
				height: 172px;
				border-radius: 5px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__XkaBm {
				border-radius: 5px;
				height: 146px;
		}
}
.style_card__XkaBm:hover .style_cardCircle__l2klc:before {
		animation-name: style_arrow-in__4f_V7;
}
.style_cardBg__qtACH {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
}
.style_cardOil__LDoUQ {
		position: absolute;
		right: 12px;
		bottom: 0;
}
@media only screen and (max-width: 1199px) {
		.style_cardOil__LDoUQ {
				width: 150px;
				height: 150px;
				right: 0;
				top: calc(50% - 75px);
		}
}
@media only screen and (max-width: 767px) {
		.style_cardOil__LDoUQ {
				height: 132px;
				right: 0;
				top: calc(50% - 66px);
				width: 132px;
		}
}
.style_cardContent__38QBQ {
		position: relative;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		height: 100%;
		padding: 40px;
}
@media only screen and (max-width: 1199px) {
		.style_cardContent__38QBQ {
				padding: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardContent__38QBQ {
				padding: 20px;
		}
}
.style_cardTitle__f5lpV {
		color: #231F20;
		font: 600 32px/124% var(--my-open-sans-regular);
		max-width: 270px;
		z-index: 1;
}
@media only screen and (max-width: 1199px) {
		.style_cardTitle__f5lpV {
				font-size: 24px;
				max-width: 225px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTitle__f5lpV {
				font-size: 20px;
				max-width: 170px;
		}
}
.style_cardCircle__l2klc {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 60px;
		height: 60px;
}
@media only screen and (max-width: 1199px) {
		.style_cardCircle__l2klc {
				width: 40px;
				height: 40px;
				margin-left: -9px;
				margin-bottom: -8px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_cardCircle__l2klc svg {
				height: 40px;
				width: 40px;
				min-width: 40px;
		}
}
.style_cardCircle__l2klc:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 2px solid #d2233c;
		animation: style_arrow-out__wy6zW 0.2s alternate forwards ease-out;
}
.style_card__XkaBm.style_small__E4GSc .style_cardOil__LDoUQ {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 180px;
		height: 180px;
}
@media only screen and (max-width: 1199px) {
		.style_card__XkaBm.style_small__E4GSc .style_cardOil__LDoUQ {
				width: 105px;
				height: 105px;
				bottom: 0;
				top: auto;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__XkaBm.style_small__E4GSc .style_cardOil__LDoUQ {
				height: 132px;
				top: calc(50% - 66px);
				width: 132px;
		}
}

@keyframes style_arrow-in__4f_V7 {
		0% {
				opacity: 0;
				transform: scale(0.6);
		}
		50% {
				opacity: 0.7;
		}
		100% {
				opacity: 1;
				transform: scale(1);
		}
}
@keyframes style_arrow-out__wy6zW {
		0% {
				opacity: 1;
				transform: scale(1);
		}
		30% {
				opacity: 0.5;
		}
		100% {
				opacity: 0;
				transform: scale(0);
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/catalogGeneral/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_pageTitle__sQq9U {
		margin-top: 0;
		margin-bottom: 40px;
		max-width: 780px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pageTitle__sQq9U {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pageTitle__sQq9U {
				margin-bottom: 20px;
		}
}

.style_container__N6LS7 {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_container__N6LS7 {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_container__N6LS7 {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__N6LS7 {
				padding: 0 10px;
		}
}

.style_content__MO4z4 {
		margin: 48px 0 100px 0;
		position: relative;
		min-height: 100%;
		background: transparent;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__MO4z4 {
				margin-bottom: 80px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__MO4z4 {
				margin: 38px 0 60px 0;
		}
}

.style_grid__YEokC {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
		.style_grid__YEokC {
				margin-bottom: 16px;
				gap: 16px;
				grid-template-columns: 1fr;
		}
}

.style_gridBottom__dwCgJ {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
}
@media only screen and (max-width: 767px) {
		.style_gridBottom__dwCgJ {
				gap: 16px;
				grid-template-columns: 1fr;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/catalogTags/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_content__wx1vL {
		display: block;
		margin-bottom: 50px;
}

.style_container__zl4UW {
		display: block;
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}

.style_tagItem__MFUYF {
		position: relative;
		background-color: #F1F1F4;
		border-radius: 4px;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 10px;
		color: #231F20;
		gap: 4px;
		font: 400 14px/140% var(--my-open-sans-regular);
		transition: color 0.3s;
		cursor: pointer;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_tagItem__MFUYF {
				padding: 5px 8px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_tagItem__MFUYF {
				padding: 4px 8px;
				font-size: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_tagItem__MFUYF:hover {
				color: #d2233c;
		}
}
.style_tagItem__MFUYF.style_active__Zfprf {
		color: #fff;
		background-color: #3E3E43;
}
.style_tagItem__MFUYF.style_active__Zfprf > a {
		cursor: none;
		pointer-events: none;
}
.style_tagItem__MFUYF.style_disabled__RgTBg {
		pointer-events: none;
		opacity: 0.7;
}
.style_tagItem__MFUYF span {
		pointer-events: none;
}
.style_tagItem__MFUYF .style_reset__x6rUa {
		padding: 0;
		margin: 0;
		border: none;
		background-color: transparent;
		color: unset;
		cursor: pointer;
		transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
		.style_tagItem__MFUYF .style_reset__x6rUa:hover {
				opacity: 0.7;
		}
}

.style_group__yGiPt {
		display: flex;
		flex-flow: column;
		gap: 20px;
}
.style_group__yGiPt:not(:last-child) {
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_group__yGiPt {
				gap: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_group__yGiPt {
				gap: 16px;
				margin-bottom: 20px;
		}
}

.style_tagsList__pHU8h {
		display: flex;
		align-items: flex-end;
		gap: 12px;
		flex-wrap: wrap;
		overflow: hidden;
		transition: max-height 0.3s;
		height: 100%;
		flex: 1 1 auto;
}

.style_subItemGroup__tqLcz {
		margin-bottom: 20px;
}

.style_subItemTitle__5_8MF {
		margin-bottom: 14px;
}