/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Preloader/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_preloader__Mndz9 {
		display: inline-block;
		position: relative;
		width: 80px;
		height: 80px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
}
.style_preloader__Mndz9 div {
		position: absolute;
		border: 4px solid #d2233c;
		opacity: 1;
		border-radius: 50%;
		animation: style_loadingAnimation__GwQZs 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.style_preloader__Mndz9 div:nth-child(2) {
		animation-delay: -0.5s;
}
.style_preloader__wrap___CPHy {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 3;
}

@keyframes style_loadingAnimation__GwQZs {
		0% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 0;
		}
		4.9% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 0;
		}
		5% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 1;
		}
		100% {
				top: 0;
				left: 0;
				width: 72px;
				height: 72px;
				opacity: 0;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/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/shared/modals/ClubModal/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__z_4PE {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(35, 31, 32, 0.4);
		z-index: 10;
		overflow-y: auto;
		padding: 16px;
}
@media only screen and (max-width: 767px) {
		.style_modalOverlay__z_4PE {
				padding: 20px 0 0 0;
				align-items: flex-end;
				background: rgba(62, 62, 67, 0.5);
		}
}

.style_modal__VF1Yg {
		outline: none;
		background: white;
		position: relative;
		padding: 60px 12px 60px 60px;
		border-radius: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modal__VF1Yg {
				padding: 40px 12px 40px 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modal__VF1Yg {
				border-radius: 4px 4px 0 0;
				padding: 20px 6px 24px 10px;
				max-width: 100%;
				width: 100%;
		}
}

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

.style_close__2k8Jy {
		padding: 0;
		border-color: transparent;
		background-color: transparent;
		margin: 0;
		outline: none;
		color: #3E3E43;
		position: absolute;
		top: 12px;
		right: 12px;
		cursor: pointer;
		transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_close__2k8Jy {
				top: 10px;
				right: 10px;
		}
}
.style_close__2k8Jy:hover {
		color: #231F20;
}
.style_close__2k8Jy svg {
		min-width: 40px;
}
@media only screen and (max-width: 767px) {
		.style_close__2k8Jy svg {
				width: 32px;
				min-width: 32px;
				height: 32px;
		}
}

.style_content__0BLae {
		display: flex;
		flex-flow: column;
		width: 100%;
		overflow-y: auto;
		max-height: calc(100dvh - 190px);
		padding-right: 48px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__0BLae {
				padding-right: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__0BLae {
				padding-right: 4px;
		}
}
.style_content__0BLae::-webkit-scrollbar-track {
		background-color: #F1F1F4;
		border-radius: 2px;
}
.style_content__0BLae::-webkit-scrollbar {
		width: 8px;
		border-radius: 2px;
}
.style_content__0BLae::-webkit-scrollbar-thumb {
		background-color: #A5A8AA;
		max-height: 153px;
		height: 100%;
		border-radius: 2px;
		border: 2px solid #F1F1F4;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ClubModal/ClubModalHowToIncreaseDiscount/components/LevelCard/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__EgzxY {
		padding: 12px 16px;
		border-radius: 4px;
		background-color: #F8F8FB;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__EgzxY {
				padding: 8px 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__EgzxY {
				padding: 12px 16px;
				flex-flow: row;
				align-items: center;
		}
}
.style_cardLevel___vfxi {
		color: #231F20;
		font: 600 11px/130% var(--my-open-sans-regular);
		white-space: nowrap;
}
@media only screen and (max-width: 991px) {
		.style_cardLevel___vfxi {
				font-size: 10px;
		}
}
.style_cardPercent__Op_E8 {
		color: #d2233c;
		font: 600 32px/124% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardPercent__Op_E8 {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardPercent__Op_E8 {
				font-size: 20px;
		}
}
.style_cardText__5Nr1S {
		color: #3E3E43;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_cardText__5Nr1S {
				font-size: 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/shared/modals/ClubModal/ClubModalHowToIncreaseDiscount/components/Message/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_message__dbdXk {
		padding: 12px 16px;
		border-radius: 4px;
		background-color: #F8F8FB;
}
.style_messageTitle__dcpxi {
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_messageTitle__dcpxi {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_messageTitle__dcpxi {
				font-size: 13px;
		}
}
.style_messageText__GGk2b {
		color: #231F20;
		font: 400 14px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_messageText__GGk2b {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_messageText__GGk2b {
				font-size: 12px;
		}
}
.style_message__dbdXk svg {
		min-width: 36px;
}
@media only screen and (max-width: 767px) {
		.style_message__dbdXk svg {
				min-width: 28px;
				width: 28px;
				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/shared/modals/ClubModal/ClubModalHowToIncreaseDiscount/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_content__r694c {
		gap: 40px;
		max-height: 828px;
		max-width: 580px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__r694c {
				gap: 24px;
				max-height: 575px;
				max-width: 460px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__r694c {
				gap: 16px;
				max-height: calc(100dvh - 140px);
				max-width: 100%;
				width: 100%;
		}
}

.style_grid__JLwD0 {
		gap: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_grid__JLwD0 {
				gap: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_grid__JLwD0 {
				flex-flow: column;
				gap: 12px;
		}
}

.style_text__atPLm {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__atPLm {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__atPLm {
				font-size: 13px;
		}
}

.style_noteTitle__m29sR {
		margin-bottom: 16px;
		color: #231F20;
		font: 600 14px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_noteTitle__m29sR {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_noteTitle__m29sR {
				font-size: 12px;
		}
}
.style_noteContent__qnc1y ul {
		margin: 0;
}
.style_noteContent__qnc1y ul li + li {
		margin-top: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_noteContent__qnc1y ul li + li {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_noteContent__qnc1y ul li + li {
				margin-top: 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/basket/components/BannerClub/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__2o1um {
		position: relative;
		background-color: #fff;
		border-radius: 8px;
		padding: 28px;
		overflow: hidden;
		border: 1px solid #E5E6E7;
		gap: 16px;
}
@media only screen and (max-width: 991px) {
		.style_block__2o1um {
				padding: 16px;
		}
}
.style_block__2o1um:before {
		content: "";
		position: absolute;
		width: 292px;
		height: 288px;
		border-radius: 50%;
		background-color: #E5E6E7;
		right: -82px;
		bottom: -77px;
}
@media only screen and (max-width: 991px) {
		.style_block__2o1um:before {
				width: 230px;
				height: 227px;
				right: -120px;
				bottom: -120px;
				transform: translate(0, 0);
		}
}
.style_blockBg__0U2sd {
		position: absolute;
		right: 0;
		bottom: 0;
}
@media only screen and (max-width: 991px) {
		.style_blockBg__0U2sd {
				width: 77px;
				height: 73px;
		}
}
.style_blockContainer__Y5hZh {
		position: relative;
		max-width: 70%;
}
@media only screen and (max-width: 991px) {
		.style_blockContainer__Y5hZh {
				max-width: 100%;
		}
}
.style_blockTitle__s5c4z {
		color: #d2233c;
		font: 600 20px/140% var(--my-open-sans-regular);
		margin-bottom: 4px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_blockTitle__s5c4z {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_blockTitle__s5c4z {
				font-size: 16px;
		}
}
.style_blockText__5xFgz {
		color: #3E3E43;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_blockText__5xFgz {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_blockText__5xFgz {
				font-size: 12px;
		}
}
.style_blockText__5xFgz strong {
		font-weight: 600;
}
.style_blockBtnContainer__VSAPw {
		position: relative;
		flex-flow: wrap;
		gap: 8px 16px;
}
@media only screen and (max-width: 991px) {
		.style_blockBtnContainer__VSAPw {
				flex-flow: column;
		}
}
.style_blockBtnContainer__VSAPw .style_blockBtn__d5_IY {
		width: -moz-fit-content !important;
		width: fit-content !important;
		height: 36px !important;
		padding: 8px 20px !important;
		border-radius: 4px !important;
		font-size: 14px !important;
		line-height: 100% !important;
}
@media only screen and (max-width: 991px) {
		.style_blockBtnContainer__VSAPw .style_blockBtn__d5_IY {
				height: 28px !important;
				padding: 4px 8px !important;
				font-size: 12px !important;
		}
}
.style_blockBtnContainer__VSAPw .style_blockBtnDiscount__0_rzR {
		color: #3E3E43;
		border-color: #3E3E43;
}
.style_blockBtnContainer__VSAPw .style_blockBtnDiscount__0_rzR:hover {
		color: #d2233c;
		border-color: #d2233c;
}
.style_blockBtnContainer__VSAPw .style_blockBtnDiscount__0_rzR:focus {
		color: #d2233c;
		border-color: #d2233c;
}
.style_blockBtnContainer__VSAPw .style_blockBtnDiscount__0_rzR:active {
		color: #E3173E;
		border-color: #E3173E;
}
.style_blockBtnContainer__VSAPw .style_blockBtnDiscount__0_rzR:disabled {
		color: #E5E6E7;
		border-color: #E5E6E7;
		cursor: not-allowed;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/BasketEmpty/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_empty__CVAcn {
		padding: 12vh 0;
}
.style_emptyTitle__5eWKG {
		text-align: center;
}
.style_emptyLink__DGb2z {
		color: #d2233c;
		transition: color 0.3s;
}
.style_emptyLink__DGb2z: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/basket/components/BasketLayout/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_basketWrapper__68GWF {
		min-width: 300px;
}
@media only screen and (max-width: 767px) {
		.style_basketWrapper__68GWF {
				min-width: auto;
		}
}
.style_basketGrid__p7jlW {
		display: flex;
}
@media only screen and (max-width: 767px) {
		.style_basketGrid__p7jlW {
				flex-flow: column;
		}
}
.style_basketContent__eOaVx {
		position: relative;
		width: calc(100% - 400px);
}
@media only screen and (max-width: 1199px) {
		.style_basketContent__eOaVx {
				width: calc(100% - 360px);
		}
}
@media only screen and (max-width: 767px) {
		.style_basketContent__eOaVx {
				width: 100%;
				margin-bottom: 20px;
		}
}
.style_basketSidebar__oqNQm {
		width: 340px;
		min-width: 340px;
		margin-left: 60px;
		height: 100%;
		position: sticky;
		top: 140px;
}
@media only screen and (max-width: 1199px) {
		.style_basketSidebar__oqNQm {
				margin-left: 20px;
				top: 120px;
		}
}
@media only screen and (max-width: 767px) {
		.style_basketSidebar__oqNQm {
				width: 100%;
				min-width: auto;
				margin-left: 0;
				position: relative;
				top: 0;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/basket/components/BottomMobile/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_bottomMobile__TXx1a {
		position: fixed;
		bottom: 54px;
		left: 0;
		right: 0;
		background: #F8F8FB;
		z-index: 2;
}
.style_bottomMobile__TXx1a.style_notVisible__VIbJi {
		display: none;
}
.style_bottomMobile__TXx1a .style_bottomMobileSend__88y4K {
		height: auto;
		padding: 6px 12px;
		border-radius: 4px;
		font-size: 13px;
		line-height: 140%;
}
.style_bottomMobile__TXx1a .style_bottomMobileSend__88y4K.style_disabled__9kSdB {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_bottomMobileBox__nuZiC {
		padding: 6px 16px;
		border-top: 1px solid #E5E6E7;
		border-bottom: 1px solid #E5E6E7;
		background-color: #F1F1F4;
		position: relative;
		max-height: 60px;
		display: flex;
		gap: 8px;
		align-items: center;
		justify-content: space-between;
}

.style_total__IEdDy {
		color: #231F20;
		font: 600 18px/130% var(--my-open-sans-regular);
		white-space: nowrap;
}

.style_item__BXTfn {
		color: #231F20;
		font: 400 13px/140% var(--my-open-sans-regular);
}
.style_itemWeight__sQMRI {
		color: #8E8E93;
		font: 400 12px/140% var(--my-open-sans-regular);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Buyer/AuthBtn/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_auth__O4w_0 {
		display: flex;
		flex-flow: column;
		gap: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_auth__O4w_0 {
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_auth__O4w_0 {
				gap: 12px;
		}
}
.style_auth__O4w_0 .style_btn__mPyaQ {
		font: 600 14px 140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_auth__O4w_0 .style_btn__mPyaQ {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_auth__O4w_0 .style_btn__mPyaQ {
				font-size: 12px;
		}
}

.style_text__XOD_d {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__XOD_d {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__XOD_d {
				font-size: 13px;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Buyer/VerificationMessage/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_message__EyWbu {
		padding: 12px;
		background-color: #d2233c;
		border-radius: 4px;
		margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
		.style_message__EyWbu {
				padding: 8px;
		}
}

.style_wrapper__prb1b {
		display: flex;
		flex-flow: column;
		gap: 4px;
}

.style_link__N0ygd {
		font: 600 14px/140% var(--my-open-sans-regular);
		white-space: nowrap;
		color: white;
		margin-left: 32px;
		transition: color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_link__N0ygd {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_link__N0ygd {
				font-size: 11px;
				margin-left: 24px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_link__N0ygd:hover {
				color: #b11e33;
		}
}

.style_container__VAsfq {
		display: flex;
		gap: 12px;
		font: 400 14px/125% var(--my-open-sans-regular);
		color: white;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__VAsfq {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__VAsfq {
				font-size: 11px;
				gap: 8px;
		}
}
.style_container__VAsfq svg {
		min-width: 20px;
		width: 20px;
		height: 20px;
}
@media only screen and (max-width: 767px) {
		.style_container__VAsfq 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/shared/modals/Location/LocationModal/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__hcUaS {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		background: rgba(35, 31, 32, 0.4);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 10px;
}
@media only screen and (max-width: 767px) {
		.style_modalOverlay__hcUaS {
				padding: 0;
		}
}

.style_modal__bIXep {
		position: relative;
		margin: 160px auto 30px;
		padding: 40px;
		outline: none;
		background: #fff;
		max-width: 660px;
		width: 100%;
		z-index: 1001;
		flex-direction: column;
		background-clip: padding-box;
		border-radius: 8px;
		outline: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modal__bIXep {
				border-radius: 12px;
				max-width: 554px;
				padding: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modal__bIXep {
				border-radius: 0;
				max-width: 100%;
				padding: 12px 10px;
				margin: 0;
				position: fixed;
				inset: 0;
				width: 100%;
				height: 100%;
				overflow-x: hidden;
				overflow-y: auto;
		}
}
.style_modalClose__FXy_I {
		position: absolute;
		top: 20px;
		right: 20px;
		padding: 0;
		border: none;
		background: transparent;
		transition: color 0.3s;
		cursor: pointer;
		color: #3E3E43;
}
@media only screen and (max-width: 767px) {
		.style_modalClose__FXy_I {
				top: 0;
				right: 0;
				position: relative;
		}
		.style_modalClose__FXy_I svg {
				min-width: 32px;
				width: 32px;
				height: 32px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_modalClose__FXy_I:hover {
				color: #000;
		}
}

.style_top__WOBOx {
		justify-content: flex-end;
		display: flex;
		align-items: center;
		width: 100%;
		min-width: 100%;
}

.style_title__Wz0nw {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 35px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__Wz0nw {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__Wz0nw {
				margin-bottom: 0;
				color: #3E3E43;
				font-size: 14px;
				line-height: 140%;
				text-align: center;
		}
}
.style_titleContainer__OQXdG {
		display: flex;
		max-width: 100%;
		width: 100%;
}
@media only screen and (max-width: 767px) {
		.style_titleContainer__OQXdG {
				justify-content: center;
				padding-left: 32px;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Location/LocationModalContent/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_content__Hkhp0 {
		display: flex;
		flex-flow: column;
		gap: 35px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__Hkhp0 {
				gap: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__Hkhp0 {
				gap: 18px;
		}
}

.style_title__hsiH0 {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_title__hsiH0 {
				color: #3E3E43;
				font-size: 14px;
				line-height: 140%;
				text-align: center;
		}
}

.style_selectedCity__TCCMK {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #d2233c;
}
@media only screen and (max-width: 991px) {
		.style_selectedCity__TCCMK {
				font-size: 14px;
		}
}
.style_selectedCityContainer__SQ0k8 {
		display: flex;
		align-items: center;
		gap: 4px;
		padding: 12px 0;
}

.style_box__N4zzP {
		position: relative;
}

.style_location__ux6o3 {
		display: flex;
		gap: 20px;
}
.style_locationCol__Ei1oc {
		flex: 1 1;
		display: flex;
		flex-flow: column;
}

.style_item__hTZVS {
		border: none;
		background-color: transparent;
		padding: 12px 0;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
		text-align: left;
		cursor: pointer;
		display: flex;
		width: -moz-fit-content;
		width: fit-content;
		gap: 4px;
		align-items: center;
		transition: color 0.3s;
}
@media only screen and (max-width: 991px) {
		.style_item__hTZVS {
				font-size: 14px;
		}
}
.style_item__hTZVS:hover {
		color: #d2233c;
}

.style_search__dwUor {
		height: 48px;
		width: 100%;
		padding: 10px 128px 10px 16px;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #A5A8AA;
		color: #231F20;
		outline: none;
		font-size: 14px;
}
@media only screen and (max-width: 991px) {
		.style_search__dwUor {
				height: 36px;
				font-size: 13px;
				padding: 9px 116px 9px 12px;
		}
}
.style_search__dwUor::placeholder {
		color: #8E8E93;
		font: 400 14px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_search__dwUor::placeholder {
				font-size: 13px;
		}
}
.style_search__dwUor:focus {
		border: 1px solid #A5A8AA;
}
.style_search__dwUor:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_searchContainer__mxCNa {
		position: relative;
		margin-top: 28px;
}
@media only screen and (max-width: 991px) {
		.style_searchContainer__mxCNa {
				margin-top: 20px;
		}
}
.style_searchContainer__mxCNa .style_searchContainerButton__bvVX4 {
		width: 40px !important;
		height: 40px !important;
		padding: 0;
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
		.style_searchContainer__mxCNa .style_searchContainerButton__bvVX4 {
				width: 24px !important;
				height: 24px !important;
				right: 7px !important;
				padding: 0 !important;
		}
}
.style_searchContainer__mxCNa svg {
		min-width: 40px;
		height: 40px;
		width: 40px;
}
.style_searchContainer__mxCNa svg circle {
		stroke: #fff;
}
.style_searchContainer__mxCNa svg path {
		fill: #fff;
}
@media only screen and (max-width: 991px) {
		.style_searchContainer__mxCNa svg {
				min-width: 24px;
				height: 24px;
				width: 24px;
		}
}
.style_searchClear__fb_rI {
		position: absolute;
		content: "";
		right: 62px;
		top: calc(50% - 9px);
		font: 600 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		padding: 0;
		background-color: transparent;
		border: none;
		transition: color 0.3s;
		cursor: pointer;
}
@media only screen and (max-width: 991px) {
		.style_searchClear__fb_rI {
				right: 44px;
		}
}
.style_searchClear__fb_rI:hover {
		color: #d2233c;
}
.style_searchResultContainer__miHaH {
		position: absolute;
		top: 100%;
		width: 100%;
		margin-bottom: 4px;
		background-color: #fff;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		padding: 8px 16px;
		display: flex;
		flex-flow: column;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sidebarRedesign/MenuItem/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_menuItem__dBcS9 {
		font: 400 14px/140% var(--my-open-sans-regular);
		cursor: pointer;
		text-decoration: none;
		position: relative;
		padding: 12px 0;
		display: flex;
		align-items: center;
		text-align: left;
		gap: 12px;
}
.style_menuItemLink__aCZGJ {
		background: #fff;
		color: #0A0A0A;
}
.style_menuItemLink__aCZGJ:hover {
		color: #d2233c !important;
}
.style_menuItemLink__aCZGJ svg {
		margin-right: 4px;
}
.style_menuItemLink__aCZGJ strong {
		font-weight: 600;
}
.style_menuItemText__poEBC {
		background: #fff;
		color: #222;
}
.style_menuItemText__poEBC svg {
		margin-right: 12px;
		min-width: 16px;
		height: 16px;
}
.style_menuItemSlideTitle__mpdQ3 {
		background: #fff;
		color: #222;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
}
.style_menuItemSlideTitle__mpdQ3 svg {
		margin-left: 8px;
		min-width: 16px;
		height: 16px;
}
.style_menuItemTitle__0GHiR {
		background: #fbfbfb;
		color: #cf1438;
}
.style_menuItem__dBcS9.style_disabled__RvU5I {
		pointer-events: none;
}
.style_menuItem__dBcS9.style_active__NDQEZ {
		color: #cf1438;
		pointer-events: none;
}
.style_menuItem__dBcS9.style_background__OdRit {
		background: #fbfbfb;
}
.style_menuItem__dBcS9.style_basket__WDdMq svg path {
		fill-rule: evenodd;
}
.style_menuItem__dBcS9.style_favorite__N1PiG svg {
		min-width: 23px;
		width: 23px;
		height: 23px;
}
.style_menuItem__dBcS9.style_favorite__N1PiG svg path {
		fill: #222;
}
.style_menuItem__dBcS9 .style_counter__VFtqa {
		font: 600 11px/20px var(--my-open-sans-regular);
		cursor: pointer;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		transition: color ease-out 0.07s;
		border-radius: 100%;
		text-align: center;
		color: #fff;
		width: 20px;
		height: 20px;
		display: inline-block;
		background-color: #e5173f;
		position: absolute;
		box-shadow: 0 0 0 2px #fff;
		top: -10px;
		right: 0;
		left: 10px;
}
.style_menuItem__dBcS9 .style_counterWrap__lswiy {
		position: relative;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sidebarRedesign/LocationContentMobile/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__GAmlZ {
		display: flex;
		flex-flow: column;
}

.style_name__nmwlI {
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
.style_nameContainer__kee_d {
		display: flex;
		align-items: center;
		gap: 4px;
}

.style_container__aQjHu.style_selected__zPZ6R {
		border: none;
}
.style_container__aQjHu.style_selected__zPZ6R .style_name__nmwlI {
		color: #d2233c;
}

.style_selectCity__HFR_y {
		display: flex;
		width: -moz-fit-content;
		width: fit-content;
		gap: 4px;
		align-items: center;
		border: none;
		background-color: transparent;
		padding: 0;
}

.style_search__Y2X83 {
		height: 32px;
		width: 100%;
		padding: 8px 104px 8px 8px;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #A5A8AA;
		color: #231F20;
		outline: none;
		font: 400 16px/140% var(--my-open-sans-regular);
}
.style_search__Y2X83::placeholder {
		color: #8E8E93;
		font-size: 13px;
}
.style_search__Y2X83:focus {
		border: 1px solid #A5A8AA;
}
.style_search__Y2X83:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_searchBox__r_73m {
		padding-top: 12px;
		position: relative;
}
.style_searchContainer__HDHNH {
		position: relative;
}
.style_searchContainer__HDHNH .style_searchContainerButton__2rPCU {
		width: 24px !important;
		height: 24px !important;
		padding: 0 !important;
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
}
.style_searchContainer__HDHNH svg {
		min-width: 24px;
		height: 24px;
		width: 24px;
}
.style_searchContainer__HDHNH svg circle {
		stroke: #fff;
}
.style_searchContainer__HDHNH svg path {
		fill: #fff;
}
.style_searchClear__Ex8ji {
		position: absolute;
		content: "";
		right: 36px;
		top: calc(50% - 8px);
		font: 600 12px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		padding: 0;
		background-color: transparent;
		border: none;
		transition: color 0.3s;
		cursor: pointer;
}
.style_searchClear__Ex8ji:hover {
		color: #d2233c;
}
.style_searchResultContainer__tCE41 {
		display: flex;
		flex-flow: column;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/InputTextCore/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_input__CmIWV {
		position: relative;
		background-color: white;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		color: #231F20;
		font-size: 14px;
		width: 100%;
}
.style_input__CmIWV::placeholder {
		color: #8E8E93;
		font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_input__CmIWV::placeholder {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_input__CmIWV::placeholder {
				font-size: 12px;
		}
}
.style_input__CmIWV:focus {
		border: 1px solid #8E8E93;
}
.style_input__CmIWV:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_input__CmIWV:disabled {
		background: #F5F5F8;
		color: #A5A8AA;
		border-color: #F5F5F8;
}
.style_inputSmall__t2FBA {
		padding: 12px 16px;
		height: 36px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputSmall__t2FBA {
				height: 36px;
				padding: 12px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputSmall__t2FBA {
				height: 32px;
				font-size: 16px;
				padding: 8px;
		}
}
.style_inputMedium__VAF5_ {
		padding: 12px 16px;
		height: 48px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputMedium__VAF5_ {
				height: 36px;
				padding: 12px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputMedium__VAF5_ {
				height: 32px;
				font-size: 16px;
				padding: 8px;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/TextAreaCore/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_input__H_bRF {
		position: relative;
		background-color: white;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		color: #231F20;
		font-size: 14px;
		width: 100%;
		resize: none;
		white-space: pre-wrap;
}
.style_input__H_bRF::placeholder {
		color: #8E8E93;
		font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_input__H_bRF::placeholder {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_input__H_bRF::placeholder {
				font-size: 12px;
		}
}
.style_input__H_bRF:focus {
		border: 1px solid #8E8E93;
}
.style_input__H_bRF:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_input__H_bRF:disabled {
		background: #F5F5F8;
		color: #A5A8AA;
		border-color: #F5F5F8;
}
.style_inputSmall__9zstj {
		padding: 8px 16px;
		min-height: 36px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputSmall__9zstj {
				min-height: 36px;
				padding: 6px 12px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputSmall__9zstj {
				min-height: 32px;
				font-size: 16px;
				padding: 4px 8px;
		}
}
.style_inputMedium__VTNyR {
		padding: 12px 16px;
		height: 48px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputMedium__VTNyR {
				height: 36px;
				padding: 12px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputMedium__VTNyR {
				height: 32px;
				font-size: 16px;
				padding: 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/features/basket/components/Delivery/DeliveryCard/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__ioqfP {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-flow: wrap;
		padding: 16px 28px;
		border: 1px solid #A5A8AA;
		background-color: #fff;
		cursor: pointer;
		border-radius: 4px;
		transition: border-color 0.3s;
		gap: 16px 24px;
}
@media only screen and (max-width: 991px) {
		.style_card__ioqfP {
				padding: 16px;
				flex-flow: column;
				align-items: flex-start;
				gap: 8px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_card__ioqfP:hover {
				border-color: #3E3E43;
		}
}
.style_cardWrap__5y8BJ {
		flex-flow: wrap;
		align-items: center;
		gap: 4px 16px;
		max-width: 100%;
		width: 100%;
}
@media only screen and (max-width: 767px) {
		.style_cardWrap__5y8BJ {
				flex-flow: column;
				align-items: flex-start;
				gap: 4px;
		}
}
.style_cardContent__14IW6 {
		display: flex;
		align-items: center;
		gap: 28px;
		width: 100%;
		flex: 1 1;
}
@media only screen and (max-width: 991px) {
		.style_cardContent__14IW6 {
				gap: 12px;
		}
}
@media only screen and (max-width: 991px) {
		.style_cardLogo__cSlsQ {
				width: 32px;
				height: 32px;
				min-width: 32px;
		}
}
.style_cardBox__NGVyY {
		display: flex;
		flex-flow: column;
		gap: 4px;
}
@media only screen and (max-width: 991px) {
		.style_cardBox__NGVyY {
				gap: 2px;
		}
}
.style_cardName__gc2H7 {
		color: #151515;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_cardName__gc2H7 {
				font-size: 13px;
		}
}
.style_cardParams__3kLT8 {
		display: flex;
		align-items: center;
		gap: 20px;
}
@media only screen and (max-width: 991px) {
		.style_cardParams__3kLT8 {
				gap: 10px;
		}
}
.style_cardParamsItem__0ScI7 {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		white-space: nowrap;
}
@media only screen and (max-width: 991px) {
		.style_cardParamsItem__0ScI7 {
				font-size: 12px;
		}
}
.style_cardParamsDate__mNrgA {
		min-width: 100px;
}
@media only screen and (max-width: 991px) {
		.style_cardParamsDate__mNrgA {
				min-width: 65px;
		}
}
.style_cardParamsPrice__ZOFsZ {
		font-weight: 600;
}
.style_cardLabelContainer___liyy {
		display: flex;
		gap: 10px;
		position: absolute;
		top: 0;
		transform: translateY(-50%);
		left: 32px;
}
@media only screen and (max-width: 1199px) {
		.style_cardLabelContainer___liyy {
				left: 24px;
		}
}
@media only screen and (max-width: 991px) {
		.style_cardLabelContainer___liyy {
				left: 16px;
		}
}

.style_card__ioqfP.style_active__AMAHb {
		border-color: #3E3E43;
		background-color: #F8F8FB;
}
.style_card__ioqfP.style_active__AMAHb .style_cardParamsItem__0ScI7 {
		color: #231F20;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/shared/UI/CardChip/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_chip__z_KLJ {
		padding: 2px 12px;
		border-radius: 30px;
		border: 1px solid;
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 18px;
		display: flex;
		align-items: center;
}
@media only screen and (max-width: 991px) {
		.style_chip__z_KLJ {
				font-size: 10px;
				padding: 1px 10px;
				height: 20px;
		}
}
.style_chipBlue__aKmE8 {
		color: #14ABC6;
		border-color: #14ABC6;
		background-color: #EDF9FB;
}
.style_chipGreen__VrXLi {
		color: #13BB39;
		border-color: #13BB39;
		background-color: #ECFAF0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Delivery/DeliveryCourierTabContent/SearchComponent/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__lzzN2 {
		position: relative;
}

.style_input__nmGFC {
		padding-right: 34px;
}
.style_inputWrapper__Gzbfr {
		position: relative;
}
.style_inputBtn__eaBE4 {
		border: 1px solid transparent;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 18px;
		height: 18px;
		cursor: pointer;
		background: #efefef;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translateY(-50%);
		outline: none;
}

.style_menu__LXRGU {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		margin-top: 2px;
		z-index: 10;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);
}
.style_menuItem__uv9e6 {
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		color: #1f1919;
		padding: 10px 12px 10px 16px;
		cursor: pointer;
		transition: color 0.3s;
}
.style_menuItem__uv9e6 + .style_menuItem__uv9e6 {
		border-top: 1px solid #DEDEDE;
}
@media (hover: hover) and (pointer: fine) {
		.style_menuItem__uv9e6: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/basket/components/Delivery/DeliveryDescription/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_description__JZqpo {
		margin-bottom: 24px;
}
.style_descriptionTitle__pSIYf {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_descriptionTitle__pSIYf {
				font-size: 13px;
		}
}
.style_descriptionText__dJH1w {
		font: 400 14px/125% var(--my-open-sans-regular);
		color: #231F20;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/shared/UI/FieldDescription/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_description__NB51j {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_description__NB51j {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_description__NB51j {
				font-size: 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/basket/shared/UI/FieldError/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_error__qCvSh {
		font: 400 11px/130% var(--my-open-sans-regular);
		color: #EC7272;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_error__qCvSh {
				font-size: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_error__qCvSh {
				font-size: 9px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/shared/UI/FieldLabel/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__y7Cef {
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__y7Cef {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__y7Cef {
				font-size: 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/basket/components/Delivery/DeliveryMapForAddress/Message/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_message__5_wTO {
		display: flex;
		gap: 8px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_message__5_wTO {
				font-size: 12px;
				gap: 4px;
		}
}
.style_message__5_wTO svg {
		margin-top: 2px;
}
@media only screen and (max-width: 767px) {
		.style_message__5_wTO svg {
				margin-top: 0;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/basket/components/Delivery/DeliveryMapForAddress/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_box__R678R {
		display: flex;
		flex-flow: column;
		position: relative;
		min-height: 480px;
		height: 100%;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_box__R678R {
				min-height: 389px;
		}
}
@media only screen and (max-width: 576px) {
		.style_box__R678R {
				height: 393px;
				min-height: 393px;
		}
}

.style_detail___44cm {
		position: absolute;
		padding: 28px;
		background-color: #fff;
		top: 32px;
		left: 32px;
		bottom: 32px;
		border-radius: 4px;
		z-index: 1;
		display: flex;
		flex-flow: column;
		box-shadow: 0 0 8px 0 rgba(150, 150, 150, 0.3);
		transition: all 0.3s;
		width: 283px;
		height: calc(100% - 64px);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_detail___44cm {
				padding: 20px;
				top: 20px;
				left: 20px;
				bottom: 20px;
				width: 243px;
				height: calc(100% - 40px);
		}
}
@media only screen and (max-width: 767px) {
		.style_detail___44cm {
				padding: 16px;
				top: auto;
				left: 8px;
				bottom: 8px;
				right: 8px;
				width: auto;
				height: calc(100% - 16px);
				max-height: 270px;
		}
}
.style_detailContainer__MiWVR {
		overflow-y: auto;
		display: flex;
		flex-flow: column;
		gap: 20px;
		height: calc(100% - 36px);
		/* Track */
		/* Handle */
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_detailContainer__MiWVR {
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_detailContainer__MiWVR {
				gap: 8px;
				height: calc(100% - 28px);
		}
}
.style_detailContainer__MiWVR::-webkit-scrollbar {
		width: 5px;
}
.style_detailContainer__MiWVR::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px #E5E6E7;
}
.style_detailContainer__MiWVR::-webkit-scrollbar-thumb {
		background: #A5A8AA;
		border-radius: 10px;
}
.style_detailTitle__wtRdj {
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_detailTitle__wtRdj {
				font-size: 14px;
				padding-right: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_detailTitle__wtRdj {
				font-size: 13px;
				padding-right: 16px;
		}
}
.style_detailText__gL8Y4 {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_detailText__gL8Y4 {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_detailText__gL8Y4 {
				font-size: 13px;
		}
}
.style_detail___44cm .style_btn__5AWaV {
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
		height: 36px;
		padding: 8px 22px;
		font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_detail___44cm .style_btn__5AWaV {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_detail___44cm .style_btn__5AWaV {
				padding: 4px 8px;
				height: 28px;
				font-size: 12px;
		}
}
.style_detail___44cm .style_btnApply__uAAuC {
		margin-top: auto;
}
.style_detail___44cm .style_btnRevert__HDtkE {
		white-space: nowrap;
		color: #3E3E43;
		border-color: #3E3E43;
}

.style_content__7vth5 {
		height: 100%;
}

.style_close__j9RN4 {
		background-color: transparent;
		padding: 0;
		border: 1px solid transparent;
		cursor: pointer;
		position: absolute;
		right: 8px;
		top: 8px;
		color: #3E3E43;
		transition: color 0.3s;
}
.style_close__j9RN4: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/basket/components/Delivery/ModalCustom/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_overlay__7oZda {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(127, 127, 127, 0.7);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 16px;
}
@media only screen and (max-width: 767px) {
		.style_overlay__7oZda {
				padding: 20px 10px;
		}
}

.style_modal___OI1v {
		margin: auto;
		outline: none;
		background: #fff;
		position: relative;
		padding: 40px 60px 52px 60px;
		border-radius: 8px;
		max-width: 980px;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modal___OI1v {
				padding: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modal___OI1v {
				padding: 20px;
		}
}
.style_modalTitle__if1qj {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 32px;
		max-width: 90%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modalTitle__if1qj {
				font-size: 20px;
				margin-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalTitle__if1qj {
				font-size: 24px;
				margin-bottom: 16px;
		}
}
.style_modalClose__ykCae {
		transition: color 0.3s;
		cursor: pointer;
		color: #3E3E43;
		padding: 0;
		border: none;
		background-color: transparent;
		position: absolute;
		right: 12px;
		top: 12px;
}
@media only screen and (max-width: 767px) {
		.style_modalClose__ykCae {
				right: 8px;
				top: 8px;
		}
}
.style_modalClose__ykCae svg {
		min-width: 40px;
}
.style_modalClose__ykCae:hover {
		color: #000;
		transition: opacity 0.3s;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Delivery/DeliveryPreview/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__QjXht {
		position: relative;
		width: 256px;
		min-height: 250px;
		border-radius: 4px;
		overflow: hidden;
}

.style_container__IUFbN {
		top: 16px;
		left: 0;
		right: 0;
		position: absolute;
		width: 100%;
		display: flex;
		justify-content: center;
}
@media only screen and (max-width: 767px) {
		.style_container__IUFbN {
				top: 12px;
		}
}

.style_btn__09Vx6 {
		border: 1px solid transparent;
		background-color: transparent;
		cursor: pointer;
}
.style_btnFull__MAYjb {
		padding: 0;
		position: absolute;
		left: 16px;
		bottom: 16px;
		cursor: pointer;
		color: #3E3E43;
		transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_btnFull__MAYjb {
				left: 12px;
				bottom: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_btnFull__MAYjb:hover {
				color: #231F20;
		}
}
.style_btnAddr__WQ_wF {
		display: flex;
		align-items: center;
		gap: 2px;
		color: #d2233c;
		font: 600 14px/140% var(--my-open-sans-regular);
		transition: color 0.3s;
		padding: 8px 16px;
		background-color: #fff;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_btnAddr__WQ_wF {
				padding: 5px 10px;
				font-size: 12px;
				font-weight: 400;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_btnAddr__WQ_wF:hover {
				color: #b11e33;
		}
}

.style_preloaderContainer__m3UiS {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		background-color: rgba(255, 255, 255, 0.5);
		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/features/basket/shared/UI/Preloader/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_preloader__d1N_6 {
		display: inline-block;
		position: relative;
		width: 80px;
		height: 80px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
}
.style_preloader__d1N_6 div {
		position: absolute;
		border: 4px solid #d2233c;
		opacity: 1;
		border-radius: 50%;
		animation: style_loadingAnimation__Pes9q 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.style_preloader__d1N_6 div:nth-child(2) {
		animation-delay: -0.5s;
}

@keyframes style_loadingAnimation__Pes9q {
		0% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 0;
		}
		4.9% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 0;
		}
		5% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 1;
		}
		100% {
				top: 0;
				left: 0;
				width: 72px;
				height: 72px;
				opacity: 0;
		}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/basket/components/Delivery/DeliveryCard/DeliveryCardAlert/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_cardAlert__QICga {
		display: flex;
		gap: 8px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #d2233c;
		cursor: pointer;
		transition: color 0.3s;
		position: relative;
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 991px) {
		.style_cardAlert__QICga {
				font-size: 12px;
				gap: 4px;
		}
}
.style_cardAlert__QICga:hover {
		color: #b11e33;
}
.style_cardAlert__QICga:hover .style_cardAlertTooltip__6BI4K {
		visibility: visible;
		opacity: 1;
}
.style_cardAlert__QICga svg {
		min-width: 16px;
		margin-top: 1px;
}
@media only screen and (max-width: 991px) {
		.style_cardAlert__QICga svg {
				min-width: 12px;
				width: 12px;
				height: 12px;
		}
}
.style_cardAlertTooltip__6BI4K {
		font: 600 11px/130% var(--my-open-sans-regular);
		width: 256px;
		padding: 8px 16px;
		border-radius: 8px;
		background: rgba(62, 62, 67, 0.9);
		color: #fff;
		visibility: hidden;
		position: absolute;
		z-index: 1;
		opacity: 0;
		transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_cardAlertTooltip__6BI4K {
				max-width: 180px;
				padding: 8px;
		}
}
.style_cardAlertTooltipRight__8fAKc {
		top: calc(50% + 2px);
		transform: translateY(-50%);
		left: 115%;
}
.style_cardAlertTooltipRight__8fAKc:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 100%;
		margin-top: -8px;
		border: 7px solid transparent;
		border-right: 10px solid rgba(62, 62, 67, 0.9);
}
.style_cardAlertTooltipTop__EGBRr {
		bottom: 175%;
		left: 55%;
		transform: translateX(-50%);
}
.style_cardAlertTooltipTop__EGBRr:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -8px;
		border: 7px solid transparent;
		border-top: 10px solid rgba(62, 62, 67, 0.9);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/MessagesBlock/DeliveryMessage/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_message__xzcIf {
		padding: 12px;
		background-color: #d2233c;
		border-radius: 4px;
		margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
		.style_message__xzcIf {
				padding: 8px;
		}
}

.style_wrapper__7Ziga {
		display: flex;
		flex-flow: column;
		gap: 4px;
}

.style_container__4RwBF {
		display: flex;
		gap: 12px;
		font: 400 14px/125% var(--my-open-sans-regular);
		color: white;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__4RwBF {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__4RwBF {
				font-size: 11px;
				gap: 8px;
		}
}
.style_container__4RwBF svg {
		min-width: 20px;
		width: 20px;
		height: 20px;
}
@media only screen and (max-width: 767px) {
		.style_container__4RwBF 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/basket/components/Delivery/DeliveryCourierTabContent/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_wrapper__zIOEc {
		gap: 40px;
}
@media only screen and (max-width: 767px) {
		.style_wrapper__zIOEc {
				gap: 24px;
		}
}

.style_grid__ww3b2 {
		gap: 16px 20px;
}
@media only screen and (max-width: 991px) {
		.style_grid__ww3b2 {
				flex-flow: column;
		}
}

.style_mapContainer__sW2Cg {
		min-width: 248px;
		max-width: 248px;
		height: 258px;
}
@media only screen and (max-width: 991px) {
		.style_mapContainer__sW2Cg {
				width: 100%;
				max-width: 100%;
				height: 124px;
				min-height: 124px;
		}
}

.style_field__PgZWN {
		position: relative;
		gap: 6px;
}
@media only screen and (max-width: 767px) {
		.style_field__PgZWN {
				gap: 2px;
		}
}
.style_fieldContainer__2_8J0 {
		gap: 2px;
}
@media only screen and (max-width: 767px) {
		.style_fieldContainer__2_8J0 {
				gap: 0;
		}
}

.style_courierLabelOne__qJlvh {
		margin-top: 12px;
}
@media only screen and (max-width: 767px) {
		.style_courierLabelOne__qJlvh {
				margin-bottom: 4px;
		}
}
.style_courier-desc__kbG3_ {
		font: 400 14px/150% var(--my-open-sans-regular);
		color: #151515;
}
@media only screen and (max-width: 767px) {
		.style_courier-desc__kbG3_ {
				margin-bottom: 8px;
		}
}
.style_courier-desc__kbG3_ a {
		color: #d2233c;
		transition: color 0.3s;
}
.style_courier-desc__kbG3_ a:hover {
		color: #b11e33;
}
.style_courierBox__gNs0L {
		max-width: 100%;
		width: 100%;
		gap: 16px;
}
.style_courierGrid__OkmAl {
		position: relative;
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 24px;
}
@media only screen and (max-width: 767px) {
		.style_courierGrid__OkmAl {
				gap: 16px;
				margin-top: 20px;
		}
}
.style_courierGridLoader__lB3HZ {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
}

.style_field__PgZWN {
		position: relative;
		gap: 6px;
}
@media only screen and (max-width: 767px) {
		.style_field__PgZWN {
				gap: 2px;
		}
}

.style_labelContainer__1uJio {
		gap: 2px;
}
@media only screen and (max-width: 767px) {
		.style_labelContainer__1uJio {
				gap: 0;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/basket/components/Delivery/DeliveryCard/DeliveryCardAddr/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_cardAddr__iYmq3 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		flex-flow: wrap;
		padding: 8px 12px;
		border-radius: 4px;
		background-color: #fff;
		gap: 4px 12px;
}
@media only screen and (max-width: 991px) {
		.style_cardAddr__iYmq3 {
				padding: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardAddr__iYmq3 {
				flex-flow: column;
				align-items: flex-start;
		}
}
.style_cardAddrText__NhXqB {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 991px) {
		.style_cardAddrText__NhXqB {
				font-size: 12px;
		}
}
.style_cardAddrWrap__c2lMB {
		display: flex;
		gap: 4px;
}
.style_cardAddrWrap__c2lMB svg {
		margin-top: 1px;
}
@media only screen and (max-width: 991px) {
		.style_cardAddrWrap__c2lMB svg {
				display: none;
		}
}
.style_cardAddrBtn__hFbqA {
		padding: 0;
		border: none;
		background-color: transparent;
		font: 600 13px/140% var(--my-open-sans-regular);
		color: #d2233c;
		cursor: pointer;
		transition: color 0.3s;
		pointer-events: auto;
}
.style_cardAddrBtn__hFbqA: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/basket/components/Delivery/MapDelivery/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_map__MGqyc {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 8px;
		overflow: hidden;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Delivery/DeliveryMapContainer/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_pickupBox___L8u8 {
		display: flex;
		flex-flow: column;
		position: relative;
		min-height: 480px;
		height: 100%;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pickupBox___L8u8 {
				min-height: 389px;
		}
}
@media only screen and (max-width: 576px) {
		.style_pickupBox___L8u8 {
				height: 393px;
				min-height: 393px;
		}
}
.style_pickupMap__MOjAN {
		position: relative;
		min-height: 480px;
		height: 100%;
		width: 100%;
		z-index: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pickupMap__MOjAN {
				min-height: 389px;
		}
}
@media only screen and (max-width: 576px) {
		.style_pickupMap__MOjAN {
				height: 393px;
				min-height: 393px;
		}
}
.style_pickupDetail__852x7 {
		position: absolute;
		padding: 28px;
		background-color: #fff;
		top: 32px;
		left: 32px;
		bottom: 32px;
		border-radius: 4px;
		z-index: 1;
		display: flex;
		flex-flow: column;
		box-shadow: 0 0 8px 0 rgba(150, 150, 150, 0.3);
		transition: all 0.3s;
		width: 283px;
		height: calc(100% - 64px);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pickupDetail__852x7 {
				padding: 20px;
				top: 20px;
				left: 20px;
				bottom: 20px;
				width: 243px;
				height: calc(100% - 40px);
		}
}
@media only screen and (max-width: 767px) {
		.style_pickupDetail__852x7 {
				padding: 16px;
				top: auto;
				left: 8px;
				bottom: 8px;
				right: 8px;
				width: auto;
				height: calc(100% - 16px);
				max-height: 270px;
		}
}
.style_pickupDetailContainer__Vr_9t {
		overflow-y: auto;
		display: flex;
		flex-flow: column;
		margin-bottom: 20px;
		height: calc(100% - 36px - 20px);
		/* Track */
		/* Handle */
}
@media only screen and (max-width: 767px) {
		.style_pickupDetailContainer__Vr_9t {
				margin-bottom: 8px;
				height: calc(100% - 28px - 16px);
		}
}
.style_pickupDetailContainer__Vr_9t::-webkit-scrollbar {
		width: 5px;
}
.style_pickupDetailContainer__Vr_9t::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px #E5E6E7;
}
.style_pickupDetailContainer__Vr_9t::-webkit-scrollbar-thumb {
		background: #A5A8AA;
		border-radius: 10px;
}
.style_pickupDetailTitle__qRxUp {
		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_pickupDetailTitle__qRxUp {
				font-size: 18px;
				padding-right: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pickupDetailTitle__qRxUp {
				font-size: 16px;
				margin-bottom: 8px;
				padding-right: 16px;
		}
}
.style_pickupDetailField___kuYs + .style_pickupDetailField___kuYs {
		margin-top: 20px;
}
@media only screen and (max-width: 767px) {
		.style_pickupDetailField___kuYs + .style_pickupDetailField___kuYs {
				margin-top: 8px;
		}
}
.style_pickupDetailField___kuYs + .style_pickupDetailFieldLabel__be3Lh {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
		.style_pickupDetailField___kuYs + .style_pickupDetailFieldLabel__be3Lh {
				font-size: 12px;
				margin-bottom: 4px;
		}
}
.style_pickupDetailField___kuYs + .style_pickupDetailFieldText__9cJ8t {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pickupDetailField___kuYs + .style_pickupDetailFieldText__9cJ8t {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pickupDetailField___kuYs + .style_pickupDetailFieldText__9cJ8t {
				font-size: 13px;
		}
}
.style_pickupDetail__852x7 .style_btn__6_Q9q {
		margin-top: auto;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
		height: 36px;
		padding: 8px 22px;
		font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_pickupDetail__852x7 .style_btn__6_Q9q {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pickupDetail__852x7 .style_btn__6_Q9q {
				padding: 4px 8px;
				height: 28px;
				font-size: 12px;
		}
}

.style_content__xaWca {
		height: 100%;
}

.style_close__4GitJ {
		background-color: transparent;
		padding: 0;
		border: 1px solid transparent;
		cursor: pointer;
		position: absolute;
		right: 8px;
		top: 8px;
		color: #3E3E43;
		transition: color 0.3s;
}
.style_close__4GitJ: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/basket/components/Delivery/DeliveryPickupTabContent/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_pickupGrid__wVaVe {
		position: relative;
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 24px;
}
@media only screen and (max-width: 767px) {
		.style_pickupGrid__wVaVe {
				gap: 16px;
				margin-top: 20px;
		}
}

.style_loader__GibPh {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Delivery/DeliveryTab/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_tab__SoDeS {
		display: flex;
		align-items: center;
		margin-bottom: 32px;
		background: #F1F1F4;
		padding: 4px;
		width: -moz-fit-content;
		width: fit-content;
		position: relative;
		border-radius: 2px;
}
@media only screen and (max-width: 767px) {
		.style_tab__SoDeS {
				margin-bottom: 20px;
		}
}
.style_tabItem__wQHuy {
		position: relative;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 8px 16px;
		cursor: pointer;
		z-index: 2;
		border-radius: 2px;
}
@media only screen and (max-width: 767px) {
		.style_tabItem__wQHuy {
				padding: 7px 12px;
				font-size: 13px;
		}
}
.style_tabItem__wQHuy.style_active__Wf3eW {
		background: #fff;
		color: #d2233c;
		pointer-events: none;
}
.style_tabError__WX_ig {
		position: absolute;
		bottom: -24px;
		left: 0;
}
.style_tabMobile__WBrUn {
		margin-bottom: 32px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Delivery/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_deliveryTabContent__pZfto {
		display: flex;
		flex-flow: column;
		gap: 40px;
}
@media only screen and (max-width: 767px) {
		.style_deliveryTabContent__pZfto {
				gap: 24px;
		}
}

.style_cityBox__64svz {
		margin-bottom: 16px;
}
.style_cityName__68vOf {
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_cityName__68vOf {
				font-size: 13px;
		}
}
.style_cityBtn__Y4e0D {
		display: flex;
		gap: 4px;
		align-items: center;
		font: 600 14px/140% var(--my-open-sans-regular) !important;
}
@media only screen and (max-width: 767px) {
		.style_cityBtn__Y4e0D {
				font-size: 12px !important;
		}
}

.style_emptyText__yJBXW {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}

.style_deliveryLink__IRj7K {
		margin-top: 16px;
		display: block;
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #d2233c;
		cursor: pointer;
		transition: color 0.3s;
}
.style_deliveryLink__IRj7K: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/basket/components/MessagesBlock/BasketMessage/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_message__BmrRC {
		display: flex;
		gap: 12px;
		background-color: #d2233c;
		padding: 12px;
		border-radius: 4px;
}
.style_message__BmrRC svg {
		height: 20px;
		width: 20px;
		min-width: 20px;
}
.style_messageText__sKlji {
		font: 400 14px/125% var(--my-open-sans-regular);
		color: #fff;
}
.style_messageContainer__gqjhZ {
		display: flex;
		gap: 12px;
		width: 100%;
		justify-content: space-between;
}
@media only screen and (max-width: 767px) {
		.style_messageContainer__gqjhZ {
				flex-flow: column;
				justify-content: flex-start;
		}
}

.style_message--info__ken0c {
		gap: 10px;
		background-color: #F8F8FB;
}
.style_message--info__ken0c svg {
		height: 14px;
		width: 14px;
		min-width: 14px;
		margin-top: 3px;
}
@media only screen and (max-width: 767px) {
		.style_message--info__ken0c svg {
				height: 12px;
				width: 12px;
				min-width: 12px;
		}
}
.style_message--info__ken0c .style_messageText__sKlji {
		line-height: 140%;
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_message--info__ken0c .style_messageText__sKlji {
				font-size: 13px;
		}
}
.style_message--info__ken0c .style_messageText__sKlji a {
		color: #d2233c;
}
.style_message--info__ken0c .style_messageText__sKlji a: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/basket/components/MessagesBlock/BtnRemove/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_messageBtn__GlZ_F {
		background-color: transparent;
		padding: 0;
		border: 1px solid transparent;
		cursor: pointer;
		font: 600 13px/140% var(--my-open-sans-regular) !important;
		color: #fff;
		width: -moz-fit-content;
		width: fit-content;
		white-space: nowrap;
		background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
		.style_messageBtn__GlZ_F:hover {
				transition: opacity 0.3s ease;
		}
		.style_messageBtn__GlZ_F:hover: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/basket/components/MessagesBlock/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_messageBox__KhYLM {
		display: flex;
		flex-flow: column;
		margin-bottom: 20px;
		gap: 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Payments/PaymentsCard/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__bcF1G {
		position: relative;
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		align-items: center;
		gap: 2px 16px;
		padding: 20px 28px;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		transition: border-color 0.3s;
		background-color: #fff;
}
@media only screen and (max-width: 1199px) {
		.style_card__bcF1G {
				flex-flow: column;
				align-items: flex-start;
				padding: 16px 20px;
		}
}
.style_card__bcF1G.style_disable__LDekX {
		background-color: #F1F1F4;
		border-color: #F1F1F4;
		pointer-events: none;
}
.style_card__bcF1G.style_disable__LDekX svg {
		filter: grayscale(1);
		opacity: 0.5;
}
.style_card__bcF1G:not(.style_disable__LDekX) {
		cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
		.style_card__bcF1G:not(.style_disable__LDekX):hover {
				border-color: #3E3E43;
		}
}
.style_card__bcF1G:not(.style_disable__LDekX).style_active__3HX6x {
		background-color: #F8F8FB;
		border-color: #3E3E43;
		pointer-events: none;
}
.style_cardTitle__ar8RJ {
		color: #151515;
		font: 600 14px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_cardTitle__ar8RJ {
				font-size: 12px;
		}
}
.style_cardBox__GrowN {
		display: flex;
		align-items: center;
		gap: 4px;
}
.style_cardMessage__Xrru6 {
		font: 600 11px/130% var(--my-open-sans-regular);
		color: #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_cardMessage__Xrru6 {
				font-size: 10px;
		}
}
.style_cardChip__T4gBC {
		position: absolute;
		top: 0;
		transform: translateY(-50%);
		left: 28px;
}
@media only screen and (max-width: 1199px) {
		.style_cardChip__T4gBC {
				height: 18px;
				left: 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/basket/components/Payments/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_paymentsBlock__XhJoQ {
		position: relative;
		margin-top: 12px;
		gap: 20px;
}
.style_paymentsBlockError__EfeFl {
		position: absolute;
		bottom: -10px;
		left: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/basket/components/ProductCard/ProductCardAlert/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_alert__IBLbH {
		display: flex;
		gap: 4px;
		padding: 2px 4px;
		border-radius: 4px;
		color: #fff;
		background-color: #d2233c;
		font: 400 11px/130% var(--my-open-sans-regular);
		width: -moz-fit-content;
		width: fit-content;
}
.style_alert__IBLbH svg {
		margin-top: 1px;
		width: 12px;
		min-width: 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/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/features/basket/components/ProductCard/ProductCardControl/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_controlBtn__72Xqt {
		padding: 0;
		background-color: transparent;
		border-color: transparent;
		display: flex;
		align-items: center;
		gap: 4px;
		color: #8E8E93;
		transition: color 0.3s;
		font: 400 13px/140% var(--my-open-sans-regular);
		cursor: pointer;
}
@media only screen and (max-width: 767px) {
		.style_controlBtn__72Xqt {
				font-size: 12px;
		}
}
.style_controlBtnFavorite__JqcO8 {
		min-width: 107px;
}
@media only screen and (max-width: 767px) {
		.style_controlBtnFavorite__JqcO8 {
				min-width: 102px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_controlBtn__72Xqt:hover {
				color: #d2233c;
		}
}
.style_controlBtn__72Xqt.style_active__QYQaj {
		color: #d2233c;
}
@media (hover: hover) and (pointer: fine) {
		.style_controlBtn__72Xqt.style_active__QYQaj: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/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/features/basket/components/ProductCard/Counter/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_counter__IozXd {
		height: 36px;
		width: 100%;
		max-width: 104px;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #E5E6E7;
		display: flex;
		align-items: center;
		overflow: hidden;
		padding: 0 4px;
}
@media only screen and (max-width: 991px) {
		.style_counter__IozXd {
				height: 28px;
				max-width: 80px;
				min-width: 80px;
				padding: 0 2px;
		}
}
.style_counterBtn__StSb7 {
		width: 25px;
		min-width: 25px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		background: transparent;
		border: none;
		outline: unset;
}
@media only screen and (max-width: 991px) {
		.style_counterBtn__StSb7 {
				width: 20px;
				min-width: 20px;
				padding: 0;
		}
}
.style_counterBtn__StSb7 svg rect, .style_counterBtn__StSb7 svg path {
		fill: #d2233c;
}
.style_counterBtn__StSb7.style_inactive__b30mE {
		pointer-events: none;
}
.style_counterBtn__StSb7.style_inactive__b30mE svg rect, .style_counterBtn__StSb7.style_inactive__b30mE svg path {
		fill: #A5A8AA;
}
.style_counterBtn__StSb7 svg {
		min-width: 24px;
}
.style_counterNum__KroCR {
		height: 100%;
		flex-grow: 1;
}
.style_counterNum__KroCR input {
		width: 100%;
		height: 100%;
		font-size: 14px;
		text-align: center;
		outline: none;
}
@media only screen and (max-width: 991px) {
		.style_counterNum__KroCR input {
				font-size: 12px;
		}
}
.style_counterInput__IjgPt {
		font-weight: 400;
		padding: 0;
		border: none;
		width: 100%;
		height: 100%;
		text-align: center;
		min-width: 42px;
}
@media only screen and (max-width: 991px) {
		.style_counterInput__IjgPt {
				min-width: 18px;
		}
}

.style_limitQuantity__yH5_o {
		font-size: 12px;
		text-align: left;
		position: absolute;
		padding-top: 5px;
}
@media only screen and (max-width: 767px) {
		.style_limitQuantity__yH5_o {
				padding-top: 1px;
		}
}
.style_limitQuantityRed__2mevQ {
		color: #DC2540;
		font-weight: 600;
}
.style_limitQuantityRed--desktop-break__PAb2d {
		display: block;
}
@media only screen and (max-width: 767px) {
		.style_limitQuantityRed--desktop-break__PAb2d {
				display: inline-block;
				margin-right: 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/features/basket/components/ProductCard/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__3VM4O {
		position: relative;
		padding: 12px 0;
		flex-flow: column;
		gap: 8px;
		border-bottom: 1px solid #E5E6E7;
		max-width: 100%;
		width: 100%;
}
@media only screen and (max-width: 991px) {
		.style_card__3VM4O {
				padding: 16px 0;
		}
}
.style_cardWrap__BQLSs {
		gap: 20px;
		align-items: center;
}
@media only screen and (max-width: 991px) {
		.style_cardWrap__BQLSs {
				gap: 4px;
				align-items: flex-start;
		}
}
.style_cardContainer__NFmpn {
		gap: 20px;
		justify-content: space-between;
		width: 100%;
		max-width: 100%;
}
@media only screen and (max-width: 991px) {
		.style_cardContainer__NFmpn {
				flex-flow: column;
				gap: 16px;
		}
}
.style_cardError__5PZaJ {
		position: relative;
		color: #FFA7B3;
		font: 400 12px/120% var(--my-open-sans-regular);
		text-align: center;
}
.style_card__3VM4O .style_cardAlert__DdTmh {
		padding: 8px 20px;
		height: 36px;
		font-size: 13px;
		white-space: nowrap;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__3VM4O .style_cardAlert__DdTmh {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__3VM4O .style_cardAlert__DdTmh {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
.style_cardLabel__NhZwX {
		position: absolute;
		left: 12px;
		top: 0;
}
@media only screen and (max-width: 991px) {
		.style_cardLabel__NhZwX {
				left: 0;
		}
}

.style_main__b1pGx {
		gap: 20px 16px;
		flex-flow: column;
		justify-content: center;
}

.style_priceWrap__ur6u1 {
		gap: 16px;
		flex-flow: column;
		align-items: flex-end;
}
@media only screen and (max-width: 991px) {
		.style_priceWrap__ur6u1 {
				flex-flow: row;
				justify-content: space-between;
				align-items: center;
		}
}
.style_priceContainer__X1py6 {
		gap: 2px 8px;
		align-items: center;
		justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
		.style_priceContainer__X1py6 {
				flex-flow: column;
				align-items: flex-end;
				order: 2;
		}
}
.style_priceOld__vyrzX {
		text-decoration-line: line-through;
		white-space: nowrap;
		font: 600 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 991px) {
		.style_priceOld__vyrzX {
				font-size: 12px;
		}
}
.style_priceCurrent__rkEB4 {
		font: 700 18px/140% var(--my-open-sans-regular);
		color: #231F20;
		white-space: nowrap;
}
@media only screen and (max-width: 991px) {
		.style_priceCurrent__rkEB4 {
				font-size: 16px;
				order: -1;
		}
}
.style_priceCurrentDisc__n0jp0 {
		line-height: 100%;
		color: white;
		background-color: #13BB39;
		border-radius: 4px;
		padding: 5px 4px 5px 6px;
}
@media only screen and (max-width: 991px) {
		.style_priceCurrentDisc__n0jp0 {
				padding: 4px 3px 4px 5px;
		}
}
@media only screen and (max-width: 991px) {
		.style_priceCounter__9pnAQ {
				order: 1;
		}
}

.style_img__EPrd_ {
		height: 100%;
		width: auto;
		object-fit: contain;
}
.style_imgWrap__H0efJ {
		padding: 12px;
		width: 104px;
		height: 104px;
		min-width: 104px;
		position: relative;
}
@media only screen and (max-width: 991px) {
		.style_imgWrap__H0efJ {
				width: 72px;
				height: 72px;
				min-width: 72px;
		}
}

.style_name__YejkV {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
		transition: color 0.3s;
}
@media only screen and (max-width: 991px) {
		.style_name__YejkV {
				font-size: 13px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_name__YejkV: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/basket/components/ProductListComponent/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_grid__1H3SH {
		display: flex;
		flex-flow: column;
		border-top: 1px solid #E5E6E7;
}

.style_title__xpo76 {
		font: 600 20px/120% var(--my-open-sans-regular);
		color: #191714;
		margin: 40px 0 20px 0;
}
@media only screen and (max-width: 767px) {
		.style_title__xpo76 {
				margin-bottom: 12px;
				font-size: 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/features/basket/components/PromoCode/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_promoCodeTitle___Bxc0 {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_promoCodeTitle___Bxc0 {
				font-size: 16px;
		}
}
.style_promoCodeTitleWrap__2R2Bt {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
		.style_promoCodeTitleWrap__2R2Bt {
				margin-bottom: 8px;
		}
}
.style_promoCodeBox__N1fG8 {
		display: flex;
		flex-flow: column;
}
.style_promoCodeText__7k2nn {
		color: #0A0A0A;
		font: 400 11px/120% var(--my-open-sans-regular);
}
.style_promoCodeInput__Q5TXJ {
		height: 100%;
		width: 100%;
		font-size: 14px;
		background: transparent;
		border: transparent;
		outline: none;
}
@media only screen and (max-width: 767px) {
		.style_promoCodeInput__Q5TXJ {
				font-size: 16px;
		}
}
.style_promoCodeInput__Q5TXJ::placeholder {
		font-size: 14px;
		color: #8E8E93 !important;
}
.style_promoCodeInputContainer__5C1_K {
		position: relative;
		width: 100%;
		max-width: 100%;
		display: flex;
		flex: 1 1;
}
.style_promoCodeInputContainerWrap__TftsJ {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 4px;
		border: 1px solid #A5A8AA;
		padding: 6px 6px 6px 16px;
		height: 36px;
		background-color: #fff;
}
@media only screen and (max-width: 767px) {
		.style_promoCodeInputContainerWrap__TftsJ {
				border-color: #E5E6E7;
		}
}
.style_promoCodeInputContainerWrap__TftsJ.style_error__mpngx {
		border-color: #FFA7B3;
}
.style_promoCodeInputContainerWrap__TftsJ.style_active__A3Pn6, .style_promoCodeInputContainerWrap__TftsJ:has(input:active), .style_promoCodeInputContainerWrap__TftsJ:has(input:focus) {
		background-color: #fff;
}
.style_promoCodeInputContainerWrap__TftsJ.style_success__E_wJR {
		border-color: #58c81b;
}
.style_promoCodeInput__Q5TXJ:disabled {
		background-color: #fff !important;
}
.style_promoCodeInputClose__Fcy0F {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		right: 2px;
		top: 50%;
		transform: translateY(-50%);
		padding: 5px;
		border-radius: 100%;
		border: none;
		cursor: pointer;
		background-color: transparent;
		color: #3E3E43;
}
@media only screen and (max-width: 576px) {
		.style_promoCodeInputClose__Fcy0F {
				right: 8px;
		}
}
.style_promoCodeInputClose__Fcy0F:hover {
		color: #231F20;
}
.style_promoCodeInputCancel__4JrFQ {
		height: 26px !important;
		min-height: 26px !important;
		padding: 6px 8px !important;
		font-size: 13px !important;
		border-radius: 4px !important;
}
.style_promoCodeInputError__IjSPG {
		color: #FFA7B3;
		font-size: 14px;
		font-family: var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_promoCodeInputError__IjSPG {
				font-size: 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/basket/components/Delivery/FreeShippingMessage/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_freeMessage__mcoCy {
		display: flex;
		padding: 12px 6px;
		background-color: #F8F8FB;
		border-radius: 4px;
		align-items: center;
		gap: 4px 16px;
		margin-bottom: 2px;
}
@media only screen and (max-width: 991px) {
		.style_freeMessage__mcoCy {
				flex-flow: column;
				align-items: flex-start;
				margin-bottom: 2px;
		}
}
.style_freeMessage__mcoCy svg {
		height: 36px;
		width: 36px;
		min-width: 36px;
}
.style_freeMessageText__VfZZ7 {
		gap: 4px;
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #151515;
}
@media only screen and (max-width: 991px) {
		.style_freeMessageText__VfZZ7 {
				font-size: 12px;
		}
}
.style_freeMessageText__VfZZ7 strong {
		font-weight: 600;
		font-size: 16px;
}
@media only screen and (max-width: 991px) {
		.style_freeMessageText__VfZZ7 strong {
				font-size: 14px;
		}
}

.style_link__QSy1o {
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #d2233c;
		transition: color 0.3s;
}
@media only screen and (max-width: 991px) {
		.style_link__QSy1o {
				margin-left: 43px;
				font-size: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_link__QSy1o: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/basket/components/Sidebar/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sidebar__DGxhl {
		padding: 28px;
		background-color: #F8F8FB;
		border-radius: 8px;
}
@media only screen and (max-width: 767px) {
		.style_sidebar__DGxhl:after {
				position: absolute;
				content: "";
				background-color: #F8F8FB;
				top: 0;
				bottom: 0;
				left: -10px;
				right: -10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sidebar__DGxhl {
				padding: 16px 0;
		}
}
.style_sidebarBox__EHJ2s {
		position: relative;
}
.style_sidebarTitle__xUdUu {
		font: 600 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
		.style_sidebarTitle__xUdUu {
				font-size: 16px;
				margin-bottom: 12px;
		}
}
.style_sidebarRow__gnh_Q {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-flow: wrap;
}
.style_sidebarRow__gnh_Q + .style_sidebarRow__gnh_Q {
		margin-top: 12px;
}
.style_sidebarRowTotal__J3_wN {
		margin-top: 16px !important;
}
@media only screen and (max-width: 767px) {
		.style_sidebarRowTotal__J3_wN {
				margin-top: 12px !important;
		}
}
.style_sidebarItem__R1hzh {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
		white-space: nowrap;
}
@media only screen and (max-width: 767px) {
		.style_sidebarItem__R1hzh {
				font-size: 13px;
		}
}
.style_sidebarItemValue__sfpi8 {
		font-weight: 600;
}
.style_sidebarItemDiscount__nHEPC {
		color: #d2233c;
}
.style_sidebarItemTotal__3quWD {
		font: 600 24px/130% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_sidebarItemTotal__3quWD {
				font-size: 18px;
		}
}
.style_sidebarItemWeight__FSQfF span {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 767px) {
		.style_sidebarItemWeight__FSQfF span {
				font-size: 12px;
		}
}
.style_sidebar__DGxhl .style_sidebarSend__oyoWK {
		width: 100% !important;
		min-height: 48px !important;
		height: 48px !important;
		border-radius: 4px !important;
		font-size: 16px !important;
}
@media only screen and (max-width: 767px) {
		.style_sidebar__DGxhl .style_sidebarSend__oyoWK {
				min-height: 32px !important;
				height: 32px !important;
				padding: 6px 12px !important;
				border-radius: 4px !important;
				font-size: 13px !important;
		}
}
.style_sidebar__DGxhl .style_sidebarSend__oyoWK:disabled {
		background-color: #ccc !important;
		color: #A5A8AA !important;
		opacity: 1 !important;
		pointer-events: none !important;
}
.style_sidebarAgreement__9e61p {
		margin-top: 20px;
}
.style_sidebarAgreement__9e61p label::before {
		margin-right: 6px;
}
.style_sidebarText__nFJpl {
		color: #231F20;
		font: 400 11px/130% var(--my-open-sans-regular);
}
.style_sidebarText__nFJpl a {
		color: #d2233c;
		transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
		.style_sidebarText__nFJpl a:hover {
				color: #b11e33;
		}
}
.style_sidebarLoadWrap__oYap8 {
		display: flex;
		align-items: center;
}
.style_sidebarLoadWrap__oYap8 svg {
		margin-left: 6px;
}

.style_grid__Pybp9 {
		position: relative;
		display: flex;
		flex-flow: column;
		gap: 28px;
		z-index: 2;
}
@media only screen and (max-width: 767px) {
		.style_grid__Pybp9 {
				gap: 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/features/basket/components/Sidebar/SidebarPanel/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modal__cLsXJ {
		outline: none;
		background: white;
		position: relative;
		width: 100%;
		display: flex;
		flex-flow: column;
		padding: 12px 10px 24px;
}

.style_content__tAu5r {
		display: flex;
		flex-flow: column;
		width: 100%;
		overflow-y: auto;
		max-height: calc(100dvh - 56px);
		padding-right: 4px;
		height: 100%;
}
.style_top__9BFDf {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 20px;
}
.style_topBack__bqS46 {
		border: none;
		padding: 0;
		background-color: transparent;
		cursor: pointer;
		color: #8E8E93;
		transition: color 0.3s;
}
.style_topBack__bqS46 svg {
		min-width: 32px;
}
.style_topBack__bqS46:hover {
		color: #d2233c;
}
.style_topTitle__Rh0cd {
		color: #3E3E43;
		font: 600 14px/140% var(--my-open-sans-regular);
		margin: 0 auto;
		padding-right: 32px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/components/Sidebar/SidebarStatusItem/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__FN1Yv {
		display: flex;
		gap: 8px;
		max-width: 100%;
		width: 100%;
}

.style_name__a7ukt {
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_name__a7ukt {
				font-size: 13px;
		}
}

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

.style_btn__G_RQO {
		padding: 0;
		border: none;
		background-color: transparent;
		outline: none;
		transition: color 0.3s;
		cursor: pointer;
}
.style_btnMobile___ZtR_ {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_btnMobile___ZtR_ {
				display: block;
				color: #3E3E43;
				transition: color 0.3s;
				margin-left: auto;
				margin-bottom: auto;
		}
}
@media only screen and (max-width: 767px) and (hover: hover) and (pointer: fine) {
		.style_btnMobile___ZtR_:hover {
				color: #d2233c;
		}
}
.style_btnDesc__2BRxr {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_btnDesc__2BRxr {
				font-size: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_btnDesc__2BRxr: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/core/ProductCardForSliderUseFul/Options/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_options__qia1o {
		display: flex;
		flex-flow: wrap row;
		gap: 8px;
}
.style_optionsItem__xKs93 {
		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;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (max-width: 767px) {
		.style_optionsItem__xKs93 {
				font-size: 12px;
		}
}
.style_optionsItem__xKs93.style_active__H2zAE {
		color: #231F20;
		border-color: #d2233c;
		pointer-events: none;
}
.style_optionsItem__xKs93: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/ProductCardForSliderUseFul/Price/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__l2KGs {
		display: flex;
		gap: 5px;
		flex-flow: column;
		align-items: flex-end;
		min-width: 70px;
}

.style_price__AORFN {
		font: 700 18px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 0;
		white-space: nowrap;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_price__AORFN {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_price__AORFN {
				font-size: 14px;
		}
}
.style_priceDiscount__O33Kl {
		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__O33Kl {
				height: 27px;
				padding: 4px 4px 4px 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceDiscount__O33Kl {
				height: 25px;
				padding: 4px 4px 3px 6px;
		}
}
.style_priceNotAvailable__OuSHU {
		color: #8E8E93;
		background: transparent;
		padding-left: 0;
		padding-right: 0;
}
.style_priceWithoutDiscount__zinA0 {
		font: 600 13px/140% var(--my-open-sans-regular);
		text-decoration: line-through;
		color: #8E8E93;
}
@media only screen and (max-width: 767px) {
		.style_priceWithoutDiscount__zinA0 {
				font-size: 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/core/ProductCardForSliderUseFul/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__CuxP1 {
		padding: 20px 20px 20px 0;
		display: flex;
		gap: 16px;
		align-items: center;
		border-radius: 4px;
		background-color: #F8F8FB;
		height: 100%;
}
@media only screen and (max-width: 767px) {
		.style_card__CuxP1 {
				gap: 12px;
				padding: 8px;
		}
}
.style_cardContainer__s0WUR {
		display: flex;
		align-items: center;
		gap: 16px;
}
@media only screen and (max-width: 767px) {
		.style_cardContainer__s0WUR {
				gap: 8px;
		}
}
.style_cardImg__DI1j4 {
		width: 60px;
		height: auto;
}
@media only screen and (max-width: 767px) {
		.style_cardImg__DI1j4 {
				width: 32px;
		}
}
.style_cardImgContainer__ZjDRV {
		padding: 10px;
		height: 80px;
		width: 80px;
		min-width: 80px;
}
@media only screen and (max-width: 767px) {
		.style_cardImgContainer__ZjDRV {
				padding: 4px;
				height: 40px;
				width: 40px;
				min-width: 40px;
		}
}
.style_cardContent__1Tu2P {
		display: flex;
		flex-flow: column;
		gap: 8px;
}
.style_cardName__2xtRo {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #0A0A0A;
		transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_cardName__2xtRo {
				font-size: 12px;
		}
}
.style_cardName__2xtRo:hover {
		color: #d2233c;
}
.style_cardControl__6DZ20 {
		display: flex;
		flex-flow: column;
		align-items: flex-end;
		gap: 16px;
		margin-left: auto;
}
@media only screen and (max-width: 767px) {
		.style_cardControl__6DZ20 {
				gap: 12px;
		}
}
.style_card__CuxP1 .style_toBasket__CASct {
		padding: 6px 10px !important;
		height: 30px !important;
		white-space: nowrap !important;
		font-size: 13px !important;
}
@media only screen and (max-width: 767px) {
		.style_card__CuxP1 .style_toBasket__CASct {
				padding: 4px 6px !important;
				height: 24px !important;
				font-size: 11px !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/basket/components/SliderToUseFul/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__8ymUX {
		margin-top: 20px;
}

.style_title__f_hI6 {
		font: 600 20px/140% var(--my-open-sans-regular);
		color: #0A0A0A;
		margin-bottom: 16px;
}

.style_pagination__DN0N5 {
		margin-top: 16px;
}
@media only screen and (max-width: 767px) {
		.style_pagination__DN0N5 {
				margin-top: 20px;
		}
}

.style_cardWrapper__KWnjY {
		display: flex;
		height: 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/NewDesign/InputPhoneCore/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_input__ip7YX {
		position: relative;
		padding: 12px 48px 12px 52px;
		background-color: white;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		height: 48px;
		color: #231F20;
		font-size: 14px;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_input__ip7YX {
				height: 36px;
				padding: 12px 36px 12px 42px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_input__ip7YX {
				height: 32px;
				font-size: 16px;
				padding: 12px 32px 12px 36px;
		}
}
.style_input__ip7YX::placeholder {
		color: #A5A8AA;
		font-size: 12px;
}
.style_input__ip7YX:focus {
		border: 1px solid #8E8E93;
}
.style_input__ip7YX:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_input__ip7YX:disabled {
		background: #F5F5F8;
		color: #A5A8AA;
		border-color: #F5F5F8;
}
.style_inputContainer__Z_k2I {
		position: relative;
		display: flex;
		width: 100%;
}
.style_inputContainer__Z_k2I:before {
		position: absolute;
		content: "+7";
		left: 4px;
		top: 4px;
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #A5A8AA;
		background: #F1F1F4;
		border-radius: 2px;
		width: 40px;
		height: 40px;
		padding: 10px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputContainer__Z_k2I:before {
				left: 2px;
				top: 2px;
				padding: 7px;
				width: 32px;
				height: 32px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputContainer__Z_k2I:before {
				left: 2px;
				top: 2px;
				padding: 5px 6px;
				width: 28px;
				height: 28px;
				font-size: 12px;
		}
}
.style_inputContainer__Z_k2I svg {
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		min-width: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputContainer__Z_k2I svg {
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputContainer__Z_k2I svg {
				right: 8px;
		}
}

.style_small__F10_P > .style_input__ip7YX {
		padding: 12px 36px 12px 36px;
		height: 36px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_small__F10_P > .style_input__ip7YX {
				height: 36px;
				padding: 12px 36px 12px 36px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_small__F10_P > .style_input__ip7YX {
				height: 32px;
				font-size: 16px;
				padding: 12px 36px 12px 34px;
		}
}
.style_small__F10_P:before {
		width: 28px;
		height: 28px;
		padding: 5px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_small__F10_P:before {
				width: 28px;
				height: 28px;
				padding: 5px;
				left: 4px;
				top: 4px;
		}
}
@media only screen and (max-width: 767px) {
		.style_small__F10_P:before {
				width: 28px;
				height: 28px;
				padding: 6px;
				left: 2px;
				top: 2px;
				font-size: 12px;
		}
}

.style_medium__efRbg > .style_input__ip7YX {
		font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_medium__efRbg > .style_input__ip7YX {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_medium__efRbg > .style_input__ip7YX {
				font-size: 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/Info/InfoCityPhone/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_informIcloud__xvz_N {
		padding: 6px 16px;
		border-radius: 4px;
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		background: rgba(236, 114, 114, 0.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/shared/Info/InformIcloud/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_informIcloud__5tDdA {
		padding: 6px 16px;
		border-radius: 4px;
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		background: rgba(236, 114, 114, 0.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/basket/components/Buyer/FriendBlock/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__E__NB .style_checkboxLabel__NZUSv {
		margin: -2px 0 0 0;
}
@media only screen and (max-width: 767px) {
		.style_block__E__NB .style_checkboxLabel__NZUSv {
				margin-top: 0;
				font-size: 12px;
		}
}

.style_icloudInfo__c1aVP {
		margin-top: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_icloudInfo__c1aVP {
				margin-top: -6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_icloudInfo__c1aVP {
				margin-top: 12px;
		}
}

.style_content__7M0Lq {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s;
}
.style_content__7M0Lq.style_show__QC4YU {
		max-height: 700px;
}

.style_container__ygCrb {
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 24px;
}
@media only screen and (max-width: 767px) {
		.style_container__ygCrb {
				gap: 16px;
		}
}

.style_field__N_P07 {
		position: relative;
		gap: 6px;
		flex: 1 1;
}
@media only screen and (max-width: 767px) {
		.style_field__N_P07 {
				gap: 2px;
		}
}
.style_fieldContainer__OpumV {
		gap: 2px;
}
@media only screen and (max-width: 767px) {
		.style_fieldContainer__OpumV {
				gap: 0;
		}
}
.style_fieldBox__082IG {
		display: flex;
		gap: 20px;
		flex: 1 1;
}
@media only screen and (max-width: 767px) {
		.style_fieldBox__082IG {
				flex-flow: column;
				gap: 16px;
		}
}

.style_row__0viWc {
		display: flex;
		gap: 20px;
		flex: 1 1;
}
@media only screen and (max-width: 991px) {
		.style_row__0viWc {
				flex-flow: column;
				gap: 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/basket/components/Buyer/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_fieldName__CWYiQ {
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_fieldName__CWYiQ {
				font-size: 13px;
		}
}
.style_fieldText__dwvlE {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_fieldText__dwvlE {
				font-size: 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/basket/components/StepBox/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_step__VEr8_ {
		display: flex;
		flex-flow: column;
		border: 1px solid #E5E6E7;
		border-radius: 12px;
		padding: 32px;
		gap: 20px;
}
@media only screen and (max-width: 1199px) {
		.style_step__VEr8_ {
				padding: 24px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_step__VEr8_ {
				padding: 16px;
		}
}
.style_stepTitle__s7h3I {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
}
.style_stepContent__Ib7cw {
		position: relative;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/basket/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_page__e_I9B {
		padding: 0 0 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__e_I9B {
				padding: 0 0 80px;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__e_I9B {
				padding: 0 0 60px;
		}
}
.style_page__e_I9B .style_pageTitle__b3ZE_ {
		margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
		.style_page__e_I9B .style_pageTitle__b3ZE_ {
				font-size: 26px;
				line-height: 124%;
				margin-bottom: 20px;
		}
}
.style_page__e_I9B .style_buttonContainer__8wrGg {
		display: flex;
		gap: 40px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__e_I9B .style_buttonContainer__8wrGg {
				gap: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__e_I9B .style_buttonContainer__8wrGg {
				gap: 12px;
		}
}
.style_page__e_I9B .style_buttonContainer__8wrGg .style_button__xmpK8 {
		flex: 1 1;
		width: 176px;
		padding: 8px 22px;
		height: 36px;
		font-size: 14px;
		white-space: nowrap;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__e_I9B .style_buttonContainer__8wrGg .style_button__xmpK8 {
				font-size: 13px;
				width: 143px;
				height: 34px;
				padding: 5px 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__e_I9B .style_buttonContainer__8wrGg .style_button__xmpK8 {
				font-size: 12px;
				width: 144px;
				height: 28px;
				padding: 4px 8px;
		}
}

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

.style_content__teP_k {
		display: flex;
		flex-flow: column;
		gap: 32px;
}
@media only screen and (max-width: 767px) {
		.style_content__teP_k {
				gap: 20px;
		}
}

.style_bg__Hqclq {
		position: relative;
		width: 100%;
		display: flex;
		flex-flow: column;
		align-items: center;
		min-height: 460px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_bg__Hqclq {
				min-height: 298px;
		}
}
@media only screen and (max-width: 767px) {
		.style_bg__Hqclq {
				min-height: 186px;
		}
}
.style_bg__Hqclq img {
		object-fit: contain;
		object-position: bottom;
}

.style_text__9G8Lp {
		font: 400 20px/140% var(--my-open-sans-regular);
		color: #151515;
		text-align: center;
		position: relative;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__9G8Lp {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__9G8Lp {
				font-size: 14px;
		}
}

.style_sliderContainer__c9RXk {
		margin-top: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sliderContainer__c9RXk {
				margin-top: 52px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sliderContainer__c9RXk {
				margin-top: 40px;
		}
}

.style_bannerClub__v_H_N {
		margin-top: 20px;
}

@media only screen and (max-width: 767px) {
		.style_step__Sc49_ {
				display: none;
		}
}

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