/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/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/features/favorites/EmptyBlock/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_empty__aMpy_ {
		margin: 40px 0 0;
}
.style_emptyContainer__MII83 {
		margin: 0 auto;
		display: flex;
		flex-flow: column;
		align-items: center;
}
.style_emptyTitle__Z62TI {
		font: 600 20px/140% var(--my-open-sans-regular);
		color: #191714;
		margin: 20px 0 4px 0;
}
.style_emptyText__bwdtm {
		font: 400 15px/140% var(--my-open-sans-regular);
		color: black;
		text-align: center;
}
.style_emptyTextDesktop__qraMz {
		display: block;
}
@media only screen and (max-width: 767px) {
		.style_emptyTextDesktop__qraMz {
				display: none;
		}
}
.style_emptyTextMobile__gbYfk {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_emptyTextMobile__gbYfk {
				display: block;
		}
}
.style_emptyText__bwdtm svg {
		margin: 4px 0 -8px 4px;
		min-width: 24px;
		display: inline-block;
}
.style_emptyLink__aqshO {
		margin-top: 6px;
		font: 400 15px/140% var(--my-open-sans-regular);
		color: #d2233c;
		transition: color 0.3s;
}
.style_emptyLink__aqshO:hover {
		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/features/favorites/PageGrid/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_pageTitle__huKpx {
		margin-top: 0;
		margin-bottom: 40px;
		max-width: 780px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pageTitle__huKpx {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pageTitle__huKpx {
				margin-bottom: 20px;
		}
}

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

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

.style_grid__EHCF2 {
		margin-top: 20px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		gap: 20px;
}

.style_sectionFilterContainer__islJG {
		min-height: 20px;
}
@media only screen and (max-width: 1199px) {
		.style_sectionFilterContainer__islJG {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 16px;
		}
}
.style_sectionTop__8i8Xm {
		display: flex;
		flex-flow: column;
		gap: 20px;
}
@media only screen and (max-width: 1199px) {
		.style_sectionTop__8i8Xm {
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionTop__8i8Xm {
				gap: 12px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Sorting/SortingPopup/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sortingBtn__bx_k8 {
		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__bx_k8 {
				display: none;
		}
}
.style_sortingBtn__bx_k8 span {
		color: #231F20;
		font: 400 13px/140% var(--my-open-sans-regular);
}
.style_sortingBtn__bx_k8 span.style_active__f_S5D {
		color: #d2233c;
}
.style_sortingBtn__bx_k8 svg {
		min-width: 16px;
}
.style_sortingBtnContainer__YjHpF {
		display: flex;
		gap: 8px;
		align-items: center;
}
.style_sortingBtnContainerText__QanAv {
		color: #3E3E43;
		font: 400 14px/140% var(--my-open-sans-regular);
}
.style_sortingGrid__cq0__ {
		display: flex;
		flex-flow: column;
		align-items: flex-start;
		gap: 4px;
}
.style_sortingItem__0l4MF {
		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__0l4MF.style_active__f_S5D {
		color: #d2233c;
}
.style_sortingItem__0l4MF:not(.style_active__f_S5D):hover {
		background-color: #F1F1F4;
}
.style_sortingItem__0l4MF:not(.style_active__f_S5D) {
		cursor: pointer;
}

.style_popup__PxVY6 {
		position: absolute;
		box-shadow: 0 0 16px 0 #EAEAEA;
		padding: 6px 0;
		background-color: #fff;
		top: -10px;
		left: 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/catalog/Sorting/SortMobile/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_filterBtn__8WkGb {
		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__8WkGb {
				cursor: pointer;
				display: flex;
				gap: 4px;
				align-content: center;
		}
}
.style_filterBtn__8WkGb span {
		color: #231F20;
		font: 400 13px/140% var(--my-open-sans-regular);
}
.style_filterBtn__8WkGb svg {
		min-width: 16px;
}
.style_filterGrid__htrBn {
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 20px;
}

.style_label__0tODt + input:not(disabled) {
		transition: color 0.3s;
		cursor: pointer;
}
.style_label__0tODt + 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/features/favorites/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_pageTitle__yqVuS {
		margin-top: 0;
		margin-bottom: 40px;
		max-width: 780px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pageTitle__yqVuS {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pageTitle__yqVuS {
				margin-bottom: 20px;
		}
}

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

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

.style_grid__Mer7g {
		margin-top: 20px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		gap: 20px;
}

.style_sectionFilterContainer__x9_bY {
		min-height: 20px;
}
@media only screen and (max-width: 1199px) {
		.style_sectionFilterContainer__x9_bY {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 16px;
		}
}
.style_sectionTop__eh3LP {
		display: flex;
		flex-flow: column;
		gap: 20px;
}
@media only screen and (max-width: 1199px) {
		.style_sectionTop__eh3LP {
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionTop__eh3LP {
				gap: 12px;
		}
}