/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Breadcrumbs/HiddenItems/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__F6S_4 {
		display: flex;
		align-items: center;
		gap: 2px;
		border-radius: 4px;
		background: #F1F1F4;
		padding: 4px;
		cursor: pointer;
}
.style_item__F6S_4 span {
		background: #9FAAB0;
		width: 4px;
		height: 4px;
		border-radius: 50%;
}
.style_itemWrap__6k_SC {
		position: relative;
}

.style_popupWrap__jT1mz {
		position: absolute;
		left: 0;
		z-index: 100;
}
@media only screen and (max-width: 767px) {
		.style_popupWrap__jT1mz {
				left: -8px;
		}
}
.style_popupContent__KtB9a {
		position: relative;
		margin-top: 10px;
		padding: 4px 16px;
		background: #fff;
		white-space: nowrap;
		filter: drop-shadow(0 0 4px #DEDEDE);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a {
				margin-top: 14px;
				padding: 4px 8px;
		}
}
.style_popupContent__KtB9a::before {
		position: absolute;
		content: "";
		top: -10px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ffffff;
		border-bottom: 10px solid rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a::before {
				left: 8px;
		}
}

.style_elem__Hdgbt {
		display: flex;
		gap: 8px;
		align-items: center;
		padding: 12px 0;
		font: 400 15px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
		max-width: 200px;
}
@media only screen and (max-width: 767px) {
		.style_elem__Hdgbt {
				font-size: 13px;
				padding: 8px 0;
		}
}
.style_elem__Hdgbt:hover {
		color: #d2233c;
}
.style_elem__Hdgbt + .style_elem__Hdgbt {
		border-top: 1px solid #DEDEDE;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Breadcrumbs/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_breadcrumbs__ArFZk {
		display: inline-flex;
		align-items: center;
		flex-flow: row nowrap;
		width: 100%;
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 12px;
		}
}
.style_breadcrumbsItem__gKNGn {
		font-size: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		transition: color 0.3s;
		white-space: nowrap;
		display: inline-block;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 12px;
				line-height: 120%;
		}
}
.style_breadcrumbsItem__gKNGn:hover {
		color: #d2233c;
}
.style_breadcrumbsSeparator___74Mc {
		margin: 2px 10px 0 10px;
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsSeparator___74Mc {
				margin: 1px 6px 0 6px;
		}
}
.style_breadcrumbsAll__gR_Tg {
		margin-top: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/StaticPageMenu/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_menu__Y_zzh {
		display: flex;
		flex-flow: column;
		gap: 12px;
}
.style_menuItem__zbviR {
		display: flex;
		align-items: center;
		gap: 8px;
		color: #231F20;
		font: 600 14px/140% var(--my-open-sans-regular);
		background-color: #fff;
		padding: 8px 16px;
		border-radius: 4px;
		transition: color 0.3s, background-color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_menuItem__zbviR {
				gap: 6px;
				padding: 8px;
				font-size: 13px;
		}
}
.style_menuItem__zbviR:hover {
		color: #d2233c;
}
.style_menuItem__zbviR.style_active__X1zPB {
		background-color: #F1F1F4;
		color: #d2233c;
}
.style_menuItem__zbviR svg {
		min-width: 24px;
		width: 24px;
		height: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_menuItem__zbviR svg {
				min-width: 16px;
				width: 16px;
				height: 16px;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ArticlePreview/Bookmarks/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__Ugl_M {
		display: flex;
		align-items: center;
		gap: 2px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		transition: color 0.3s;
		white-space: nowrap;
}
@media only screen and (max-width: 991px) {
		.style_item__Ugl_M {
				font-size: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_item__Ugl_M:hover {
				cursor: pointer;
				color: #d2233c;
		}
}
.style_item__Ugl_M.style_active__WaURD svg {
		color: #d2233c;
}
.style_item__Ugl_M svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ArticlePreview/BottomItemCard/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_bottomItem__8yG6X {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 991px) {
		.style_bottomItem__8yG6X {
				font-size: 12px;
		}
}
.style_bottomItem__8yG6X svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/LabelForArticle/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__XArzE {
		position: relative;
		text-transform: uppercase;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3px 4px 3px 6px;
		color: #fff;
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 20px;
		border-radius: 1px;
		background-color: var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE {
				font-size: 10px;
				height: 19px;
		}
}
.style_label__XArzE:before, .style_label__XArzE:after {
		content: "";
		width: 0;
		height: 0;
		border-right: 7px solid transparent;
		right: -5px;
		position: absolute;
		top: 0;
}
.style_label__XArzE:before {
		border-top: 20px solid var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE:before {
				border-top-width: 19px;
		}
}
.style_label__XArzE:after {
		border-top: none;
		border-bottom: 20px solid var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE:after {
				border-bottom-width: 19px;
		}
}

.style_blue___y6SU {
		background-color: #14ABC6;
}
.style_blue___y6SU:before {
		border-top: 20px solid #14ABC6;
}
@media only screen and (max-width: 767px) {
		.style_blue___y6SU:before {
				border-top-width: 19px;
		}
}
.style_blue___y6SU:after {
		border-top: none;
		border-bottom: 20px solid #14ABC6;
}
@media only screen and (max-width: 767px) {
		.style_blue___y6SU:after {
				border-bottom-width: 19px;
		}
}

.style_orange__QgrAd {
		background-color: #FE5721;
}
.style_orange__QgrAd:before {
		border-top: 20px solid #FE5721;
}
@media only screen and (max-width: 767px) {
		.style_orange__QgrAd:before {
				border-top-width: 19px;
		}
}
.style_orange__QgrAd:after {
		border-top: none;
		border-bottom: 20px solid #FE5721;
}
@media only screen and (max-width: 767px) {
		.style_orange__QgrAd:after {
				border-bottom-width: 19px;
		}
}

.style_red__7LHim {
		background-color: #d2233c;
}
.style_red__7LHim:before {
		border-top: 20px solid #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_red__7LHim:before {
				border-top-width: 19px;
		}
}
.style_red__7LHim:after {
		border-top: none;
		border-bottom: 20px solid #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_red__7LHim:after {
				border-bottom-width: 19px;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ArticlePreview/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__cNarE {
		display: flex;
		flex-flow: column;
		height: 100%;
		justify-content: space-between;
		position: relative;
		gap: 20px;
}

.style_container__Wsij2 {
		display: flex;
		flex-flow: column;
}

.style_img__rVk5Q {
		border-radius: 12px;
		aspect-ratio: 280/158;
		object-fit: cover;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_img__rVk5Q {
				border-radius: 8px;
				aspect-ratio: 232/130;
		}
}
@media only screen and (max-width: 767px) {
		.style_img__rVk5Q {
				border-radius: 4px;
				aspect-ratio: 300/168;
		}
}

.style_content__C2SWJ {
		display: flex;
		flex-flow: column;
		gap: 8px;
		margin-top: 6px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__C2SWJ {
				gap: 4px;
				margin-top: 4px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__C2SWJ {
				gap: 2px;
				margin-top: 2px;
		}
}

.style_tags__n3z7_ {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-top: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_tags__n3z7_ {
				margin-top: 8px;
				gap: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_tags__n3z7_ {
				margin-top: 6px;
				gap: 8px;
		}
}

.style_date__zT6wo {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 991px) {
		.style_date__zT6wo {
				font-size: 12px;
		}
}

.style_title__KeWfi {
		font: 600 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__KeWfi {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__KeWfi {
				font-size: 16px;
		}
}
.style_title__KeWfi:hover {
		color: #b11e33;
}

.style_text__BvM1Z {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__BvM1Z {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__BvM1Z {
				font-size: 12px;
		}
}

.style_bottom__5oqI0 {
		display: flex;
		gap: 12px;
		margin-top: auto;
}
.style_bottom__5oqI0 > div:nth-child(1) {
		width: 60%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_bottom__5oqI0 > div:nth-child(1) {
				width: 70%;
		}
}
@media only screen and (max-width: 767px) {
		.style_bottom__5oqI0 > div:nth-child(1) {
				width: 55%;
		}
}

.style_bottomA__8TFXn {
		display: flex;
		gap: 4px;
		margin-top: auto;
		justify-content: space-between;
}
.style_bottomAContainer___nXso {
		display: flex;
		flex-flow: column;
		gap: 4px;
}
.style_bottomABookmark__etN9X {
		margin-bottom: auto;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Pagination/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_pagination__FSb8Q {
		display: flex;
		align-items: center;
		gap: 6px;
		margin-top: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pagination__FSb8Q {
				margin-top: 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pagination__FSb8Q {
				margin-top: 32px;
		}
}
@media only screen and (max-width: 576px) {
		.style_pagination__FSb8Q {
				flex-flow: wrap;
		}
}
.style_paginationItemLink__S099D {
		font: 400 16px/140% var(--my-open-sans-regular);
		cursor: pointer;
		color: #231F20;
		padding: 5px 8px;
		transition: color 0.3s, background-color 0.3s;
		height: 32px;
		min-width: 32px;
		border-radius: 2px;
		display: flex;
		justify-content: center;
		align-items: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_paginationItemLink__S099D {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_paginationItemLink__S099D {
				font-size: 13px;
		}
}
.style_paginationItemLink__S099D:hover {
		color: #d2233c;
		font-weight: 600;
		background-color: #FFF4F6;
}

.style_itemArrow__yvEUb {
		color: #d2233c;
		background: #F5F5F6;
}

.style_pagination__FSb8Q li {
		list-style-type: none;
}

.style_active__46zQs {
		color: #d2233c;
		font-weight: 600;
}

.style_disabled__dtJHQ {
		pointer-events: none;
		background: #F5F5F6;
		color: #8E8E93;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/Sorting/SortingPopup/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sortingBtn__PTX7Y {
		position: relative;
		display: flex;
		gap: 4px;
		align-items: center;
		padding: 0;
		border: none;
		background-color: transparent;
		width: -moz-fit-content;
		width: fit-content;
		cursor: pointer;
}
@media only screen and (max-width: 1199px) {
		.style_sortingBtn__PTX7Y {
				display: none;
		}
}
.style_sortingBtn__PTX7Y span {
		color: #231F20;
		font: 400 14px/140% var(--my-open-sans-regular);
}
.style_sortingBtn__PTX7Y span.style_active__WKuo2 {
		color: #d2233c;
}
.style_sortingBtn__PTX7Y svg {
		min-width: 16px;
}
.style_sortingBtnContainer__8_8Xc {
		display: flex;
		gap: 8px;
		align-items: center;
}
.style_sortingBtnContainerText__WiW6p {
		color: #3E3E43;
		font: 400 14px/140% var(--my-open-sans-regular);
}
.style_sortingGrid__dgjBM {
		display: flex;
		flex-flow: column;
		align-items: flex-start;
		gap: 4px;
}
.style_sortingItem__567Sv {
		border: none;
		background-color: white;
		padding: 4px 12px;
		color: #231F20;
		font: 400 14px/140% var(--my-open-sans-regular);
		transition: color 0.3s, background-color 0.3s;
		white-space: nowrap;
		width: 100%;
		text-align: left;
}
.style_sortingItem__567Sv.style_active__WKuo2 {
		color: #d2233c;
}
.style_sortingItem__567Sv:not(.style_active__WKuo2):hover {
		background-color: #F1F1F4;
}
.style_sortingItem__567Sv:not(.style_active__WKuo2) {
		cursor: pointer;
}

.style_popup__IEpSv {
		position: absolute;
		box-shadow: 0 0 16px 0 #EAEAEA;
		padding: 6px 0;
		background-color: #fff;
		top: -10px;
		right: 0;
		z-index: 1;
		display: flex;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Radio/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__SKgOO {
		position: relative;
		padding-left: 32px;
		cursor: pointer;
		font: 400 14px/140% var(--my-open-sans-regular);
		user-select: none;
		color: #231F20;
}

.style_radio__3M4Va {
		position: absolute;
		opacity: 0;
		cursor: pointer;
}

.style_checkmark__gtqYN {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #FFFFFF;
		border-radius: 50%;
		border: 1px solid #E5E6E7;
}
.style_checkmark__gtqYN:after {
		content: "";
		position: absolute;
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s;
}

.style_label__SKgOO .style_radio__3M4Va:checked ~ .style_checkmark__gtqYN {
		background-color: #fff;
}

.style_label__SKgOO .style_radio__3M4Va:checked ~ .style_checkmark__gtqYN:after {
		visibility: visible;
		opacity: 1;
}

.style_label__SKgOO .style_checkmark__gtqYN:after {
		top: calc(50% - 6px);
		left: calc(50% - 6px);
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #d2233c;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/catalog/Modal/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_overlay__SPHGf {
		position: fixed;
		inset: 0;
		background: rgba(62, 62, 67, 0.5);
		z-index: 10;
}

.style_modalContainer__YHzwJ {
		position: fixed;
		inset: auto 0 0 0;
		background: #fff;
		max-height: calc(100vh - 78px);
}
@media only screen and (max-width: 1199px) {
		.style_modalContainer__YHzwJ {
				max-height: calc(100vh - 96px);
		}
}
@media only screen and (max-width: 767px) {
		.style_modalContainer__YHzwJ {
				max-height: calc(100vh - 56px);
		}
}

.style_modal__SKfYR {
		padding: 20px 16px 20px 16px;
		height: 100%;
		position: relative;
}
@media only screen and (max-width: 767px) {
		.style_modal__SKfYR {
				padding: 20px 10px;
		}
}

.style_top__s5h_9 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
}
.style_topTitle__KQrVa {
		color: #000;
		font: 600 24px/124% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_topTitle__KQrVa {
				font-size: 20px;
		}
}
.style_topClose__RQQ1B {
		padding: 0;
		background-color: transparent;
		border: none;
}
.style_topClose__RQQ1B svg {
		min-width: 32px;
		color: #3E3E43;
		transition: color 0.3s;
		cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
		.style_topClose__RQQ1B svg:hover {
				color: #000;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/Sorting/SortMobile/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_filterBtn___Zx1F {
		display: none;
		padding: 0;
		border: none;
		background-color: transparent;
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 1199px) {
		.style_filterBtn___Zx1F {
				cursor: pointer;
				display: flex;
				gap: 4px;
				align-content: center;
		}
}
.style_filterBtn___Zx1F span {
		color: #231F20;
		font: 400 13px/140% var(--my-open-sans-regular);
}
.style_filterBtn___Zx1F svg {
		min-width: 16px;
}
.style_filterGrid__dtive {
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 20px;
}

.style_label__8CVrS + input:not(disabled) {
		transition: color 0.3s;
		cursor: pointer;
}
.style_label__8CVrS + input:not(disabled):hover {
		color: #d2233c;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/TextFilterElement/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_filterElement__FSOxQ {
		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_filterElement__FSOxQ {
				padding: 5px 8px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_filterElement__FSOxQ {
				padding: 4px 8px;
				font-size: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_filterElement__FSOxQ:hover {
				color: #d2233c;
		}
}
.style_filterElement__FSOxQ.style_active__s1e_w {
		color: #fff;
		background-color: #3E3E43;
}
.style_filterElement__FSOxQ.style_active__s1e_w > a {
		cursor: none;
		pointer-events: none;
}
.style_filterElement__FSOxQ.style_disabled__0vDNw {
		pointer-events: none;
		opacity: 0.7;
}
.style_filterElement__FSOxQ .style_reset__idqCJ {
		padding: 0;
		margin: 0;
		border: none;
		background-color: transparent;
		color: unset;
		cursor: pointer;
		transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
		.style_filterElement__FSOxQ .style_reset__idqCJ:hover {
				opacity: 0.7;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/CloudTags/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__Q_le7 {
		padding-bottom: 20px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__Q_le7 {
				padding-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__Q_le7 {
				padding-bottom: 12px;
		}
}

.style_title__eSY9D {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
		margin-bottom: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__eSY9D {
				font-size: 18px;
		}
}
@media only screen and (max-width: 991px) {
		.style_title__eSY9D {
				margin-bottom: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__eSY9D {
				font-size: 16px;
		}
}

.style_grid__D1dAm {
		display: flex;
		flex-flow: wrap;
		gap: 16px 20px;
}
@media only screen and (max-width: 991px) {
		.style_grid__D1dAm {
				gap: 12px 16px;
		}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/MainArticles/MainCard/BottomItemCard/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_bottomItem__XrHaW {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: white;
}
@media only screen and (max-width: 991px) {
		.style_bottomItem__XrHaW {
				font-size: 12px;
		}
}
.style_bottomItem__XrHaW svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/MainArticles/MainCard/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__sNBQz {
		display: flex;
		flex-flow: column;
		height: 100%;
		justify-content: space-between;
		position: relative;
		border-radius: 12px;
		overflow: hidden;
		padding: 24px;
		min-height: 328px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__sNBQz {
				border-radius: 8px;
				min-height: 274px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__sNBQz {
				border-radius: 0;
				min-height: 182px;
				padding: 38px 10px 12px 10px;
				overflow: initial;
		}
}
.style_cardBg__82DBK {
		inset: 0;
		position: absolute;
		background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 71.23%);
}

.style_container__LUIcT {
		position: relative;
		display: flex;
		flex-flow: column;
		margin-top: auto;
}

.style_img__eFQBe {
		object-fit: cover;
}

.style_content__dNA_h {
		display: flex;
		flex-flow: column;
		gap: 8px;
		margin-top: 12px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__dNA_h {
				gap: 4px;
				margin-top: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__dNA_h {
				gap: 2px;
				margin-top: 4px;
		}
}

.style_tags__msG1O {
		display: flex;
		align-items: center;
		gap: 16px;
}
@media only screen and (max-width: 991px) {
		.style_tags__msG1O {
				gap: 12px;
		}
}

.style_date__lHVM1 {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: white;
}
@media only screen and (max-width: 991px) {
		.style_date__lHVM1 {
				font-size: 12px;
		}
}

.style_title____g60 {
		font: 600 20px/140% var(--my-open-sans-regular);
		color: white;
		transition: color 0.3s;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title____g60 {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title____g60 {
				font-size: 16px;
		}
}
.style_title____g60:hover {
		color: #b11e33;
}

.style_text__T8wYT {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: white;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__T8wYT {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__T8wYT {
				font-size: 12px;
		}
}

.style_bottom__yu8IY {
		display: flex;
		align-items: center;
		gap: 40px;
		margin-top: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_bottom__yu8IY {
				margin-top: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_bottom__yu8IY {
				margin-top: 12px;
		}
}
.style_bottom__yu8IY > div:nth-child(1) {
		min-width: 160px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/MainArticles/SmallCard/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__4n3KF {
		position: relative;
		border-radius: 12px;
		overflow: hidden;
		padding: 20px 28px 20px 20px;
		height: 154px;
		display: flex;
		flex-flow: column;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__4n3KF {
				border-radius: 8px;
				padding: 16px;
				height: 128px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__4n3KF {
				height: 100px;
				border-radius: 4px;
		}
}
.style_cardBg__vIYOm {
		inset: 0;
		position: absolute;
		background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 71.23%);
}
.style_cardImg__kcIhL {
		object-fit: cover;
}
.style_cardContainer___jUP_ {
		position: relative;
		margin-top: auto;
}
.style_cardTitle__hAAe2 {
		display: inline-block;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: white;
		margin-top: 8px;
		transition: color 0.3s;
		cursor: pointer;
}
@media only screen and (max-width: 991px) {
		.style_cardTitle__hAAe2 {
				font-size: 14px;
				margin-top: 6px;
		}
}
.style_cardTitle__hAAe2:hover {
		color: #b11e33;
}

.style_label__iCE3y {
		font: 600 11px/130% var(--my-open-sans-regular);
		color: white;
		padding: 3px 8px;
		border-radius: 13px;
		border: 1px solid white;
		background: rgba(255, 255, 255, 0.2);
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 991px) {
		.style_label__iCE3y {
				font-size: 10px;
		}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/MainArticles/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__5Mvv_ {
		padding: 20px 0 40px;
		display: flex;
		gap: 20px;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__5Mvv_ {
				padding: 16px 0 32px;
				gap: 16px;
				flex-flow: column;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__5Mvv_ {
				padding: 20px 0;
				gap: 20px;
				flex-flow: column;
		}
}

.style_col__V8hj1 {
		display: flex;
		flex-flow: column;
		gap: 20px;
		width: 33.3333333333%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_col__V8hj1 {
				flex-flow: row;
				width: 100%;
		}
}
@media only screen and (max-width: 767px) {
		.style_col__V8hj1 {
				flex-flow: column;
				gap: 16px;
				width: 100%;
		}
}

.style_cardBig__6yjGO {
		width: 66.6666666667%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardBig__6yjGO {
				width: 100%;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardBig__6yjGO {
				width: calc(100% + 20px);
				position: relative;
				left: -10px;
				right: -10px;
		}
}
.style_cardSmall__Wndy2 {
		flex: 1 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/ArticlesContent/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_top__Xl_Bo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px 16px;
		padding-bottom: 12px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (max-width: 991px) {
		.style_top__Xl_Bo {
				padding-bottom: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_top__Xl_Bo {
				flex-flow: column;
				align-items: flex-start;
		}
}
.style_topCount__ltrte {
		color: #231F20;
		font: 400 14px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_topCount__ltrte {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_topCount__ltrte {
				font-size: 12px;
		}
}
.style_topSort__iB0mM {
		min-height: 18px;
}

.style_tags__TfeyH {
		padding-bottom: 20px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_tags__TfeyH {
				padding-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_tags__TfeyH {
				padding-bottom: 12px;
		}
}

.style_cardsContainer__BEHm7 {
		display: flex;
		flex-flow: column;
		padding-top: 20px;
}
@media only screen and (max-width: 991px) {
		.style_cardsContainer__BEHm7 {
				padding-top: 16px;
		}
}
.style_cardsGrid__pgOqV {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 40px 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardsGrid__pgOqV {
				grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
				gap: 28px 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardsGrid__pgOqV {
				gap: 20px;
		}
}

.style_containerSlider__nLob_ {
		margin-top: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_containerSlider__nLob_ {
				margin-top: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_containerSlider__nLob_ {
				margin-top: 44px;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SectionLinkFromSlider/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_link__c_Iu0 {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #151515;
		transition: color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_link__c_Iu0 {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_link__c_Iu0 {
				font-size: 13px;
		}
}
.style_link__c_Iu0:hover {
		color: #B9182F;
}
.style_link__c_Iu0:focus {
		color: #d2233c;
}
.style_link__c_Iu0:active {
		color: #E3173E;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/AddToCart/AddToCardPreloader/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_loader___0WKp {
		position: absolute;
		inset: 0;
		background-color: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Favorite/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_like__FQmiz {
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		white-space: nowrap;
		width: -moz-fit-content;
		width: fit-content;
		padding: 0;
		border: none;
		background: transparent;
}
@media only screen and (max-width: 767px) {
		.style_like__FQmiz {
				gap: 4px;
		}
}
.style_like__FQmiz svg {
		min-width: 24px;
}
.style_like__FQmiz svg path {
		transition: fill 0.3s ease, stroke 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz:hover svg path {
				stroke: #d2233c;
		}
		.style_like__FQmiz:hover .style_text__GUlCd {
				color: #d2233c;
		}
}
.style_like__FQmiz.style_active__ucf9V svg path {
		fill: #d2233c;
		stroke: #d2233c;
}
.style_like__FQmiz.style_active__ucf9V .style_text__GUlCd {
		color: #d2233c;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz.style_active__ucf9V:hover svg path {
				fill: #d2233c;
				stroke: #d2233c;
		}
}

.style_text__GUlCd {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_text__GUlCd {
				font-size: 13px;
				display: none;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/LabelProduct/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__KiNpg {
		position: relative;
		border: 1.5px solid #000;
		text-transform: uppercase;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 8px;
		color: #000;
		background-color: #fff;
}
.style_labelDetail__J7GUv {
		font: 600 12px 100% var(--my-open-sans-regular);
		border-radius: 2px;
}
@media only screen and (max-width: 767px) {
		.style_labelDetail__J7GUv {
				font-size: 10px;
				padding: 6px;
				height: 18px;
		}
}
.style_labelCard__zMAgH {
		font: 600 11px 100% var(--my-open-sans-regular);
}
.style_labelLk__Anveq {
		font: 600 10px 130% var(--my-open-sans-regular);
		height: 17px;
		padding: 2px 4px;
		border-radius: 4px;
		border-width: 1px;
}
@media only screen and (max-width: 991px) {
		.style_labelLk__Anveq {
				height: 14px;
				font-size: 9px;
				line-height: 100%;
		}
}

.style_green__Dvdkq {
		color: #00bb31;
		border-color: #00bb31;
}

.style_blue__kmfGb {
		color: #0072b7;
		border-color: #0072b7;
}

.style_blue-lite__QJs8W {
		color: #00acc8;
		border-color: #00acc8;
}

.style_gray__GkBmG {
		color: #8E8E93;
		border-color: #F1F1F4;
		background-color: #F1F1F4;
}

.style_orange__ISRPR {
		color: #ff5200;
		border-color: #ff5200;
}

.style_percent__iKx3U {
		border-color: #13BB39;
		color: #13BB39;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/NewDesign/Button/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_current__QNI9X {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
.style_current__QNI9X.style_primary___W6lm {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #fff;
		background: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_primary___W6lm {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_primary___W6lm:hover {
		background: #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:focus {
		border: 1px solid #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:active {
		background: #E3173E;
}
.style_current__QNI9X.style_primary___W6lm:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_secondary__BA6pD {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #d2233c;
		background: #F1F1F4;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_secondary__BA6pD {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_secondary__BA6pD:hover {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:focus {
		border: 1px solid #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:active {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_outline__9R_iC {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #d2233c;
		background: #fff;
		border-color: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		height: 46px;
		padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_outline__9R_iC {
				font-size: 14px;
				height: 36px;
				padding: 8px 24px;
		}
}
.style_current__QNI9X.style_outline__9R_iC:hover {
		color: #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:focus {
		color: 1px solid #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:active {
		color: #E3173E;
		border-color: #E3173E;
}
.style_current__QNI9X.style_outline__9R_iC:disabled {
		color: #E5E6E7;
		border-color: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_link___kPny {
		color: #d2233c;
		padding: 0;
		background: transparent;
		font: 600 16px/140% var(--my-open-sans-regular);
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_link___kPny {
				font-size: 14px;
		}
}
.style_current__QNI9X.style_link___kPny:hover {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:focus {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:active {
		color: #E3173E;
}
.style_current__QNI9X.style_link___kPny:disabled {
		color: #E5E6E7;
		cursor: not-allowed;
}

.style_old__XM4kf {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
		color: #fff;
		font: 600 11px/100% var(--my-open-sans-regular);
		min-height: 35px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
}
.style_old__XM4kf.style_primary___W6lm {
		padding: 10px;
		border-radius: 2px;
		background: #d2233c;
}
.style_old__XM4kf.style_primary___W6lm:hover {
		background: #191714;
}
.style_old__XM4kf.style_primary___W6lm:active {
		background: #191714;
		background-color: #fff;
}
.style_old__XM4kf.style_primary___W6lm:focus {
		background: #191714;
		color: #fff;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__ {
		cursor: default;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__:hover {
		pointer-events: none;
}
.style_old__XM4kf.style_link___kPny {
		background: transparent;
		color: #d2233c;
		padding: 0;
		border: none;
		min-height: 0;
		text-decoration: none;
		font-weight: 400;
		font-size: 14px;
}
.style_old__XM4kf.style_link___kPny:hover {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:active {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:focus {
		background: transparent;
		color: #b11e33;
		box-shadow: none;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny.style_disabled__0qe__ {
		cursor: default;
		background: transparent;
		color: #b11e33;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/Counter/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_counter__0iS5Q {
		height: 36px;
		padding: 6px;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #DEDEDE;
		display: flex;
		align-items: center;
		overflow: hidden;
		gap: 10px;
		width: 100%;
		justify-content: space-between;
}
.style_counterBtn__3B3j_ {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		background: transparent;
		border: none;
		outline: unset;
		padding: 0;
}
.style_counterBtn__3B3j_ svg {
		width: 16px;
		min-width: 16px;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 {
		pointer-events: none;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 svg path {
		stroke: #DEDEDE;
}
.style_counterInput__iz0_Z {
		text-align: center;
		font: 400 14px/140% var(--my-open-sans-regular);
		width: 32px;
		height: 20px;
		padding: 0;
		border: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/AddToCart/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__dMMS3 {
		display: flex;
		align-items: center;
		gap: 16px;
}
.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 8px 8px;
		width: 100%;
		font-size: 14px;
		line-height: 100%;
		height: 36px;
}

.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 6px;
		font-size: 13px;
		height: 30px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
				height: 26px;
				font-size: 12px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
		height: 30px;
		gap: 4px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
				height: 26px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg input {
		font-size: 13px;
		height: 18px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/Options/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_options__0sZ6_ {
		display: flex;
		flex-flow: wrap row;
		gap: 8px;
}
.style_optionsItem__mqYsp {
		font: 400 13px/140% var(--my-open-sans-regular);
		padding: 1px 8px;
		transition: color 0.3s, background-color 0.3s;
		border-radius: 2px;
		cursor: pointer;
		border: 1px solid #E5E6E7;
		color: #231F20;
		background: #fff;
}
.style_optionsItem__mqYsp.style_active__52RNr {
		color: #231F20;
		border-color: #d2233c;
		pointer-events: none;
}
.style_optionsItem__mqYsp:hover {
		color: #231F20;
		border-color: #d2233c;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/Price/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block____lOc {
		display: flex;
		gap: 12px;
		align-items: center;
		flex-flow: wrap;
}

.style_price__7nVlc {
		font: 700 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_price__7nVlc {
				font-size: 16px;
		}
}
.style_priceDiscount__kzt_3 {
		padding: 3px 4px 4px 6px;
		border-radius: 4px;
		background: #13BB39;
		color: #fff;
		height: 28px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceDiscount__kzt_3 {
				height: 27px;
				padding: 4px 4px 4px 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 3px 6px;
		}
}
.style_priceNotAvailable__TwGOi {
		color: #8E8E93;
		background: transparent;
		padding-left: 0;
		padding-right: 0;
}
.style_priceNotInStock__WPkdX {
		display: block;
		opacity: 0;
		height: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceNotInStock__WPkdX {
				height: 25.2px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceNotInStock__WPkdX {
				height: 22.4px;
		}
}
.style_priceWithoutDiscount__Rw6iY {
		font: 600 13px/140% var(--my-open-sans-regular);
		text-decoration: line-through;
		color: #8E8E93;
}
@media only screen and (max-width: 767px) {
		.style_priceWithoutDiscount__Rw6iY {
				font-size: 12px;
		}
}

.style_small__0Ji1_.style_block____lOc {
		gap: 8px;
}
@media only screen and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc {
				gap: 12px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
		font-size: 18px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 16px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
		height: 27px;
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 2px 6px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Checkbox/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_checkboxWrap__gYEDt {
		position: relative;
}
.style_checkboxWrap__gYEDt.style_disabled__gnvDw label {
		color: #8E8E93;
		pointer-events: none;
}
.style_checkboxInput__4Mew2 {
		position: absolute;
		z-index: -1;
		left: -9999px;
		opacity: 0;
		display: none;
		top: 0;
}
.style_checkboxInput__4Mew2 + label {
		display: inline-flex;
		user-select: none;
		cursor: pointer;
}
.style_checkboxInput__4Mew2 + label::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		flex-grow: 0;
		border-radius: 2px;
		border: 1px solid #E5E6E7;
		background-color: #fff;
		margin-right: 8px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 50% 50%;
		transition: background-color 0.3s, border-color 0.3s;
}
.style_checkboxInput__4Mew2:checked + label::before {
		background: #d2233c url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrYm94Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDIyMzNDIi8+CjxwYXRoIGlkPSJWZWN0b3IgMzUiIGQ9Ik0zIDcuMjMwNzdMNi44NSAxMUwxNCA0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8L3N2Zz4K") no-repeat center/contain;
		border: 1px solid #d2233c;
}
.style_checkboxInput__4Mew2:not(:disabled):not(:checked) + label:hover::before {
		border-color: #E5E6E7;
		background-color: #F1F1F4;
}
.style_checkboxInput__4Mew2:not(:disabled):active + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:focus:not(:checked) + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:disabled:not(:checked) + label::before {
		background-color: #fff;
		border-color: #F1F1F4;
}
.style_checkbox__eAfQT label {
		color: #0A0A0A;
}
.style_checkboxError__REHVf {
		margin-top: 4px;
		color: #FFA7B3;
		font: 400 14px/120% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_checkboxError__REHVf {
				font-size: 12px;
				line-height: 140%;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/product/ModalCustomWrap/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__RXsO1 {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(142, 142, 147, 0.6);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 10px;
}

.style_modal__gBg61 {
		margin: auto;
		outline: none;
		background: #fff;
		z-index: 1001;
}
@media only screen and (max-width: 576px) {
		.style_modal__gBg61 {
				max-width: 450px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalSend__J9kF2 {
				padding: 50px 60px 50px 60px;
		}
}
.style_modalWrap__ePP4i {
		position: relative;
		padding: 60px;
}
@media only screen and (max-width: 767px) {
		.style_modalWrap__ePP4i {
				padding: 52px 11px 24px 11px;
		}
}
.style_modalTitle__j_rLy {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
		.style_modalTitle__j_rLy {
				font-size: 28px;
		}
}
.style_modalClose__7Q_FU {
		position: relative;
		margin-left: auto;
		transition: opacity 0.3s;
		cursor: pointer;
		padding: 0;
		border: none;
		background: transparent;
}
.style_modalClose__7Q_FU:hover {
		opacity: 0.7;
		transition: opacity 0.3s;
}
.style_modalCloseWrap__ebp8H {
		position: absolute;
		content: "";
		right: 22px;
		top: 22px;
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H {
				right: 11px;
				top: 11px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H svg {
				width: 16px;
				height: 16px;
				min-width: 16px;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/shared/fields/InputTextWrap/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_componentWrap__sUbqA {
		position: relative;
}
.style_componentPlaceholder__Y50tJ {
		position: absolute;
		content: "";
		left: 12px;
		top: 50%;
		transform: translate(0, -50%);
		font: 400 16px/100% var(--my-open-sans-regular);
		color: #A5A4A4;
		margin: 0;
		opacity: 1;
		transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_componentPlaceholder__Y50tJ {
				font-size: 14px;
		}
}
.style_componentPlaceholder__Y50tJ.style_hidden__7buhQ {
		opacity: 0;
		z-index: -1;
}
.style_componentPlaceholder__Y50tJ span {
		color: #d2233c;
}
.style_componentError__rfQ50 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_component__counter__x_ZCw {
		position: absolute;
		font: 400 12px/100% var(--my-open-sans-regular);
		color: #64686B;
		right: 10px;
		bottom: 10px;
}
.style_component__area__5gtUI {
		border: 1px solid #E5E6E7;
		padding-bottom: 20px;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua {
		padding-bottom: 2px;
		resize: none;
		overflow: hidden;
		min-height: 50px;
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea--error__RTpZ5 {
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua:focus {
		border-color: transparent;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/shared/modals/product/Subscribe/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__Un_PN {
		max-width: 460px;
}
.style_formBox__dFR2C {
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 28px;
}
@media only screen and (max-width: 767px) {
		.style_formBox__dFR2C {
				margin-top: 18px;
		}
}
.style_formText__LtMXB {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
		.style_formText__LtMXB {
				margin-top: -10px;
		}
}
.style_formMessage__vO9IX {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		text-align: center;
		margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
		.style_formMessage__vO9IX {
				margin-bottom: 24px;
		}
}
.style_formCheckboxText__qny5B {
		color: #0A0A0A;
		font: 400 11px/120% var(--my-open-sans-regular);
}
.style_formCheckboxText__qny5B a {
		color: #464B52;
		text-decoration-line: underline;
		transition: color 0.3s;
}
.style_formCheckboxText__qny5B a:hover {
		color: #d2233c;
}
.style_formFieldError__HCOL1 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_formCheckbox__zIEv9 span {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_form__Un_PN .style_formSubmit__Cb3eE {
		padding: 18px 24px;
		font-size: 16px;
		height: 48px;
		width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__ovtAT {
		position: relative;
		padding: 16px;
		border-radius: 4px;
		border: 1px solid #E5E6E7;
		background: #fff;
		display: flex;
		flex-flow: column;
		z-index: 0;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT {
				padding: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT {
				border-color: transparent;
				padding: 0;
		}
}
.style_cardTop__q1Lae {
		position: relative;
		padding: 12px 0;
		margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
		.style_cardTop__q1Lae {
				margin-bottom: 4px;
		}
}
.style_cardTop__q1Lae img {
		margin: 0 auto;
		object-fit: contain;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_cardTop__q1Lae.style_disabled__WgkaI {
		opacity: 0.5;
}
.style_cardBottom__16uX3 {
		display: flex;
		flex-flow: column;
		margin-bottom: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 16px;
		}
}

.style_label__8dqGc {
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 22px;
		border-width: 1.5px;
		border-radius: 4px;
		padding: 4px 8px 3px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc {
				padding: 4px 6px 3px;
				height: 19px;
				font-size: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__8dqGc {
				border-width: 1px;
				border-radius: 2px;
				height: 16px;
				font-size: 10px;
				padding: 2px 5px;
		}
}
.style_label__8dqGc.style_notAvailable__GA9qP {
		text-transform: none;
		font-size: 10px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc.style_notAvailable__GA9qP {
				font-size: 9px;
				padding: 3px 6px;
		}
}
.style_labelContainer__66dz5 {
		position: absolute;
		top: 16px;
		left: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_labelContainer__66dz5 {
				top: 12px;
				left: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_labelContainer__66dz5 {
				top: 0;
				left: 0;
		}
}
.style_label__8dqGc + .style_label__8dqGc {
		margin-top: 5px;
}

.style_favorite__0OLF2 {
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_favorite__0OLF2 {
				top: 12px;
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_favorite__0OLF2 {
				top: 0;
				right: 0;
		}
}

.style_title__NpBGf {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
		margin: 4px 0 12px 0;
		transition: color 0.3s;
		max-height: 66px;
		overflow-y: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__NpBGf {
				font-size: 14px;
				max-height: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
				max-height: 34px;
				-webkit-line-clamp: 2;
		}
}
.style_title__NpBGf:hover {
		color: #d2233c;
}

.style_card__ovtAT .style_action__36J9C {
		position: relative;
		margin-top: auto;
}
.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 116px;
		height: 36px;
		padding: 8px;
		font-size: 14px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 8px 20px;
		height: 36px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}

.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
		height: 140px;
		width: 140px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
		font-size: 14px;
		margin: 4px 0 10px 0;
		height: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C {
		position: relative;
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 86px;
		height: 30px;
		padding: 6px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
		padding: 6px;
		height: 30px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 6px;
		height: 30px;
		font-size: 13px;
		width: 174px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
				width: -moz-fit-content;
				width: fit-content;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
				width: -moz-fit-content;
				width: fit-content;
		}
}

.style_stub__KW4Ml {
		font: 600 13px/100% var(--my-open-sans-regular);
		color: #231F20;
		padding: 8px 20px;
		height: 36px;
		box-shadow: 0 0 16px 0 #EAEAEA;
		border-radius: 4px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_stub__KW4Ml {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_stub__KW4Ml {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SliderProductToCard/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_slider__WJLot {
		display: flex;
		width: 100%;
		height: auto;
}
.style_sliderContainer__dlyWj {
		position: relative;
		margin: 0 -10px;
}
.style_sliderTitle__6XB4i {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
		.style_sliderTitle__6XB4i {
				margin-bottom: 20px;
				font-size: 18px;
		}
}

.style_slide__fEoL4 {
		height: 100%;
		min-height: 100%;
}
@media only screen and (max-width: 576px) {
		.style_slide__fEoL4 {
				max-width: 280px;
		}
}

.style_swiperPd__fNt3V {
		padding: 2px 0 !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/SliderPromoProductsV2/SectionTitle/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_title__DIYWc {
		font: 600 32px/124% var(--my-open-sans-regular);
		color: #151515;
		margin: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__DIYWc {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__DIYWc {
				font-size: 20px;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/SliderPromoProductsV2/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sliderContainer__BOd5o {
		position: relative;
}

.style_titleContainer__LH2wZ {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_titleContainer__LH2wZ {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_titleContainer__LH2wZ {
				margin-bottom: 20px;
		}
}

@media only screen and (max-width: 767px) {
		.style_linkContainerDesktop__u__ER {
				display: none;
		}
}
.style_linkContainerMobile__uDKEr {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_linkContainerMobile__uDKEr {
				display: flex;
				margin-top: 24px;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/shared/StaticPageLayout/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_page__2VWKt {
		margin: 48px 0 100px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__2VWKt {
				margin: 48px 0 80px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__2VWKt {
				margin: 38px 0 60px 0;
		}
}
.style_pageWrapper__Pg_5I {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_pageWrapper__Pg_5I {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_pageWrapper__Pg_5I {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pageWrapper__Pg_5I {
				padding: 0 10px;
		}
}
.style_page__2VWKt .style_pageTitle__p83mk {
		margin: 0 0 40px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__2VWKt .style_pageTitle__p83mk {
				margin: 0 0 32px 0;
				font-size: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__2VWKt .style_pageTitle__p83mk {
				margin: 0 0 20px 0;
				font-size: 26px;
		}
}

.style_container__QysVT {
		display: flex;
		gap: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__QysVT {
				gap: 24px;
		}
}

.style_aside__K4miK {
		min-width: 268px;
		width: 268px;
		max-width: 268px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_aside__K4miK {
				min-width: 227px;
				width: 227px;
				max-width: 227px;
		}
}
@media only screen and (max-width: 767px) {
		.style_aside__K4miK {
				display: none;
		}
}

.style_content__v5Fw7 {
		display: flex;
		flex-flow: column;
		width: calc(100% - 300px);
		min-width: calc(100% - 300px);
		max-width: calc(100% - 300px);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__v5Fw7 {
				width: calc(100% - 251px);
				min-width: calc(100% - 251px);
				max-width: calc(100% - 251px);
		}
}
@media only screen and (max-width: 767px) {
		.style_content__v5Fw7 {
				width: 100%;
				min-width: 100%;
				max-width: 100%;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/articles/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_content__uRgaY {
		display: flex;
		flex-flow: column;
}

.style_top__n9RlG {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding-bottom: 12px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (max-width: 991px) {
		.style_top__n9RlG {
				padding-bottom: 8px;
		}
}
.style_topCount__ZJBb1 {
		color: #231F20;
		font: 400 14px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_topCount__ZJBb1 {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_topCount__ZJBb1 {
				font-size: 12px;
		}
}

.style_tags__fhfOd {
		padding-bottom: 20px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_tags__fhfOd {
				padding-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_tags__fhfOd {
				padding-bottom: 12px;
		}
}

.style_cardsContainer__YUZzu {
		display: flex;
		flex-flow: column;
		padding-top: 20px;
}
@media only screen and (max-width: 991px) {
		.style_cardsContainer__YUZzu {
				padding-top: 16px;
		}
}
.style_cardsGrid__Bg_sO {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 40px 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardsGrid__Bg_sO {
				grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
				gap: 28px 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardsGrid__Bg_sO {
				gap: 20px;
		}
}

.style_containerSlider__dskbz {
		margin-top: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_containerSlider__dskbz {
				margin-top: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_containerSlider__dskbz {
				margin-top: 44px;
		}
}