body {
			transition: opacity ease-in 0.2s;
		}
		
		body[unresolved] {
			opacity: 0;
			display: block;
			/*overflow: hidden;*/
			position: relative;
		}


.content-style-extend {
	font-size: 15px;
	line-height: 1.2
}
.content-style-extend ul, .content-style-extend ol {
	list-style-position: inside
}
.content-style-extend h1:not(:last-child), .content-style-extend h2:not(:last-child), .content-style-extend h3:not(:last-child), .content-style-extend h4:not(:last-child), .content-style-extend h5:not(:last-child), .content-style-extend h6:not(:last-child), .content-style-extend ul:not(:last-child), .content-style-extend ol:not(:last-child), .content-style-extend p:not(:last-child), .content-style-extend table:not(:last-child) {
	margin-bottom: 24px
}
.content-style-extend img, .content-style-extend iframe {
	max-width: 100%
}
.content-style-extend img {
	height: auto;
	border-radius: var(--th_radius)
}
.content-style-extend *:last-child {
	margin-bottom: 0
}
:root {
--title_indent:24px;
--block_indent:24px
}
.bonus-cms-page .page-column-title {
	display: none
}
.section-title {
--bottom_indent:24px
}
.section-title .orange {
	color: var(--th_orange)
}
.section-title .pink {
	color: var(--th_pink)
}
.block-title {
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: var(--th_dark);
	margin: 0 0 var(--title_indent)
}
.block-title_nomargin {
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: var(--th_dark);
	margin: 0
}
.group-title {
	font-weight: 500;
	color: var(--th_dark);
}

@media (min-width:1025px) {
.block-title {
	font-size: 24px;
	line-height: 28px
}
}
.block-title strong {
	font-weight: inherit
}
.block-title .action {
	font-size: 15px;
	line-height: inherit;
	color: var(--th_pink);
	text-decoration: none;
	margin-left: auto
}
.block-note {
	display: block;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 20px
}
.bonus-page {
--v_gap:var(--section_indent);
	color: var(--th_dark)
}
.bonus-page .text-pages-banner {
	max-width: 600px;
	margin: auto
}
.bonus-page .text-pages-banner, .bonus-page .text-pages-banner picture {
	display: flex
}
.bonus-page .text-pages-banner img {
	border-radius: var(--th_radius)
}

@media (max-width:479px) {
.bonus-page .text-pages-banner {
margin-left:calc(var(--mainPadding)*-1);
margin-right:calc(var(--mainPadding)*-1)
}
}
.bonus-page .bonus-wrap {
--v_gap:inherit;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto
}
.bonus-page .percents-block .percents-list {
--colCount:2;
	padding: 0 var(--block_indent);
	box-sizing: border-box;
	border: 1px solid var(--th_gray85);
	border-radius: var(--th_radius)
}

@media (min-width:480px) {
.bonus-page .percents-block .percents-list {
--colCount:3
}
}
.bonus-page .percents-block .percents-list .percent-item {
--v_gap:8px;
--h_align:center;
	padding: var(--block_indent) 0;
	box-sizing: border-box;
	position: relative;
	text-align: center
}
.bonus-page .percents-block .percents-list .percent-item .value {
	font-weight: 500;
	font-size: 30px;
	line-height: 24px
}
.bonus-page .percents-block .percents-list .percent-item .text {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px
}
.bonus-page .percents-block .percents-list .percent-item:after {
	content: '';
	position: absolute;
	top: var(--block_indent);
	bottom: var(--block_indent);
	right: 0;
	width: 1px;
	background: var(--th_gray85)
}

@media (max-width:479px) {
.bonus-page .percents-block .percents-list .percent-item:nth-child(1n+3) {
	border-top: 1px solid var(--th_gray85)
}
}

@media (max-width:479px) {
.bonus-page .percents-block .percents-list .percent-item:nth-child(2n):after {
	display: none
}
}

@media (min-width:480px) {
.bonus-page .percents-block .percents-list .percent-item:nth-child(1n+4) {
	border-top: 1px solid var(--th_gray85)
}
}

@media (min-width:480px) {
.bonus-page .percents-block .percents-list .percent-item:nth-child(3n):after {
	display: none
}
}
.bonus-page .phone-bonuses-block .about-bonuses-list {
	padding: 8px 32px;
	box-sizing: border-box;
	background: var(--th_gray95);
	border-radius: var(--th_radius)
}
.bonus-page .phone-bonuses-block .about-bonuses-list .bonus-item {
--v_gap:12px;
	padding: var(--block_indent) 0
}
.bonus-page .phone-bonuses-block .about-bonuses-list .bonus-item:not(:first-child) {
	border-top: 1px solid var(--th_gray85)
}
.bonus-page .phone-bonuses-block .about-bonuses-list .value {
	font-weight: 500;
	font-size: 17px;
	line-height: 18px
}
.bonus-page .phone-bonuses-block .about-bonuses-list .text {
	font-size: 15px;
	line-height: 22px
}
.bonus-page .phone-bonuses-block .about-bonuses-list .before {
	margin-right: 5px
}
.bonus-page .start-using-block {
--button_min_width:270px
}
.bonus-page .start-using-block .actions-block {
	display: flex;
	margin: 24px 0 0
}
@font-face {
	font-family: 'GothamPro';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('/fonts/GothamPro-Light.woff2') format('woff2')
}
@font-face {
	font-family: 'GothamPro';
	font-weight: 300;
	font-style: italic;
	font-display: swap;
	src: url('/fonts/GothamPro-LightItalic.woff2') format('woff2')
}
@font-face {
	font-family: 'GothamPro';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('/fonts/GothamPro-Regular.woff2') format('woff2')
}
@font-face {
	font-family: 'GothamPro';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('/fonts/GothamPro-Medium.woff2') format('woff2')
}
@font-face {
	font-family: 'GothamPro';
	font-weight: 500;
	font-style: italic;
	font-display: swap;
	src: url('/fonts/GothamPro-MediumItalic.woff2') format('woff2')
}
@font-face {
	font-family: 'GothamPro';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('/fonts/GothamPro-Bold.woff2') format('woff2')
}
@font-face {
	font-family: 'GothamPro';
	font-weight: 700;
	font-style: italic;
	font-display: swap;
	src: url('/fonts/GothamPro-BoldItalic.woff2') format('woff2')
}
.swipe {
	overflow-y: hidden;
	overflow-x: auto
}
.swipe::-webkit-scrollbar {
height:0
}
.swipe::-webkit-scrollbar-track {
height:0;
background-color:transparent
}
.swipe::-webkit-scrollbar-thumb {
height:0;
background-color:transparent
}
.swipe * {
	user-select: none;
	-webkit-user-select: none
}
.boundBlock {
--padding:var(--mainPadding);
	width: 100%;
	max-width: var(--msw);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--padding);
	padding-right: var(--padding);
	box-sizing: border-box
}
.themeLoader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}
.themeLoader p {
	display: none
}
.themeLoader img {
	display: none
}
.themeLoader:after {
	content: '';
	display: inline-flex;
	width: 70%;
	height: 70%;
	max-width: 100px;
	max-height: 100px;
	background: url(/img/loader.svg) no-repeat 50% 50%;
	background-size: contain;
	animation: roundLoader 1s infinite linear
}
@keyframes roundLoader {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	/*stroke: currentColor;*/
	stroke: currentColor;
	/*fill: currentColor*/
	fill: currentColor
}
.icon-arrow_down, .icon-arrow_right, .icon-arrow_slider_right, .icon-arrow_slider_smooth, .icon-remove, .icon-phone, .icon-totals, .icon-user, .icon-cart, .icon-search, .icon-bookmark, .icon-calendar, .icon-marker, .icon-copy, .icon-edit, .icon-flag {
	fill: none
}
.grid-extend {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align)
}
.grid-extend.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.flex {
	display: flex
}
.flex-c {
	align-items: center
}
.flex-c-c {
	justify-content: center
}
.button {
	font-family: 'GothamPro';
	min-width: var(--button_min_width);
	height: var(--button_height);
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--button_font_size);
	font-weight: var(--button_font_weight);
	color: var(--button_color);
	text-transform: var(--button_text_transform);
	letter-spacing: var(--button_text_letter_spacing);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	background: var(--button_background);
	border: var(--button_border_width) var(--button_border_style) var(--button_border_color);
	border-radius: var(--button_border_radius);
	padding: 0 var(--button_padding);
	transition: background var(--trns_time), border-color var(--trns_time), color var(--trns_time)
}

@media (hover:hover) {
.button:hover {
	color: var(--button_color_hover);
	background-color: var(--button_background_hover);
	border-color: var(--button_border_color_hover)
}
}
.button:disabled, .button.disabled {
	color: var(--button_color_disabled);
	background-color: var(--button_background_disabled);
	border-color: var(--button_border_color_disabled);
	pointer-events: none
}
.button.empty {
--button_color:var(--th_pink);
--button_background:0 0;
--button_border_color:var(--th_pink);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.button.white {
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.button.yellow {
--button_color:var(--th_dark);
--button_background:var(--th_yellow);
--button_border_color:var(--th_yellow);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.button.dark {
--button_background:var(--th_dark);
--button_border_color:var(--th_dark);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.button.round {
--button_min_width:var(--button_height);
--button_padding:0
}
.button .icon-block {
--color:inherit;
--blockSize:20px
}
.theme-input-style {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .3s;
	background: var(--form_field_bg);
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	padding: var(--form_label_height) calc(var(--form_field_padding) + var(--form_field_additional_padding)) 0 var(--form_field_padding);
	font-weight: var(--form_field_font_weight);
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	letter-spacing: var(--form_field_letter_spacing)
}
.theme-input-style::-webkit-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.theme-input-style::-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.theme-input-style:-ms-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.theme-input-style:-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.theme-input-style.mage-error {
	border-color: var(--th_error)
}
.theme-input-style:focus {
	border-color: var(--form_field_border_color_focus)
}
.input-style {
	height: var(--form_field_height)
}
.input-style:-webkit-autofill {
box-shadow:inset 0 0 0 500px var(--form_field_bg)
}
.select-style {
	height: var(--form_field_height)
}
.select-style.hidden {
	position: absolute;
	visibility: hidden
}
.radio-input-style {
--indent:10px;
--background:#fff;
--round_size:calc(var(--form_radio_size)/2);
--border_color:var(--th_gray90);
	-webkit-appearance: none;
	width: var(--form_radio_size);
	height: var(--form_radio_size);
	border: none;
	border-radius: 50%;
	background: var(--th_red);
	box-shadow: inset 0 0 0 1px var(--border_color), inset 0 0 0 var(--round_size) var(--background);
	margin: 0 var(--form_radio_indent_right) 0 var(--form_radio_indent_left);
	transition: box-shadow var(--trns_time), border-color var(--trns_time)
}
.radio-input-style:checked {
--border_color:var(--th_red);
--round_size:6px
}
.checkbox-input-style {
	-webkit-appearance: none;
	flex-shrink: 0;
	width: var(--form_checkbox_size);
	height: var(--form_checkbox_size);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 var(--indent) 0 0;
	cursor: pointer;
	background-color: var(--defaultBg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 13px;
	border: 1px solid var(--defaultBorderColor);
	border-radius: var(--radius);
	transition: background-color .3s, background-size .2s, border-color .3s
}
.checkbox-input-style:checked {
	background-image: url(/img/check.svg);
	background-color: var(--th_green);
	border-color: var(--th_green)
}
.checkbox-extend {
--indent:16px;
--radius:8px;
--defaultBg:transparent;
--defaultBorderColor:var(--th_gray);
	display: inline-flex;
	line-height: var(--form_checkbox_size);
	cursor: pointer
}
.checkbox-switcher-style {
--switcher_height:calc(var(--form_switcher_toggle_size) + (var(--form_switcher_toggle_indent)*2));
	-webkit-appearance: none;
	position: relative;
	border: none;
	width: var(--form_switcher_width);
	height: var(--switcher_height);
	border-radius: calc(var(--switcher_height)/2);
	color: var(--form_switcher_toggle_color);
	padding: var(--form_switcher_toggle_indent);
	cursor: pointer;
	transition: background var(--trns_time);
	background-color: var(--form_switcher_background);
	background-size: var(--switcher_height) var(--switcher_height);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-position: 0 0;
	background-image: radial-gradient(var(--form_switcher_toggle_color) 0px, var(--form_switcher_toggle_color) calc(var(--form_switcher_toggle_size)/2), transparent calc(var(--form_switcher_toggle_size)/2)), radial-gradient(rgba(0,0,0,.15) 0px, rgba(0,0,0,.15) calc(var(--form_switcher_toggle_size)/2), transparent calc(var(--switcher_height)/2))
}
.checkbox-switcher-style:checked {
	background-color: var(--form_switcher_background_active);
background-position:calc(var(--form_switcher_width) - var(--form_switcher_toggle_size) - (var(--form_switcher_toggle_indent)*2)) 50%
}
.textarea-style {
	resize: vertical;
	min-height: var(--form_field_textarea_height);
	padding: calc(var(--form_label_height) + var(--form_field_padding)) var(--form_field_padding) var(--form_field_padding);
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden
}
.textarea-style::-webkit-scrollbar {
width:var(--scroll_width)
}
.textarea-style::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.textarea-style::-webkit-scrollbar-track {
background-color:transparent
}
.textarea-style::-webkit-scrollbar-thumb {
background-color:red;
border-radius:var(--scroll_width)
}
.textarea-style::-webkit-scrollbar-thumb:hover {
background-color:red
}
input[type=radio] {
--indent:10px;
--background:#fff;
--round_size:calc(var(--form_radio_size)/2);
--border_color:var(--th_gray90);
	-webkit-appearance: none;
	width: var(--form_radio_size);
	height: var(--form_radio_size);
	border: none;
	border-radius: 50%;
	background: var(--th_red);
	box-shadow: inset 0 0 0 1px var(--border_color), inset 0 0 0 var(--round_size) var(--background);
	margin: 0 var(--form_radio_indent_right) 0 var(--form_radio_indent_left);
	transition: box-shadow var(--trns_time), border-color var(--trns_time)
}
input[type=radio]:checked {
--border_color:var(--th_red);
--round_size:6px
}
input[type=checkbox] {
--switcher_height:calc(var(--form_switcher_toggle_size) + (var(--form_switcher_toggle_indent)*2));
	-webkit-appearance: none;
	position: relative;
	border: none;
	width: var(--form_switcher_width);
	height: var(--switcher_height);
	border-radius: calc(var(--switcher_height)/2);
	color: var(--form_switcher_toggle_color);
	padding: var(--form_switcher_toggle_indent);
	cursor: pointer;
	transition: background var(--trns_time);
	background-color: var(--form_switcher_background);
	background-size: var(--switcher_height) var(--switcher_height);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-position: 0 0;
	background-image: radial-gradient(var(--form_switcher_toggle_color) 0px, var(--form_switcher_toggle_color) calc(var(--form_switcher_toggle_size)/2), transparent calc(var(--form_switcher_toggle_size)/2)), radial-gradient(rgba(0,0,0,.15) 0px, rgba(0,0,0,.15) calc(var(--form_switcher_toggle_size)/2), transparent calc(var(--switcher_height)/2))
}
input[type=checkbox]:checked {
	background-color: var(--form_switcher_background_active);
background-position:calc(var(--form_switcher_width) - var(--form_switcher_toggle_size) - (var(--form_switcher_toggle_indent)*2)) 50%
}
.form-extend fieldset, .form-extend .fieldset, .checkout-form .fieldset {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
	border: none
}
.form-extend fieldset.equal, .form-extend .fieldset.equal, .checkout-form .fieldset {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.form-extend input[type=text], .form-extend input[type=password], .form-extend input[type=email], .form-extend input[type=number], .form-extend input[type=date], .form-extend input[type=month], .form-extend input[type=search], .form-extend input[type=tel], .form-extend input[type=time], .form-extend input[type=number] {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .3s;
	background: var(--form_field_bg);
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	padding: var(--form_label_height) calc(var(--form_field_padding) + var(--form_field_additional_padding)) 0 var(--form_field_padding);
	font-weight: var(--form_field_font_weight);
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	letter-spacing: var(--form_field_letter_spacing);
	height: var(--form_field_height)
}
.form-extend input[type=text]::-webkit-input-placeholder, .form-extend input[type=password]::-webkit-input-placeholder, .form-extend input[type=email]::-webkit-input-placeholder, .form-extend input[type=number]::-webkit-input-placeholder, .form-extend input[type=date]::-webkit-input-placeholder, .form-extend input[type=month]::-webkit-input-placeholder, .form-extend input[type=search]::-webkit-input-placeholder, .form-extend input[type=tel]::-webkit-input-placeholder, .form-extend input[type=time]::-webkit-input-placeholder, .form-extend input[type=number]::-webkit-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend input[type=text]::-moz-placeholder, .form-extend input[type=password]::-moz-placeholder, .form-extend input[type=email]::-moz-placeholder, .form-extend input[type=number]::-moz-placeholder, .form-extend input[type=date]::-moz-placeholder, .form-extend input[type=month]::-moz-placeholder, .form-extend input[type=search]::-moz-placeholder, .form-extend input[type=tel]::-moz-placeholder, .form-extend input[type=time]::-moz-placeholder, .form-extend input[type=number]::-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend input[type=text]:-ms-input-placeholder, .form-extend input[type=password]:-ms-input-placeholder, .form-extend input[type=email]:-ms-input-placeholder, .form-extend input[type=number]:-ms-input-placeholder, .form-extend input[type=date]:-ms-input-placeholder, .form-extend input[type=month]:-ms-input-placeholder, .form-extend input[type=search]:-ms-input-placeholder, .form-extend input[type=tel]:-ms-input-placeholder, .form-extend input[type=time]:-ms-input-placeholder, .form-extend input[type=number]:-ms-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend input[type=text]:-moz-placeholder, .form-extend input[type=password]:-moz-placeholder, .form-extend input[type=email]:-moz-placeholder, .form-extend input[type=number]:-moz-placeholder, .form-extend input[type=date]:-moz-placeholder, .form-extend input[type=month]:-moz-placeholder, .form-extend input[type=search]:-moz-placeholder, .form-extend input[type=tel]:-moz-placeholder, .form-extend input[type=time]:-moz-placeholder, .form-extend input[type=number]:-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend input[type=text].mage-error, .form-extend input[type=password].mage-error, .form-extend input[type=email].mage-error, .form-extend input[type=number].mage-error, .form-extend input[type=date].mage-error, .form-extend input[type=month].mage-error, .form-extend input[type=search].mage-error, .form-extend input[type=tel].mage-error, .form-extend input[type=time].mage-error, .form-extend input[type=number].mage-error {
	border-color: var(--th_error)
}
.form-extend input[type=text]:focus, .form-extend input[type=password]:focus, .form-extend input[type=email]:focus, .form-extend input[type=number]:focus, .form-extend input[type=date]:focus, .form-extend input[type=month]:focus, .form-extend input[type=search]:focus, .form-extend input[type=tel]:focus, .form-extend input[type=time]:focus, .form-extend input[type=number]:focus {
	border-color: var(--form_field_border_color_focus)
}
.form-extend input[type=text]:-webkit-autofill, .form-extend input[type=password]:-webkit-autofill, .form-extend input[type=email]:-webkit-autofill, .form-extend input[type=number]:-webkit-autofill, .form-extend input[type=date]:-webkit-autofill, .form-extend input[type=month]:-webkit-autofill, .form-extend input[type=search]:-webkit-autofill, .form-extend input[type=tel]:-webkit-autofill, .form-extend input[type=time]:-webkit-autofill, .form-extend input[type=number]:-webkit-autofill {
box-shadow:inset 0 0 0 500px var(--form_field_bg)
}
.form-extend input[type=number] {
	-moz-appearance: textfield
}
.form-extend input.pac-target-input {
--form_field_additional_padding:24px
}
.form-extend select {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .3s;
	background: var(--form_field_bg);
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	padding: var(--form_label_height) calc(var(--form_field_padding) + var(--form_field_additional_padding)) 0 var(--form_field_padding);
	font-weight: var(--form_field_font_weight);
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	letter-spacing: var(--form_field_letter_spacing);
	height: var(--form_field_height)
}
.form-extend select::-webkit-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend select::-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend select:-ms-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend select:-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend select.mage-error {
	border-color: var(--th_error)
}
.form-extend select:focus {
	border-color: var(--form_field_border_color_focus)
}
.form-extend select.hidden {
	position: absolute;
	visibility: hidden
}
.form-extend textarea {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .3s;
	background: var(--form_field_bg);
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	padding: var(--form_label_height) calc(var(--form_field_padding) + var(--form_field_additional_padding)) 0 var(--form_field_padding);
	font-weight: var(--form_field_font_weight);
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	letter-spacing: var(--form_field_letter_spacing);
	resize: vertical;
	min-height: var(--form_field_textarea_height);
	padding: calc(var(--form_label_height) + var(--form_field_padding)) var(--form_field_padding) var(--form_field_padding);
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden
}
.form-extend textarea::-webkit-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend textarea::-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend textarea:-ms-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend textarea:-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.form-extend textarea.mage-error {
	border-color: var(--th_error)
}
.form-extend textarea:focus {
	border-color: var(--form_field_border_color_focus)
}
.form-extend textarea::-webkit-scrollbar {
width:var(--scroll_width)
}
.form-extend textarea::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.form-extend textarea::-webkit-scrollbar-track {
background-color:transparent
}
.form-extend textarea::-webkit-scrollbar-thumb {
background-color:red;
border-radius:var(--scroll_width)
}
.form-extend textarea::-webkit-scrollbar-thumb:hover {
background-color:red
}
.form-extend .field._required .label:after {
	content: '*';
	display: block;
	position: relative
}
.form-extend .field._error input:not([type=radio]):not([type=checkbox]), .form-extend .field._error textarea {
	border-color: var(--th_error_color)
}
.form-extend .field .control._with-tooltip {
--form_field_additional_padding:calc(var(--tooltip_toggle_size) + var(--h_gap));
	position: relative
}
.form-extend .field .control._with-tooltip .label {
	display: none
}
.form-extend .field .control._with-tooltip .field-tooltip {
--content_display:none;
--icon_color:var(--form_field_border_color);
	position: absolute;
	z-index: 3;
	top: calc((var(--form_field_height) - var(--tooltip_toggle_size))/2);
	right: var(--form_field_padding)
}
.form-extend .field .control._with-tooltip .field-tooltip._active {
--content_display:block;
--icon_color:var(--form_field_border_color_focus)
}
.form-extend .field .control._with-tooltip .field-tooltip .field-tooltip-action {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--tooltip_toggle_size);
	height: var(--tooltip_toggle_size);
	border-radius: 50%;
	border: var(--form_field_border_width) var(--form_field_border_style) var(--icon_color);
	transition: border-color var(--trns_time)
}

@media (hover:hover) and (min-width:1025px) {
.form-extend .field .control._with-tooltip .field-tooltip .field-tooltip-action:hover {
--icon_color:var(--form_field_border_color_focus)
}
}
.form-extend .field .control._with-tooltip .field-tooltip .field-tooltip-action:after {
	content: '?';
	font-weight: 600;
	font-size: 16px;
	color: var(--icon_color);
	transition: color var(--trns_time)
}
.form-extend .field .control._with-tooltip .field-tooltip .field-tooltip-content {
	display: var(--content_display);
	position: absolute;
	z-index: 5;
	min-width: var(--tooltip_content_width);
	top: 100%;
	right: calc(var(--tooltip_toggle_size)/2);
	padding: 16px;
	background: var(--tooltip_content_background);
	border-radius: var(--th_radius) 0 var(--th_radius) var(--th_radius);
	font-size: 12px;
	margin: 12px 0 0
}
.form-extend .field .control._with-tooltip .field-tooltip .field-tooltip-content:before {
	content: '';


	position: absolute;
	bottom: 100%;
	right: 0;
	width: 0;
	height: 0;
	border-width: 13px 13px 0 0;
	border-style: solid;
	border-color: transparent var(--tooltip_content_background) transparent transparent
}
.form-extend .field .field-error, .form-extend .field div.mage-error {
	font-weight: 400;
	font-size: 12px;
	color: var(--th_error);
	margin: 6px 0 0
}
.form-extend .field.captcha {
	display: flex;
	flex-direction: column
}
.form-extend .field [id=password-strength-meter-container] {
	margin-top: 5px;
	font-size: 14px
}
.form-extend .field [id=password-strength-meter-container] span {
	color: red
}
.form-extend .field [id=password-strength-meter-container].password-very-strong span {
	color: #50c83a
}
.form-extend .slide-label-wrap {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 0
}
.form-extend .slide-label-wrap .password-wrap {
	position: static
}
.form-extend .slide-label-wrap label {
max-width:calc(100% - (var(--form_label_padding)*2));
height:calc(var(--form_field_height) - (var(--form_field_border_width)*2));
	display: flex;
	align-items: center;
	font-weight: var(--form_label_font_weight);
	font-size: var(--form_field_font_size);
	line-height: var(--form_label_font_size);
	color: var(--form_label_color);
	box-sizing: border-box;
	position: absolute;
	z-index: 2;
	top: var(--form_field_border_width);
	left: var(--form_field_padding);
	right: var(--form_field_padding);
	background: var(--form_field_bg);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: top .3s, height .3s, color .3s, font-size .3s;
	pointer-events: none
}
.form-extend .slide-label-wrap label:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
left:calc((var(--form_label_padding) + var(--form_field_border_width))*-1);
right:calc((var(--form_label_padding) + var(--form_field_border_width))*-1);
	background: var(--form_field_bg)
}
.form-extend .slide-label-wrap label span {
	position: relative
}
.form-extend .slide-label-wrap.focus label, .form-extend .slide-label-wrap.fill label {
	top: 10px;
	right: unset;
	height: var(--form_label_height);
	font-size: var(--form_label_font_size)
}
.form-extend .password-wrap {
	position: relative
}
.form-extend .password-wrap .icon {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	visibility: visible;
	opacity: 1;
	transition: opacity .3s, visibility .3s
}
.form-extend .password-wrap input[type=password][style*="display: none"]~.icon, .form-extend .password-wrap input[type=password][style*="display:none"]~.icon {
	display: none
}
.form-extend .password-wrap input[type=password]~.icon-eye-disabled {
	visibility: hidden;
	opacity: 0
}
.form-extend .password-wrap input[type=text]~.icon-eye {
	visibility: hidden;
	opacity: 0
}
.scroll-block {
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden
}
.scroll-block::-webkit-scrollbar {
width:var(--scroll_width)
}
.scroll-block::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.scroll-block::-webkit-scrollbar-track {
background-color:transparent
}
.scroll-block::-webkit-scrollbar-thumb {
background-color:var(--th_gray_light);
border-radius:var(--scroll_width)
}
.scroll-block::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_light)
}
[data-dropdown-content] {
	display: none
}
[data-select-dropdown-container].open>[data-dropdown-content] {
	display: block
}
:root {
--main_background:#fff;
--th_dark:#131418;
--th_main_color:#000;
/*--th_yellow:#3e6ae1;*/
--th_yellow:#55ea53;
--th_red:#e50278;
--th_red_light:#ffe6ec;
--th_pink:#313030;
/*--th_pink:#171a20;
--th_pink:#8057F0;*/
--th_pink_light:#ffeaf3;
--th_pink_dark:#a1306b;
--th_purple:#654595;
--th_text_color:#3a4651;
--th_link_hover:#ff0;
--th_disabled_color:#c4c4c4;
--th_error:#ff3162;
--th_green:#009818;
--th_green_light:#efffe4;
--th_orange_light:#ffe5d3;
--th_gray_light:#f3f3f3;
--th_gray:#e4e4e4;
--th_gray_middle:#8a8787;
--th_gray_dark:#949494;
--th_gray30:#4d4d4d;
--th_gray50:gray;
--th_gray60:#999;
--th_gray70:#b3b3b3;
--th_gray90:#e6e6e6;
--th_gray85:#d9d9d9;
--th_gray95:#f2f2f2;
--th_orange:#ff7f21;
--th_purple:#624595;
--th_blue_light:#5fc4e1;
--th_overlay_bg:rgba(0,0,0,.5)
}
:root {
--msw:1230px;
--msh:100vh;
--sw:100vw;
--mainPadding:10px;
--main_border_color:#dcdcdc;
--th_font_weight:normal;
--trns_time:.5s;
--main_indent_top:12px;
--main_indent_bottom:var(--section_indent);
--section_indent:30px;
--scroll_width:7px;
--th_radius:10px;
--minicart_width:0px;
/*--minicart_width_active:420px*/
--minicart_width_active:520px
}

@media (min-width:1025px) {
:root {
--mainPadding:30px;
/*--minicart_width_active:343px;*/
--minicart_width_active:393px;
--section_indent:56px
}
}
:root {
--header_top:96px;
--header_bottom:55px;
--header_height:70px;
--header_background:#fff;
--header_v_indent:16px;
--header_logo_width:125px;
--header_logo_height:calc(var(--header_top) - (var(--header_v_indent)*2));
--header_border_color:#dcdcdc;
--header_font_size:14px;
--action_toggle_size:40px;
--action_font_size:18px;
--header_menu_width:420px;
--header_menu_position:calc(var(--header_menu_width)*-1);
--header_padding:20px;
--header_catalog_padding:24px;
--menu_overlay_bg:transparent;
--menu_events:none
}

@media (min-width:1025px) {
:root {
--header_top:80px;
--header_logo_width:160px;
--header_logo_height:80px;
--header_v_indent:24px
}
}
:root.menu-opened {
--header_menu_position:0;
--menu_overlay_bg:var(--th_overlay_bg);
--menu_events:auto
}
:root {
--button_min_width:80px;
--button_height:60px;
--button_padding:20px;
--button_font_size:18px;
--button_font_weight:500;
--button_color:#fff;
--button_text_transform:inherit;
--button_text_letter_spacing:inherit;
--button_background:var(--th_pink);
--button_border_radius:10px;
--button_border_width:1px;
--button_border_style:solid;
--button_border_color:var(--th_pink);
--button_background_hover:var(--th_dark);
--button_color_hover:#fff;
--button_border_color_hover:var(--th_dark);
--button_color_disabled:#fff;
--button_background_disabled:var(--th_gray85);
--button_border_color_disabled:var(--th_gray85)
}
:root {
--form_field_height:60px;
--form_field_textarea_height:150px;
--form_field_padding:16px;
--form_field_bg:#fff;
--form_field_font_size:15px;
--form_field_font_weight:inherit;
--form_field_letter_spacing:inherit;
--form_field_color:var(--th_dark);
--form_field_placeholder_color:var(--th_gray50);
--form_field_border_width:1px;
--form_field_border_style:solid;
--form_field_border_color:var(--th_gray90);
--form_field_border_color_focus:var(--th_pink);
--form_label_height:18px;
--form_label_padding:6px;
--form_label_font_size:12px;
--form_label_font_weight:normal;
--form_label_color:var(--th_gray50);
--form_field_border_radius:var(--th_radius);
--form_radio_size:24px;
--form_radio_indent_right:10px;
--form_radio_indent_left:0;
--form_checkbox_size:24px;
--form_checkbox_indent_right:10px;
--form_checkbox_indent_left:0;
--form_switcher_width:52px;
--form_switcher_background:#bdbdbd;
--form_switcher_background_active:#34c759;
--form_switcher_toggle_color:#fff;
--form_switcher_toggle_size:28px;
--form_switcher_toggle_indent:2px;
--form_field_additional_padding:0px;
--tooltip_toggle_size:32px;
--tooltip_icon_size:24px;
--tooltip_content_width:240px;
--tooltip_content_background:var(--form_field_border_color)
}
* {
	margin: 0;
	padding: 0;
	outline: none
}
html.overlay, html.nav-open {
	height: 100%
}

@media (hover:none) {
html.overlay, html.nav-open {
	overflow: hidden
}
html.overlay body, html.nav-open body {
	overflow: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
}

@media (hover:hover) {
html.overlay.full-size, html.nav-open.full-size {
	overflow: hidden
}
html.overlay:not(.full-size), html.nav-open:not(.full-size) {
	overflow-x: hidden;
	overflow-y: scroll
}

html.overlay:not(.full-size) body, html.nav-open:not(.full-size) body {
	overflow: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
}
body {
	margin: 0;
	font-family: 'GothamPro', sans-serif;
	font-size: var(--mainFontSize);
	font-weight: var(--th_font_weight);
	color: var(--th_main_color);
	background: var(--main_background)
}
body._has-modal {
	height: unset;
	overflow: unset;
	width: unset
}
.nav-sections {
	display: none !important
}
.page-grid-container {
	min-height: 100vh
}

@media (min-width:1025px) {
.page-grid-container {
--columns:calc(100% - var(--minicart_width)) var(--minicart_width)
}
}
.page-grid-container .page-column {
	grid-row-start: 1;
	grid-column-start: 1;
	display: flex;
	flex-direction: column
}
.page-grid-container .minicart-column {
	grid-row-start: 1;
	z-index: 9
}
.page-grid-container:has(.select-region-show) .minicart-column {
z-index:7
}
.page-main-wrapper {
--padding:var(--mainPadding);
	width: 100%;
	max-width: var(--msw);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--padding);
	padding-right: var(--padding);
	box-sizing: border-box;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-top: var(--main_indent_top);
	padding-bottom: var(--main_indent_bottom)
}
.page-column-breadcrumbs {
	margin: 0 0 14px
}

@media (min-width:1025px) {
.page-column-breadcrumbs {
	order: -1;
	margin: 0 0 var(--section_indent)
}
}
.page-column-title {
	margin: 0 0 12px
}

@media (min-width:1025px) {
.page-column-title {
	margin: 0 0 24px
}
}
a {
	outline: none;
	transition: color .3s;
	color: currentColor
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display:none
}
input, textarea {
	font-family: 'GothamPro'
}
[data-defer-css] {
	visibility: hidden
}
img {
	max-width: 100%
}
.icon-block {
--blockSize:24px;
--iconSize:var(--blockSize);
--color:var(--th_main_color);
	width: var(--blockSize);
	height: var(--blockSize);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--iconSize);
	color: var(--color)
}
.icon-block.fill .icon {
	fill: currentColor
}
.flag-icon-block {
--blockSize:32px;
--iconSize:16px;
	border-radius: 50%;
	background: var(--th_yellow)
}
.flag-icon-block.gray {
	background: var(--th_gray)
}
.flag-icon-block img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.dropdown-container-extend:not([data-type=modal]) .dropdown-toggle-extend {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px
}
.dropdown-container-extend:not([data-type=modal]) .dropdown-content-extend {
	display: none
}
.dropdown-container-extend[data-type=modal] .dropdown-content-extend {
	position: fixed;
	visibility: hidden;
	opacity: 0
}
.page-title {
--fontWeight:700;
--fontSize:24px;
--lineHeight:1.1;
--color:var(--th_dark);
	font-family: 'GothamPro';
	text-transform: uppercase;
	font-weight: var(--fontWeight);
	font-size: var(--fontSize);
	line-height: var(--lineHeight);
	color: var(--color);
	letter-spacing: .16px;
}

.page-column-title .page-title {
    text-align: center;
}

@media (min-width:1025px) {
.page-title {
--fontSize:32px
}
}
.section-title {
--font_weight:700;
--font_size:20px;
--bottom_indent:15px;
--color:var(--th_dark);
	font-family: 'GothamPro';
	text-transform: uppercase;
	display: block;
	font-weight: var(--font_weight);
	font-size: var(--font_size);
	line-height: 1.1;
	color: var(--color);
	margin-bottom: var(--bottom_indent)
}

@media (min-width:1025px) {
.section-title {
--font_size:28px;
/*--bottom_indent:24px*/
}
}
.section-title strong {
	font-weight: inherit
}
.page-column-breadcrumbs {
--button_min_width:110px;
--button_height:40px;
--button_font_size:15px;
--button_padding:16px;
--max_btn_width:160px;
--h_gap:16px;
--columns:auto 1fr;
--v_align:center
}

@media (min-width:1025px) {
.page-column-breadcrumbs {
--columns:var(--max_btn_width) 1fr var(--max_btn_width);
--section_indent:40px
}
}
.page-column-breadcrumbs .back-button {
--button_color_hover:var(--th_main_color);
--button_background_hover:var(--th_yellow);
--button_border_color_hover:var(--th_yellow);
	grid-column-start: 1;
	justify-self: start
}
.page-column-breadcrumbs .back-button .icon-block {
	margin-right: 6px
}
.page-column-breadcrumbs .breadcrumbs {
	grid-column-start: 2
}

@media (min-width:1025px) {
.page-column-breadcrumbs .breadcrumbs {
	justify-self: center
}
}
.breadcrumbs {
--link_color:var(--th_gray60);
--default_color:var(--th_dark);
--hover_color:var(--th_dark);
--font_weight:400;
--font_size:12px;
--line_height:18px;
--indent:3px;
	display: flex;
	overflow: hidden
}
.breadcrumbs ul {
	list-style: none;
	padding: 0;
	margin: 0
}
.breadcrumbs .items {
	display: inline;
	color: var(--link_color);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 2px 0 0
}
.breadcrumbs .items .item {
	display: inline;
	align-items: center;
	font-weight: var(--font_weight);
	font-size: var(--font_size);
	line-height: var(--line_height)
}
.breadcrumbs .items .item a {
	color: inherit;
	text-decoration: none
}

@media (hover:hover) and (min-width:1025px) {
.breadcrumbs .items .item a {
	transition: color var(--trns_time)
}
.breadcrumbs .items .item a:hover {
	color: var(--hover_color)
}
}
.breadcrumbs .items .item strong {
	font-weight: inherit;
	color: var(--default_color);
	cursor: default
}
.breadcrumbs .items .item:not(:last-child):after {
	content: '/';
	display: inline-flex;
	margin: 0 0 0 var(--indent)
}
.page.messages {
--messagePadding:0px;
--borderRadius:0;
--translateTop:0px;
--minHeight:var(--mainHeaderHeight);
	background: #fff;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
transform:translateY(calc((100% + 20px)*-1));
	transition: transform .2s linear;
	border-radius: var(--borderRadius)
}

@media (min-width:1025px) {
.page.messages {
--borderRadius:var(--defaultRadius);
--translateTop:16px
}
}

@media (min-width:1025px) {
.page.messages {
	left: 50%;
width:calc(var(--content) + (var(--messagePadding)*2));
margin-left:calc((var(--content)/2 + var(--messagePadding))*-1)
}
}
.page.messages .hide-message {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -16px;
	right: 10px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hideColor);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s, color .3s
}

@media (hover:hover) and (min-width:1025px) {
.page.messages .hide-message {
	transition: color var(--trns_time)
}
.page.messages .hide-message:hover {
	color: var(--th_violet_dark)
}
}
.page.messages .hide-message .icon {
	width: 20px;
	height: 20px;
	fill: currentColor
}
.page.messages.show {
	transform: translateY(var(--translateTop))
}
.page.messages.show .hide-message {
	opacity: 1;
	visibility: visible
}
.page.messages [role=alert]:not(:last-child) {
	display: none
}
.message.info {
	padding: 24px 0;
	font-weight: 500;
	color: var(--th_red)
}
.ln_overlay, .loading-mask-block, .loading-mask {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.7);
	border-radius: inherit;
	pointer-events: auto
}
.ln_overlay .loader, .loading-mask-block .loader, .loading-mask .loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}
.ln_overlay .loader p, .loading-mask-block .loader p, .loading-mask .loader p {
	display: none
}
.ln_overlay .loader img, .loading-mask-block .loader img, .loading-mask .loader img {
	display: none
}
.ln_overlay .loader:after, .loading-mask-block .loader:after, .loading-mask .loader:after {
	content: '';
	display: inline-flex;
	width: 70%;
	height: 70%;
	max-width: 100px;
	max-height: 100px;
	background: url(/img/loader.svg) no-repeat 50% 50%;
	background-size: contain;
	animation: roundLoader 1s infinite linear
}
@keyframes roundLoader {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.loading-mask-block, .loading-mask, .ln_overlay {
	position: absolute;
	z-index: 10
}
body>.loading-mask, [id=layered-filter-block] .ln_overlay {
	position: fixed
}
.b24-widget-button-wrapper {
	z-index: 7 !important
}
.b24-widget-button-position-bottom-left {
	top: 0;
	height: 100vh;
	box-sizing: border-box;
	padding: 0 0 50px;
	pointer-events: none
}
.b24-widget-button-position-bottom-left>div {
	pointer-events: auto
}
.page-seo-tags {
--tag_height:32px;
--tag_indent:6px
}
.page-seo-tags .section-title {
	display: none
}
.page-seo-tags .tags-list {
	display: flex;
	flex-wrap: wrap;
margin:calc(var(--tag_indent)*-1)
}
.page-seo-tags .tags-list .tag-item {
	display: flex;
	align-items: center;
	height: var(--tag_height);
	border: 1px solid var(--th_gray85);
	border-radius: var(--th_radius);
	padding: 4px 12px;
	box-sizing: border-box;
	color: #7f7f7f;
	font-size: 14px;
	text-decoration: none;
	margin: var(--tag_indent)
}
.action.nav-toggle {
	display: none
}
.brander-infopopup-wrapper {
--modalWidth:100%;
--modalAlign:center;
--modalSideIndent:24px;
--closeBlockSize:36px;
--closeIconWidth:24px;
--closeIconHeight:2px;
--iconColor:#fff;
--iconBg:var(--th_dark);
--v_indent:0px;
--h_indent:var(--v_indent);
--transform:translateY(-100%);
	width: var(--modalWidth);
max-width:calc(100% - (var(--mainPadding)*2));
max-height:calc(100% - (var(--mainPadding)*2));
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: visible;
	opacity: 1;
	pointer-events: auto;
	position: relative;
	height: auto !important;
	background: 0 0 !important;
	transform: translateX(-50%) translateY(-50%) !important
}

@media (min-width:1025px) {
.brander-infopopup-wrapper {
--modalWidth:1000px
}
}

@media (min-width:480px) {
.brander-infopopup-wrapper {
--closeBlockSize:var(--header_height)
}
}
.brander-infopopup-wrapper .brander-infopopup-content, .brander-infopopup-wrapper .brander-infopopup-content>p {
	font-size: 0;
	display: flex
}
.brander-infopopup-wrapper .brander-infopopup-content img {
	height: auto;
	object-fit: contain
}
.brander-infopopup-wrapper .action-close {
	width: var(--closeBlockSize);
	height: var(--closeBlockSize);
	position: absolute;
	top: var(--v_indent);
	right: var(--v_indent);
	color: var(--iconColor);
	background-color: var(--iconBg);
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	transition: color var(--trns_time)
}

@media (hover:hover) and (min-width:1025px) {
.brander-infopopup-wrapper .action-close {
	transition: color var(--trns_time)
}
.brander-infopopup-wrapper .action-close:hover {
	color: var(--th_green)
}
}
.brander-infopopup-wrapper .action-close:before, .brander-infopopup-wrapper .action-close:after {
	content: '';
	width: var(--closeIconWidth);
	height: var(--closeIconHeight);
	position: absolute;
left:calc(50% - (var(--closeIconWidth)/2));
top:calc(50% - (var(--closeIconHeight)/2));
	background-color: currentColor;
	transform: rotate(45deg);
	color: currentColor;
	border-radius: var(--closeIconHeight)
}
.brander-infopopup-wrapper .action-close:after {
	transform: rotate(-45deg)
}
.brander-infopopup-wrapper .action-close span {
	display: none
}
.b24-widget-button-shadow {
	z-index: 20 !important
}
.b24-widget-button-wrapper {
	z-index: 21 !important
}
.post-view-container .conditions-list .image picture {
	display: contents
}
.ol-popup {
	position: absolute;
	left: -50px;
	bottom: 12px;
	display: grid;
	min-width: 250px;
	background: #fff;
	border-radius: var(--th_radius);
	padding: 0;
	box-shadow: 0px 4px 10px rgba(0,0,0,.1)
}
.ol-popup:before, .ol-popup:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.ol-popup:after {
	border-top-color: #fff;
	border-width: 10px;
	left: 48px;
	margin-left: -10px
}
.ol-popup:before {
	border-top-color: #ccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px
}
.ol-popup .ol-popup-closer {
	justify-self: end;
	text-decoration: none
}
.ol-popup .ol-popup-closer:after {
	content: '';
	background-color: #000;
	mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E);
	pointer-events: none;
	display: block;
	width: 24px;
	height: 24px;
	margin: 12px
}
.catalog-product-view .options-item .qty-input-extend input.qty_options {
	pointer-events: none;
	touch-action: none
}
body #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel {
	bottom: 92px !important
}
body #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel .bwc-viber-icon, body #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel .bwc-telegram-icon, body #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel .bwc-chat-icon, body #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel .bwc-messenger-icon, body #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel .bwc-whats-app-icon, body #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel .bwc-instagram-icon {
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important
}
body #bwc-wrap.bwc-design-shape-round div#bwc-widget-action button.bwc-chat {
	border: 1px solid #fff !important;
	border-radius: 50% !important;
	width: 50px;
	min-width: auto;
	height: 50px;
	justify-content: center;
	text-align: center
}
body #bwc-wrap.bwc-design-shape-round div#bwc-widget-action button.bwc-chat .bwc-custom-icon {
	text-align: center;
	width: 50px !important;
	height: 50px !important;
	position: relative
}
body #bwc-wrap.bwc-design-shape-round div#bwc-widget-action button.bwc-chat svg {
	position: absolute;
	left: calc(50% - 15px) !important;
	top: calc(50% - 15px) !important;
	bottom: auto !important;
	right: auto !important
}
.checkout_index_index #bwc-wrap.bwc-design-shape-round div#bwc-widget-action button.bwc-chat, .checkout_index_index #bwc-wrap.bwc-position-left #bwc-chat-omnichannel {
	display: none !important
}

@media (max-width:479px) {
.catalog-product-view #bwc-wrap #bwc-widget-action.bwc-mobile {
	bottom: 90px !important
}
.catalog-product-view #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel.bwc-mobile {
	bottom: 160px !important
}
.minicart-opened #bwc-wrap #bwc-widget-action.bwc-mobile {
	bottom: 130px !important
}
.minicart-opened #bwc-wrap.bwc-design-shape-round #bwc-chat-omnichannel.bwc-mobile {
	bottom: 200px !important
}
}
.autocomplete {
--radius:var(--form_field_border_radius);
	position: relative;
	display: grid;
	grid-template-columns: 100%
}
.autocomplete .ui-autocomplete-input {
	grid-row-start: 1
}
.autocomplete .ui-widget.ui-autocomplete, .autocomplete .ui-autocomplete-placeholder {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
--v_gap:12px;
	width: calc(100% - 24px) !important;
	box-sizing: border-box;
	padding: 16px 0 12px;
	margin: 6px 12px 0;
	border-top: 1px solid rgba(0,0,0,.2)
}
.autocomplete .ui-widget.ui-autocomplete.equal, .autocomplete .ui-autocomplete-placeholder.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.autocomplete .ui-autocomplete-loader, .autocomplete .ui-autocomplete-placeholder {
	display: none
}
.autocomplete .ui-helper-hidden-accessible {
	font-size: 12px;
	color: var(--error_color)
}
.autocomplete .ui-helper-hidden-accessible~.field-error {
	display: none
}
.autocomplete .ui-front-wrapper, .autocomplete .ui-front-checkout-wrapper {
	position: absolute;
	z-index: 4;
	left: 0;
	top: calc(100% - var(--th_radius));
	width: 100%;
	max-width: 100%;
	padding: var(--th_radius) 0 12px;
	background: var(--form_field_bg);
	box-sizing: border-box;
	border-radius: 0 0 var(--form_field_border_radius) var(--form_field_border_radius);
	border-style: solid;
	border-color: var(--form_field_border_color_focus);
	border-width: 0 var(--form_field_border_width) var(--form_field_border_width);
	display: none
}
.autocomplete .ui-autocomplete-input {
	border-radius: var(--radius)
}
.autocomplete .ui-autocomplete-input.focused, .autocomplete .ui-autocomplete-input.autocomplete-open {
--radius:var(--form_field_border_radius);
	position: relative;
	border-color: var(--form_field_border_color_focus)
}
.autocomplete .ui-autocomplete-input.focused~.ui-front-wrapper, .autocomplete .ui-autocomplete-input.autocomplete-open~.ui-front-wrapper, .autocomplete .ui-autocomplete-input.focused~.ui-front-checkout-wrapper, .autocomplete .ui-autocomplete-input.autocomplete-open~.ui-front-checkout-wrapper {
	display: block
}
.autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-wrapper, .autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-checkout-wrapper {
	display: block;
	padding: 0;
	border-color: transparent;
	background: 0 0
}
.autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-wrapper .ui-autocomplete-loader, .autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-checkout-wrapper .ui-autocomplete-loader {
	display: block
}
.autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-wrapper .ui-autocomplete-placeholder, .autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-checkout-wrapper .ui-autocomplete-placeholder, .autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-wrapper .ui-widget.ui-autocomplete, .autocomplete .ui-autocomplete-input.ui-autocomplete-loading~.ui-front-checkout-wrapper .ui-widget.ui-autocomplete {
	display: none !important
}
.autocomplete .ui-autocomplete-input:not(.autocomplete-open) {
	padding-right: var(--form_field_height) !important
}
.autocomplete .ui-autocomplete-placeholder {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px
}
.autocomplete .ui-autocomplete-loader {
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: var(--form_field_height);
	height: var(--form_field_height);
	position: absolute;
	z-index: 5;
top:calc((var(--form_field_height) - var(--th_radius))*-1);
	left: unset;
	right: 0;
	cursor: pointer;
	padding: 0;
	display: none
}
.autocomplete .ui-autocomplete-loader p {
	display: none
}
.autocomplete .ui-autocomplete-loader img {
	display: none
}
.autocomplete .ui-autocomplete-loader:after {
	content: '';
	display: inline-flex;
	width: 70%;
	height: 70%;
	max-width: 100px;
	max-height: 100px;
	background: url(/img/loader.svg) no-repeat 50% 50%;
	background-size: contain;
	animation: roundLoader 1s infinite linear
}
@keyframes roundLoader {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.autocomplete .ui-autocomplete-loader:before {
	display: none
}
.autocomplete .ui-autocomplete-loader:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 75%
}
.autocomplete .custom-toggle {
	position: absolute;
	top: 0;
	left: unset;
	bottom: unset;
	right: 0;
	width: var(--form_field_height);
	height: var(--form_field_height);
	border: none;
	background: url(/img/arrow_down.svg) no-repeat 50% 50%;
	cursor: pointer
}
.autocomplete .ui-widget.ui-autocomplete {
	position: static !important;
	box-sizing: border-box;
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
--maxHeight:200px
}
.autocomplete .ui-widget.ui-autocomplete::-webkit-scrollbar {
width:2px
}
.autocomplete .ui-widget.ui-autocomplete::-webkit-scrollbar:horizontal {
height:2px
}
.autocomplete .ui-widget.ui-autocomplete::-webkit-scrollbar-track {
background-color:transparent
}
.autocomplete .ui-widget.ui-autocomplete::-webkit-scrollbar-thumb {
background-color:var(--th_gray_middle);
border-radius:2px
}
.autocomplete .ui-widget.ui-autocomplete::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_middle)
}
.autocomplete .ui-widget.ui-autocomplete .ui-menu-item-wrapper {
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.autocomplete .ui-widget.ui-autocomplete .ui-menu-item-wrapper {
	transition: color var(--trns_time)
}
.autocomplete .ui-widget.ui-autocomplete .ui-menu-item-wrapper:hover {
	color: var(--th_pink)
}
}
.autocomplete .ui-widget.ui-autocomplete .ui-menu-item a {
	cursor: pointer;
	display: block;
	padding: 10px 15px;
	color: #131418;
	text-decoration: none
}
.autocomplete .ui-widget.ui-autocomplete .ui-menu-item span {
	display: block;
	padding: 10px 15px;
	color: #131418
}
.autocomplete .ui-widget.ui-autocomplete .ui-state-focus {
	background: var(--th_gray_light);
	border: none;
	margin: 0
}
.autocomplete .ui-widget.ui-autocomplete .ui-state-active {
	margin: 0;
	border: 0
}
.autocomplete .focused:not(.autocomplete-open)+.ui-front-wrapper .ui-autocomplete-placeholder, .autocomplete .focused:not(.autocomplete-open)+.ui-front-checkout-wrapper .ui-autocomplete-placeholder {
	display: block
}
.autocomplete .ui-autocomplete-loading+.ui-front-wrapper .ui-autocomplete-placeholder, .autocomplete .ui-autocomplete-loading+.ui-front-checkout-wrapper .ui-autocomplete-placeholder {
	display: none
}
.autocomplete .ui-autocomplete-loading+.ui-front-wrapper .ui-autocomplete-loader, .autocomplete .ui-autocomplete-loading+.ui-front-checkout-wrapper .ui-autocomplete-loader {
	display: block
}
.search-autocomplete {
--gap:2px;
--scrollIndent:12px;
--bottomIndent:16px;
	display: none;
	position: absolute;
	width: 100% !important;
	padding: var(--th_radius) 0 0;
	top: calc(100% - var(--th_radius));
	box-sizing: border-box;
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color_focus);
	border-top: 0;
	background: var(--form_field_bg);
	border-radius: 0 0 var(--form_field_border_radius) var(--form_field_border_radius);
	overflow: hidden;
	z-index: 1
}
.search-autocomplete ul {
--maxHeight:60vh;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	padding-right: var(--scrollIndent);
	list-style: none;
	display: grid;
	grid-template-columns: 100%;
	grid-gap: var(--gap);
	justify-items: start;
	transition: margin .3s
}
.search-autocomplete ul::-webkit-scrollbar {
width:var(--scroll_width)
}
.search-autocomplete ul::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.search-autocomplete ul::-webkit-scrollbar-track {
background-color:transparent
}
.search-autocomplete ul::-webkit-scrollbar-thumb {
background-color:var(--th_dark);
/*border-radius:var(--scroll_width)*/
}
.search-autocomplete ul::-webkit-scrollbar-thumb:hover {
background-color:var(--th_dark)
}
.search-autocomplete ul li {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 16px;
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	cursor: pointer
}
input:not(:placeholder-shown)~.search-autocomplete {
	display: block
}
.page-header {
--header_padding:20px;
--dropdown_width:184px;
--dropdown_padding:24px;
--dropdown_top_indent:30px;
--overlay_opacity:0;
--overlay_visibility:hidden;
	position: sticky;
	z-index: 8;
	top: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	background: var(--header_background)
}
.menu-is-opened .page-header {
--overlay_opacity:1;
--overlay_visibility:visible
}
.page-header:before {
	content: '';
	position: fixed;
	top: 120px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.7);
	pointer-events: none;
	opacity: var(--overlay_opacity);
	visibility: var(--overlay_visibility)
}
.page-header ul, .page-header ol {
	list-style: none;
	padding: unset
}
.page-header a {
	text-decoration: none
}
.page-header .header-dropdown-wrapper {
--block_background:var(--th_gray95);
	position: absolute;
	top: calc(100% + var(--dropdown_top_indent));
	right: 0;
	width: var(--dropdown_width);
	box-sizing: border-box;
	padding: var(--dropdown_padding);
	background: var(--block_background);
	border-radius: var(--th_radius)
}

@media (max-width:1024px) {
.page-header .header-dropdown-wrapper {
	border-radius: var(--th_radius) 0 var(--th_radius) var(--th_radius)
}
}

@media (min-width:1025px) {
.page-header .header-dropdown-wrapper {
	z-index: 4;
	top: calc(100% + var(--dropdown_top_indent));
left:calc((var(--dropdown_width) - 32px)/2*-1);
	right: unset
}
}
.page-header .header-dropdown-wrapper:before {
	content: '';
	position: absolute;
	left: calc(50% - 8px);
	bottom: 100%;
	border-width: 0 8px 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent var(--block_background)
}

@media (max-width:1024px) {
.page-header .header-dropdown-wrapper:before {
	top: unset;
	left: unset;
	bottom: 100%;
	right: 0;
	border-width: 0 0 13px 13px
}
}

@media (max-width:479px) {
.page-header .header-dropdown-container.swipe-hide {
--transform:translateY(0%);
--closeIconWidth:36px;
--closeIconHeight:5px;
--closeColor:rgba(0,0,0,.1)
}
}
.page-header .header-dropdown-container.swipe-hide .action-close {
	width: var(--closeIconWidth);
	height: var(--closeIconWidth);
	position: absolute;
	top: 0;
left:calc(50% - (var(--closeIconWidth)/2));
	color: var(--closeColor);
	transition: color var(--trns_time)
}
.page-header .header-dropdown-container.swipe-hide .action-close:after {
	content: '';
	width: var(--closeIconWidth);
	height: var(--closeIconHeight);
	position: absolute;
left:calc(50% - (var(--closeIconWidth)/2));
top:calc(50% - (var(--closeIconHeight)/2));
	background-color: currentColor;
	color: currentColor;
	border-radius: var(--closeIconHeight)
}

@media (min-width:480px) {
.page-header .header-dropdown-container.swipe-hide .action-close {
	display: none
}
}

@media (max-width:479px) {
.page-header .header-dropdown-container.swipe-hide .header-dropdown-toggle:after {
	content: '';
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 0 0;
	pointer-events: none;
	transition: background var(--trns_time)
}
}

@media (max-width:479px) {
.page-header .header-dropdown-container.swipe-hide .header-dropdown-wrapper {
--dropdown_padding:15px;
--transform:translateY(100%);
	width: 100%;
	max-height: 100%;
	position: fixed;
	top: unset;
	bottom: 0;
	z-index: 10;
	left: 0;
	right: 0;
	display: block;
	border-radius: var(--th_radius) var(--th_radius) 0 0;
	background: #fff;
	box-sizing: border-box;
	padding-top: 45px;
	padding-bottom: 50px;
	transform: var(--transform);
	transition: transform .3s
}
}

@media (max-width:479px) {
.page-header .header-dropdown-container.swipe-hide .header-dropdown-wrapper:before {
	display: none
}
}
.page-header .header-dropdown-container.swipe-hide .header-dropdown-wrapper.holded {
	user-select: none;
	transition: none
}

@media (max-width:479px) {
.page-header .header-dropdown-container.swipe-hide .header-dropdown-wrapper.modal-close {
--closeColor:var(--th_red)
}
}

@media (max-width:479px) {
.page-header .header-dropdown-container.swipe-hide.open .header-dropdown-toggle:after {
	background: var(--th_overlay_bg)
}
}

@media (max-width:479px) {
.page-header .header-dropdown-container.swipe-hide.open .header-dropdown-wrapper {
--transform:translateY(0%)
}
}
.page-header .header-mobile-wrap {
--icon_block_size:40px;
--columns:var(--icon_block_size) 1fr var(--icon_block_size);
--v_align:center;
--toggle_max_width:var(--icon_block_size);
	padding: 0 var(--header_padding);
	height: var(--header_height);
	background: var(--header_background)
}

@media (min-width:1025px) {
.page-header .header-mobile-wrap {
	display: none
}
}
.page-header .header-mobile-wrap .icon-block {
--blockSize:var(--icon_block_size);
--iconSize:18px
}
.page-header .header-mobile-wrap .minicart-toggle-wrap {
	display: flex;
	justify-content: flex-end
}
.page-header .header-mobile-wrap .minicart-toggle-block {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	max-width: var(--toggle_max_width);
	height: var(--icon_block_size);
	border-radius: var(--th_radius);
	background: 0 0;
	padding: 0 12px;
	box-sizing: border-box;
	cursor: pointer;
	transition: background var(--trns_time), max-width var(--trns_time)
}
.page-header .header-mobile-wrap .minicart-toggle-block:not(.empty) {
--toggle_max_width:150px;
	background: var(--th_yellow)
}

@media (max-width:1024px) {
.page-header .header-mobile-wrap .minicart-toggle-block:not(.empty):before {
	content: '';
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--th_overlay_bg);
	visibility: hidden;
	opacity: 0;
	transition: opacity var(--trns_time), visibility var(--trns_time)
}
}

@media (max-width:1024px) {
.minicart-opened .page-header .header-mobile-wrap .minicart-toggle-block:not(.empty):before {
	visibility: visible;
	opacity: 1
}
}
.page-header .header-mobile-wrap .minicart-toggle-block .minicart-toggle {
--blockSize:18px;
	flex-shrink: 0;
	margin-right: 8px
}
.page-header .header-mobile-wrap .minicart-toggle-block .count-block {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	padding: 3px 0 0
}
.page-header .header-mobile-wrap .minicart-toggle-block.empty {
	pointer-events: none
}
.page-header .header-mobile-wrap .minicart-toggle-block.empty .counter.qty {
	display: none
}
.page-header .header-mobile-wrap .logo-mobile-container {
	overflow: hidden;
	max-width: 100%;
	height: calc(var(--header_height) - 24px)
}
.page-header .header-mobile-wrap .logo-mobile-container, .page-header .header-mobile-wrap .logo-mobile-container .logo, .page-header .header-mobile-wrap .logo-mobile-container picture {
	display: flex;
	align-items: center;
	justify-content: center
}
.page-header .header-mobile-wrap .logo-mobile-container .logo, .page-header .header-mobile-wrap .logo-mobile-container picture {
	height: 100%
}
.page-header .header-mobile-wrap .logo-mobile-container img {
	height: 100%;
	object-fit: contain
}
.page-header .header-mobile-wrap .logo-mobile-container .action.nav-toggle {
	display: none
}

@media (max-width:1024px) {
.page-header .header-main-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--menu_overlay_bg);
	pointer-events: var(--menu_events);
	transition: background var(--trns_time)
}
}
.page-header .header-main-inner {
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden
}
.page-header .header-main-inner::-webkit-scrollbar {
width:var(--scroll_width)
}
.page-header .header-main-inner::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.page-header .header-main-inner::-webkit-scrollbar-track {
background-color:transparent
}
.page-header .header-main-inner::-webkit-scrollbar-thumb {
background-color:var(--th_gray_light);
border-radius:var(--scroll_width)
}
.page-header .header-main-inner::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_light)
}

@media (max-width:1024px) {
.page-header .header-main-inner {
--h_gap:var(--mainPadding);
--columns:1fr auto;
--rows:auto auto 1fr auto auto;
	position: absolute;
	top: 0;
	left: var(--header_menu_position);
	bottom: 0;
	width: var(--header_menu_width);
	max-width: 100%;
	background: var(--th_gray_light);
	transition: left var(--trns_time)
}
.page-header .header-main-inner>* {
	grid-column: span 2
}
}

@media (min-width:1025px) {
.page-header .header-main-inner {
--h_gap:16px;
--columns:auto 2fr 1.3fr repeat(3, auto);
--rows:var(--header_top) var(--header_bottom);
--v_align:center;
--maxHeight:auto;
	overflow: visible
}
}

@media (max-width:1024px) {
.page-header .header-main-inner .menu-close-block {
	grid-row-start: 1;
	grid-column-start: 1;
	grid-column-end: 3;
	position: sticky;
	top: 0;
	z-index: 8;
	pointer-events: none
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .menu-close-block {
	display: none
}
}
.page-header .header-main-inner .menu-close-block .menu-close-toggle {
--blockSize:30px;
--color:rgba(0,0,0,.4);
	position: absolute;
	z-index: 10;
	top: 22px;
	right: var(--header_padding);
	pointer-events: auto;
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.page-header .header-main-inner .menu-close-block .menu-close-toggle:hover {
--color:var(--th_main_color)
}
}

@media (max-width:1024px) {
.page-header .header-main-inner .logo-container {
	display: none
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .logo-container {
	grid-row-start: 1;
	grid-column-start: 1;
    margin-top: 33px;
}
}

@media (max-width:1024px) {
.page-header .header-main-inner .pages-container {
	background: #fff;
	padding: var(--header_catalog_padding);
	box-sizing: border-box;
margin:calc(var(--header_v_indent)*-1) 0 var(--header_v_indent)
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .pages-container {
	grid-row-start: 1;
	grid-column-start: 2;
	overflow: hidden
}
}

@media (max-width:1024px) {
.page-header .header-main-inner .customer-container {
    display: none !important; /* скрываем на мобильных */
	position: sticky;
	top: 0;
	z-index: 3;
	grid-row-start: 1;
	grid-column-start: 1;
	grid-column-end: 3;
	background: var(--th_gray_light);
	height: var(--header_height);
	padding: var(--mainPadding) var(--header_padding);
	box-sizing: border-box;
	display: flex;
	align-items: center
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .customer-container {
	grid-row-start: 1;
	grid-column-start: 6
}
}
.page-header .header-main-inner .customer-container .greet.welcome, .page-header .header-main-inner .customer-container .not-logged-in {
	display: none
}

@media (max-width:1024px) {
.page-header .header-main-inner .location-container {
	grid-row-start: 2;
	grid-column-start: 1;
	grid-column-end: 2;
	height: var(--header_height);
	padding: var(--mainPadding) var(--header_padding);
	box-sizing: border-box;
	display: flex;
	align-items: center
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .location-container {
	grid-row-start: 1;
	grid-column-start: 3
}
}

@media (max-width:1024px) {
.page-header .header-main-inner .language-container {
	grid-row-start: 2;
	grid-column-start: 2;
	grid-column-end: 3;
	height: var(--header_height);
	padding: var(--mainPadding) var(--header_padding);
	box-sizing: border-box;
	display: flex;
	align-items: center
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .language-container {
	grid-row-start: 1;
	grid-column-start: 5
}
}

@media (max-width:1024px) {
.page-header .header-main-inner .header-menu-container {
	grid-row-start: 3
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .header-menu-container {
	grid-row-start: 2;
	grid-column: span 6
}
}

@media (max-width:1024px) {
.page-header .header-main-inner .callback-container {
	order: 2;
	padding: var(--header_v_indent) var(--header_padding)
}
}

@media (min-width:1025px) {
.page-header .header-main-inner .callback-container {
	grid-row-start: 1;
	grid-column-start: 4
}
}
.page-header .header-main-inner .measure-container {
	order: 3;
	padding: var(--header_v_indent) var(--header_padding)
}

@media (min-width:1025px) {
.page-header .header-main-inner .measure-container {
	display: none
}
}
.cart-language-wrapper {
  display: flex;
  flex-direction: column; /* значок корзины сверху, языки снизу */
  align-items: flex-start; /* выравнивание по левому краю */
  gap: 10px; /* расстояние между корзиной и языками */
}

/* Мобильная версия */
@media (max-width: 1024px) {
  .cart-language-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Десктоп */
@media (min-width: 1025px) {
  .cart-language-wrapper {
    flex-direction: column;
    align-items: flex-start;
	  grid-row-start: 1;
    grid-column-start: 5;
  }
}
.page-header .header-main-inner .measure-container .measure-button {
	font-family: 'GothamPro';
	min-width: var(--button_min_width);
	height: var(--button_height);
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--button_font_size);
	font-weight: var(--button_font_weight);
	color: var(--button_color);
	text-transform: var(--button_text_transform);
	letter-spacing: var(--button_text_letter_spacing);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	background: var(--button_background);
	border: var(--button_border_width) var(--button_border_style) var(--button_border_color);
	border-radius: var(--button_border_radius);
	padding: 0 var(--button_padding);
	transition: background var(--trns_time), border-color var(--trns_time), color var(--trns_time)
}

@media (hover:hover) {
.page-header .header-main-inner .measure-container .measure-button:hover {
	color: var(--button_color_hover);
	background-color: var(--button_background_hover);
	border-color: var(--button_border_color_hover)
}
}
.page-header .header-main-inner .measure-container .measure-button:disabled, .page-header .header-main-inner .measure-container .measure-button.disabled {
	color: var(--button_color_disabled);
	background-color: var(--button_background_disabled);
	border-color: var(--button_border_color_disabled);
	pointer-events: none
}
.page-header .header-main-inner .measure-container .measure-button.empty {
--button_color:var(--th_pink);
--button_background:0 0;
--button_border_color:var(--th_pink);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-header .header-main-inner .measure-container .measure-button.white {
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-header .header-main-inner .measure-container .measure-button.yellow {
--button_color:var(--th_dark);
--button_background:var(--th_yellow);
--button_border_color:var(--th_yellow);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-header .header-main-inner .measure-container .measure-button.dark {
--button_background:var(--th_dark);
--button_border_color:var(--th_dark);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-header .header-main-inner .measure-container .measure-button.round {
--button_min_width:var(--button_height);
--button_padding:0
}
.page-header .header-main-inner .measure-container .measure-button .icon-block {
--color:inherit;
--blockSize:20px
}
.page-header .logo-container {
	width: var(--header_logo_width);
	height: var(--header_logo_height)
}
.page-header .logo-container .action.nav-toggle {
	display: none
}
.page-header .logo-container .logo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

@media (min-width:1025px) {
.page-header .logo-container .logo {
	position: relative;
	top: -12px
}
}
.page-header .logo-container .logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}
.page-header .header-icon {
--blockSize:32px;
--iconSize:16px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--th_yellow)
}
.page-header .header-icon.gray {
	background: var(--th_gray)
}
.page-header .customer-menu {
	display: flex;
	align-items: center;
	font-size: 15px;
	line-height: 1;
	position: relative
}
.page-header .customer-menu .icon-block {
	margin-right: 10px
}
.page-header .customer-menu a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.page-header .customer-menu .authorization-link, .page-header .customer-menu~.authorization-link {
	display: none
}
.page-header .authorization-link .link-name {
	display: flex;
	align-items: center;
	font-size: 15px;
	line-height: 1;
	cursor: pointer
}
.page-header .authorization-link .link-name .icon-block {
--blockSize:32px;
--iconSize:16px;
	margin-right: 10px
}
.page-header .authorization-link.disabled {
	touch-action: none;
	pointer-events: none
}
.page-header .header-region {
	position: relative;
	display: flex;
	justify-content: flex-start
}
.page-header .header-region .header-region-current {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer
}
.page-header .header-region .header-region-current .header-icon {
--iconSize:18px;
	margin-right: 10px
}
.page-header .header-region .header-region-current .text-block {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	line-height: 1
}

@media (min-width:480px) {
.page-header .header-region .header-region-current .text-block {
	font-size: 13px;
	line-height: 16px
}
}
.page-header .header-region .header-region-current .text-block .note-block {
	font-size: 12px
}

@media (max-width:1024px) {
.page-header .header-region .header-region-current .text-block .note-block {
	display: none
}
}
.page-header .header-region .header-region-current .text-block .current-city {
	display: flex;
	align-items: center;
	font-weight: 500
}

@media (min-width:480px) {
.page-header .header-region .header-region-current .text-block .current-city {
	font-weight: 700
}
}
.page-header .header-region .header-region-current .arrow-block {
--blockSize:10px;
	margin-left: 6px
}
.page-header .region-dropdown-wrapper {
--button_height:40px;
--block_background:#fff;
--button_font_size:16px;
--dropdown_padding:16px;
--dropdown_top_indent:24px;
	transition: top var(--trns_time);
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	text-align: center;
	border: 1px solid var(--th_pink);
	box-sizing: border-box;
	padding-top: calc(var(--dropdown_padding) + 16px);
	font-size: 14px;
	line-height: 18px
}

@media (max-width:479px) {
.page-header .region-dropdown-wrapper {
--dropdown_width:calc(100% - (var(--mainPadding)*4) - 32px);
	box-sizing: border-box
}
}

@media (max-width:1024px) {
.page-header .region-dropdown-wrapper {
	border-radius: 0 var(--th_radius) var(--th_radius) var(--th_radius)
}
}
.page-header .region-dropdown-wrapper:before {
	z-index: 2
}

@media (max-width:1024px) {
.page-header .region-dropdown-wrapper:before {
	left: 0;
	right: unset;
	border-width: 0 13px 13px 0
}
}
.page-header .region-dropdown-wrapper:after {
	content: '';
	position: absolute;
	left: calc(50% - 9px);
	bottom: calc(100% + 1px);
	border-width: 0 9px 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent var(--th_pink)
}

@media (max-width:1024px) {
.page-header .region-dropdown-wrapper:after {
	left: -1px;
	right: unset;
	border-width: 0 14px 14px 0
}
}

@media (max-width:1024px) {
.page-header .region-dropdown-wrapper {
	position: fixed;
	top: calc(var(--header_height) - 2px);
left:calc((var(--mainPadding)*2) + 16px)
}
.menu-opened .page-header .region-dropdown-wrapper {
	top: 150px
}
}
.page-header .region-dropdown-wrapper .region-info {
	display: block;
	margin: 0 0 12px
}
.page-header .region-dropdown-wrapper .button {
	width: 100%
}
.page-header .region-dropdown-wrapper .region-action {
	line-height: 24px;
	margin: 12px auto 0;
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.page-header .region-dropdown-wrapper .region-action {
	transition: color var(--trns_time)
}
.page-header .region-dropdown-wrapper .region-action:hover {
	color: var(--th_red)
}
}
.page-header .region-dropdown-wrapper .close-icon-block {
--blockSize:16px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.page-header .region-dropdown-wrapper .close-icon-block {
	transition: color var(--trns_time)
}
.page-header .region-dropdown-wrapper .close-icon-block:hover {
	color: var(--th_red)
}
}
.page-header .region-select-another-wrapper {
	position: fixed;
	z-index: 11;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--th_gray_light);
	box-shadow: 0px 40px 30px rgba(0,0,0,.15);
	opacity: 0;
	visibility: hidden;
	transition: transform var(--trns_time), opacity var(--trns_time), visibility var(--trns_time);
	width: var(--header_menu_width);
	max-width: 100%
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper {
	transform: translateX(-100%)
}
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper {
	width: auto;
	top: 0;
	right: 0;
	bottom: unset;
	background: #fff;
	transform: translateY(-100%)
}
}
.page-header .region-select-another-wrapper.select-region-show {
	opacity: 1;
	visibility: visible
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper.select-region-show {
	transform: translateY(0%)
}
}

@media (max-width:1024px) {
.menu-opened .page-header .region-select-another-wrapper.select-region-show {
	transform: translateX(0%)
}
}
.page-header .region-select-another-wrapper .select-region-close {
--blockSize:var(--header_height);
--iconSize:24px;
	display: flex;
	align-items: center;
	background: var(--th_yellow);
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-close {
	display: none
}
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-content {
	height: 100%;
	display: flex;
	flex-direction: column
}
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-region-content {
	padding-right: var(--header_height)
}
}
.page-header .region-select-another-wrapper .select-region-content-top {
	flex-shrink: 0;
	position: sticky;
	z-index: 3
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-region-content-top {
	background: var(--th_dark);
	height: var(--header_height)
}
}
.page-header .region-select-another-wrapper .select-region-content-top .boundBlock {
--v_gap:7px
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-region-content-top .boundBlock {
--columns:1fr 500px 1fr;
--rows:var(--header_height);
--v_align:center
}
}
.page-header .region-select-another-wrapper .select-region-content-top .select-region-title {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 24px;
	color: #d22f77
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-region-content-top .select-region-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #fff
}
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-content-top .select-region-title {
	height: 60px
}
}
.page-header .region-select-another-wrapper .select-region-content-top .select-region-title .header-icon {
	margin-right: 16px
}
.page-header .region-select-another-wrapper .select-region-content-top .select-region-title .select-title-close {
--blockSize:40px;
--iconSize:20px;
--color:rgba(0,0,0,.4);
	transform: rotate(180deg);
	margin-left: auto
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-region-content-top .select-region-title .select-title-close {
	display: none
}
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete {
--form_field_height:38px
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete {
--form_field_height:44px
}
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .autocomplete .ui-autocomplete-input {
	border: 1px solid transparent
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .autocomplete .ui-autocomplete-input:focus {
	border-color: var(--form_field_border_color_focus)
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .autocomplete .ui-autocomplete-input:not(.focused):not(.autocomplete-open) {
--radius:24px
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .input-text {
	height: var(--form_field_height);
	padding: 0 10px 0 36px;
	box-sizing: border-box;
	font-size: 15px;
	background: #fff url(/img/search.svg) no-repeat 10px 50%;
	background-size: 16px
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .input-text::-webkit-input-placeholder {
color:#999;
opacity:1
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .input-text::-moz-placeholder {
color:#999;
opacity:1
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .input-text:-ms-input-placeholder {
color:#999;
opacity:1
}
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .input-text:-moz-placeholder {
color:#999;
opacity:1
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-content-top .region-autocomplete .input-text {
	border-radius: var(--th_radius)
}
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-content-list>.boundBlock {
	padding-right: 0
}
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-content-list, .page-header .region-select-another-wrapper .select-region-content-list>.boundBlock {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden
}
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-region-content-list .select-another-city-items {
	flex-grow: 1;
	overflow: hidden
}
}
.page-header .region-select-another-wrapper .select-another-city-items {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	padding: 20px 0 40px
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-another-city-items {
	padding: 32px 0 64px
}
}
.page-header .region-select-another-wrapper .select-another-city-items>.region-item {
--indent:6px;
--height:30px;
--padding:4px 10px;
	order: -1;
	min-height: var(--height);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: var(--padding);
	border-radius: var(--th_radius);
	font-size: 15px;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	margin-right: 10px;
	background: #fff
}
.page-header .region-select-another-wrapper .select-another-city-items>.region-item.current {
	background: var(--th_pink);
	color: #fff
}
.page-header .region-select-another-wrapper .select-another-city-items>.region-item.current+.select-another-subcity-items {
	display: grid
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-another-city-items>.region-item {
--height:38px;
--padding:10px 15px;
	background: #f6f6f6
}
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items {
--h_gap:20px;
--v_gap:var(--h_gap);
--colCount:2;
	display: none;
	width: 100%;
	margin-top: 32px
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items {
--colCount:4
}
}

@media (max-width:1024px) {
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items {
	flex-grow: 1;
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
--maxHeight:calc(68%);
	padding-right: var(--mainPadding)
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items::-webkit-scrollbar {
width:var(--scroll_width)
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items::-webkit-scrollbar-track {
background-color:transparent
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items::-webkit-scrollbar-thumb {
background-color:var(--th_red);
border-radius:var(--scroll_width)
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items::-webkit-scrollbar-thumb:hover {
background-color:var(--th_red)
}
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items .region-item {
	font-size: 15px;
	line-height: 20px;
	color: #999;
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items .region-item {
	transition: color var(--trns_time)
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items .region-item:hover {
	color: var(--th_main_color)
}
}
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items .region-item.current {
	color: var(--th_main_color)
}

@media (min-width:1025px) {
.page-header .region-select-another-wrapper .select-another-city-items .select-another-subcity-items .region-item {
	font-weight: 900;
	font-size: 16px;
	line-height: 1
}
}
.page-header .callback-title {
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	margin: 0 0 12px
}

@media (min-width:1025px) {
.page-header .callback-title {
	display: none
}
}
.page-header .callback-block {
	display: flex;
	align-items: center;
	justify-content: left
}
.page-header .callback-block .header-icon {
	margin-right: 8px;
    margin-bottom: 1px;
}
.page-header .callback-block .phone {
	font-family: 'GothamPro';
	font-size: 18px;
	color: var(--th_dark);
	margin: 2px 0 0
}
.page-header .callback-block .action-block {
	margin: 0 5px
}
.page-header .callback-block .action-block .callback-toggle {
	display: flex;
	font-size: 13px;
	line-height: 21px;
	text-transform: uppercase;
	color: var(--th_red);
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.page-header .callback-block .action-block .callback-toggle {
	transition: color var(--trns_time)
}
.page-header .callback-block .action-block .callback-toggle:hover {
	color: var(--th_dark)
}
}
.page-header .callback-block .action-block .note {
	font-size: 10px;
	line-height: 11px
}
.page-header .switcher-language {
	position: relative
}
.page-header .switcher-language .switcher-trigger {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: var(--th_fark);
	text-transform: uppercase;
	cursor: pointer
}
.page-header .switcher-language .switcher-trigger .icon-block {
--blockSize:12px;
	margin-left: 6px
}
.page-header .switcher-language .header-dropdown-container.swipe-hide .switcher-content {
	visibility: visible;
	opacity: 1;
	transition: visibility var(--trns_time), opacity var(--trns_time)
}
.page-header .switcher-language .header-dropdown-container.swipe-hide .switcher-content:not(.holded) {
	transition: visibility var(--trns_time), opacity var(--trns_time), transform var(--trns_time)
}
.page-header .switcher-language .header-dropdown-container.swipe-hide:not(.open) .switcher-content {
	visibility: hidden;
	opacity: 0
}
.page-header .switcher-language .header-dropdown-wrapper .header-dropdown-title {
	margin: 0 0 24px
}

@media (max-width:479px) {
.page-header .switcher-language .header-dropdown-wrapper .header-dropdown-title {
	font-family: 'GothamPro';
	text-transform: uppercase;
	border: none;
	font-size: 20px;
	line-height: 24px;
	color: var(--th_dark);
	text-align: center
}
}
.page-header .switcher-language .header-dropdown-wrapper .header-dropdown-content {
--v_gap:16px
}
.page-header .switcher-language .header-dropdown-wrapper .header-dropdown-content .language-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 400
}
.page-header .switcher-language .header-dropdown-wrapper .header-dropdown-content .language-item .text {
	padding: 3px 0 0
}
.page-header .switcher-language .header-dropdown-wrapper .header-dropdown-content .language-item input {
	margin: 0 0 0 var(--indent);
	pointer-events: none
}

@media (min-width:480px) {
.page-header .switcher-language .header-dropdown-wrapper .header-dropdown-content .language-item input {
--background:var(--block_background)
}
}
.page-header .search-container {
--form_field_height:40px;
--block_width:var(--form_field_height);
--block_radius:50%;
	margin-left: auto;
	width: var(--form_field_height);
	height: var(--form_field_height);
	padding: 7px 20px;
	/*margin-left: 30px*/
}

@media (max-width:1024px) {
.page-header .search-container {
	/*display: none*/
}
}

@media (max-width: 768px) {

  .page-header .search-container {
    width: 100%;
	padding: 7px 0px;
	/*margin-left: 30px*/
  }

  .page-header .search-container .minisearch.open {
    --block_width:100%;
    --block_radius:var(--form_field_border_radius);
  }
}



.page-header .search-container .block-search {
	position: relative
}
.page-header .search-container .minisearch {
	position: absolute;
	top: 0;
	right: 0;
	width: var(--block_width);
	/*overflow: hidden;*/
	transition: width var(--trns_time)
}
.page-header .search-container .minisearch .form-toggle {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: var(--form_field_height);
	height: var(--form_field_height);
	cursor: pointer
}
.page-header .search-container .minisearch .search-autocomplete {
	display: none
}
.page-header .search-container .minisearch.open {
--block_width:600px;
--block_radius:var(--form_field_border_radius)
}

@media (max-width: 768px) {
	.page-header .search-container .minisearch.open {
	--block_width:100%;
	--block_radius:var(--form_field_border_radius)
	}
}

.page-header .search-container .minisearch.open .form-toggle {
	display: none
}
.page-header .search-container .minisearch.open .field {
	transition-delay: 0s
}
.page-header .search-container .minisearch .field {
	display: block;
	border-radius: var(--block_radius);
	overflow: hidden;
	transition: border-radius .1s;
	transition-delay: .3s
}
.page-header .search-container .minisearch .nested {
	display: none
}
.page-header .search-container .minisearch .icon-block {
--blockSize:var(--form_field_height);
--iconSize:18px
}
.page-header .search-container .minisearch .input-text {
	padding: 2px var(--form_field_padding) 0 var(--form_field_height) !important
}
.page-header .search-container .minisearch .action.search {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	background: 0 0;
	border: none;
	width: var(--form_field_height);
	height: var(--form_field_height)
}


@media (max-width:1024px) {
.page-header .pages-navigation {
	display: grid;
	grid-gap: 24px;
	font-size: 18px
}
}

@media (min-width:1025px) {
.page-header .pages-navigation {
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 14px;
	line-height: 24px
}
.page-header .pages-navigation li:not(:last-child) {
	margin-right: 30px
}
}

@media (max-width:1024px) {
.page-header .header-menu-container {
	margin: 0 0 var(--header_v_indent)
}
}

@media (min-width:1025px) {
.page-header .header-menu-container {
--item_height:54px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--th_pink);
	border-radius: var(--th_radius);
	position: relative
}
}
.page-header .advancedmenu-wrap .back-block {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: var(--header_padding);
	background: var(--th_gray_light);
	font-size: 15px;
	line-height: 18px
}

@media (min-width:1025px) {
.page-header .advancedmenu-wrap .back-block {
	display: none
}
}
.page-header .advancedmenu-wrap .back-block .back-arrow {
	margin-right: 8px;
	position: relative;
	transform: rotate(180deg)
}

@media (min-width:1025px) {

  .page-header .advancedmenu-content.level0 > .advancedmenu-inner {
    display: block;
  }

  .page-header .advancedmenu-content.level0
  > .advancedmenu-inner
  > .advancedmenu-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column: auto;
  }

}

@media (min-width:1025px) {
.page-header .advancedmenu-content.level0>.advancedmenu-inner>.menu-category-image {
	grid-column-start: 1;
	grid-row-start: 1
}
}
.page-header .menu-category-image {
	direction: ltr;
	max-width: 592px;
	width: 100%;
	display: flex;
	position: relative;
	overflow: hidden;
	flex-shrink: 0
}

@media (min-width:1025px) {
.page-header .menu-category-image {
	height: 100%;
	min-height: 300px;
	margin: 0 0 0 auto
}
}

@media (max-width:1024px) {
.page-header .menu-category-image {
	padding: 0 var(--header_catalog_padding) var(--header_catalog_padding);
	box-sizing: border-box
}
}
.page-header .menu-category-image picture {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: inherit
}
.page-header .menu-category-image img {
	width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 6px
}
.page-header .menu-category-image .info-block {
--indent:16px;
--button_height:40px;
	position: absolute;
	top: var(--indent);
	left: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var(--th_yellow)
}

@media (min-width:1101px) {
.page-header .menu-category-image .info-block {
--indent:24px
}
}

@media (min-width:1201px) {
.page-header .menu-category-image .info-block {
--indent:32px;
--button_height:54px
}
}
.page-header .menu-category-image .info-block .banner-text {
	font-family: 'GothamPro';
	text-transform: uppercase;
	max-width: 300px;
	font-size: 18px;
	margin: 0 0 24px
}

@media (min-width:1101px) {
.page-header .menu-category-image .info-block .banner-text {
	font-size: 24px;
	line-height: 28px
}
}

@media (min-width:1201px) {
.page-header .menu-category-image .info-block .banner-text {
	font-size: 32px;
	line-height: 39px
}
}
.page-header .menu-category-image .info-block .banner-subtext {
	flex-shrink: 0;
	display: flex
}

@media (max-width:1024px) {
.page-header .advancedmenu-inner {
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden
}
.page-header .advancedmenu-inner::-webkit-scrollbar {
width:var(--scroll_width)
}
.page-header .advancedmenu-inner::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.page-header .advancedmenu-inner::-webkit-scrollbar-track {
background-color:transparent
}
.page-header .advancedmenu-inner::-webkit-scrollbar-thumb {
background-color:var(--th_gray_light);
border-radius:var(--scroll_width)
}
.page-header .advancedmenu-inner::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_light)
}
}

@media (max-width:1024px) {
.page-header .advancedmenu-list {
--v_gap:6px;
	align-content: start;
	flex-grow: 1;
	background: #fff;
	padding: var(--header_catalog_padding);
	box-sizing: border-box
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list.catalog-list {
	display: flex;
	align-items: center;
	color: #fff
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list li.level0:first-child .advancedmenu-link.level0 {
	border-radius: var(--th_radius) 0 0 var(--th_radius)
}
}
.page-header .advancedmenu-list li.level1 .advancedmenu-link {
--icon_color:var(--th_purple)
}

@media (min-width:1025px) {
.page-header .advancedmenu-list li.level1 .advancedmenu-link {
	padding: 16px 10px 20px;
	border-radius: var(--th_radius);
	color: #292929;
	background: 0 0;
	transition: background var(--trns_time), color var(--trns_time)
}
}

@media (hover:hover) and (min-width:1025px) {
.page-header .advancedmenu-list li.level1 .advancedmenu-link:hover {
	color: var(--th_purple)
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list li.level1 .advancedmenu-link.level1 {
	display: flex;
	flex-direction: column;
	align-items: center
}
}
.page-header .advancedmenu-list li.level1 .advancedmenu-link.level1 .menu-icon {
--blockSize:32px !important;
--color:var(--icon_color)
}

@media (min-width:1025px) {
.page-header .advancedmenu-list li.level1 .advancedmenu-link.level1 .menu-icon {
--blockSize:72px !important;
	width: 100%;
	transition: color var(--trns_time);
	margin: 0 0 12px
}
}
.page-header .advancedmenu-list li.level1 .advancedmenu-link.level1 .text-block .name {
	font-size: 16px;
	line-height: 18px
}

@media (min-width:1025px) {
.page-header .advancedmenu-list li.level1 .advancedmenu-link.level1 .text-block .name {
	font-size: 15px
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list li.level1 .advancedmenu-link.level1 .text-block .name {
	font-weight: 700;
	text-align: center
}
}
.page-header .advancedmenu-list .advancedmenu-wrap {
--icon_indent:12px
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link {
	display: flex;
	min-height: 54px
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link {
	align-items: center;
	min-height: 24px
}
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link {
	position: relative;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 6px;
	background: var(--th_gray_light);
}
}

@media (max-width:1024px) {
  .page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .menu-icon {
    order: 0;              /* ← слева */
    flex-shrink: 0;
    width: 44px;
    height: 44px;

    margin: 0;
    margin-right: 12px;   /* отступ от текста */
  }
}

.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .menu-icon svg {
	width: 100%;
	height: 100%
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .menu-icon svg {
	flex-shrink: 0;
	pointer-events: none
}
}


/* Иконка слева */
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link i {
  flex-shrink: 0;
  width: 36px;   /* фиксированная ширина иконки */
  height: 36px;  /* фиксированная высота */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--icon_indent); /* отступ от текста */
  font-size: 20px; /* размер иконки */
  text-align: center;
}

.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .text-block {
--v_gap:2px;
	order: 0;
	flex-grow: 1;
	padding: 8px 0 0
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .text-block {
	padding: 7px 0
}
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .text-block {
--v_align:center
}
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .text-block .name {
	font-size: 16px;
	line-height: 18px
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .text-block .name {
	font-size: 15px
}
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .text-block .name {
	font-family: 'GothamPro';
	text-transform: uppercase;
	word-break: break-word
}
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .text-block .description {
	font-weight: 400;
	font-size: 14px;
	color: var(--th_gray_middle)
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .arrow-block {
--color:currentColor;
	margin-left: var(--icon_indent)
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .arrow-block {
	margin-top: 4px
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .arrow-block {
--blockSize:16px;
	transform: rotate(90deg);
	transition: transform var(--trns_time)
}
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link .arrow-block:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link.level0 {
	height: var(--item_height);
	padding: 10px 15px;
	box-sizing: border-box
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-link.level0 .menu-icon {
	display: none
}
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content {
	position: absolute;
	z-index: 5;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content {
	max-width: 100%;
	position: fixed;
	top: 0;
	right: unset;
left:calc(var(--header_menu_width)*-1);
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: var(--header_menu_width);
	transition: left var(--trns_time)
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content {
	top: calc(100% + 8px);
	box-sizing: border-box;
	padding: var(--mainPadding);
	color: var(--th_main_color);
	box-shadow: 0px 10px 30px rgba(0,0,0,.15);
	border-radius: var(--th_radius)
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content:before {
	content: '';
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	bottom: 100%
}
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content>.advancedmenu-inner {
	flex-grow: 1;
	display: flex;
	flex-direction: column
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content>.advancedmenu-inner {
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
--maxHeight:calc(100vh - (var(--header_top) + var(--header_bottom) + (var(--mainPadding)*2) + 16px));
	height: 100%;
	box-sizing: border-box;
width:calc(100% + (var(--mainPadding)/2));
	padding-left: calc(var(--mainPadding)/2);
margin-left:calc(var(--mainPadding)/2*-1);
	/*direction: rtl*/
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content>.advancedmenu-inner::-webkit-scrollbar {
width:var(--scroll_width)
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content>.advancedmenu-inner::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content>.advancedmenu-inner::-webkit-scrollbar-track {
background-color:transparent
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content>.advancedmenu-inner::-webkit-scrollbar-thumb {
background-color:var(--th_pink);
border-radius:var(--scroll_width)
}
.page-header .advancedmenu-list .advancedmenu-wrap .advancedmenu-content>.advancedmenu-inner::-webkit-scrollbar-thumb:hover {
background-color:var(--th_pink)
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap.open>.advancedmenu-link {
	background: var(--th_yellow)
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap.open>.advancedmenu-link .arrow-block {
	transform: rotate(-90deg)
}
}

@media (max-width:1024px) {
.page-header .advancedmenu-list .advancedmenu-wrap.open>.advancedmenu-content {
	left: 0
}
}

@media (min-width:1025px) {
.page-header .advancedmenu-list .advancedmenu-wrap:not(.open)>.advancedmenu-content {
	display: none
}
}
@-moz-document url-prefix() {
.page-header .authorization-link.disabled {
touch-action:auto !important;
pointer-events:auto !important
}
}
.page-header:has(#region-native-address-message-out-of-zone.show):before {
top:201px
}
.page-header:has(#region-native-address-message-choose-your-zone.show):before {
top:177px
}
.page-footer {
--top_indent:230px;
--bottom_indent:54px;
	background: var(--th_pink);
	color: #fff;
	padding-top: var(--top_indent);
	padding-bottom: var(--bottom_indent);
	font-size: 18px;
	line-height: 25px;
	position: relative
}

@media (min-width:1025px) {
.page-footer {
--top_indent:175px;
--bottom_indent:15px
}
}
.page-footer ul {
	list-style: none
}
.page-footer a {
	text-decoration: none
}

@media (hover:hover) and (min-width:1025px) {
.page-footer a {
	transition: color var(--trns_time)
}
.page-footer a:hover {
	color: var(--th_yellow)
}
}
.page-footer .footer-grid {
--colCount:2;
--h_gap:24px;
--v_gap:48px;
--h_aling:space-between;
--v_align:start
}

@media (min-width:1025px) {
.page-footer .footer-grid {
--colCount:4;
--rows:auto 1fr
}
}

@media (max-width:1024px) {
.page-footer .footer-grid {
	padding: 0 50px
}
}

@media (max-width:374px) {
.page-footer .footer-grid {
	padding: 0 30px
}
}
.page-footer .footer-grid .footer-title {
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 24px
}
.page-footer .footer-grid .footer-links {
--v_gap:12px
}
.page-footer .footer-grid .footer-links li {
	list-style: none
}

@media (max-width:1024px) {
.page-footer .footer-grid .contacts-column, .page-footer .footer-grid .additional-column {
	grid-column: span 2
}
}
.page-footer .footer-grid .additional-column {
--v_gap:46px
}
.page-footer .footer-grid .measure-button {
	font-family: 'GothamPro';
	min-width: var(--button_min_width);
	height: var(--button_height);
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--button_font_size);
	font-weight: var(--button_font_weight);
	color: var(--button_color);
	text-transform: var(--button_text_transform);
	letter-spacing: var(--button_text_letter_spacing);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	background: var(--button_background);
	border: var(--button_border_width) var(--button_border_style) var(--button_border_color);
	border-radius: var(--button_border_radius);
	padding: 0 var(--button_padding);
	transition: background var(--trns_time), border-color var(--trns_time), color var(--trns_time);
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}

@media (hover:hover) {
.page-footer .footer-grid .measure-button:hover {
	color: var(--button_color_hover);
	background-color: var(--button_background_hover);
	border-color: var(--button_border_color_hover)
}
}
.page-footer .footer-grid .measure-button:disabled, .page-footer .footer-grid .measure-button.disabled {
	color: var(--button_color_disabled);
	background-color: var(--button_background_disabled);
	border-color: var(--button_border_color_disabled);
	pointer-events: none
}
.page-footer .footer-grid .measure-button.empty {
--button_color:var(--th_pink);
--button_background:0 0;
--button_border_color:var(--th_pink);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-footer .footer-grid .measure-button.white {
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-footer .footer-grid .measure-button.yellow {
--button_color:var(--th_dark);
--button_background:var(--th_yellow);
--button_border_color:var(--th_yellow);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-footer .footer-grid .measure-button.dark {
--button_background:var(--th_dark);
--button_border_color:var(--th_dark);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.page-footer .footer-grid .measure-button.round {
--button_min_width:var(--button_height);
--button_padding:0
}
.page-footer .footer-grid .measure-button .icon-block {
--color:inherit;
--blockSize:20px
}
.page-footer .footer-grid .shop-social-links {
--icon_size:24px;
--indent:10px
}

@media (max-width:479px) {
.page-footer .footer-grid .shop-social-links {
	grid-row-start: 1
}
}
.page-footer .footer-grid .shop-social-links .social-links-items {
	display: flex;
	flex-wrap: wrap;
margin:calc(var(--indent)*-1);
	align-items: center;
	justify-content: center
}

@media (min-width:480px) {
.page-footer .footer-grid .shop-social-links .social-links-items {
	justify-content: center
}
}
.page-footer .footer-grid .shop-social-links .social-links-items .social-item {
	margin: var(--indent)
}
.page-footer .footer-grid .shop-social-links .social-links-items .social-item a {
	width: var(--icon_size);
	height: var(--icon_size);
	display: flex;
	align-items: center;
	justify-content: center
}
.page-footer .footer-grid .shop-social-links .social-links-items .social-item .soc-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor
}


/* Фирменные цвета для соцсетей в подвале */
.page-footer .footer-grid .shop-social-links .social-links-items .social-item.instagram a .soc-icon {
    color: #E1306C; /* Instagram розовый/фиолетовый градиент не получится, используем основной */
}

.page-footer .footer-grid .shop-social-links .social-links-items .social-item.viber a .soc-icon {
    color: #665CAC; /* Viber фиолетовый */
}

.page-footer .footer-grid .shop-social-links .social-links-items .social-item.telegram a .soc-icon {
    color: #0088CC; /* Telegram голубой */
}

.page-footer .footer-grid .shop-social-links .social-links-items .social-item.whatsapp a .soc-icon {
    color: #25D366; /* WhatsApp зелёный */
}

/* При наведении можно сделать легкий эффект */
.page-footer .footer-grid .shop-social-links .social-links-items .social-item a:hover .soc-icon {
    transform: scale(1.2);
    opacity: 0.8;
    transition: transform 0.2s, opacity 0.2s;
}


.page-footer .footer-grid .shop-partners-info.container {
--indent:10px
}
.page-footer .footer-grid .shop-partners-info.description {
	display: none
}
.page-footer .footer-grid .shop-partners-info.list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
margin:calc(var(--indent)*-1)
}
.page-footer .footer-grid .shop-partners-info.item {
	margin: var(--indent)
}
.page-footer .footer-grid .shop-partners-info.icon {
	width: auto;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: grayscale(100%) brightness(0.35);
}
.page-footer .footer-grid .shop-partners-info.icon img {
	width: auto;
	height: auto
}
.page-footer .footer-grid .contacts-title {
	font-size: 18px;
	line-height: 25px
}
.page-footer .footer-grid .contact-measure-phone {
--v_gap:12px;
	margin: 24px 0 0
}

@media (min-width:1025px) {
.page-footer .footer-grid .contact-measure-phone {
	margin: 36px 0 0
}
}
.page-footer .footer-bottom:not(:first-child) {
	margin-top: 65px
}

@media (min-width:1025px) {
.page-footer .footer-bottom:not(:first-child) {
	margin-top: 30px
}
}
.page-footer .footer-bottom .footer-bottom-inner {
--v_gap:45px;
	align-items: center;
	justify-items: center;
	font-size: 15px;
	line-height: 18px
}

@media (max-width:1024px) {
.page-footer .footer-bottom .footer-bottom-inner {
	text-align: center
}
}

@media (min-width:1025px) {
.page-footer .footer-bottom .footer-bottom-inner {
--columns:auto auto;
--h_gap:24px;
--h_align:space-between;
--v_align:end
}
}
.page-footer .footer-bottom .copyright {
	max-width: 460px
}
.page-footer .footer-bottom .ceo-refs {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	align-items: center
}

@media (min-width:1025px) {
.page-footer .footer-bottom .ceo-refs {
	align-items: flex-start
}
}
.page-footer .footer-bottom .development-by, .page-footer .footer-bottom .promoting-by {
	display: flex;
	align-items: center
}
.page-footer .footer-bottom .development-by a, .page-footer .footer-bottom .promoting-by a {
	display: flex;
	font-weight: 800;
	margin-left: 6px
}

@media (hover:hover) and (min-width:1025px) {
.page-footer .footer-bottom .development-by a, .page-footer .footer-bottom .promoting-by a {
	transition: color var(--trns_time)
}
.page-footer .footer-bottom .development-by a:hover, .page-footer .footer-bottom .promoting-by a:hover {
	color: #fff
}
}

@media (min-width:1025px) {
.page-footer .footer-bottom .development-by a, .page-footer .footer-bottom .promoting-by a {
	color: var(--th_yellow)
}
}
.page-footer .footer-download {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0
}

@media (min-width:1025px) {
.page-footer .footer-download {
	top: 25px
}
}
.page-footer .download-container {
	background-color: #fff;
	border-radius: 12px;
	padding: 10px 30px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative
}

@media (min-width:768px) {
.page-footer .download-container {
	padding: 10px 15px
}
}

@media (min-width:1025px) {
.page-footer .download-container {
	padding: 14px 30px
}
}
.page-footer .download-container__bg-img {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 220px;
	height: 180px;
	z-index: 5;
	object-fit: cover;
	pointer-events: none
}

@media (min-width:768px) {
.page-footer .download-container__bg-img {
	bottom: 0;
	right: 4%;
	width: 722px;
	height: 141px;
	content: none
}
}
.page-footer .left-txt {
	font-weight: 400;
	font-size: 17px;
	line-height: 21px;
	color: #d62889;
	position: relative
}
.page-footer .left-txt:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -28px;
	left: -22px;
	width: 35px;
	height: 38px;
	z-index: 5;
	background-image: url(/img/stars.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover
}

@media (min-width:768px) {
.page-footer .left-txt:after {
	display: none
}
}

@media (min-width:1025px) {
.page-footer .left-txt {
	font-size: 18px;
	line-height: 23px
}
}
.page-footer .left-txt span {
	font-weight: 700
}
.page-footer .right-txt {
	display: none
}

@media (min-width:768px) {
.page-footer .right-txt {
	display: block;
	padding-right: 125px;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	text-align: right;
	color: #d62889;
	position: relative
}
}
.page-footer .right-txt:after {
	display: none
}

@media (min-width:768px) {
.page-footer .right-txt:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	right: 0;
	width: 111px;
	height: 111px;
	z-index: 5;
	background-image: url(/img/qr.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover
}
}
.page-footer .download-btn {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
--button_color:#000;
--button_background:#e1de43;
--button_border_color:#e1de43;
	padding: 10px 40px;
	border-radius: 19px;
	height: 57px;
	font-weight: 700;
	font-size: 19px;
	line-height: 57px;
	color: #000;
	text-transform: uppercase;
	width: 216px;
	margin-top: 15px;
	z-index: 6
}

@media (min-width:768px) {
.page-footer .download-btn {
	display: none
}
}
.page-footer br.d {
	display: none
}

@media (min-width:1025px) {
.page-footer br.d {
	display: block
}
}
.page-footer br.m {
	display: block
}

@media (min-width:1025px) {
.page-footer br.m {
	display: none
}
}
.modals-overlay {
	position: fixed;
	z-index: 499;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--th_overlay_bg)
}
.modal-popup {
--modalOuterIndent:var(--mainPadding);
--modalWidth:410px;
--modalMaxWidth:calc(100% - (var(--modalOuterIndent)*2));
--modalHeight:100%;
--modalMinWidth:280px;
--modalBg:#fff;
--modalBorderRadius:var(--th_radius) var(--th_radius) 0 0;
--modalAlign:center;
--modalPadding:15px;
--modalPaddingTop:var(--modalPadding);
--modalPaddingSide:var(--modalPadding);
--modalPaddingBottom:var(--modalPadding);
--modalSideIndent:24px;
--footerTopIndent:24px;
--closeBlockSize:36px;
--closeIconWidth:36px;
--closeIconHeight:5px;
--iconColor:var(--th_dark);
--iconBg:var(--th_yellow);
--v_indent:0px;
--h_indent:var(--v_indent);
--titleTopIndent:0;
--titleBottomIndent:24px;
--titleFontSize:20px;
--lineHeight:24px;
--titleWidth:500;
--titleColor:var(--th_dark);
--contentFontWeight:500;
--contentFontSize:14px;
--contentLineHeight:1.3;
--contentColor:var(--th_main_color);
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 0;
	width: 100%;
	display: flex;
	align-items: var(--modalAlign);
	justify-content: center;
	pointer-events: none;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: visibility .3s, opacity .3s
}

@media (max-width:479px) {
.modal-popup {
--modalOuterIndent:0px;
--transform:translateY(100%);
--modalAlign:flex-end;
--modalWidth:100%;
--titleTopIndent:24px
}
}

@media (min-width:480px) {
.modal-popup {
--titleFontSize:28px;
--lineHeight:1.1;
--closeBlockSize:var(--header_height);
--closeIconWidth:24px;
--closeIconHeight:2px;
--modalBorderRadius:0;
--modalPaddingTop:120px;
--footerTopIndent:48px;
--transform:translateX(100%)
}
}

@media (min-width:1025px) {
.modal-popup {
--modalPadding:32px
}
}
.modal-popup._show {
	z-index: 502;
	visibility: visible;
	opacity: 1
}

@media (max-width:479px) {
.modal-popup._show {
--transform:translateY(0%)
}
}

@media (min-width:480px) {
.modal-popup._show {
--transform:translateX(0%)
}
}
.modal-popup .modal-inner-wrap {
--closeColor:var(--iconColor);
	width: var(--modalWidth);
	max-width: 100%;
	max-height: var(--modalHeight);
	position: absolute;
	height: auto;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	border-radius: var(--modalBorderRadius);
	background: var(--modalBg);
	box-sizing: border-box;
	padding: var(--modalPaddingTop) var(--modalPaddingSide) var(--modalPaddingBottom);
	margin: 0 auto;
	overflow: visible;
	opacity: 1;
	pointer-events: auto;
	transform: var(--transform);
	transition: transform .3s
}
.modal-popup .modal-inner-wrap.holded {
	transition: none
}

@media (max-width:479px) {
.modal-popup .modal-inner-wrap.modal-close {
--closeColor:var(--th_red)
}
}

@media (max-width:479px) {
.modal-popup .modal-inner-wrap {
--closeColor:rgba(0,0,0,.1)
}
}

@media (min-width:480px) {
.modal-popup .modal-inner-wrap {
	left: unset;
	top: 0;
	bottom: 0
}
}

@media (min-width:1025px) {
.modal-popup .modal-inner-wrap {
max-width:calc(var(--modalMaxWidth) - (var(--modalSideIndent)*2))
}
}
.modal-popup .action-close {
	width: var(--closeBlockSize);
	height: var(--closeBlockSize);
	position: absolute;
	top: var(--v_indent);
	right: var(--v_indent);
	color: var(--closeColor);
	background-color: var(--iconBg);
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	transition: color var(--trns_time)
}

@media (hover:hover) and (min-width:1025px) {
.modal-popup .action-close {
	transition: color var(--trns_time)
}
.modal-popup .action-close:hover {
	color: var(--th_green)
}
}

@media (max-width:479px) {
.modal-popup .action-close {
right:calc(50% - (var(--closeBlockSize)/2));
	background: 0 0
}
}
.modal-popup .action-close:before, .modal-popup .action-close:after {
	content: '';
	width: var(--closeIconWidth);
	height: var(--closeIconHeight);
	position: absolute;
left:calc(50% - (var(--closeIconWidth)/2));
top:calc(50% - (var(--closeIconHeight)/2));
	background-color: currentColor;
	transform: rotate(45deg);
	color: currentColor;
	border-radius: var(--closeIconHeight)
}
.modal-popup .action-close:after {
	transform: rotate(-45deg)
}

@media (max-width:479px) {
.modal-popup .action-close:before {
	transform: rotate(0deg)
}
}

@media (max-width:479px) {
.modal-popup .action-close:after {
	transform: rotate(0deg)
}
}
.modal-popup .action-close span {
	display: none
}
.modal-popup .modal-header, .modal-popup .modal-footer {
	flex-grow: 0;
	flex-shrink: 0
}
.modal-popup .modal-header {
	min-height: 48px
}
.modal-popup .modal-header .modal-title {
	font-family: 'GothamPro';
	text-transform: uppercase;
	border: none;
	font-weight: var(--titleWidth);
	font-size: var(--titleFontSize);
	line-height: var(--lineHeight);
	color: var(--titleColor);
	text-align: center;
	padding: 0;
	margin: var(--titleTopIndent) 0 var(--titleBottomIndent)
}
.modal-popup .modal-header .modal-title~.modal-subtitle {
margin-top:calc(var(--titleBottomIndent)/2*-1)
}
.modal-popup .modal-header .modal-subtitle {
	font-weight: 400;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	margin: 0 0 var(--titleBottomIndent)
}
.modal-popup .modal-content {
--scrollWidth:4px;
--scrollIndent:var(--scrollWidth);
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
--maxHeight:100%;
	width: calc(100% + var(--modalPaddingSide) - var(--scrollIndent));
	box-sizing: border-box;
	padding-right: calc(var(--modalPaddingSide) - var(--scrollIndent));
margin-right:calc((var(--modalPaddingSide) - var(--scrollIndent))*-1);
	font-weight: var(--contentFontWeight);
	font-size: var(--contentFontSize);
	line-height: var(--contentLineHeight);
	color: var(--contentColor)
}
.modal-popup .modal-content::-webkit-scrollbar {
width:var(--scrollWidth)
}
.modal-popup .modal-content::-webkit-scrollbar:horizontal {
height:var(--scrollWidth)
}
.modal-popup .modal-content::-webkit-scrollbar-track {
background-color:transparent
}
.modal-popup .modal-content::-webkit-scrollbar-thumb {
background-color:var(--th_gray_heavy);
border-radius:var(--scrollWidth)
}
.modal-popup .modal-content::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_heavy)
}
.modal-popup .modal-content fieldset, .modal-popup .modal-content .fieldset, .checkout-form .fieldset {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
	border: none
}
.modal-popup .modal-content fieldset.equal, .modal-popup .modal-content .fieldset.equal, .checkout-form .fieldset {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.modal-popup .modal-content input[type=text],
.checkout-form input[type=text], .modal-popup .modal-content input[type=password], .modal-popup .modal-content input[type=email], .modal-popup .modal-content input[type=number],
.checkout-form input[type=number], .modal-popup .modal-content input[type=date], .modal-popup .modal-content input[type=month], .modal-popup .modal-content input[type=search], .modal-popup .modal-content input[type=tel],
.checkout-form input[type=tel], .modal-popup .modal-content input[type=time], .modal-popup .modal-content input[type=number] {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .3s;
	background: var(--form_field_bg);
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	padding: var(--form_label_height) calc(var(--form_field_padding) + var(--form_field_additional_padding)) 0 var(--form_field_padding);
	font-weight: var(--form_field_font_weight);
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	letter-spacing: var(--form_field_letter_spacing);
	height: var(--form_field_height)
}
.modal-popup .modal-content input[type=text]::-webkit-input-placeholder, .modal-popup .modal-content input[type=password]::-webkit-input-placeholder, .modal-popup .modal-content input[type=email]::-webkit-input-placeholder, .modal-popup .modal-content input[type=number]::-webkit-input-placeholder, .modal-popup .modal-content input[type=date]::-webkit-input-placeholder, .modal-popup .modal-content input[type=month]::-webkit-input-placeholder, .modal-popup .modal-content input[type=search]::-webkit-input-placeholder, .modal-popup .modal-content input[type=tel]::-webkit-input-placeholder, .modal-popup .modal-content input[type=time]::-webkit-input-placeholder, .modal-popup .modal-content input[type=number]::-webkit-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content input[type=text]::-moz-placeholder, .modal-popup .modal-content input[type=password]::-moz-placeholder, .modal-popup .modal-content input[type=email]::-moz-placeholder, .modal-popup .modal-content input[type=number]::-moz-placeholder, .modal-popup .modal-content input[type=date]::-moz-placeholder, .modal-popup .modal-content input[type=month]::-moz-placeholder, .modal-popup .modal-content input[type=search]::-moz-placeholder, .modal-popup .modal-content input[type=tel]::-moz-placeholder, .modal-popup .modal-content input[type=time]::-moz-placeholder, .modal-popup .modal-content input[type=number]::-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content input[type=text]:-ms-input-placeholder, .modal-popup .modal-content input[type=password]:-ms-input-placeholder, .modal-popup .modal-content input[type=email]:-ms-input-placeholder, .modal-popup .modal-content input[type=number]:-ms-input-placeholder, .modal-popup .modal-content input[type=date]:-ms-input-placeholder, .modal-popup .modal-content input[type=month]:-ms-input-placeholder, .modal-popup .modal-content input[type=search]:-ms-input-placeholder, .modal-popup .modal-content input[type=tel]:-ms-input-placeholder, .modal-popup .modal-content input[type=time]:-ms-input-placeholder, .modal-popup .modal-content input[type=number]:-ms-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content input[type=text]:-moz-placeholder, .modal-popup .modal-content input[type=password]:-moz-placeholder, .modal-popup .modal-content input[type=email]:-moz-placeholder, .modal-popup .modal-content input[type=number]:-moz-placeholder, .modal-popup .modal-content input[type=date]:-moz-placeholder, .modal-popup .modal-content input[type=month]:-moz-placeholder, .modal-popup .modal-content input[type=search]:-moz-placeholder, .modal-popup .modal-content input[type=tel]:-moz-placeholder, .modal-popup .modal-content input[type=time]:-moz-placeholder, .modal-popup .modal-content input[type=number]:-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content input[type=text].mage-error, .modal-popup .modal-content input[type=password].mage-error, .modal-popup .modal-content input[type=email].mage-error, .modal-popup .modal-content input[type=number].mage-error, .modal-popup .modal-content input[type=date].mage-error, .modal-popup .modal-content input[type=month].mage-error, .modal-popup .modal-content input[type=search].mage-error, .modal-popup .modal-content input[type=tel].mage-error, .modal-popup .modal-content input[type=time].mage-error, .modal-popup .modal-content input[type=number].mage-error {
	border-color: var(--th_error)
}
.modal-popup .modal-content input[type=text]:focus, .modal-popup .modal-content input[type=password]:focus, .modal-popup .modal-content input[type=email]:focus, .modal-popup .modal-content input[type=number]:focus, .modal-popup .modal-content input[type=date]:focus, .modal-popup .modal-content input[type=month]:focus, .modal-popup .modal-content input[type=search]:focus, .modal-popup .modal-content input[type=tel]:focus, .modal-popup .modal-content input[type=time]:focus, .modal-popup .modal-content input[type=number]:focus {
	border-color: var(--form_field_border_color_focus)
}
.modal-popup .modal-content input[type=text]:-webkit-autofill, .modal-popup .modal-content input[type=password]:-webkit-autofill, .modal-popup .modal-content input[type=email]:-webkit-autofill, .modal-popup .modal-content input[type=number]:-webkit-autofill, .modal-popup .modal-content input[type=date]:-webkit-autofill, .modal-popup .modal-content input[type=month]:-webkit-autofill, .modal-popup .modal-content input[type=search]:-webkit-autofill, .modal-popup .modal-content input[type=tel]:-webkit-autofill, .modal-popup .modal-content input[type=time]:-webkit-autofill, .modal-popup .modal-content input[type=number]:-webkit-autofill {
box-shadow:inset 0 0 0 500px var(--form_field_bg)
}
.modal-popup .modal-content input[type=number] {
	-moz-appearance: textfield
}
.modal-popup .modal-content input.pac-target-input {
--form_field_additional_padding:24px
}
.modal-popup .modal-content select {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .3s;
	background: var(--form_field_bg);
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	padding: var(--form_label_height) calc(var(--form_field_padding) + var(--form_field_additional_padding)) 0 var(--form_field_padding);
	font-weight: var(--form_field_font_weight);
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	letter-spacing: var(--form_field_letter_spacing);
	height: var(--form_field_height)
}
.modal-popup .modal-content select::-webkit-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content select::-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content select:-ms-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content select:-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content select.mage-error {
	border-color: var(--th_error)
}
.modal-popup .modal-content select:focus {
	border-color: var(--form_field_border_color_focus)
}
.modal-popup .modal-content select.hidden {
	position: absolute;
	visibility: hidden
}
.modal-popup .modal-content textarea,
.checkout-form textarea {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .3s;
	background: var(--form_field_bg);
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	padding: var(--form_label_height) calc(var(--form_field_padding) + var(--form_field_additional_padding)) 0 var(--form_field_padding);
	font-weight: var(--form_field_font_weight);
	font-size: var(--form_field_font_size);
	color: var(--form_field_color);
	letter-spacing: var(--form_field_letter_spacing);
	resize: vertical;
	min-height: var(--form_field_textarea_height);
	padding: calc(var(--form_label_height) + var(--form_field_padding)) var(--form_field_padding) var(--form_field_padding);
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden
}
.modal-popup .modal-content textarea::-webkit-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content textarea::-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content textarea:-ms-input-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content textarea:-moz-placeholder {
color:var(--form_field_placeholder_color);
opacity:1
}
.modal-popup .modal-content textarea.mage-error {
	border-color: var(--th_error)
}
.modal-popup .modal-content textarea:focus {
	border-color: var(--form_field_border_color_focus)
}
.modal-popup .modal-content textarea::-webkit-scrollbar {
width:var(--scroll_width)
}
.modal-popup .modal-content textarea::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.modal-popup .modal-content textarea::-webkit-scrollbar-track {
background-color:transparent
}
.modal-popup .modal-content textarea::-webkit-scrollbar-thumb {
background-color:red;
border-radius:var(--scroll_width)
}
.modal-popup .modal-content textarea::-webkit-scrollbar-thumb:hover {
background-color:red
}
.modal-popup .modal-content .field._required .label:after {
	content: '*';
	display: block;
	position: relative
}
.modal-popup .modal-content .field._error input:not([type=radio]):not([type=checkbox]), .modal-popup .modal-content .field._error textarea {
	border-color: var(--th_error_color)
}
.modal-popup .modal-content .field .control._with-tooltip {
--form_field_additional_padding:calc(var(--tooltip_toggle_size) + var(--h_gap));
	position: relative
}
.modal-popup .modal-content .field .control._with-tooltip .label {
	display: none
}
.modal-popup .modal-content .field .control._with-tooltip .field-tooltip {
--content_display:none;
--icon_color:var(--form_field_border_color);
	position: absolute;
	z-index: 3;
	top: calc((var(--form_field_height) - var(--tooltip_toggle_size))/2);
	right: var(--form_field_padding)
}
.modal-popup .modal-content .field .control._with-tooltip .field-tooltip._active {
--content_display:block;
--icon_color:var(--form_field_border_color_focus)
}
.modal-popup .modal-content .field .control._with-tooltip .field-tooltip .field-tooltip-action {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--tooltip_toggle_size);
	height: var(--tooltip_toggle_size);
	border-radius: 50%;
	border: var(--form_field_border_width) var(--form_field_border_style) var(--icon_color);
	transition: border-color var(--trns_time)
}

@media (hover:hover) and (min-width:1025px) {
.modal-popup .modal-content .field .control._with-tooltip .field-tooltip .field-tooltip-action:hover {
--icon_color:var(--form_field_border_color_focus)
}
}
.modal-popup .modal-content .field .control._with-tooltip .field-tooltip .field-tooltip-action:after {
	content: '?';
	font-weight: 600;
	font-size: 16px;
	color: var(--icon_color);
	transition: color var(--trns_time)
}
.modal-popup .modal-content .field .control._with-tooltip .field-tooltip .field-tooltip-content {
	display: var(--content_display);
	position: absolute;
	z-index: 5;
	min-width: var(--tooltip_content_width);
	top: 100%;
	right: calc(var(--tooltip_toggle_size)/2);
	padding: 16px;
	background: var(--tooltip_content_background);
	border-radius: var(--th_radius) 0 var(--th_radius) var(--th_radius);
	font-size: 12px;
	margin: 12px 0 0
}
.modal-popup .modal-content .field .control._with-tooltip .field-tooltip .field-tooltip-content:before {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 0;
	width: 0;
	height: 0;
	border-width: 13px 13px 0 0;
	border-style: solid;
	border-color: transparent var(--tooltip_content_background) transparent transparent
}
.modal-popup .modal-content .field .field-error, .modal-popup .modal-content .field div.mage-error {
	font-weight: 400;
	font-size: 12px;
	color: var(--th_error);
	margin: 6px 0 0
}
.modal-popup .modal-content .field.captcha {
	display: flex;
	flex-direction: column
}
.modal-popup .modal-content .field [id=password-strength-meter-container] {
	margin-top: 5px;
	font-size: 14px
}
.modal-popup .modal-content .field [id=password-strength-meter-container] span {
	color: red
}
.modal-popup .modal-content .field [id=password-strength-meter-container].password-very-strong span {
	color: #50c83a
}

/* ОБЩИЙ КОНТЕЙНЕР */
.modal-popup .modal-content .slide-label-wrap,
.checkout-form .slide-label-wrap {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 0;
}

/* password-wrap */
.modal-popup .modal-content .slide-label-wrap .password-wrap,
.checkout-form .slide-label-wrap .password-wrap {
	position: static;
}

/* LABEL */
.modal-popup .modal-content .slide-label-wrap label,
.checkout-form .slide-label-wrap label {
	max-width: calc(100% - (var(--form_label_padding)*2));
	height: calc(var(--form_field_height) - (var(--form_field_border_width)*2));
	display: flex;
	align-items: center;
	font-weight: var(--form_label_font_weight);
	font-size: var(--form_field_font_size);
	line-height: var(--form_label_font_size);
	color: var(--form_label_color);
	box-sizing: border-box;
	position: absolute;
	z-index: 2;
	top: var(--form_field_border_width);
	left: var(--form_field_padding);
	right: var(--form_field_padding);
	background: var(--form_field_bg);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: top .3s, height .3s, color .3s, font-size .3s;
	pointer-events: none;
}

/* LABEL фон */
.modal-popup .modal-content .slide-label-wrap label:before,
.checkout-form .slide-label-wrap label:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc((var(--form_label_padding) + var(--form_field_border_width)) * -1);
	right: calc((var(--form_label_padding) + var(--form_field_border_width)) * -1);
	background: var(--form_field_bg);
}

/* span внутри label */
.modal-popup .modal-content .slide-label-wrap label span,
.checkout-form .slide-label-wrap label span {
	position: relative;
}

/* СОСТОЯНИЯ (самое важное) */
.modal-popup .modal-content .slide-label-wrap.focus label,
.modal-popup .modal-content .slide-label-wrap.fill label,
.checkout-form .slide-label-wrap.focus label,
.checkout-form .slide-label-wrap.fill label {
	top: 10px;
	right: unset;
	height: var(--form_label_height);
	font-size: var(--form_label_font_size);
}

.modal-popup-measure{
    z-index:502;
}


.modal-popup .modal-content .password-wrap {
	position: relative
}
.modal-popup .modal-content .password-wrap .icon {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	visibility: visible;
	opacity: 1;
	transition: opacity .3s, visibility .3s
}
.modal-popup .modal-content .password-wrap input[type=password][style*="display: none"]~.icon, .modal-popup .modal-content .password-wrap input[type=password][style*="display:none"]~.icon {
	display: none
}
.modal-popup .modal-content .password-wrap input[type=password]~.icon-eye-disabled {
	visibility: hidden;
	opacity: 0
}
.modal-popup .modal-content .password-wrap input[type=text]~.icon-eye {
	visibility: hidden;
	opacity: 0
}
.modal-popup .modal-content .fieldset, .checkout-form .fieldset {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 12px
}
.modal-popup .modal-footer {
--colCount:1;
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)));
--rows:auto;
--h_gap:16px;
--v_gap:16px;
--gap:var(--v_gap) var(--h_gap);
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	margin: var(--footerTopIndent) 0 0
}
.modal-popup .modal-footer .action-primary {
	font-family: 'GothamPro';
	min-width: var(--button_min_width);
	height: var(--button_height);
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--button_font_size);
	font-weight: var(--button_font_weight);
	color: var(--button_color);
	text-transform: var(--button_text_transform);
	letter-spacing: var(--button_text_letter_spacing);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	background: var(--button_background);
	border: var(--button_border_width) var(--button_border_style) var(--button_border_color);
	border-radius: var(--button_border_radius);
	padding: 0 var(--button_padding);
	transition: background var(--trns_time), border-color var(--trns_time), color var(--trns_time);
	width: 100%;
	grid-column-start: 1;
	grid-row-start: 1
}

@media (hover:hover) {
.modal-popup .modal-footer .action-primary:hover {
	color: var(--button_color_hover);
	background-color: var(--button_background_hover);
	border-color: var(--button_border_color_hover)
}
}
.modal-popup .modal-footer .action-primary:disabled, .modal-popup .modal-footer .action-primary.disabled {
	color: var(--button_color_disabled);
	background-color: var(--button_background_disabled);
	border-color: var(--button_border_color_disabled);
	pointer-events: none
}
.modal-popup .modal-footer .action-primary.empty {
--button_color:var(--th_pink);
--button_background:0 0;
--button_border_color:var(--th_pink);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-primary.white {
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-primary.yellow {
--button_color:var(--th_dark);
--button_background:var(--th_yellow);
--button_border_color:var(--th_yellow);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-primary.dark {
--button_background:var(--th_dark);
--button_border_color:var(--th_dark);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-primary.round {
--button_min_width:var(--button_height);
--button_padding:0
}
.modal-popup .modal-footer .action-primary .icon-block {
--color:inherit;
--blockSize:20px
}
.modal-popup .modal-footer .action-secondary {
	font-family: 'GothamPro';
	min-width: var(--button_min_width);
	height: var(--button_height);
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--button_font_size);
	font-weight: var(--button_font_weight);
	color: var(--button_color);
	text-transform: var(--button_text_transform);
	letter-spacing: var(--button_text_letter_spacing);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	background: var(--button_background);
	border: var(--button_border_width) var(--button_border_style) var(--button_border_color);
	border-radius: var(--button_border_radius);
	padding: 0 var(--button_padding);
	transition: background var(--trns_time), border-color var(--trns_time), color var(--trns_time);
--button_color:var(--th_pink);
--button_background:0 0;
--button_border_color:var(--th_pink);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink);
	width: 100%
}

@media (hover:hover) {
.modal-popup .modal-footer .action-secondary:hover {
	color: var(--button_color_hover);
	background-color: var(--button_background_hover);
	border-color: var(--button_border_color_hover)
}
}
.modal-popup .modal-footer .action-secondary:disabled, .modal-popup .modal-footer .action-secondary.disabled {
	color: var(--button_color_disabled);
	background-color: var(--button_background_disabled);
	border-color: var(--button_border_color_disabled);
	pointer-events: none
}
.modal-popup .modal-footer .action-secondary.empty {
--button_color:var(--th_pink);
--button_background:0 0;
--button_border_color:var(--th_pink);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-secondary.white {
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-secondary.yellow {
--button_color:var(--th_dark);
--button_background:var(--th_yellow);
--button_border_color:var(--th_yellow);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-secondary.dark {
--button_background:var(--th_dark);
--button_border_color:var(--th_dark);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup .modal-footer .action-secondary.round {
--button_min_width:var(--button_height);
--button_padding:0
}
.modal-popup .modal-footer .action-secondary .icon-block {
--color:inherit;
--blockSize:20px
}
.modal-popup.auth-popup .modal-header .modal-title {
	display: none
}
.modal-popup.auth-popup .block-title {
	font-family: 'GothamPro';
	text-transform: uppercase;
	border: none;
	font-weight: var(--titleWidth);
	font-size: var(--titleFontSize);
	line-height: var(--lineHeight);
	color: var(--titleColor);
	text-align: center;
	padding: 0
}
.modal-popup.auth-popup .block-subtitle {
	font-weight: 400;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	margin: 0 0 var(--titleBottomIndent)
}
.modal-popup.auth-popup .block-subtitle:not(:first-child) {
margin-top:calc(var(--titleBottomIndent)/2*-1)
}
.modal-popup.auth-popup .block-customer-login .field-recaptcha {
	margin-top: 10px
}
.modal-popup.auth-popup .confirm-form-inner .note {
	font-weight: 400;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	margin: 0 0 16px
}

@media (min-width:480px) {
.modal-popup.auth-popup .confirm-form-inner .note {
	margin: 0 0 24px
}
}
.modal-popup.auth-popup .confirm-form-inner .code-wrapper {
--h_gap:9px;
--colCount:4
}
.modal-popup.auth-popup .confirm-form-inner .code-wrapper input {
	width: 100%;
	height: var(--form_field_height);
	background: var(--form_field_bg);
	box-sizing: border-box;
	padding: 0;
	border: var(--form_field_border_width) var(--form_field_border_style) var(--form_field_border_color);
	border-radius: var(--form_field_border_radius);
	font-weight: 500;
	font-size: 24px;
	color: var(--form_field_color);
	text-align: center
}
.modal-popup.auth-popup .confirm-form-inner [id=otp-code] {
	position: absolute;
	visibility: hidden
}
.modal-popup.auth-popup .confirm-form-inner .resend-action {
	margin-top: 12px
}
.modal-popup.auth-popup .confirm-form-inner .resend-action .button {
	width: 100%
}
.modal-popup.auth-popup .resend-action {
	margin-top: 24px
}

@media (min-width:480px) {
.modal-popup.auth-popup .resend-action {
	margin-top: 48px
}
}
.modal-popup.auth-popup .resend-action .button {
--button_color:var(--th_pink);
--button_border_color:var(--th_gray90);
	width: 100%
}
.modal-popup.auth-popup .resend-countdown-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 24px;
	box-sizing: border-box;
	min-height: 84px;
	border: 1px solid var(--th_gray90);
	border-radius: var(--th_radius);
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	color: var(--th_gray70)
}
.modal-popup.auth-popup .actions-toolbar {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 24px
}

@media (min-width:480px) {
.modal-popup.auth-popup .actions-toolbar {
	margin-top: 48px
}
}
.modal-popup.auth-popup .actions-toolbar .button {
	width: 100%
}
.modal-popup.auth-popup .actions-toolbar .primary {
	width: 100%
}
.modal-popup.auth-popup .actions-toolbar .primary .button .icon-block {
	display: none
}
.modal-popup.auth-popup .actions-toolbar .secondary {
	margin-top: 24px
}

@media (min-width:480px) {
.modal-popup.auth-popup .actions-toolbar .secondary {
	margin-top: 0
}
}
.modal-popup.auth-popup .actions-toolbar .action.back {
--button_height:40px;
--button_padding:16px;
--button_font_size:15px;
--button_font_weight:400;
	width: auto;
	margin: 0 auto
}
.modal-popup.auth-popup .actions-toolbar .action.back .icon-block {
--blockSize:24px;
	margin-right: 6px
}

@media (min-width:480px) {
.modal-popup.auth-popup .actions-toolbar .action.back {
	position: absolute;
	top: 16px;
	left: 16px;
	margin: 0
}
}
.modal-popup.auth-popup [data-role=replace-container].default~.actions-toolbar .primary .button {
--button_color:var(--th_pink);
--button_background:#fff;
--button_border_color:var(--th_gray90);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup.auth-popup [data-role=replace-container].default~.actions-toolbar .primary .button.disabled {
--button_color_disabled:var(--th_gray70);
--button_background_disabled:#fff;
--button_border_color_disabled:var(--th_gray90)
}
.modal-popup.auth-popup [data-role=replace-container].default~.actions-toolbar .primary .button .icon-block {
--blockSize:16px;
	margin-right: 10px;
	animation: round 1s infinite linear
}
.modal-popup.auth-popup [data-role=replace-container].default.loading~.actions-toolbar .primary .button .icon-block {
	display: flex
}
@keyframes round {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.modal-popup.auth-popup [data-role=replace-container].loading~.actions-toolbar .primary .button {
	pointer-events: none
}
.modal-popup.auth-popup [data-role=replace-container].init~.actions-toolbar .primary {
	visibility: hidden;
	position: absolute
}
.modal-popup.shipping-address-modal {
--modalPadding:0px;
--modalPaddingTop:0px;
--iconColor:#fff;
--iconBg:var(--th_dark);
--closeBlockSize:var(--header_height);
--closeIconWidth:24px;
--closeIconHeight:2px;
--button_min_width:100%
}

@media (min-width:1025px) {
.modal-popup.shipping-address-modal {
--modalWidth:1050px;
--modalHeight:680px;
--button_min_width:333px;
--transform:translateY(-100vh)
}
}

@media (min-width:1025px) {
.modal-popup.shipping-address-modal._show {
--transform:translateY(0%)
}
}
.modal-popup.shipping-address-modal .action-close {
	z-index: 3
}

@media (max-width:479px) {
.modal-popup.shipping-address-modal .action-close {
	right: var(--v_indent);
	background-color: var(--iconBg)
}
}

@media (max-width:479px) {
.modal-popup.shipping-address-modal .action-close:before {
	transform: rotate(45deg)
}
}

@media (max-width:479px) {
.modal-popup.shipping-address-modal .action-close:after {
	transform: rotate(-45deg)
}
}
.modal-popup.shipping-address-modal .modal-header {
	min-height: 0
}
.modal-popup.shipping-address-modal .modal-content {
	width: 100%;
	padding: 0;
	margin: 0
}
.modal-popup.shipping-address-modal .modal-content, .modal-popup.shipping-address-modal .modal-content>div {
	height: 100%
}
.modal-popup.shipping-address-modal .modal-content .map-address-autocomplete {
	height: 100%
}
.modal-popup.shipping-address-modal .modal-inner-wrap {
	height: 100%
}

@media (max-width:479px) {
.modal-popup.shipping-address-modal .modal-inner-wrap {
--closeColor:var(--iconColor)
}
}

@media (min-width:1025px) {
.modal-popup.shipping-address-modal .modal-inner-wrap {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	max-height: var(--modalHeight)
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align)
}
.modal-popup.shipping-address-modal .map-address-autocomplete.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}

@media (max-width:1024px) {
.modal-popup.shipping-address-modal .map-address-autocomplete {
--rows:368px 1fr
}
}

@media (min-width:1025px) {
.modal-popup.shipping-address-modal .map-address-autocomplete {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)));
--colCount:2
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls {
--rows:1fr auto;
--v_gap:24px;
--v_align:start;
	padding: 16px
}

@media (min-width:1025px) {
.modal-popup.shipping-address-modal .map-address-autocomplete-controls {
	padding: 32px
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block {
--v_gap:16px
}

@media (min-width:1025px) {
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block {
	align-self: start
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .title {
	font-size: 22px;
	line-height: 26px
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .note {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #828282
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .input-text::-webkit-input-placeholder {
color:transparent;
opacity:1
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .input-text::-moz-placeholder {
color:transparent;
opacity:1
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .input-text:-ms-input-placeholder {
color:transparent;
opacity:1
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .input-text:-moz-placeholder {
color:transparent;
opacity:1
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .delivery-zone-autocomplete-notice {
--icon_size:32px;
--h_gap:8px;
--columns:var(--icon_size) calc(100% - var(--h_gap) - var(--icon_size));
--v_align:center;
--background:#ffeaf3;
--color:var(--th_pink);
	box-sizing: border-box;
	padding: 12px;
	background: var(--background);
	border-radius: var(--th_radius);
	margin-top: 16px;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: var(--color)
}

@media (min-width:1025px) {
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .delivery-zone-autocomplete-notice {
--icon_size:48px;
--h_gap:12px;
	padding: 20px
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .delivery-zone-autocomplete-notice .icon-block {
--blockSize:var(--icon_size);

--color:currentColor
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .delivery-zone-autocomplete-notice.delivery-zone-not-found-error {
--background:var(--th_red_light);
--color:var(--th_error)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .delivery-zone-autocomplete-notice.delivery-zone-successfully-found {
--background:var(--green_light);
--color:var(--green)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field {
	position: relative
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete {
	position: absolute;
	z-index: 5;
	top: calc(var(--form_field_height) + 8px);
	left: 0;
	right: 0;
	padding: 16px;
	border-radius: 8px;
	border: 1px solidvar(--th_yellow);
	background: #fff;
	display: grid;
	grid-gap: 16px;
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 200px
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete::-webkit-scrollbar {
width:var(--scroll_width)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete::-webkit-scrollbar-track {
background-color:transparent
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete::-webkit-scrollbar-thumb {
background-color:var(--th_gray_light);
border-radius:var(--scroll_width)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_light)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete .item {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
--columns:40px 1fr;
--h_gap:12px;
--v_align:center;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete .item.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .form-block .field .input-autocomplete .item:before {
	content: '';
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #f8f8f8 url(/img/location.svg) no-repeat 50% 50%;
	background-size: 18px
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .actions-block {
	display: grid;
	grid-gap: 16px
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls [id=edit-address-modal-content] {
	display: none
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .edit-address-block {
--h_gap:12px;
--v_gap:8px;
--columns:1fr auto;
--v_align:center;
--icon_block_size:32px;
	padding: 12px 16px;
	border-radius: var(--button_border_radius);
	background: var(--th_gray95)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .edit-address-block .text {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .edit-address-block .link {
	font-size: 14px;
	line-height: 18px;
	color: var(--th_pink);
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .edit-address-block .link {
	transition: color var(--trns_time)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .edit-address-block .link:hover {
	color: var(--th_main_color)
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete-controls .edit-address-block .icon-block {
--blockSize:32px;
--color:var(--th_pink);
	grid-column-start: 2;
	grid-row-start: 1;
	grid-row-end: 3
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map {
	height: 100%;
	overflow: hidden
}

@media (max-width:1024px) {
.modal-popup.shipping-address-modal .map-address-autocomplete-map {
	order: -1
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button {
	font-family: 'GothamPro';
	min-width: var(--button_min_width);
	height: var(--button_height);
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--button_font_size);
	font-weight: var(--button_font_weight);
	color: var(--button_color);
	text-transform: var(--button_text_transform);
	letter-spacing: var(--button_text_letter_spacing);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	background: var(--button_background);
	border: var(--button_border_width) var(--button_border_style) var(--button_border_color);
	border-radius: var(--button_border_radius);
	padding: 0 var(--button_padding);
	transition: background var(--trns_time), border-color var(--trns_time), color var(--trns_time);
	position: absolute;
	z-index: 4
}

@media (hover:hover) {
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button:hover {
	color: var(--button_color_hover);
	background-color: var(--button_background_hover);
	border-color: var(--button_border_color_hover)
}
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button:disabled, .modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button.disabled {
	color: var(--button_color_disabled);
	background-color: var(--button_background_disabled);
	border-color: var(--button_border_color_disabled);
	pointer-events: none
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button.empty {
--button_color:var(--th_pink);
--button_background:0 0;
--button_border_color:var(--th_pink);
--button_color_hover:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button.white {
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button.yellow {
--button_color:var(--th_dark);
--button_background:var(--th_yellow);
--button_border_color:var(--th_yellow);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button.dark {
--button_background:var(--th_dark);
--button_border_color:var(--th_dark);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink)
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button.round {
--button_min_width:var(--button_height);
--button_padding:0
}
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button .icon-block {
--color:inherit;
--blockSize:20px
}

@media (min-width:480px) {
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button {
--button_background:var(--th_dark);
--button_border_color:var(--th_dark);
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink);
	left: 50% !important;
	bottom: 32px !important;
	transform: translateX(-50%);
	min-width: unset;
	width: var(--button_min_width);
	max-width: calc(100% - 32px)
}
}

@media (max-width:479px) {
.modal-popup.shipping-address-modal .map-address-autocomplete-map .autocomplete-address-map-control-button {
--button_height:48px;
--button_color:var(--th_dark);
--button_background:#fff;
--button_border_color:#fff;
--button_background_hover:var(--th_pink);
--button_border_color_hover:var(--th_pink);
--button_min_width:var(--button_height);
--button_padding:0;
	left: unset !important;
	right: 16px !important;
	bottom: 16px !important;
	background-image: url(/img/find.svg);
	background-position: 45% 55%;
	background-repeat: no-repeat;
	background-size: 24px;
	font-size: 0;
	border-radius: 50%
}
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper {
	position: relative
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper img[src*="marker.svg"] {
	visibility: hidden
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper, .modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .brander-all-zones-component {
	height: 100%;
	position: relative
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper:after, .modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .brander-all-zones-component:after {
--size:32px;
	content: '';
	position: absolute;
top:calc(50% - (var(--size)*0.7));
left:calc(50% - (var(--size)/2));
	width: var(--size);
	height: var(--size);
	background: url(/img/marker.svg) no-repeat 50% 50%;
	background-size: var(--size);
	pointer-events: none
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .section-title {
	display: none
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .gm-style .gm-style-iw-c {
	width: 250px !important;
	border-radius: var(--th_radius);
	padding: 0;
	box-shadow: 0px 4px 10px rgba(0,0,0,.1)
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .gm-style .gm-style-iw-c .gm-style-iw-d {
	overflow: visible !important;
	padding: 16px
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .gm-style .gm-style-iw-c>button {
	display: none !important
}
.modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .gm-fullscreen-control, .modal-popup.shipping-address-modal .brander-zone-listing-map-wrapper .gm-bundled-control {
	display: none !important
}
.modal-popup.edit-shipping-address-modal {
--modalPaddingTop:100px;
--iconColor:#fff;
--iconBg:var(--th_dark);
--closeBlockSize:var(--header_height);
--closeIconWidth:24px;
--closeIconHeight:2px;
--button_min_width:100%
}

@media (max-width:374px) {
.modal-popup.edit-shipping-address-modal {
--modalPaddingTop:65px
}
}

@media (min-width:1025px) {
.modal-popup.edit-shipping-address-modal {
--modalWidth:480px;
--modalHeight:720px;
--transform:translateY(-100vh)
}
}

@media (min-width:1025px) {
.modal-popup.edit-shipping-address-modal._show {
--transform:translateY(0%)
}
}
.modal-popup.edit-shipping-address-modal .action-close {
	z-index: 3
}

@media (max-width:479px) {
.modal-popup.edit-shipping-address-modal .action-close {
	right: var(--v_indent);
	background-color: var(--iconBg)
}
}

@media (max-width:479px) {
.modal-popup.edit-shipping-address-modal .action-close:before {
	transform: rotate(45deg)
}
}

@media (max-width:479px) {
.modal-popup.edit-shipping-address-modal .action-close:after {
	transform: rotate(-45deg)
}
}
.modal-popup.edit-shipping-address-modal .modal-header {
	min-height: 0
}
.modal-popup.edit-shipping-address-modal .modal-content {
	flex-grow: 1
}
.modal-popup.edit-shipping-address-modal .modal-inner-wrap {
	height: 100%
}

@media (max-width:479px) {
.modal-popup.edit-shipping-address-modal .modal-inner-wrap {
--closeColor:var(--iconColor)
}
}

@media (min-width:1025px) {
.modal-popup.edit-shipping-address-modal .modal-inner-wrap {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	max-height: var(--modalHeight)
}
}
.modal-popup.edit-shipping-address-modal .edit-address-modal-content {
--v_gap:24px;
--rows:1fr auto;
--v_align:start;
	height: 100%
}
.modal-popup.edit-shipping-address-modal .edit-address-modal-content .edit-address-form {
--v_gap:24px
}
.modal-popup.edit-shipping-address-modal .edit-address-modal-content .info-block {
--h_gap:12px;
--columns:auto 1fr;
--v_align:center;
	padding: 16px;
	border-radius: var(--button_border_radius);
	background: var(--th_gray95)
}
.modal-popup.edit-shipping-address-modal .edit-address-modal-content .info-block .text {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px
}
.modal-popup.edit-shipping-address-modal .edit-address-modal-content .info-block .icon-block {
--blockSize:32px;
--color:var(--th_pink)
}
.modal-popup.edit-shipping-address-modal .edit-address-modal-content .field-block .title {
	font-size: 16px;
	margin: 0 0 16px
}
.modal-popup .login-img {
	margin: 25px auto;
	text-align: center
}
.modal-popup .login-img img {
	max-width: 60px;
	width: 100%
}
.modal-popup .phone-auth, .modal-popup .sms-auth {
	display: none
}
.modal-popup .phone-auth.active {
	display: block
}
.modal-popup .sms-auth.active {
	display: block
}
.modal-popup .first-send-sms {
	display: none
}
.modal-popup .first-send-sms.active {
	display: block
}
.modal-popup .resend-action:has(.first-send-sms.active) .sms-auth, .modal-popup .resend-action:has(.first-send-sms.active) .phone-auth {
display:none !important
}
.qty-input-extend {
--blockWidth:100%;
--blockHeight:32px;
--btnSize:32px;
--symbolWidth:12px;
--symbolHeight:2px;
--symbolColor:var(--th_main_color);
--borderSize:1px;
--borderColor:var(--th_gray90);
--borderRadius:24px;
--indent_y:0;
--indent_x:0;
--background:0 0;
--fontWeight:500;
--fontSize:15px;
	width: var(--blockWidth);
	height: var(--blockHeight);
	background: var(--background);
	box-sizing: border-box;
	border: var(--borderSize) solid var(--borderColor);
	border-radius: var(--borderRadius);
	position: relative;
	color: var(--th_gray30);
	cursor: default
}
.qty-input-extend .qty-input-wrapper {
	border: none;
	background: var(--background);
	width: var(--blockWidth);
	height: var(--btnSize)
}
.qty-input-extend .control {
	height: 100%
}
.qty-input-extend input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 var(--btnSize);
	box-sizing: border-box;
	text-align: center;
	font-weight: var(--fontWeight);
	font-size: var(--fontSize);
	color: inherit;
	background: 0 0;
	border: none;
	outline: none;
	margin: 0 auto;
	-moz-appearance: textfield
}
.qty-input-extend input::-webkit-outer-spin-button, .qty-input-extend input::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0
}
.qty-input-extend[unit-value]:after {
	content: attr(unit-value);
	position: absolute;
	top: 0;
	bottom: 0;
left:calc(var(--btnSize) + (var(--indent_x)*1));
right:calc(var(--btnSize) + (var(--indent_x)*1));
	background: var(--background);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: var(--fontWeight);
	font-size: var(--fontSize)
}
.qty-input-extend .nav-up, .qty-input-extend .nav-down {
	position: absolute;
	width: var(--btnSize);
	height: var(--btnSize);
	box-sizing: border-box;
top:calc(50% - (var(--btnSize)/2));
	border-radius: 50%;
	background: var(--th_yellow);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	user-select: none;
	cursor: pointer;
	
	border: var(--borderSize) solid var(--borderColor);
}

@media (hover:hover) and (min-width:1025px) {
.qty-input-extend .nav-up, .qty-input-extend .nav-down {
	transition: color var(--trns_time)
}
.qty-input-extend .nav-up:hover, .qty-input-extend .nav-down:hover {
	color: var(--th_link_color_h)
}
}
.qty-input-extend .nav-up.disabled, .qty-input-extend .nav-down.disabled {
	color: #999;
	background: 0 0
}
.qty-input-extend .nav-up {
	right: var(--indent_x)
}
.qty-input-extend .nav-down {
	left: var(--indent_x)
}
.qty-input-extend .plus, .qty-input-extend .minus {
	width: var(--symbolWidth);
	height: var(--symbolWidth);
	display: flex;
	align-items: center;
	position: relative
}
.qty-input-extend .plus:before, .qty-input-extend .minus:before, .qty-input-extend .plus:after, .qty-input-extend .minus:after {
	width: 100%;
	height: var(--symbolHeight);
	position: absolute;
	background: currentColor;
	border-radius: calc(var(--symbolHeight)/2);
margin-top:calc(var(--symbolHeight)/2*-1)
}
.qty-input-extend .plus:before, .qty-input-extend .minus:before {
	content: '';
margin-top:calc(var(--symbolHeight)/2*-1)
}
.qty-input-extend .plus:after {
	content: '';
	transform: rotate(90deg)
}
.minicart-container {
--button_border_radius:0;
--minicart_padding:16px
}
.minicart-container a {
	text-decoration: none
}
.minicart-container .minicart-wrapper {
--minicart_height:var(--header_height);
--minicart_padding:16px;
--minicart_header_height:70px;
--minicart_icon_size:18px;
--minicart_delay:0s;
--minicart_image_width:87px;
--minicart_image_width_desk:54px;
--minicart_image_height:54px;
--minicart_item_height:var(--minicart_image_height);
--minicart_item_height_active:auto;
--minicart_qty_width:92px;
--minicart_remove_icon_size:32px;
--minicart_info_opacity:0;
--minicart_info_translate:translateX(50%);
--minicart_totals_width:var(--minicart_width);
--totals_padding:12px 16px;
--totals_price_width:84px;
--minicart_icon_block_width:calc(var(--minicart_width) - (var(--minicart_padding)*2));
--minicart_icon_trns_delay:0s;
--block_background:var(--th_yellow);
	max-width: 100%;
	display: flex;
	justify-content: flex-start;
	position: fixed;
	z-index: 9;
	top: 0;
	right: 0;
	bottom: 0;
	width: var(--minicart_width);
	background: #fff;
	box-shadow: 0px 4px 40px rgba(0,0,0,.25);
	transition: width var(--trns_time), box-shadow var(--trns_time);
	transition-delay: var(--minicart_delay)
}

@media (min-width:1025px) {
.minicart-container .minicart-wrapper {
--totals_padding:24px 16px
}
}

@media (min-width:1025px) {

  .minicart-column.minicart-active .minicart-wrapper:not(.empty) {
    --minicart_icon_trns_delay: var(--trns_time);
    --minicart_image_width: var(--minicart_image_width_desk);
    --minicart_info_opacity: 1;
    --minicart_info_translate: translateX(0%);
    --minicart_totals_width: var(--minicart_width_active);
    --totals_padding: 24px 16px;
    --totals_price_width: 40px;
    /*--minicart_delay: var(--trns_time);*/

    width: var(--minicart_width_active);
  }

  .minicart-column.minicart-active .cart-item {
    --minicart_item_height: var(--minicart_item_height_active);
  }

}

.header-icon.icon-block{
  position:relative;
}

.cart-counter{
  position:absolute;
  top:-6px;
  right:-6px;

  width:20px;
  height:20px;

  background:#e60023;
  color:#fff;
  font-size:11px;
  font-weight:600;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  line-height:1;
  pointer-events:none;
}

/* скрываем если 0 */
.cart-counter:empty{
  display:none;
}


.minicart-container .minicart-wrapper.empty {
--block_background:var(--main_background);
	width: var(--minicart_width);
	pointer-events: none
}
.minicart-container .minicart-wrapper.empty .minicart-header .counter.qty {
	display: none
}
.select-region-opened .minicart-container .minicart-wrapper {
	z-index: 1
}

@media (max-width:1024px) {
.minicart-opened .minicart-container .minicart-wrapper:not(.empty) {
	width: var(--minicart_width_active)
}
}
.minicart-container .minicart-block {
--rows:var(--minicart_height) 1fr auto auto;
	width: var(--minicart_width_active);
	max-width: 100vw;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%
}

@media (min-width:1025px) {
.minicart-container .minicart-block {
--columns:var(--minicart_width) calc(100% - var(--minicart_width));
--rows:var(--minicart_height) 1fr auto
}
}
.minicart-container .minicart-block .minicart-header, .minicart-container .minicart-block .totals-block {
--h_gap:4px;
--columns:auto 1fr;
--v_align:center;
	background: var(--th_dark);
	transition: background var(--trns_time)
}
.minicart-container .minicart-block .minicart-header {
	padding: 24px 16px
}

@media (max-width:1024px) {
.minicart-container .minicart-block .minicart-header {
--columns:auto 30px 1fr;
	color: var(--button_color);
}
}

@media (min-width:1025px) {
.minicart-container .minicart-block .minicart-header {
	grid-row-start: 1;
	grid-column-start: 1;
	color: var(--button_color);
}
}
.minicart-container .minicart-block .minicart-header .minicart-close {
--iconSize:24px;
	justify-self: end;
	color: var(--button_color);
}

@media (min-width:1025px) {
.minicart-container .minicart-block .minicart-header .minicart-close {
	display: none
}
}
.minicart-container .minicart-block .minicart-header .cart-icon-block {
	width: var(--minicart_icon_size);
	height: var(--minicart_icon_size);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}
.minicart-container .minicart-block .minicart-header .cart-icon-block .icon-block {
--blockSize:var(--minicart_icon_size);
	color: var(--button_color);
}
.minicart-container .minicart-block .minicart-header .counter.qty {
	display: flex;
	justify-content: flex-end;
	font-weight: 500;
	font-size: 17px;
	line-height: 1;
	text-align: right
}





/* =========================
   MOBILE ONLY
=========================*/
@media (max-width:1024px){
  /* скрываем новый крестик на мобильных */
  .minicart-close-desktop {
    display: none !important;
  }
}

/* =========================
   DESKTOP ONLY
=========================*/
@media (min-width:1025px){

  .minicart-header{
    display:flex;
    align-items:center;
    gap:10px;
  }

  /* новый крестик */
  .minicart-close-desktop{
    cursor:pointer;
    --iconSize:24px;
    color:var(--button_color);
  }

  /* корзина + счетчик вправо */
  .cart-icon-block{
    margin-left:auto;
  }

  /* =====================
     КОРЗИНА ОТКРЫТА
     показываем СТАРЫЙ
  =====================*/
  html.minicart-opened #mini-cart-close{
    display:flex;
    cursor:pointer;
  }

  html.minicart-opened #mini-cart-open{
    display:none;
  }

  /* =====================
     КОРЗИНА ЗАКРЫТА
     показываем НОВЫЙ
  =====================*/
  html:not(.minicart-opened) #mini-cart-close{
    display:none;
  }

  html:not(.minicart-opened) #mini-cart-open{
    display:flex;
  }
}





.minicart-container .minicart-block .minicart-content {
	overflow: hidden;
	width: var(--minicart_width_active);
	max-width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 0 var(--minicart_padding)
}

@media (min-width:1025px) {
.minicart-container .minicart-block .minicart-content {
	grid-column: span 2
}
}
.minicart-container .minicart-block .minicart-items-wrapper {
	flex-grow: 1;
	padding: 0 0 var(--minicart_padding) 0
}
.minicart-container .minicart-block .coupon-block {
	display: none
}
.minicart-container .minicart-block .errors-block {
	height: 0;
	position: relative
}

@media (min-width:1025px) {
body:not(.checkout_index_index) .minicart-container .minicart-block .errors-block {
	opacity: var(--minicart_info_opacity);
	transform: var(--minicart_info_translate);
	transition: opacity var(--trns_time), transform var(--trns_time);
transition-delay:calc(var(--minicart_delay)*1.5)
}
}

@media (min-width:1025px) {
.minicart-container .minicart-block .errors-block {
	grid-column: span 2
}
}
.minicart-container .minicart-block .errors-block .error {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--th_pink);
	border-radius: 4px;
	padding: 12px;
	font-size: 13px;
	line-height: 21px;
	color: #fff;
	margin: 12px 16px
}
.minicart-container .minicart-block .totals-block {
	font-weight: 500;
	font-size: 17px;
	line-height: 18px;
	box-sizing: border-box;
	padding: var(--totals_padding);
	transition: width var(--trns_time), padding var(--trns_time);
	transition-delay: var(--minicart_delay)
}

@media (min-width:1025px) {
.minicart-container .minicart-block .totals-block {
	grid-column: span 2;
	width: var(--minicart_totals_width)
}
}
.minicart-container .minicart-block .totals-block .totals-content {
--columns:1fr auto;
	font-weight: 500;
	font-size: 17px;
	line-height: 18px;
	overflow: hidden;
	row-gap: 20px
}
.minicart-container .minicart-block .totals-block .totals-content .totals-title {
--h_gap:4px;
--columns:auto 1fr;
--v_align:center;
	width: 100%;
	overflow: hidden;
	line-height: 1.2em
}

@media (max-width:1024px) {
.minicart-container .minicart-block .totals-block .totals-content .totals-title .totals-icon-block {
	margin-left: -4px
}
}
.minicart-container .minicart-block .totals-block .totals-content .price-wrapper .price {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	white-space: nowrap;
	padding: 3px 0 0
}
.minicart-container .minicart-block .totals-block .totals-content .price-wrapper .price span {
	font-size: 12px;
	line-height: 10px;
	margin: 0 0 0 3px
}
.minicart-container .minicart-block .totals-block .subtotal {
	min-width: var(--totals_price_width);
	transition: min-width var(--trns_time);
	transition-delay: var(--minicart_delay)
}
.minicart-container .minicart-block .totals-block .subtotal .label {
	display: none
}

.minicart-container .minicart-block .totals-block {
  background: var(--th_yellow);
}


.minicart-container .minicart-block .actions-block {
--button_min_width:100%;
--button_height:var(--header_height)
}

@media (min-width:1025px) {
.minicart-container .minicart-block .actions-block {
	grid-row-start: 1;
	grid-column-start: 2
}
}
.minicart-container .minicart-block .actions-block .checkout.button {
--button_color_hover:var(--th_main_color);
--button_background_hover:var(--th_yellow);
--button_border_color_hover:var(--th_yellow);
	color: var(--th_main_color);
}
.minicart-container .minicart-items-wrapper {
--v_gap:var(--minicart_padding);
	align-content: start;
	flex-grow: 1;
width:calc(100% + (var(--minicart_padding)*2));
margin-left:calc(var(--minicart_padding)*-1);
margin-right:calc(var(--minicart_padding)*-1);
	scrollbar-color: var(--th_gray_light) transparent;
	scrollbar-width: thin;
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden
}
.minicart-container .minicart-items-wrapper::-webkit-scrollbar {
width:var(--scroll_width)
}
.minicart-container .minicart-items-wrapper::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.minicart-container .minicart-items-wrapper::-webkit-scrollbar-track {
background-color:transparent
}
.minicart-container .minicart-items-wrapper::-webkit-scrollbar-thumb {
background-color:var(--th_gray_light);
border-radius:var(--scroll_width)
}
.minicart-container .minicart-items-wrapper::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_light)
}
.minicart-container .minicart-items {
--v_gap:22px;
--v_align:start;
	box-sizing: border-box;
	padding: var(--minicart_padding)
}
.minicart-container .cart-item {
--h_gap:12px;
--columns:var(--minicart_image_width_desk) calc(100% - var(--minicart_image_width_desk) - var(--h_gap))
}
.minicart-container .cart-item .image-block {
	width: 100%;
	height: var(--minicart_image_height);
	border-radius: 4px;
	border: 1px solid var(--th_gray90);
	box-sizing: border-box;
	overflow: hidden;
	transition: width var(--trns_time);
	transition-delay: var(--minicart_delay)
}
.minicart-container .cart-item .image-block .product-image-container {
	width: 100% !important
}
.minicart-container .cart-item .image-block .product-image-container, .minicart-container .cart-item .image-block .product-image-container .product-image-wrapper {
	display: flex;
	height: 100%
}
.minicart-container .cart-item .image-block .product-image-container .product-image-wrapper {
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 0 !important
}
.minicart-container .cart-item .image-block .product-image-container img {
	width: 100% !important;
	height: 100% !important;
    object-fit: contain;
}
.minicart-container .cart-item .item-delete-option, .minicart-container .cart-item .action.delete {
/*--blockSize:var(--minicart_remove_icon_size);*/
--color:var(--th_gray60);
--icon_rotate:0deg
}

@media (hover:hover) and (min-width:1025px) {
.minicart-container .cart-item .item-delete-option:hover, .minicart-container .cart-item .action.delete:hover {
--color:var(--th_red);
--icon_rotate:-25deg
}
}
.minicart-container .cart-item .item-delete-option .icon-remove, .minicart-container .cart-item .action.delete .icon-remove {
	margin: -6px 0 0;
	overflow: visible
}
.minicart-container .cart-item .item-delete-option .icon-remove .cap, .minicart-container .cart-item .action.delete .icon-remove .cap {
	transform: rotate(var(--icon_rotate));
	transform-origin: 0 100%;
	transition: transform var(--trns_time)
}
.minicart-container .cart-item .info-block {
--h_gap:8px;
--rows:auto 1fr auto;
--columns:1fr var(--minicart_qty_width) var(--minicart_remove_icon_size);
--v_align:center;
	width: 100%;
	min-height: 100%
}
.minicart-container .cart-item .info-block .product-item-name {
	grid-column: span 3;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px
}
.minicart-container .cart-item .info-block .product-item-name a {
	color: inherit
}
.minicart-container .cart-item .info-block .product-options {
	grid-column: span 3;
	font-size: 13px;
	line-height: 21px;
	display: flex;
	flex-wrap: wrap
}
.minicart-container .cart-item .info-block .product-options .option-item:not(:first-child):before {
	*/content: ', '*/
}


/* Мини-корзина: каждая опция с новой строки */
.minicart-container .cart-item .info-block .product-options .option-item {
    display: block;       /* блок, чтобы была новая строка */
    margin: 2px 0;        /* небольшой отступ сверху/снизу */
}

.minicart-container .cart-item .info-block .product-options .option-item .label {
    display: inline-block; /* чтобы цена/название было нормально */
    font-weight: 500;
}

.minicart-container .cart-item .info-block .product-options .option-item .value {
    display: block;       /* значение под лейблом */
    margin-left: 8px;     /* небольшой отступ слева */
    font-weight: normal;
}




.minicart-container .cart-item .info-block .product-options .custom-options-container {
	width: 100%
}
.minicart-container .cart-item .info-block .product-options dd.values, .minicart-container .cart-item .info-block .product-options .label {
	display: none
}
.minicart-container .cart-item .info-block .quote-item-weight label {
	display: none
}
.minicart-container .cart-item .info-block .custom-options-container {
	margin: 12px 0 0;
	padding: 0 0 16px;
	/*border-bottom: 1px solid var(--th_gray90)*/
}
.minicart-container .cart-item .info-block .custom-options-container.hidden {
	display: none
}
.minicart-container .cart-item .info-block .custom-options-container .values-with-counter {
--v_gap:12px
}
.minicart-container .cart-item .info-block .custom-options-container .values-with-counter .custom-options-item {
--h_gap:12px;
--columns:1fr var(--minicart_qty_width) var(--minicart_remove_icon_size);
--v_align:center
}
.minicart-container .cart-item .info-block .custom-options-container .values-with-counter .custom-options-name {
	grid-column: span 3;
	display: flex;
	font-weight: 500
}
.minicart-container .cart-item .info-block .custom-options-container .values-with-counter .qty-block {
	grid-column-start: 2
}
.minicart-container .cart-item .info-block .custom-options-container .values-with-counter .item-delete-option {
--color:var(--th_gray60);
	grid-column-start: 3;
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.minicart-container .cart-item .info-block .custom-options-container .values-with-counter .item-delete-option:hover {
--color:var(--th_red)
}
}
.minicart-container .cart-item .info-block .price-block {
	overflow: hidden;
	font-weight: 500;
	font-size: 15px
}
.minicart-container .cart-item .info-block .price-block .price {
	display: flex;
	align-items: flex-start
}
.minicart-container .cart-item .info-block .price-block .price span {
	font-size: 12px;
	line-height: 10px;
	margin: 0 0 0 3px
}
.minicart-container .cart-item .info-block .additional-item-info {
	grid-column: span 3
}
.minicart-container .cart-item .info-block .additional-item-info .sauce-free-text {
	font-size: 12px
}
.minicart-container .cart-item .info-block .additional-item-info .sauce-free-text .title span {
	font-weight: 500
}
.minicart-container .cart-item .errors {
	grid-column: span 2;
	background: #efd3e3;
	border-radius: 4px;
	padding: 12px;
	font-size: 13px;
	line-height: 21px;
	color: var(--th_pink);
	margin: 8px 0 0
}

@media (min-width:1025px) {
body:not(.checkout_index_index) .minicart-container .cart-item.show-effect {
	height: var(--minicart_item_height);
	overflow: hidden;
	transition: height var(--trns_time);
	transition-delay: var(--minicart_delay)
}
}

@media (min-width:1025px) {
body:not(.checkout_index_index) .minicart-container .cart-item.show-effect .image-block {
	width: var(--minicart_image_width)
}
}

@media (min-width:1025px) {
body:not(.checkout_index_index) .minicart-container .cart-item.show-effect .info-block {
width:calc(var(--minicart_width_active) - (var(--minicart_padding)*2) - var(--minicart_image_width) - 12px);
	opacity: var(--minicart_info_opacity);
	transform: var(--minicart_info_translate);
	transition: opacity var(--trns_time), transform var(--trns_time);
transition-delay:calc(var(--minicart_delay)*1.5)
}
}
body:not(.checkout_index_index) .minicart-container .cart-item._main-food {
	order: -1
}
.minicart-container .minicart-gifts-wrapper {
--gift_icon_size:24px
}

@media (min-width:1025px) {
body:not(.checkout_index_index) .minicart-container .minicart-gifts-wrapper {
	opacity: var(--minicart_info_opacity);
	transform: var(--minicart_info_translate);
	transition: opacity var(--trns_time), transform var(--trns_time);
transition-delay:calc(var(--minicart_delay)*1.5)
}
}

@media (min-width:1025px) {
.minicart-container .minicart-gifts-wrapper {
	min-width: var(--minicart_width_active)
}
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-header {
--h_gap:12px;
--columns:var(--gift_icon_size) auto 1fr;
--v_align:center;
	box-sizing: border-box;
	padding: var(--minicart_padding);
	background: var(--th_pink);
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	margin: 0 0 var(--minicart_padding)
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-header .gifts-notice-icon {
--blokSize:var(--gift_icon_size);
--color:currentColor;
	margin-top: -2px
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-header .gifts-notice-title {
	font-weight: 500
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-header .gifts-count-block {
	display: flex;
	justify-content: flex-end
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-header .gifts-count-block .gifts-count-num {
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	margin-left: var(--h_gap)
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content {
--h_gap:16px;
--colCount:3;
	width: 100%;
	box-sizing: border-box;
	padding: var(--minicart_padding)
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content .gifts-item {
--v_gap:12px;
--rows:auto 1fr auto;
--h_align:center;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content .gifts-item.disabled {
	opacity: .5
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content .gifts-item .image-block {
	width: 100%;
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 4px
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content .gifts-item .image-block img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content .gifts-item .product-info {
--v_gap:2px
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content .gifts-item .product-name {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px
}
.minicart-container .minicart-gifts-wrapper .minicart-gifts-content .gifts-item .product-options {
	font-size: 13px;
	line-height: 21px
}















/* ======================
   OVERLAY (как на мобилке)
====================== */
.minicart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--trns_time), visibility var(--trns_time);
  z-index: 8;
  backdrop-filter: blur(3px);
}

/* активное состояние */
.minicart-column.minicart-active + .minicart-overlay {
  opacity: 1;
  visibility: visible;
}


/* Корзина закрыта → ведёт себя как кнопка */
#minicart-column:not(.minicart-active) {
  cursor: pointer;
}

/* анимация мигания */
.minicart-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,150,255,0.2);
  pointer-events: none;
  opacity: 0;
}

@keyframes minicartFlashOverlay {
  0%, 100% { opacity: 0; }
  30% { opacity: 1; }
}

.minicart-flash-overlay::before {
  animation: minicartFlashOverlay 0.6s ease;
}


/* 🔹 Подпрыгивание и мигание иконки */
@keyframes minicartIconFlash {
  0%, 100% { transform: scale(1); fill: currentColor; }
  30%       { transform: scale(1.3); fill: #fff; } /* увеличиваем и подсвечиваем */
}
.minicart-flash-icon {
  animation: minicartIconFlash 0.5s ease;
}

/* 🔹 Анимация мигания фона блока */
@keyframes minicartBlockFlash {
  0%, 100% { background-color: #28a745; }      /* текущий зелёный фон */
  30%, 60% { background-color: #fff; }      /* подсветка синим */
}
.minicart-flash-block {
  animation: minicartBlockFlash 0.5s ease;
}

















.free-shipping__msg {
	border-radius: 10px;
	margin: 15px 0 0;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	background:var(--th_yellow);
	position: relative;
	overflow: hidden
}
.free-shipping__txt {
	max-width: 65%
}

@media (max-width:1024px) {
.free-shipping__txt {
	max-width: 63%
}
}
.free-shipping__amount {
	font-weight: 700
}
.free-shipping__icon {
	position: absolute;
	right: 23px;
	top: 50%;
	transform: translate(0, -47%);
	max-width: 106px
}
.free-shipping__icon svg {
	fill: #fff;
	transform: rotate(-20deg);
	width: 100%;
	opacity: .6
}
.region-switcher-native-address {
	height: 100%;
	display: flex
}

@media (max-width:1024px) {
.region-switcher-native-address {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
--rows:368px 1fr
}
.region-switcher-native-address.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
}

@media (min-width:1025px) {
.region-switcher-native-address {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)));
--colCount:2
}
}
.region-switcher-native-address .brander-zone-listing-map-wrapper {
	width: 100% !important
}
.region-switcher-native-address .modal-header .action-close:before, .region-switcher-native-address .modal-header .action-close:after {
	width: 18px
}
.region-switcher-native-address .geolocation-column {
	display: flex;
	flex: 1
}
.region-switcher-native-address .geolocation-column__left {
	flex-direction: column;
	padding: 40px 32px;
	gap: 20px
}

@media (max-width:1024px) {
.region-switcher-native-address .geolocation-column__left {
	padding: 20px 15px;
	gap: 15px
}
}
.region-switcher-native-address .geolocation-column__right {
	z-index: 1;
	position: relative
}

@media (max-width:1024px) {
.region-switcher-native-address .geolocation-column__right {
	order: -1
}
}
.region-switcher-native-address .geolocation-btn {
	border-radius: 3rem;
	color: gray;
	font-family: 'GothamPro';
	font-size: 15px;
	padding: 12px 18px;
	width: auto;
	height: auto;
	max-width: none;
	min-width: fit-content;
	background: #f2f2f2;
	border-color: #f2f2f2
}
.region-switcher-native-address .geolocation-btn:hover {
	color: #fff;
	background:var(--th_yellow);
	border-color:var(--th_yellow)
}
.region-switcher-native-address .geolocation-btn.active, .region-switcher-native-address .geolocation-btn.current {
	color: #fff;
	background:var(--th_yellow);
	border-color:var(--th_yellow)
}
.region-switcher-native-address .step-title {
	font-family: 'GothamPro';
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 0;
	color: #131418
}
.region-switcher-native-address .geo-btn-container {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: center;
	gap: 12px
}
.region-switcher-native-address .geolocation-btn-continue {
	font-family: 'GothamPro';
	max-width: 100%;
	width: 100%;
	margin: auto auto 0 auto;
	border-radius: 10px
}
.region-switcher-native-address .geolocation-left-content {
	display: flex;
	flex-direction: column;
	gap: 20px
}
.region-switcher-native-address .geolocation-left-content .input-text {
	padding: 15px !important;
	font-weight: 400 !important;
	color: gray !important
}
.region-switcher-native-address .geolocation-left-content .input-select {
	padding: 15px !important;
	font-weight: 400 !important;
	color: gray !important;
	position: relative;
	cursor: pointer
}
.region-switcher-native-address .leaflet-marker-icon {
	filter: grayscale(1);
	opacity: .9;
	width: 32px !important;
	height: 32px !important
}
.region-switcher-native-address .leaflet-marker-icon.active {
	filter: grayscale(0);
	opacity: 1
}
.region-switcher-native-address .field {
	position: relative
}
.region-switcher-native-address .field .input-autocomplete {
	position: absolute;
	z-index: 5;
	top: calc(var(--form_field_height) + 8px);
	left: 0;
	right: 0;
	padding: 16px;
	border-radius: 8px;
	border: 1px solidvar(--th_yellow);
	background: #fff;
	display: grid;
	grid-gap: 16px;
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 200px
}
.region-switcher-native-address .field .input-autocomplete::-webkit-scrollbar {
width:var(--scroll_width)
}
.region-switcher-native-address .field .input-autocomplete::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.region-switcher-native-address .field .input-autocomplete::-webkit-scrollbar-track {
background-color:transparent
}
.region-switcher-native-address .field .input-autocomplete::-webkit-scrollbar-thumb {
background-color:var(--th_gray_light);
border-radius:var(--scroll_width)
}
.region-switcher-native-address .field .input-autocomplete::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_light)
}
.region-switcher-native-address .field .input-autocomplete .item {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
--columns:40px 1fr;
--h_gap:12px;
--v_align:center;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer
}
.region-switcher-native-address .field .input-autocomplete .item.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.region-switcher-native-address .field .input-autocomplete .item:before {
	content: '';
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #f8f8f8 url(/img/location.svg) no-repeat 50% 50%;
	background-size: 18px
}
.region-switcher-native-address #locate-me-button {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: #fff;
	border-radius: 15px;
	border: 2px solidvar(--th_yellow);
	outline: none;
	cursor: pointer;
	background-image: url("/img/locate-me-icon.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px
}
.region-switcher-native-address #locate-me-msg {
	background: #ffe5ec;
	padding: 20px;
	border-radius: 10px;
	position: absolute;
	bottom: 20px;
	width: auto;
	left: 5%;
	right: 5%;
	transition: .5s ease-in
}

@media (max-width:479px) {
.region-switcher-native-address #locate-me-msg {
	padding: 12px
}
}
.region-switcher-native-address #locate-me-msg p {
	color:var(--th_yellow);
	font-family: 'GothamPro';
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	position: relative;
	padding-left: 58px
}
.region-switcher-native-address #locate-me-msg p:before {
	content: url("/img/locate-msg-icon.svg");
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 48px;
	height: 48px;
	z-index: 5
}
.select-another-city-items {
	align-items: center
}
.header-icon.icon-map {
	order: -1;
	margin-right: 10px;
	cursor: pointer;
	background: 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	margin-left: -8px;
	line-height: 38px;
	height: 34px;
	width: 34px;
	border: 2px solidvar(--th_yellow);
	color:var(--th_yellow)
}

@media (max-width:1024px) {
.header-icon.icon-map {
	height: 30px;
	width: 30px
}
}
.header-icon.icon-map .icon {
	width: 1.3rem;
	height: 1.3rem
}

@media (max-width:1024px) {
.header-icon.icon-map .icon {
	width: 1rem;
	height: 1rem
}
}
.region-native-address-message {
    background-color: var(--th_green_light);
    padding: 6px;
    margin-top: 5px;
    display: flex;
    justify-content: center;   /* центр по горизонтали */
    align-items: center;       /* центр по вертикали */
    border-radius: 10px;
    width: 100%;
    max-width: 1170px;
    box-sizing: border-box;
	order: -1;
}


@media (max-width:1200px) {
.region-native-address-message {
	max-width: calc(100% - 60px)
}
}

@media (max-width:1024px) {
.region-native-address-message {
	flex-direction: column;
	max-width: calc(100% - 20px);
	gap: 8px
}
}
.region-native-address-message a {
	color:var(--th_yellow);
	font-size: 15px;
	line-height: 24px;
	font-family: 'GothamPro';
	cursor: pointer
}
.region-native-address-message p {
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	font-family: 'GothamPro';
	color: #131418;
	text-align: center
}
.region-native-address-message p a {
	font-weight: 700
}
.region-native-address-message .choose-addr {
	display: flex;
	gap: 5px;
	align-items: flex-start;
	flex-shrink: 0
}
.region-native-address-message .choose-addr .icon-marker {
	width: 20px;
	height: 20px;
	color:var(--th_yellow)
}
.region-native-address-message .choose-addr a {
	font-weight: 500
}
#html-body:has(.app-popup.show) {
overflow:hidden
}
.app-popup {
	position: relative;
	width: 100%;
	background: #fff;
	padding: 30px 25px;
	box-shadow: 0 -4px 10px rgba(0,0,0,.1);
	color: #000;
	border-radius: 23px 23px 0 0;
	opacity: 0;
	transform: translateY(100%);
	transition: transform .5s ease-in-out, opacity .5s ease-in-out;
	aspect-ratio: 1
}
.app-popup.show {
	opacity: 1;
	transform: translateY(0);
	min-height: 380px
}
.app-popup__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: none;
	justify-content: center;
	align-items: flex-end;
	z-index: 99999999;
	transition: opacity .5s ease-in-out
}
.app-popup__overlay.show {
	display: flex;
	opacity: 1
}
.app-popup__image {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: auto;
	object-fit: contain;
	pointer-events: none;
	z-index: 0
}
.app-popup__container {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	height: 100%
}
.app-popup__title {
	font-family: 'GothamPro';
	font-weight: 700;
	font-size: 25px;
	line-height: 130%;
	margin-bottom: 10px
}
.app-popup__subtitle {
	font-family: 'GothamPro';
	font-weight: 400;
	font-size: 16px;
	line-height: 137%
}
.app-popup__download-btn {
	font-family: 'GothamPro';
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #000;
	background-color: #e3e935;
	border: #e3e935;
	border-radius: 14px;
	line-height: 52px;
	text-transform: uppercase;
	padding: 0 30px;
	position: absolute;
	bottom: 0;
	left: 0
}
.app-popup__supermart-btn {
	text-align: center;
	font-family: 'GothamPro';
	font-size: 13px;
	color: #f03296;
	font-weight: 700;
	width: 74px;
	height: 74px;
	background: #fff;
	border-radius: 24px;
	box-shadow: 4px 1px 17px #f03296;
	border: none;
	position: absolute;
	bottom: 0;
	right: 0;
	text-transform: uppercase;
	padding-top: 40px
}
.app-popup__supermart-btn:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 43px;
	top: 4px;
	left: 50%;
	transform: translate(-50%, 0);
	background-image: url('/img/yap.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}
.app-popup__cloose {
	position: absolute;
	top: 30px;
	right: 25px;
	width: 15px;
	height: 15px;
	z-index: 10;
	cursor: pointer;
	background-color: transparent;
	border: none;
	background-image: url("/img/app-popup-close.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}
.app-popup__app-link {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	z-index: 5;
	cursor: pointer
}

@media (max-width:1000px) and (orientation:landscape) {
.app-popup {
	background-position: 0 -25vh;
	background-size: cover;
	aspect-ratio: auto;
	min-height: 60vh
}
}

@media (max-width:413px) {
.app-popup__title {
	font-size: 24px
}
.app-popup__subtitle {
	font-size: 15px
}
}

@media (max-width:391px) {
.app-popup__title {
	font-size: 23px
}
.app-popup__subtitle {
	font-size: 14px
}
}

@media (max-width:376px) {
.app-popup__title {
	font-size: 22px
}
.app-popup__subtitle {
	font-size: 13px
}
}

@media (max-width:361px) {
.app-popup__title {
	font-size: 21px
}
.app-popup__subtitle {
	font-size: 13px
}
.app-popup__supermart-btn {
	width: 69px;
	height: 69px
}
}
.select-dropdown {
--select_height:var(--form_field_height);
--icon_rotate:0deg;
--background:var(--th_dark);
--border_color:var(--th_dark);
--item_color:#888;
--item_color_active:#fff;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	background: var(--background);
	border-radius: var(--th_radius);
	border: 1px solid var(--border_color);
	box-sizing: border-box
}
.select-dropdown.open {
--icon_rotate:180deg;
	position: relative;
	z-index: 2
}
.select-dropdown .select-item {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 6px 12px
}
.select-dropdown .select-dropdown-toggle {
	cursor: pointer
}
.select-dropdown .select-dropdown-toggle .select-item {
	height: calc(var(--select_height) - 2px);
	justify-content: space-between;
	color: var(--item_color_active)
}
.select-dropdown .select-dropdown-toggle .select-item [data-select-current] {
	padding: 1px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.select-dropdown .select-dropdown-toggle .icon-block {
--blockSize:12px;
--color:currentColor;
	margin-left: 8px;
	transform: rotate(var(--icon_rotate));
	transition: transform var(--trns_time)
}
.select-dropdown .select-dropdown-content .select-item {
	min-height: var(--select_height);
	color: var(--item_color);
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.select-dropdown .select-dropdown-content .select-item {
	transition: color var(--trns_time)
}
.select-dropdown .select-dropdown-content .select-item:hover {
	color: var(--item_color_active)
}
}
.select-dropdown .select-dropdown-content .select-item.selected {
	color: var(--item_color_active)
}
.select-dropdown~select {
	display: none
}
.product-items {
	list-style: none;
	padding: 0
}
.product-items.related {
--h_gap:20px;
--v_gap:var(--h_gap)
}

@media (max-width:479px) {
.product-items.related {
	margin-bottom: var(--section_indent)
}
}

@media (min-width:767px) and (max-width:1024px) {
.product-items.related {
--colCount:2
}
}
.product-slider .owl-stage-outer {
	overflow: visible
}
.product-slider:not(.owl-carousel) .owl-stage {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)));
--h_gap:10px
}
.product-slider:not(.owl-carousel) .owl-stage.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.product-slider:not(.owl-carousel) .owl-stage .product-item:nth-child(1n+4) {
	display: none
}

@media (max-width:767px) {
.product-slider:not(.owl-carousel) .owl-stage .product-item:nth-child(1n+2) {
	display: none
}
}

@media (min-width:767px) and (max-width:1200px) {
.product-slider:not(.owl-carousel) .owl-stage .product-item:nth-child(1n+3) {
	display: none
}
}

@media (min-width:767px) and (max-width:1200px) {
.product-slider:not(.owl-carousel) .owl-stage {
--colCount:2
}
}

@media (min-width:1201px) {
.product-slider:not(.owl-carousel) .owl-stage {
--colCount:3
}
}
.product-item {
--actionSize:32px;
--switcherWidth:180px;
	position: relative;
	border-radius: var(--th_radius);
	color: var(--th_dark);
}
.product-item a {
	text-decoration: none
}
.product-item .product-item-info-top {
--indent:20px;
	position: absolute;
	top: var(--indent);
	left: var(--indent);
	right: var(--indent);
	bottom: 50%;
	pointer-events: none
}
.product-item .product-item-info-top .multi-labels-container {
	display: flex;
	align-items: center;
	margin: 6px 0
}
.product-item .product-item-info-top .multi-labels-container .multi-labels-text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	box-sizing: border-box;
	padding: 2px 10px 0;
	border-radius: var(--th_radius);
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2;
	color: var(--th_dark);
	letter-spacing: unset;
	pointer-events: auto
}
.product-item .product-item-info-top .product-item-info-top-left {
	position: absolute;
	top: 0;
	right: 0
}
.product-item .product-item-info-top .product-item-info-top-right {
	position: absolute;
	top: 0;
	right: 0
}
.product-item .product-image-block, .product-item .product-info, .product-item .product-item-description {
	grid-row-start: 1;
	grid-column-start: 1
}
.product-item .advancedproductlabels-wrapper, .product-item picture {
	display: flex;
	width: 100%
}
.product-item .product-image-container, .product-item .product-image-container .product-image-wrapper {
	display: flex;
	width: 100% !important;
	padding: 0 !important
}
.product-item .product-image-block {
	display: flex;
	width: 100%;
	border-radius: inherit;
	position: relative;
	overflow: hidden
}
.product-item .product-image-block img {
	display: block;
	margin: 0 auto;   /* центр по горизонтали */
	/*width: 100%;       /* по умолчанию для десктопа */
	height: 100%;
	object-fit: contain;
}

/* Мобильные устройства */
@media (max-width:1024px) {
	.product-item .product-image-block img {
		/*width: 60%;*/
		height: 100%;
	}
}
.product-item .labels {
--indent:6px;
	position: absolute;
	top: 20px;

	left: 20px;
	display: flex;
margin:0 calc(var(--indent)*-1);
	pointer-events: none
}
.product-item .labels .absolute {
	display: flex;
	flex-wrap: wrap
}
.product-item .labels .absolute:not(:last-child) {
	margin-right: 10px
}
.product-item .labels .advancedproductlabel {
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	margin: var(--indent)
}
.product-item .labels .advancedproductlabel.has-text {
	order: -1;
	height: 30px !important;
	box-sizing: border-box;
	padding: 2px 10px 0 !important;
	border-radius: var(--th_radius) !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	line-height: 1.2;
	letter-spacing: unset !important
}
.product-item .labels .advancedproductlabel.has-img {
	width: 100%;
	height: 32px;
	justify-content: flex-start
}
.product-item .labels .advancedproductlabel img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}
.product-item .product-info {
--action_block_width:120px;
--h_gap:20px;
--v_gap:12px;
--columns:calc(100% - var(--h_gap) - var(--action_block_width)) 1fr auto;
--v_align:center;
	align-self: end;
	padding: var(--h_gap);
	position: relative;
	font-weight: 500
}

@media (min-width:1025px) {
.product-item .product-info {
--v_gap:15px
}
}
.product-item .product-info .product-name, .product-item .product-info [class*=swatch-opt], .product-item .product-info .board-block {
	grid-column-start: 1
}
.product-item .product-info .characteristics-block {
	grid-column-start: 2;
	grid-column-end: 4
}
.product-item .product-info .actions-block {
	grid-column-start: 2;
	grid-column-end: 4
}
.product-item .product-info .product-name {
	grid-row-start: 1;
	grid-row-end: 3;
	align-self: end;
	font-size: 18px;
	line-height: 22px;
	order: -4
}

@media (hover:hover) and (min-width:1025px) {
.product-item .product-info .product-name {
	transition: color var(--trns_time)
}
.product-item .product-info .product-name:hover {
	color: var(--th_yellow)
}
}

@media (min-width:480px) {
.product-item .product-info .product-name {
	font-size: 22px;
	line-height: 28px
}
}
.product-item .product-info .product-name:first-child {
	grid-row-end: unset;
	align-self: unset
}
.product-item .product-info [class*=swatch-opt] {
	order: 3
}
.product-item .product-info [class*=swatch-opt].swatch-single .swatch-option {
	width: 100% !important
}
.product-item .product-info [class*=swatch-opt].swatch-single .swatch-option:after {
	width: 100% !important;
	left: 0 !important
}
.product-item .product-info [class*=swatch-opt].swatch-hidden {
	order: 1;
	grid-row-start: 1;
	display: none
}
.product-item .product-info [class*=swatch-opt].swatch-hidden~.product-name {
	order: 3;
	grid-row-start: 2
}
.product-item .product-info [class*=swatch-opt] .swatch-attribute .swatch-attribute-options {
	display: flex;
	width: var(--switcherWidth);
	max-width: 100%;
	height: 30px;
	border-radius: var(--th_radius);
	box-sizing: border-box;
	background: #fff;
	border: 1px solid var(--th_gray85);
	position: relative;
	z-index: 1
}
.product-item .product-info [class*=swatch-opt] .swatch-attribute .swatch-attribute-options .swatch-option {
--left:-1px;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 15px;
	color: var(--th_gray50);
	text-align: center;
	padding: 6px;
	box-sizing: border-box;
	cursor: pointer
}
.product-item .product-info [class*=swatch-opt] .swatch-attribute .swatch-attribute-options .swatch-option:last-child:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: -1px;
	bottom: -1px;
	left: var(--left);
	width: 50%;
	border-radius: var(--th_radius);
	background: var(--th_yellow);
	pointer-events: none;
	transition: left var(--trns_time), background var(--trns_time)
}
.product-item .product-info [class*=swatch-opt] .swatch-attribute .swatch-attribute-options .swatch-option.selected {
--left:calc(50% + 1px);

	color: var(--th_dark);
	pointer-events: none
}
.product-item .product-info .characteristics-block {
	justify-self: end;
	align-self: end;
	font-size: 13px;
	line-height: 15px;
	opacity: .8
}
.product-item .product-info .characteristics-block .characteristics-title, .product-item .product-info .characteristics-block .attribute-label {
	display: none
}
.product-item .product-info .characteristics-block .attribute-value {
	white-space: nowrap
}
.product-item .product-info .characteristics-block [class*=characteristics-attributes] {
	display: flex;
	align-items: center
}
.product-item .product-info .characteristics-block [class*=characteristics-attributes] .attribute-block:not(:first-child) {
	margin-left: 10px
}
.product-item .product-info .board-block {
	order: 5;
	max-width: 100%;
	justify-self: start;
	grid-column-start: 1;
	height: var(--actionSize)
}
.product-item .product-info .board-block .label {
	display: none
}
.product-item .product-info .board-block .select-dropdown {
--select_height:30px;
--background:#fff;
--border_color:var(--th_gray85);
--item_color_active:var(--th_dark);
	width: var(--switcherWidth);
	max-width: 100%
}

@media (min-width:480px) {
.product-item .product-info .board-block .select-dropdown {
	width: auto;
	min-width: var(--switcherWidth)
}
}
.product-item .product-info .board-block:not(.hidden)~.characteristics-block {
	order: 3
}
.product-item .product-info .board-block:not(.hidden)~[class*=swatch-opt] {
	order: 4
}
.product-item .product-info [class*=swatch-opt]~.product-name, .product-item .product-info .board-block:not(.hidden)~.product-name {
	grid-row-end: unset;
	align-self: unset
}
.product-item .product-info [class*=swatch-opt]+.board-block:not(.hidden)~.product-name {
	grid-column: span 3
}
.product-item .product-info .actions-block {
	order: 6;
	align-self: end;
	justify-self: end;
	display: flex;
	align-items: flex-end
}
.product-item .product-info .actions-block .product-item-actions {
	margin-left: 12px
}
.product-item .product-info .tocart {
--blockSize:var(--actionSize);
--iconSize:16px;
	border-radius: 50%;
	border: none;
	background: var(--th_yellow);
	transition: background var(--trns_time), color var(--trns_time);
	cursor: pointer
}

@media (hover:hover) and (min-width:1025px) {
.product-item .product-info .tocart:hover {
	background: var(--th_pink);
	color: #fff
}
}
.product-item .product-info .price-box {
	display: flex;
	flex-direction: column;
	align-items: start;
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
	color: var(--th_dark);
	white-space: nowrap
}
.product-item .product-info .price-box .price-label {
	display: none
}
.product-item .product-info .price-box .price-wrapper, .product-item .product-info .price-box .price {
	display: flex;
	align-items: flex-start
}
.product-item .product-info .price-box .price-wrapper span:not(.price), .product-item .product-info .price-box .price span:not(.price) {
	font-size: 14px;
	line-height: 1;
	margin: 0 0 0 3px
}
.product-item .product-info .price-box .old-price {
	order: -1;
	font-size: 15px;
	text-decoration-line: line-through;
	color: var(--th_yellow)
}
.product-item .product-info .price-box .old-price .price-wrapper {
	display: flex;
	align-items: flex-start
}
.product-item .product-info .price-box .old-price .price-wrapper span:not(.price) {
	font-size: 12px;
	line-height: 10px;
	margin: 0 0 0 3px
}
.product-item .product-info .super-attribute-select {
	display: none
}



@media (min-width:767px) and (max-width:1024px) {
.product-item.related-product {
	height: 100%
}
}

@media (min-width:480px) {
.product-item.related-product {
--columns:1fr 2fr;
	color: var(--th_dark);
	border: 1px solid var(--th_gray85);
	overflow: hidden
}
}

@media (min-width:480px) {
.product-item.related-product .product-image-block {
	border-radius: 0;
	height: 100%;
	max-height: 200px
}
}

@media (min-width:480px) {
.product-item.related-product .product-info {
--columns:100%;
--rows:1fr auto;
	min-width: 240px;
	grid-auto-rows: auto;

	grid-column-start: 2;
	height: 100%;
	box-sizing: border-box;
	align-self: unset
}
.product-item.related-product .product-info>* {
	grid-column: unset !important
}
}

@media (min-width:480px) {
.product-item.related-product .product-info .product-name {
	font-size: 17px;
	line-height: 18px;
	margin: 0 0 auto
}
}
@media (max-width:479px) {

  /* Карточка — одна колонка */
  .product-item.related-product {
    --columns: 1fr;
  }

  /* Картинка сверху */
  .product-item.related-product .product-image-block {
    grid-column: 1;
    height: auto;
    max-height: none;
  }

  /* Инфо строго под картинкой */
  .product-item.related-product .product-info {
    grid-column: 1;
    grid-row: auto;
    height: auto;
    min-width: 0;
    align-self: stretch;
  }

}

@media (max-width:479px) {
.product-item.related-product .product-info .product-name:first-child {
	grid-column: span 1
}
}

@media (min-width:480px) {
.product-item.related-product .product-info .price-box {
	color: currentColor
}
}

@media (min-width:480px) {
.product-item.related-product .product-info .actions-block {
	width: 100%;
	justify-content: space-between
}
}

@media (min-width:480px) {
.product-item.related-product .product-info .actions-block .tocart {
	background: 0 0;
	transition: background var(--trns_time), color var(--trns_time);
	cursor: pointer
}
}

@media (hover:hover) and (min-width:1025px) {
.product-item.related-product .product-info .actions-block .tocart:hover {
	background: var(--th_pink);
	color: var(--th_dark);
}
}
.content-style-extend {
	font-size: 15px;
	line-height: 1.2
}
.content-style-extend ul, .content-style-extend ol {
	list-style-position: inside
}
.content-style-extend h1:not(:last-child), .content-style-extend h2:not(:last-child), .content-style-extend h3:not(:last-child), .content-style-extend h4:not(:last-child), .content-style-extend h5:not(:last-child), .content-style-extend h6:not(:last-child), .content-style-extend ul:not(:last-child), .content-style-extend ol:not(:last-child), .content-style-extend p:not(:last-child), .content-style-extend table:not(:last-child) {
	margin-bottom: 24px
}
.content-style-extend img, .content-style-extend iframe {
	max-width: 100%
}
.content-style-extend img {
	height: auto;
	border-radius: var(--th_radius)
}
.content-style-extend *:last-child {
	margin-bottom: 0
}
.owl-carousel {
--owl_dot_size:16px;
--owl_dot_shadow_size:7px;
--owl_dot_color:var(--th_gray_dark);
--dot_fill_color:#fff;
--owl_dot_indent:8px;
--dots_margin:24px
}
.owl-carousel .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--owl_dot_indent); /* ← ВАЖНО */
	margin-top: var(--dots_margin);
	pointer-events: none;
	flex-wrap: wrap;
    max-width: 100%;
}
.owl-carousel .owl-dots .owl-dot {
	width: var(--owl_dot_size);
	height: var(--owl_dot_size);
	min-width: var(--owl_dot_size);
	min-height: var(--owl_dot_size);

	padding: 0;
	margin: 0;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;
	line-height: 1;

	box-shadow: inset 0 0 0 var(--owl_dot_shadow_size) var(--dot_fill_color);
	background: var(--owl_dot_color);
	border: 1px solid var(--owl_dot_color);

	cursor: pointer;
	pointer-events: auto;
	transition: box-shadow .3s;
}
.owl-carousel .owl-dots .owl-dot.active {
--owl_dot_color:var(--th_main_color);
--owl_dot_shadow_size:2px
}
.owl-carousel .owl-dots .owl-dot span {
	display: none
}
.owl-carousel .owl-nav {
--nav_size:32px;
--nav_size_indent:12px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--nav_size_indent);
	pointer-events: none
}

@media (min-width:1025px) {
.owl-carousel .owl-nav {
--nav_size_indent:46px
}
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	pointer-events: auto;
	width: var(--nav_size);
	height: var(--nav_size);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--nav_size);
	color: currentColor
}

@media (hover:hover) and (min-width:1025px) {
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	transition: color var(--trns_time)
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
	color: var(--th_red)
}
}
.owl-carousel .owl-nav .owl-prev {
	position: relative;
	transform: rotate(180deg)
}
:root {
--main_indent_top:0
}
.page-main-wrapper {
--section_indent:16px;
padding-bottom:calc(var(--section_indent)*2);
	overflow: visible;
	position: relative
}

@media (min-width:1025px) {
.page-main-wrapper {
--section_indent:32px;
	padding-top: var(--section_indent)
}
}
.page-column-breadcrumbs {
	display: flex
}

@media (max-width:1024px) {
.page-column-breadcrumbs {
	justify-content: center
}
}
.page-column-breadcrumbs .back-button {
	grid-column-start: 1;
	justify-self: start
}

@media (max-width:1024px) {
.page-column-breadcrumbs .back-button {
--button_height:32px;
	opacity: .5
}
}
.page-column-breadcrumbs .back-button .icon-block {
	margin-right: 6px
}
.page-column-breadcrumbs .breadcrumbs {
	grid-column-start: 2
}

@media (max-width:1024px) {
.page-column-breadcrumbs .breadcrumbs {
/*--link_color:#fff;
--default_color:#fff*/
}
}

@media (min-width:1025px) {
.page-column-breadcrumbs .breadcrumbs {
	justify-self: center
}
}
.product-page-container {
--v_gap:20px;
--v_align:start;
	margin: 0 0 30px
}

@media (max-width:1024px) {
.product-page-container {
	position: relative
}
}

@media (min-width:1025px) {
.product-page-container {
--v_gap:50px;
--h_gap:30px;
--colCount:2;
--rows:auto 1fr
}
}

@media (max-width:479px) {
.product-page-container {
	padding-bottom: 104px
}
}
.product-media-wrap {
	position: relative
}

@media (max-width:1024px) {
.product-media-wrap {
margin-left:calc(var(--mainPadding)*-1);
margin-right:calc(var(--mainPadding)*-1)
}
}
.product-media-wrap .product-gallery-block {
	overflow: hidden
}

@media (min-width:1025px) {
.product-media-wrap .product-gallery-block {
	border-radius: var(--th_radius)
}
}
.product-media-wrap .product-gallery-block .product-image-item {
	display: flex
}
.product-media-wrap .product-gallery-block .product-image-item img {
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 1.02108626
}
.product-media-wrap .shop-general-banner-item {
    height: 500px;
}

/* ВАЖНО: центрируем через ссылку */
.product-media-wrap .shop-general-banner-item a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* КЛЮЧЕВОЕ МЕСТО */
.product-media-wrap .shop-general-banner-item img {
    max-height: 100%;
    max-width: 80%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
}

.product-media-wrap .product-gallery-block #imgZoom.product-image-item {
	cursor: pointer
}
.product-media-wrap .product-gallery-block .owl-dots {
--owl_dot_size:10px;
--owl_dot_color:rgba(255,255,255,.25);
--dots_margin:0;
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	bottom: 16px
}
.product-media-wrap .product-gallery-block .owl-dots .owl-dot {
	border: none;
	box-shadow: none
}
.product-media-wrap .product-gallery-block .owl-dots .owl-dot.active {
--owl_dot_color:#fff
}
.product-media-wrap .product-gallery-block:not(.owl-carousel) .owl-item:not(:first-child) {
	display: none
}
.product-media-wrap .related-link {
--button_height:42px;
--button_font_size:16px
}

@media (min-width:1025px) {
.product-media-wrap .related-link {
	display: none
}
}

@media (max-width:1024px) {
.product-media-wrap .related-link {
	width: 420px;
max-width:calc(100% - (var(--mainPadding)*2));
	margin: 20px auto 0
}
}
.product-media-wrap .related-link:not(.show) {
	display: none
}
.product-media-wrap .related-link .icon-block {
--blockSize:16px;
	margin-left: 8px
}
.product-info-price {
	display: none
}
.product-info-main-wrap {
--v_gap:20px
}

@media (min-width:1025px) {
.product-info-main-wrap {
	grid-row: span 2
}
}
.product-info-main-wrap .swatch-opt {
--switcherWidth:200px;
--switcher_block_height:42px
}
.product-info-main-wrap .swatch-opt.swatch-single .swatch-option {
	width: 100% !important
}
.product-info-main-wrap .swatch-opt.swatch-single .swatch-option:after {
	width: 100% !important;
	left: 0 !important
}
.product-info-main-wrap .swatch-opt.swatch-hidden {
	display: none
}

@media (min-width:1025px) {
.product-info-main-wrap .swatch-opt {
--switcher_block_height:50px
}
}

@media (max-width:479px) {
.product-info-main-wrap .swatch-opt {
--switcherWidth:100%
}
}
.product-info-main-wrap .swatch-opt .swatch-attribute-label, .product-info-main-wrap .swatch-opt .swatch-attribute-selected-option, .product-info-main-wrap .swatch-opt .swatch-input {
	display: none
}
.product-info-main-wrap .swatch-opt .swatch-attribute-options {
	display: flex;
	width: var(--switcherWidth);
	height: var(--switcher_block_height);
	border-radius: var(--th_radius);
	box-sizing: border-box;
	border: 1px solid var(--th_gray85);
	position: relative;
	z-index: 1
}
.product-info-main-wrap .swatch-opt .swatch-attribute-options .swatch-option {
--left:-1px;
	flex-grow: 1;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	line-height: 16px;
	color: var(--th_gray50);
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
	cursor: pointer
}
.product-info-main-wrap .swatch-opt .swatch-attribute-options .swatch-option:last-child:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: -1px;
	bottom: -1px;
	left: var(--left);
	width: 50%;
	border-radius: var(--th_radius);
	background: var(--th_yellow);
	pointer-events: none;
	transition: left var(--trns_time), background var(--trns_time)
}
.product-info-main-wrap .swatch-opt .swatch-attribute-options .swatch-option.selected {
--left:calc(51%);
	color: var(--th_gray90);
	pointer-events: none
}
.product-info-main {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 20px
}
.page-title-wrapper .page-title {
--fontSize:20px;
--lineHeight:24px
}

@media (min-width:1025px) {
.page-title-wrapper .page-title {
--fontSize:24px;
--lineHeight:28px
}
}

@media (min-width:1025px) {
.product-block {
	border: 1px solid var(--th_gray85);
	border-radius: var(--th_radius);
	padding: 32px;
	box-sizing: border-box
}
}
.product-info-main-top {
--colCount:1;
--columns:100%;
--rows:auto;
--h_gap:0px;
--v_gap:0px;
--gap:var(--v_gap) var(--h_gap);
--h_align:unset;
--v_align:unset;
	display: grid;
	grid-template-columns: var(--columns);
	grid-template-rows: var(--rows);
	grid-gap: var(--gap);
	justify-content: var(--h_align);
	align-items: var(--v_align);
--h_gap:6px;
--v_gap:24px;
--columns:1fr auto;
--v_align:center
}
.product-info-main-top.equal {
--columns:repeat(var(--colCount), calc((100% - ((var(--colCount) - 1)*var(--h_gap)))/var(--colCount)))
}
.product-info-main-top .product-item-info-top .multi-labels-container {
	display: flex;
	align-items: center;
margin:0 calc(var(--h_gap)*-1)
}
.product-info-main-top .product-item-info-top .multi-labels-container .multi-labels-text {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	height: 30px;
	box-sizing: border-box;
	background: var(--th_orange);
	padding: 2px 10px 0;
	border-radius: var(--th_radius);
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2;
	color: var(--th_dark);
	margin: 0 var(--h_gap)
}
.product-info-main-top .advancedproductlabels-content-wrapper {
	/*order: -1*/
}
.product-info-main-top .advancedproductlabels-content-wrapper .content {
	display: flex;
	align-items: center;
margin:0 calc(var(--h_gap)*-1)
}
.product-info-main-top .advancedproductlabels-content-wrapper .advancedproductlabel {
	display: flex;
	height: 28px;
	margin: 0 var(--h_gap)
}
.product-info-main-top .advancedproductlabels-content-wrapper .advancedproductlabel.has-text {
	order: 2;
	height: 30px;
	box-sizing: border-box;
	align-items: center;
	padding: 0px 10px 0 !important;
	border-radius: var(--th_radius) !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	line-height: 1.2;
	color: #000;
	letter-spacing: unset !important;
	margin-left: auto
}
.product-info-main-top .advancedproductlabels-content-wrapper .advancedproductlabel.has-text~.has-text {
	margin-left: var(--h_gap)
}

.advancedproductlabel__content {
  display: flex;
  align-items: center;
  gap: 2px; /* иконка + текст */
}
.product-info-main-top .advancedproductlabels-content-wrapper .advancedproductlabel.has-img {
	height: 32px
}
.product-info-main-top .page-title-wrapper {
	grid-column: span 2
}
.product-add-form {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 20px
}
.product-social-links {
	display: none
}
.product-info-form-content {
--h_gap:10px;
--v_gap:20px;
--v_align:center
}

@media (min-width:479px) and (max-width:767px) {
.product-info-form-content {
--colCount:2;
--columns:180px calc(100% - 180px - var(--h_gap))
}
}

@media (min-width:767px) and (max-width:1025px) {
.product-info-form-content {
--colCount:3;
--columns:repeat(2, auto) minmax(33%, 1fr)
}
}

@media (min-width:1025px) {
.product-info-form-content {
--colCount:2;
--columns:180px calc(100% - 180px - var(--h_gap))
}
}

@media (min-width:1201px) {
.product-info-form-content {
 --colCount: 1;
 --columns: 1fr;
}
}

@media (min-width:479px) and (max-width:767px) {
.product-info-form-content .product-info-form-before-content {
	grid-column: span var(--colCount)
}
}

@media (min-width:1025px) and (max-width:1200px) {
.product-info-form-content .product-info-form-before-content {
	grid-column: span var(--colCount)
}
}
.product-info-form-content .weight-item {
	font-weight: 500;
	font-size: 17px;
	line-height: 18px;
	margin-right: auto
}
.product-info-form-content .product.attribute.overview {
	grid-column: span var(--colCount);
	order: 5
}
.product-info-form-content .board-block {
--board_block_height:42px
}

@media (min-width:1025px) {
.product-info-form-content .board-block {
--board_block_height:50px
}
}

@media (min-width:480px) {
.product-info-form-content .board-block {
	max-width: 300px
}
}
.product-info-form-content .board-block .label {
	display: none
}
.product-info-form-content .board-block .control {
	height: var(--board_block_height)
}
.product-info-form-content .board-block .select-dropdown {
--select_height:var(--board_block_height);
--background:#fff;
--border_color:var(--th_gray85);
--item_color_active:var(--th_dark)
}

@media (min-width:480px) {
.product-info-form-content .board-block .select-dropdown {
	max-width: 300px
}
}

@media (min-width:1025px) {
.product-info-form-content .board-block .select-dropdown {
	font-size: 14px
}
}

@media (min-width:480px) {
.product-info-form-content .product-options-bottom {
	order: 2;
	grid-column: span var(--colCount)
}
}

@media (min-width:480px) {
.product-info-form-content .special-category-text-wrap {
	order: 3;
	grid-column: span var(--colCount)
}
}
.special-category-text-wrap .special-category-text .title {
	font-size: 20px;
}

.product-options-bottom {
--indent:10px
}
.product-options-bottom [id=instant-purchase] {
	display: none
}

@media (max-width:479px) {
.product-options-bottom {
	grid-column: unset;
	display: flex;
	align-items: flex-end;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none
}
}
.product-options-bottom .box-tocart {
--h_gap:32px;
--columns:1fr auto;
--v_align:center;
	flex-grow: 1;
	width: 100%;
	background: var(--th_pink);
	border-radius: var(--th_radius)
}

@media (max-width:479px) {
.product-options-bottom .box-tocart {
--h_gap:20px;
	pointer-events: auto;
	position: sticky;
	bottom: var(--indent);
	left: var(--indent);
	right: var(--indent)
}
}
.product-options-bottom .price-box {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 10px 16px;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 30px;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	overflow: hidden
}
.product-options-bottom .price-box .price-label {
	display: none
}
.product-options-bottom .price-box .price-wrapper, .product-options-bottom .price-box .price {
	display: flex;
	align-items: flex-start;
	padding-top: 2px
}
.product-options-bottom .price-box .price-wrapper span:not(.price), .product-options-bottom .price-box .price span:not(.price) {
	font-size: 14px;
	line-height: 1;
	margin: 0 0 0 3px
}
.product-options-bottom .price-box .old-price {
	order: -1;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	text-decoration-line: line-through;
	color: var(--th_yellow);
	margin: 0 0 4px
}
.product-options-bottom .price-box .old-price .price-wrapper {
	display: flex;
	align-items: flex-start
}
.product-options-bottom .price-box .old-price .price-wrapper span {
	font-size: 12px;
	line-height: 10px;
	margin: 0 0 0 3px
}
.product-options-bottom .qty-wrapper {
	max-width: 200px;
	display: none
}
.product-options-bottom .actions {
	grid-column-start: 2;
	padding: 4px;
	width: min-content;
	transition: width var(--trns_time)
}
.product-options-bottom .actions .added {
	display: none
}
.product-options-bottom .actions .tocart {
--button_color:#000;
--button_color_hover:#000;
--button_background_hover:#fff;
--button_border_color_hover:#fff;
	white-space: nowrap
}

@media (min-width:1025px) {
.product-options-bottom .actions .tocart {
--button_height:46px
}
}
.product-options-bottom .actions.in-cart .default {
	display: none
}
.product-options-bottom .actions.in-cart .added {
	display: inline
}
.special-category-text {
--v_gap:8px;
	box-sizing: border-box;
	padding: 16px;
	background: var(--th_gray95);
	border-radius: var(--th_radius);
	font-size: 15px;
	line-height: 18px
}
.special-category-text .title {
	font-weight: 700;
	color: var(--th_yellow)
}
.product.info.detailed {
	font-size: 15px;
	line-height: 1.2
}

@media (min-width:1025px) {
.product.info.detailed {
	border: 1px solid var(--th_gray85);
	border-radius: var(--th_radius);
	padding: 32px;
	box-sizing: border-box
}
}
.product.info.detailed ul, .product.info.detailed ol {
	list-style-position: inside
}
.product.info.detailed h1:not(:last-child), .product.info.detailed h2:not(:last-child), .product.info.detailed h3:not(:last-child), .product.info.detailed h4:not(:last-child), .product.info.detailed h5:not(:last-child), .product.info.detailed h6:not(:last-child), .product.info.detailed ul:not(:last-child), .product.info.detailed ol:not(:last-child), .product.info.detailed p:not(:last-child), .product.info.detailed table:not(:last-child) {
	margin-bottom: 24px
}
.product.info.detailed img, .product.info.detailed iframe {
	max-width: 100%
}
.product.info.detailed img {
	height: auto;
}
.product.info.detailed *:last-child {
	margin-bottom: 0
}
.product.info.detailed .data.item.title {
	font-weight: 500;
	font-size: 17px;
	line-height: 18px;
	margin: 0 0 24px
}
.product.info.detailed .data.item.title:not(:first-child) {
	margin-top: 32px
}
.product.info.detailed .data.item.content {
	display: block !important
}
.product.info.detailed a {
	text-decoration: none
}
.product.info.detailed .product.attribute.description details {
	font-family: 'GothamPro'
}
.product.info.detailed .product.attribute.description details summary {
	border-top: 2px solid #f2f2f2;
	padding: 20px 20px 20px 40px;
	color: #000;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	list-style: none
}
.product.info.detailed .product.attribute.description details summary::marker {
display:none
}
.product.info.detailed .product.attribute.description details summary::-webkit-details-marker {
display:none
}
.product.info.detailed .product.attribute.description details summary:before {
	content: '';
	background-image: url('/img/marker-close.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translate(0, -50%);
	width: 15px;
	height: 100%;
	transition: transform .3s ease
}
.product.info.detailed .product.attribute.description details div {
	padding: 0 20px 20px 40px;
	color: #000;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	font-family: 'GothamPro'
}
.product.info.detailed .product.attribute.description details:first-of-type summary {
	border-top: none
}
.product.info.detailed .product.attribute.description details[open] summary:before {
	background-image: url('/img/marker-open.png')
}
.delivery-custom-group-options .tabs-head {
--height:42px;
--padding:18px;
--color:var(--th_gray50);
--background:var(--th_gray95);
--indent:5px;
	display: flex;
margin:0 calc(var(--indent)*-1) 24px
}
.delivery-custom-group-options .tabs-head * {
	user-select: none;
	-webkit-user-select: none
}

@media (max-width:767px) {
.delivery-custom-group-options .tabs-head {
	overflow-y: hidden;
	overflow-x: auto
}
.delivery-custom-group-options .tabs-head::-webkit-scrollbar {
height:0
}
.delivery-custom-group-options .tabs-head::-webkit-scrollbar-track {
height:0;
background-color:transparent
}
.delivery-custom-group-options .tabs-head::-webkit-scrollbar-thumb {
height:0;
background-color:transparent
}
.delivery-custom-group-options .tabs-head * {
	user-select: none;
	-webkit-user-select: none
}
}

@media (min-width:768px) {
.delivery-custom-group-options .tabs-head {
	flex-wrap: wrap
}
}
.delivery-custom-group-options .tabs-head .tab-toggle {
	flex-shrink: 0;
	height: var(--height);
	display: flex;
	align-items: center;
	background: var(--background);
	padding: var(--padding);
	box-sizing: border-box;
	border-radius: var(--th_radius);
margin:0 var(--indent) calc(var(--indent)*2);
	font-size: 15px;
	line-height: 18px;
	color: var(--color);
	cursor: pointer;
	transition: background var(--trns_time), color var(--trns_time)
}

@media (max-width:767px) {
.delivery-custom-group-options .tabs-head .tab-toggle {
	margin: 0 var(--indent)
}
}

@media (hover:hover) and (min-width:1025px) {
.delivery-custom-group-options .tabs-head .tab-toggle:hover {
--color:#fff;
--background:var(--th_pink)
}
}
.delivery-custom-group-options .tabs-head .tab-toggle.active {
--color:#fff;
--background:var(--th_pink)
}
.delivery-custom-group-options .options-tabs-content {
	padding: 24px 0 0;
	border-top: 1px solid var(--th_gray85)
}
.delivery-custom-group-options .options-tabs-content-item .tabs-head {
--height:30px;
--padding:10px
}
.delivery-custom-group-options .options-tabs-content-item.static .options-item .info-wrap {
--columns:100%
}
.delivery-custom-group-options .options-tabs-content-item.static .options-item .actions-block {
	display: none
}
.delivery-custom-group-options .tab-content:not(.active) {
	display: none
}
.delivery-custom-group-options .options-list {
--colCount:2;
--h_gap:32px;
--v_gap:16px
}

@media (max-width:1024px) {
.delivery-custom-group-options .options-list {
	padding-bottom: var(--v_gap)
}
}

@media (min-width:479px) and (max-width:1024px) {
.delivery-custom-group-options .options-list {
--colCount:3
}
}

@media (min-width:1201px) {
.delivery-custom-group-options .options-list {
--colCount:3
}
}
.delivery-custom-group-options .options-list .options-item {
--image_width:140px;
--image_height:80px;
--action_size:32px;
--h_gap:16px;
--columns:100%;
--rows:auto 12px 1fr;
	align-content: end;
	justify-items: center;
	text-align: center;
	height: 100%
}
.delivery-custom-group-options .options-list .options-item .image-block, .delivery-custom-group-options .options-list .options-item .info-wrap, .delivery-custom-group-options .options-list .options-item .actions-block {
	grid-column-start: 1
}
.delivery-custom-group-options .options-list .options-item .image-block {
	grid-row-start: 1;
	width: var(--image_width);
	height: var(--image_height);
	display: flex
}
.delivery-custom-group-options .options-list .options-item .image-block img {
	width: 100%;
	height: 100%;
	object-fit: cover
}


/* Только карточка полного прайса */
.delivery-custom-group-options 
.options-list 
.options-item.price-card 
.image-block {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Размер иконки */
.delivery-custom-group-options 
.options-list 
.options-item.price-card 
.image-block i {
  font-size: 48px;
  line-height: 1;
}



.delivery-custom-group-options .options-list .options-item .info-wrap {
	grid-row: span 2
}
.delivery-custom-group-options .options-list .options-item .info-block {
--h_gap:10px;
--v_gap:2px;
--h_align:center;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	margin: 0 auto
}
.delivery-custom-group-options .options-list .options-item .info-block .name-block {
	word-break: break-word
}
.delivery-custom-group-options .options-list .options-item .info-block .subtitle-block {
	font-size: 13px;
	line-height: 21px;
	color: var(--th_gray30)
}
.delivery-custom-group-options .options-list .options-item .info-block .option-info {
	display: flex;
	align-items: center;
	justify-content: center
}
.delivery-custom-group-options .options-list .options-item .info-block .option-info .option-weight {
	font-size: 13px;
	line-height: 21px;
	color: var(--th_gray30)
}
.delivery-custom-group-options .options-list .options-item .info-block .option-info .price-block {
	white-space: nowrap;
	overflow: hidden
}
.delivery-custom-group-options .options-list .options-item .info-block .option-info .price-block:not(:first-child) {
	margin-left: 10px
}
.delivery-custom-group-options .options-list .options-item .actions-block {
--action_size:32px;
--action_size_active:92px;
	grid-row-start: 1;
	grid-row-end: 3;
	align-self: end;
	position: relative
}
.delivery-custom-group-options .options-list .options-item .actions-block input[type=checkbox] {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--action_size);
	height: var(--action_size);
	opacity: 0
}
.delivery-custom-group-options .options-list .options-item .actions-block input[type=checkbox]:checked~.qty-wrapper {
	width: var(--action_size_active)
}
.delivery-custom-group-options .options-list .options-item .actions-block .qty-wrapper {
	width: var(--action_size);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-radius: calc(var(--action_size)/2);
	overflow: hidden;
	transition: width var(--trns_time)
}
.delivery-custom-group-options .options-list .options-item .actions-block .qty-wrapper .qty-block {
--blockWidth:var(--action_size_active);
--btnSize:var(--action_size);
--background:rgba(255,255,255,.5)
}
.delivery-custom-group-options .options-list .options-item .actions-block .qty-wrapper .qty-block .nav-down {
	z-index: 3
}
.delivery-custom-group-options .options-list .options-item .actions-block .qty-wrapper .qty-block .nav-down.disabled {
	pointer-events: none
}
.data.table {
	border: 1px solid var(--th_gray95);
	border-radius: 5px
}
.data.table .table-caption, .data.table thead {
	display: none
}
.data.table, .data.table tbody {
	display: block;
	width: 100%
}
.data.table tr {
	display: grid;
	grid-template-columns: repeat(2, 50%)
}
.data.table tr:nth-child(odd) {
	background: var(--th_gray95)
}
.data.table th, .data.table td {
	min-height: 38px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 10px;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	text-align: left
}
.product-bottom-wrapper {
--v_gap:32px
}
.product-bottom-wrapper .related-combination-wrapper .block-title {
	font-family: 'GothamPro';
	text-transform: uppercase
}

@media (max-width:1024px) {
.product-bottom-wrapper .related-combination-wrapper .block-title {
	text-align: center
}
}
.product-bottom-wrapper .product-slider .owl-stage-outer {
	overflow: hidden
}
.product-description-wrapper {
	grid-column: span var(--colCount)
}
.product-description {
--maxHeight:100%;
	max-height: var(--maxHeight);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px 0;
	transition: max-height var(--trns_time);
	margin-top: var(--section_indent);
	margin-bottom: var(--section_indent)
}
.product-description::-webkit-scrollbar {
width:var(--scroll_width)
}
.product-description::-webkit-scrollbar:horizontal {
height:var(--scroll_width)
}
.product-description::-webkit-scrollbar-track {
background-color:transparent
}
.product-description::-webkit-scrollbar-thumb {
background-color:var(--th_gray_light);
border-radius:var(--scroll_width)
}
.product-description::-webkit-scrollbar-thumb:hover {
background-color:var(--th_gray_light)
}
.product-description:not(.disabled) {
--maxHeight:180px
}
.product-description .content-style-extend * {
	color: #7f7f7f;
	font-size: 14px !important
}
.brander-region-page {
--v_gap:var(--section_indent)
}
.brander-region-page [id=auth-popup-component] {
	position: absolute
}
.center-block {
	width: 100%;
	/*max-width: 600px;*/
	margin-left: auto;
	margin-right: auto
}
p[itemprop="text"] {
  margin-bottom: 24px !important;
}







.shipping-variants-wrap .shipping-variants {
--colCount:1;
	padding: 0 var(--block_indent);
	box-sizing: border-box;
	border: 1px solid var(--th_gray85);
	border-radius: var(--th_radius);
	background: var(--th_gray95)
}

@media (min-width:480px) {
.shipping-variants-wrap .shipping-variants {
--colCount:2
}
}

.shipping-variants-wrap .shipping-variants .shipping-variant:not(:first-child) {
	border-top: 1px solid var(--th_gray85)
}
.shipping-variants-wrap .shipping-variants .shipping-variant {
--v_gap:8px;
--rows:auto auto 1fr;
	padding: var(--block_indent) 0;
	box-sizing: border-box;
	position: relative
}
.shipping-variants-wrap .shipping-variants .shipping-variant .title {
	font-weight: 500;
	font-size: 22px;
	line-height: 26px
}
.shipping-variants-wrap .shipping-variants .shipping-variant .note {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: var(--th_pink)
}
.shipping-variants-wrap .shipping-variants .shipping-variant .description {
	font-size: 13px;
	line-height: 21px
}
.shipping-variants-wrap .shipping-variants .shipping-variant .description a {
	text-decoration: none;
	font-weight: 500;
	color: var(--th_pink)
}

@media (hover:hover) and (min-width:1025px) {
.shipping-variants-wrap .shipping-variants .shipping-variant .description a {
	transition: color var(--trns_time)
}
.shipping-variants-wrap .shipping-variants .shipping-variant .description a:hover {
	color: var(--th_main_color)
}
}
.shipping-variants-wrap .shipping-variants .shipping-variant:not(:first-child) {
	border-top: 1px solid var(--th_gray85)
}

@media (min-width:480px) {
.shipping-variants-wrap .shipping-variants .shipping-variant:nth-child(2) {
	border-top: none
}
}

@media (min-width:480px) {
.shipping-variants-wrap .shipping-variants .shipping-variant:after {
	content: '';
	position: absolute;
	top: var(--block_indent);
	bottom: var(--block_indent);
	right: 0;
	width: 1px;
	background: var(--th_gray85)
}
}

@media (min-width:480px) {
.shipping-variants-wrap .shipping-variants .shipping-variant:nth-child(odd) {
	padding-right: var(--block_indent)
}
}

@media (min-width:480px) {
.shipping-variants-wrap .shipping-variants .shipping-variant:nth-child(even) {
	padding-left: var(--block_indent)
}
}

@media (min-width:480px) {
.shipping-variants-wrap .shipping-variants .shipping-variant:nth-child(even):after {
	display: none
}
}
.payment-methods-wrap .payment-methods {
	padding: 0 var(--block_indent);
	box-sizing: border-box;
	border-radius: var(--th_radius);
	background: var(--th_gray95)
}
.payment-methods-wrap .payment-methods .payment-method {
--v_gap:12px;
	padding: var(--block_indent) 0;
	box-sizing: border-box;
	position: relative
}
.payment-methods-wrap .payment-methods .payment-method:not(:first-child) {
	border-top: 1px solid var(--th_gray85)
}
.payment-methods-wrap .payment-methods .payment-method .title {
	font-weight: 500;
	font-size: 17px;
	line-height: 18px
}
.payment-methods-wrap .payment-methods .payment-method .note {
	font-size: 15px;
	line-height: 22px
}
.exchange-and-return-block .section-title, .additional-information-block .section-title {
	line-height: 1;
	margin: -3px 0 24px
}
.exchange-and-return-block .note, .additional-information-block .note {
	font-size: 15px;
	line-height: 22px
}
.working-hours-block-block .payment-note {
	font-size: 15px;
	line-height: 22px
}
.supplements-block .note-block {
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 24px
}
.columns.grid-extend > section {
  margin-top: 24px;
  margin-bottom: 24px;
}


.supplements-block .supplements-table-wrap {
--scrollSize:8px;
	/*padding: 0 0 24px;*/
	overflow-y: hidden;
	overflow-x: auto
}
.supplements-block .supplements-table-wrap::-webkit-scrollbar {
height:var(--scrollSize)
}
.supplements-block .supplements-table-wrap::-webkit-scrollbar-track {
height:var(--scrollSize);
background-color:var(--th_gray95);
border-radius:4px
}
.supplements-block .supplements-table-wrap::-webkit-scrollbar-thumb {
height:var(--scrollSize);
background-color:var(--th_pink);
border-radius:4px
}
.supplements-block .supplements-table-wrap .supplements-table {
--item_indent:10px;
	/*width: 600px;*/
	padding: calc(var(--block_indent) - var(--item_indent)) var(--block_indent);
	box-sizing: border-box;
	border: 1px solid var(--th_gray85);
	border-radius: var(--th_radius)
}
.supplements-block .supplements-table-wrap .supplements-table .supplements-row {
--h_gap:24px;
--colCount:2;
	padding: var(--item_indent) 0;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 13px;
	line-height: 21px
}
/* Только для таблиц ХАРАКТЕРИСТИК (2 колонки) */
.supplements-block:not(.mounting-openings)
.supplements-table
.supplements-row {
  display: grid;
  grid-template-columns: 30% 70%;
  column-gap: 24px;
}


/* Таблица заноса — 3 колонки */
.supplements-block .supplements-table.lifting-table .supplements-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr; /* вместо 50% 25% 25% */
}




.supplements-block .supplements-table-wrap .supplements-table .supplements-row.head {
	font-weight: 500;
	font-size: 17px;
	line-height: 18px
}
.supplements-block .supplements-table-wrap .supplements-table .supplements-row:not(:first-child) {
	border-top: 1px solid var(--th_gray85)
}


/* Таблица — 4 колонки */
.supplements-block .supplements-table.four-cols .supplements-row {
  display: grid;
  grid-template-columns: 40% 15% 15% 15%;
  column-gap: 24px;
}


/* ===== Таблица доставки — кастомный вид ===== */

.supplements-block .delivery-table .supplements-table {

  --item_indent: 2px;

  /*border: none;
  border-radius: 0;

   чтобы отступы пересчитались корректно 
  padding: calc(var(--block_indent) - var(--item_indent)) var(--block_indent);*/
}


/* строки без внутренних отступов */
.supplements-block .delivery-table .supplements-table .supplements-row {
  padding: var(--item_indent) 0;
}


/* ===== Таблица доставки — вертикальное центрирование цен ===== */
.supplements-block .delivery-table .supplements-table .supplements-row {
  display: grid;
  grid-template-columns: 70% 30%;
  column-gap: 24px;

  /* вертикальное центрирование всех ячеек строки */
  align-items: center;
}

.delivery-table .delivery-more {
display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

/* Таблица транспорта — две колонки 40% / 60% */
.supplements-block .transport-table .supplements-row {
    display: grid;
    grid-template-columns: 40% 60%;
    column-gap: 24px;
    align-items: center;
}



.mounting-openings .supplements-table-wrap .supplements-table .supplements-row {
  --colCount:3;
}

.posts-list-view {
--v_gap:var(--section_indent)
}
.posts-list-view .posts-list {
--h_gap:10px;
--v_gap:var(--h_gap)
}

@media (min-width:640px) and (max-width:1024px) {
.posts-list-view .posts-list {
--colCount:2
}
}

@media (min-width:1025px) {
.posts-list-view .posts-list {
--colCount:5
}
}

/* ТОЛЬКО для "Інші кольори даної моделі" */
@media (min-width:1025px) {
  .posts-list-view.other-colors .posts-list {
    --colCount: 5;
  }
}
.posts-list-view .posts-list .post-item {
--v_gap:20px;
	padding: 14px;
	border: 1px solid var(--th_gray85);
	border-radius: 24px;
	text-decoration: none;
	font-weight: 500;
	display: flex;
    flex-direction: column;
}
.posts-list-view .posts-list .post-item .image-block {
	display: flex;
	position: relative;
	width: 100%
}
.posts-list-view .posts-list .post-item .image-block .image-block-inner {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
.posts-list-view .posts-list .post-item .image-block .image-block-inner img {
	/*width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--th_radius)*/
    width: auto;
    height: auto;
    object-fit: contain;
}
.posts-list-view .posts-list .post-item .info-block .post-title {
	font-size: 14px;
	line-height: 16px
}
.posts-list-view .posts-list .post-item .bottom-block {
--h_gap:24px;
--columns:1fr auto;
--v_align:center;
	font-size: 15px;
	line-height: 22px;
	color: var(--th_pink)
}
@media (max-width:479px) {
  .posts-list-view .posts-list .post-item .bottom-block {
    --columns: 1fr;     /* одна колонка */
    --h_gap: 0;         /* горизонтальный gap больше не нужен */
    --v_gap: 6px;       /* вертикальный отступ между строками */
    justify-items: center; /* по центру, если нужно */
    text-align: center;
  }
}

.posts-list-view .posts-list .post-item .bottom-block .icon-block {
--color:currentColor
}
.posts-list-view .posts-list .post-item .bottom-block .created-at {
	display: flex;
	align-items: center;
    justify-self: center;   /* центр по горизонтали в grid */
    text-align: center;
}
.posts-list-view .posts-list .post-item .bottom-block .created-at .icon-block {
--blockSize:20px;
	margin-right: 6px
}
.posts-list-view .posts-list .post-item .bottom-block .created-at .text {
	padding: 0 0 0;
	white-space: nowrap;
}
.posts-list-view .posts-list .post-item .bottom-block .link {
	display: flex;
	align-items: center;
    justify-self: center;   /* центр по горизонтали в grid */
    text-align: center;
	
	/*white-space: nowrap;*/
}
.posts-list-view .posts-list .post-item .bottom-block .link .icon-block {
--blockSize:16px;
	position: relative;
	transform: rotate(-90deg);
	margin-left: 8px
}
@media (max-width:479px) {

  /* Декори */
  .posts-list-view .posts-list {
    --colCount: 2;
  }

}
/* Только для секции Декори */
section.posts-list-view:not(.other-colors) .posts-list .post-item img {
    cursor: zoom-in;
}

/* Только для секции Інші кольори */
section.posts-list-view.other-colors .posts-list .post-item img {
    cursor: zoom-in;
}

.post-item .info-block {
  text-align: center;
}

.posts-list-view .posts-list .post-item .tech-specs {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 11px;            /* меньше чем post-title */
    color: #666666;             /* серый, второстепенный */
    margin-top: 4px;
    /*text-align: center;*/
}

.posts-list-view .posts-list .post-item .tech-specs .tech-item {
    display: flex;
    align-items: center;
    /*justify-content: center;*/   /* по центру */
    gap: 4px;
}

.posts-list-view .posts-list .post-item .tech-specs .tech-item i {
    font-size: 12px;           /* размер иконки совпадает с текстом */
    color: #999999;            /* чуть светлее текста */
}

.posts-list-view .posts-list .post-item .tech-specs .tech-value {
    font-weight: 600;  /* жирнее текста, но не слишком жирно */
}

.posts-list-view .posts-list .post-item .tech-specs .tech-label {
    font-weight: 400 !important; /* обычный вес, чтобы не наследовать 500 */
    color: #666666;              /* серый, второстепенный */
}

.posts-list-view .posts-list .post-item .tech-specs .tech-value {
    font-weight: 600;             /* жирнее, выделяем значение */
    color: #333333;               /* можно чуть темнее для контраста */
}







.product-top-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* код товара */
.product-sku {
  font-size: 13px;
  line-height: 18px;
  color: #000;
  opacity: 0.9;
  white-space: nowrap;
}

/* кнопка поделиться */
.product-share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

.product-share-btn img {
  width: 18px;
  height: 18px;
}

.product-share-btn:hover {
  opacity: 0.8;
}
.share-icon {
	width: 20px;
	height: 20px;
	color: var(--th_pink);
}




.section-title-row {
  display: flex;
  flex-wrap: nowrap;  /* Десктоп — в одну строку */
  align-items: center;
  gap: 12px;
}

/* Основной стиль как у тегов */
.share-with-master {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 14px;
  color: #7f7f7f;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-bottom: 15px !important;

  cursor: pointer;            /* курсор как у ссылки */
  user-select: none;          /* текст не выделяется при клике */
}


.share-with-master:hover {
  border-color: #7f7f7f;
  color: #000;
}

.share-with-master .share-icon {
  width: 24px;
  height: 24px;
  stroke: currentColor; /* иконка меняет цвет вместе с текстом */
}
/* делаем label кликабельным */
.share-native {
  border: none;
  background: #f2f2f2;
  border-radius: 20px;
  color:var(--th_yellow);
  font-size: 12px;
  /*font-weight: bold;*/
  height: 30px;
  margin: 6px;
  padding: 0 12px;
  line-height: 1.2;
  letter-spacing: .1em;

  display: inline-flex;
  align-items: center;

  cursor: pointer;
  user-select: none;
}

/* иконка */
.share-native .share-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  stroke: currentColor;
}

/* лёгкий hover — как у меток */
.share-native:hover {
  background: #e9e9e9;
}

/* по умолчанию — скрываем */
.advancedproductlabel.share-native,
.tag-item.share-with-master {
  display: none !important;
}

/* показываем только на мобилках */
@media (max-width: 1024px) {
  .advancedproductlabel.share-native,
  .tag-item.share-with-master {
    display: inline-flex !important;
    align-items: center;
  }
}
















/* bottom_point */
/* Основные стили для контактных каналов */
#widget-container {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 7;
}

/* Кнопка для открытия виджета */
.widget-opener {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: var(--th_yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
  border-radius: 50%; /* ← КРУГ */
}

/* Анимация волны */
.widget-opener__pulsation {
  position: absolute;
  width: 100%;
  height: 100%;

  /* мягкий зелёный вместо красного */
  border: 1px solid rgba(0, 255, 128, 0.5);

  border-radius: 50%; /* ← тоже круг */
  animation-name: wave;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.widget-opener__pulsation:nth-child(2) {
  animation-delay: 1.0s;
}

@keyframes wave {
  0% { box-shadow: 0 0 0px 0px rgba(84, 71, 150, 0.5); }
  100% { box-shadow: 0 0 0px 10px rgba(84, 71, 150, 0); }
}

/* Контейнер для кнопки и иконок */
.widget-opener__button {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 20px;
  text-shadow:
    -1px -1px 0 rgba(0,0,0,0.4),
     1px -1px 0 rgba(0,0,0,0.4),
    -1px  1px 0 rgba(0,0,0,0.4),
     1px  1px 0 rgba(0,0,0,0.4);
}

/* Стили для раскрывающегося контейнера */
.contact-channels {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;

  /* мягкая многослойная тень (очень важно) */
  box-shadow:
    0 12px 30px rgba(0,0,0,0.10),
    0 2px 6px rgba(0,0,0,0.06);

  display: none;
  position: absolute;
  right: 0;
  width: 300px;
  padding: 0 0 12px 0;
  z-index: 3147483000;

  opacity: 0;
  transform: translateY(10px) scale(0.98);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.contact-channels__greeting,
.contact-channels__message {
  color: #000;
}
.contact-channels__close {
  color: #fff;
  top: 10px;
  right: 10px;
}




/* Только для contact-channels, нужен bottom */
#contact-channels {
  bottom: 70px;
}

.contact-channels.open {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Стили для каждого канала с классом point_button */
.point_button {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  transition: background-color 0.3s;
}

.point_button:hover {
  background-color: #f0f0f0;
}

.point_button .contact-channels__channel-icon {
  margin-right: 10px;
  font-size: 20px;
}

/* Иконки мессенджеров */
.contact-channels__channel-icon.telegram { color: #0088cc; }
.contact-channels__channel-icon.viber { color: #7360f2; }
.contact-channels__channel-icon.whatsapp { color: #25D366; }

/* Стили для кнопок звонка */
.contact-channels__call {
  padding: 10px 15px;
  color: #007BFF;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.contact-channels__call:hover {
  background-color: #e7f3ff;
}




/* Заголовок окна контактов */
.contact-channels__header {
  background: linear-gradient(135deg, #25D366, #1fae52);
  color: #fff;
  padding: 14px 15px;
  border-radius: 12px 12px 0 0;
  position: relative;
  text-align: left;
}
.contact-channels__header p {
  margin: 0;
  padding: 0 15px; /* Отступы слева и справа для удобного чтения */
  font-size: 16px; /* Базовый размер шрифта */
  text-align: left; /* Выравнивание текста по левому краю */
}

/* Стиль для приветствия */
.contact-channels__greeting {
  font-size: 20px;
  font-weight: bold;
  display: block;
}

/* Стиль для сообщения */
.contact-channels__message {
  font-size: 13px;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}

/* Разделитель */
.contact-channels__divider {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 10px 0;
}





/* Стили для кнопки закрытия (крестик) */
.contact-channels__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  color: #333;
  font-size: 20px;
  cursor: pointer;
  z-index: 100;
}

.contact-channels__close:hover {
  color: var(--th_yellow);
}



/* Стили для текста каналов связи */
.contact-channels__channel-text p {
  font-weight: 500;
  line-height: 0px; /* чтобы не было лишних отступов */
}









/* Кнопка 'Вверх' */
#scroll-top {
    position: fixed;
    right: 20px;
    bottom: 160px; /* чуть выше кнопки контактов */
    width: 40px;
    height: 40px;
    background-color: transparent; /* прозрачная заливка */
    border: 1px solid var(--th_yellow); /* зеленый контур */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 501;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

#scroll-top.show {
    opacity: 1;
    pointer-events: auto;
}

#scroll-top:hover {
    transform: scale(1.1); /* лёгкий эффект наведения */
}

#scroll-top i {
    font-size: 20px;
    color: var(--th_yellow); /* зеленая стрелка */
}



@media (min-width: 769px) {
	html.cart-has-items #scroll-top {
		right: 140px;
	}

	html.cart-has-items #widget-container {
		right: 140px;
	}
	#scroll-top,
	#widget-container {
		transition: right 0.3s ease;
	}
}








/* header */
.select-region-content-top {
  border-bottom: 1px solid #eee;
  padding: 16px;
  font-size: 18px;
  font-weight: 600;
}

/* close */
.select-region-close {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
}

.layered-filtertop-block-container {
--indent:6px;
--height:30px;
--padding:4px 10px;
	margin: 20px 0
}

@media (min-width:1025px) {
.layered-filtertop-block-container {
--height:38px;
--padding:10px 15px;
	margin: 0 0 24px
}
}
.layered-filtertop-block-container a {
	text-decoration: none
}
.layered-filtertop-block-container .filter-title, .layered-filtertop-block-container .filter-subtitle, .layered-filtertop-block-container .filter-current {
	display: none
}
.layered-filtertop-block-container .filter-options {
	display: flex;
	position: relative;
margin:calc(var(--indent)*-1)
}

@media (min-width:1025px) {
.layered-filtertop-block-container .filter-options {
	flex-wrap: wrap
}
}

@media (max-width:1024px) {
.layered-filtertop-block-container .filter-options {
	overflow-y: hidden;
	overflow-x: auto
}
.layered-filtertop-block-container .filter-options::-webkit-scrollbar {
height:0
}
.layered-filtertop-block-container .filter-options::-webkit-scrollbar-track {
height:0;
background-color:transparent
}
.layered-filtertop-block-container .filter-options::-webkit-scrollbar-thumb {
height:0;
background-color:transparent
}
.layered-filtertop-block-container .filter-options * {
	user-select: none;
	-webkit-user-select: none
}
.layered-filtertop-block-container .filter-options:hover {
	z-index: 10
}
}
.layered-filtertop-block-container .ln_slider_container, .layered-filtertop-block-container .filter-actions, .layered-filtertop-block-container .label-name {
	min-height: var(--height);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: var(--padding);
	background: var(--th_pink);
	color: var(--main_background);
	border-radius: var(--th_radius);
	font-size: 15px;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 500;
}
.layered-filtertop-block-container .item {
	position: relative;
	margin: var(--indent)
}
.layered-filtertop-block-container .item.selected {
	background: var(--th_pink);
	color: #fff
}
.layered-filtertop-block-container .item input {
	position: absolute;
	top: 0;
	visibility: hidden
}
.layered-filtertop-block-container .item input:checked~.label-name {
	background: var(--th_pink);
	color: #fff
}
.layered-filtertop-block-container .filter-actions {
	order: -1;
	margin: var(--indent)
}






/* CSS для новой плашки */
.product-card {
    position: relative;
}

/* Контейнер карточки — нужен для плашки */
.product-card {
    position: relative;
}

/* Плашка скидки */
.product-discount {
    position: absolute;
    top: -10px;
    left: -10px;
    background: rgb(226 14 14 / 70%); /* 50% прозрачности */
    color: #fff;
    padding: 6px 12px;
    border-radius: var(--th_radius);
    font-size: 13px;
    font-weight: 700;
    z-index: 3;
}

/* Цены */
.product-price {
    display: flex;
    gap: 10px;
    align-items: baseline;
    flex-wrap: wrap;
}

/* Старая цена */
.price-old {
    color: #999;
    font-size: 16px;
}

.price-old .price-value {
    font-size: 13px;
    text-decoration: line-through;
}

.price-old .price-currency {
    font-size: 11px;
    position: relative;
    top: -4px;
    margin-left: 2px;
}

/* Новая цена */
.price-new {
    color: var(--th_yellow);
    font-weight: 700;
}

.price-new .price-value {
    font-size: 16px;
}

.price-new .price-currency {
    font-size: 12px;
    position: relative;
    top: -5px;
    margin-left: 2px;
}


.product-card .bottom-block {
    grid-template-columns: 1fr;
}

.product-card .bottom-block .created-at {
    grid-column: 1;
}

.product-card .bottom-block .link {
    grid-column: 1;
}

/*.load-more-card {
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.load-more-card .post-title {
    text-align: center;
    font-weight: 600;
    color: var(--th_pink);
}*/



.load-more-wrapper {
    display: flex;
    justify-content: center;
    margin: 20px 0 10px;
}

#load-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 28px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: all .2s ease;
    color: var(--th_pink);
	font-weight: 700;
}

#load-more i {
    font-size: 28px;
}

#load-more:hover {
    background: #f5f5f5;
}


.pagination-wrapper {
    display: flex;
    justify-content: center;
    margin: 20px 0 40px;
}

.pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination li {
    min-width: 36px;
    height: 36px;
    padding: 0 1px;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    background: var(--th_gray90);
}

.pagination li.active {
    background: var(--th_pink);
    color: #fff;
    border-color: var(--th_pink);
}

.pagination li.disabled {
    opacity: .4;
    pointer-events: none;
}

.pagination li.page-info {
    display: none;
}


/* ===== Mobile ===== */
@media (max-width: 768px) {
    .pagination {
        gap: 4px;
    }

    .pagination li.page-num {
        display: none;
    }

    .pagination li.page-info {
        display: flex;
        border: none;
        cursor: default;
        font-weight: 500;
        padding: 0 8px;
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
    .pagination li.disabled:not([data-page]) {
        display: none;
    }
}









/* === Блок сверху фильтров (мобильная версия) === */
  .filter-top-block {
    display: flex;
    flex-wrap: nowrap;       /* не переносим колонки */
    gap: 8px;
  margin-bottom: 16px; /* отступ снизу всего блока */
  }

  .filter-button-column,
  .sort-column {
    flex: 1 1 50%;           /* растягиваем по 50% */
    box-sizing: border-box;
  }

/* Для мобильного: кнопка и селект в одну строку */
@media (max-width: 768px) {
  .filter-top-block {
    flex-direction: row;
  }

  .selected-filters-column {
    display: none;           /* скрываем выбранные фильтры */
  }
}

/* Для десктопа можно немного увеличить расстояние */
@media (min-width: 769px) {
  .filter-top-block {
    /*gap: 16px;*/
  }
}

/* Левая колонка - кнопка */
.df-trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: var(--th_yellow);
  color: #fff;
  font-weight: 500;
  padding: 10px 0;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

/* Правая колонка - селект сортировки */
.sort-select {
  width: 100%;
  padding: 10px 8px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  background-color: #fff;
  appearance: none;
  cursor: pointer;
}

/* =========================
   DESKTOP: FILTER TOP BLOCK
========================= */
@media (min-width: 769px) {

  /* 🔥 Переопределяем grid-extend ТОЛЬКО здесь */
  .filter-top-block {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) 240px;
    align-items: start;
    gap: 16px;
    margin-bottom: 20px;
  }

  /* колонки */
  .filter-button-column {
    width: 240px;
  }

  .sort-column {
    width: 240px;
  }

  /* 🔥 центральная колонка */
  .selected-filters-column {
    min-width: 0; /* КРИТИЧНО для grid */
  }

  /* выбранные фильтры */
  .selected-filters {
    display: flex;
    flex-wrap: wrap;        /* 🔥 перенос строк */
    gap: 8px;
    align-items: center;
    max-width: 100%;
  }

  /* опционально — ограничение по высоте */
  .selected-filters {
    max-height: 72px;       /* ~2 строки */
    overflow-y: auto;
  }

  /* кнопка фильтров */
  .df-trigger {
    width: 100%;
    white-space: nowrap;
  }

  /* селект сортировки */
  .sort-select {
    width: 100%;
    min-width: 0;
  }
}
/* === chip "Очистити всі" === */
.df-clear-all-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 16px;
  font-size: 13px;
  cursor: pointer;
  background: #f5f5f5;
  color: #333;
  border: 1px dashed #bbb;
  transition: all .2s ease;
  white-space: nowrap;
}

.df-clear-all-chip:hover {
  background: #ffecec;
  border-color: #e66;
  color: #c00;
}

.df-clear-all-chip i {
  font-size: 12px;
}









/* =========================
   DOORS FILTER – BASE
========================= */

/* Модалка */
.df-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: flex-start; /* прижимаем к верху */
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
  padding: 20px 0; /* отступ сверху/снизу */
  overflow-y: auto; /* включаем скролл по всей модалке при переполнении */
}

.df-modal.df-active {
  display: flex;
}

.df-close {
  position: absolute;
  top: 12px;
  right: 12px;

  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;
  line-height: 1;

  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px;

  cursor: pointer;
  z-index: 10;

  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  user-select: none;
}

/* hover — десктоп */
.df-close:hover {
  background: #f2f2f2;
}

/* active — мобилка */
.df-close:active {
  background: #e6e6e6;
  transform: scale(0.96);
}


.df-content {
  background: #fff;
  width: 92%;
  max-width: 1400px;
  max-height: 90vh;
  border-radius: 16px;
  overflow: hidden; /* убираем overflow для внутренних областей */
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
  animation: dfModalIn .25s ease;

  /* новые свойства для прокрутки внутреннего контента */
  flex: 1 1 auto;           /* растягиваемся по высоте */
}

@keyframes dfModalIn {
  from {
    transform: translateY(20px) scale(.98);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}


/* header */
.df-header {
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
}

.df-header-title {
  font-size: 18px;
  font-weight: 600;
}

/* =========================
   GRID (DESKTOP)
========================= */

@media (min-width: 769px) {

  .df-grid {
	  overflow-y: auto;         /* прокрутка содержимого */
	  flex: 1 1 auto;           /* занимает доступное место */
	  display: grid;
	  grid-template-columns: repeat(5, minmax(0, 1fr));
	  gap: 24px 32px;
	  padding: 24px;
	}

  /* Контейнер опций */
.df-options {
  position: relative;
  height: 240px;           /* фиксированная высота */
  overflow-y: hidden;      /* скролл включается только при раскрытии */
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 6px;
  transition: overflow 0.3s ease; /* max-height больше не нужен */
}


  /* Градиент fade снизу */
  .df-options::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  /* fade показываем, если есть кнопка "Показати всі" */
  .df-group.df-has-more .df-options::after {
    opacity: 1;
  }

  /* Раскрытая группа */
  .df-group.df-expanded .df-options {
    overflow-y: auto;   /* включаем прокрутку */
    /*max-height: none;   /* снимаем ограничение */
  }

  /* Убираем fade при раскрытии */
  .df-group.df-expanded .df-options::after {
    opacity: 0;
  }

  /* Кнопка "Показати всі" */
  .df-more {
    display: inline-flex;
  }

  /* Скрываем кнопку при раскрытии */
  .df-group.df-expanded .df-more {
    display: none;
  }

  /* ---------- SHOW MORE BUTTON ---------- */

  .df-more {
    border: none;
    background: #f2f2f2;

    height: 30px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;

    padding: 2px 10px 0 !important;
    border-radius: var(--th_radius) !important;

    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 1.2;
    color: #000;

    cursor: pointer;
    transition: background .2s ease, box-shadow .2s ease;
  }

  .df-more:hover {
    background: #e6e6e6;
  }

  .df-more:active {
    background: #ddd;
  }

  .df-more i {
    margin-left: 6px;
    font-size: 11px;
  }

  .df-group.df-expanded .df-more {
    display: none;
  }
}


/* вібранніе опции */
.df-selected-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;

  justify-content: flex-end; /* 🔹 добавляем выравнивание по правому краю */
}

.df-selected-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.df-selected-option {
  background: #fff;
  border-radius: var(--th_radius);
	border: 1px dashed #bbb;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.2;
  color: #333;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.df-selected-option:hover {
  background: #e6e6e6;
  transition: background-color 0.2s;
}

.df-selected-option i {
  font-size: 11px;
  cursor: pointer;
}

/* кнопка Очистити всі */
.df-clear-all {
  border: none;
  background: #f2f2f2;
  height: 30px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px 0 !important;
  border-radius: var(--th_radius) !important;
  font-size: 13px !important;
  line-height: 1.2;
  color: #000;
  letter-spacing: unset !important;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.df-clear-all:hover {
  background: #e6e6e6;
}

.df-clear-all i {
  margin-left: 6px;
  font-size: 11px;
}


/* =========================
   selected filters между кнопками ФИЛЬТРИ и СОРТИРОВКА
========================= */
.selected-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0;
}

.selected-filter-item {
  background: #f0f0f0;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 13px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.selected-filter-item i {
  margin-left: 6px;
  cursor: pointer;
  color: #666;
  font-size: 11px;
}



/* =========================
   GROUP
========================= */

.df-group {
  display: flex;
  flex-direction: column;
}

.df-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 0;      /* ← вертикальный отступ */
}

.df-title-left {
  display: flex;
  align-items: center;   /* выравнивание по центру вертикально */
  gap: 8px;
  min-width: 0;
}

/* фиксированный размер иконки и выравнивание по центру */
.df-title-left i {
  display: inline-flex;         /* flex для центрирования контента внутри иконки */
  justify-content: center;      /* горизонтальный центр */
  align-items: center;          /* вертикальный центр */
  width: 20px;                  /* фиксированная ширина */
  height: 20px;                 /* фиксированная высота */
  font-size: 16px;              /* одинаковый размер шрифта */
  flex-shrink: 0;               /* не сжимать */
  color: var(--th_pink);
  line-height: 1;               /* обнуляем line-height, чтобы центр был точнее */
}

/* текст фильтра */
.df-title-left span {
  flex: 1;                     /* текст занимает оставшееся место */
  display: inline-block;
  vertical-align: middle;      /* на всякий случай для inline-блока */
}


.df-group:hover .df-title-left i {
  color: var(--th_yellow);
}

.df-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.df-option {
  display: flex;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
}

.df-option input {
  cursor: pointer;
}

/* нет кнопки — нет фейда */
.df-group.df-no-more .df-options::after {
  display: none;
}

.df-count {
  margin-left: auto;
  font-size: 12px;
  color: #999;
}


/* =========================
   FOOTER
========================= */

.df-footer {
  padding: 16px 20px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.df-reset {
  background: #f4f4f4;
  border: none;
  padding: 10px 16px;
  cursor: pointer; /* курсор */
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease;
}

.df-reset::after {
  content: '';
  position: absolute;
  top: -4px;
  right: -8px;
  background: #ff4b4b;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 12px;
  display: none; /* будет показываться только при выбранных опциях */
}


/* =========================
   APPLY BUTTON EFFECTS
========================= */
.df-apply {
  background: var(--th_pink);
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer; /* 👈 курсор как у кнопки */
}
.df-apply {
  position: relative;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease;
}

/* микро-пульс */
.df-apply.df-pulse {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

/* лёгкая подсветка */
.df-apply.df-glow {
  background-color: var(--th_yellow);
  box-shadow: 0 0 0 0 rgba(0,0,0,.4);
}

/* =========================
   MOBILE BOOST
========================= */
@media (max-width: 768px) {

  .df-apply.df-pulse {
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 10px 22px rgba(0,0,0,.35);
  }

  /* ощущение "готово к нажатию" */
  .df-apply.df-ready {
    animation: df-bounce 0.35s ease;
  }

  @keyframes df-bounce {
    0%   { transform: translateY(0) scale(1); }
    50%  { transform: translateY(-4px) scale(1.06); }
    100% { transform: translateY(0) scale(1); }
  }
}





/* =========================
   MOBILE: sticky footer
========================= */
@media (max-width: 768px) {

  .df-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    background: #fff;
    z-index: 1000;

    padding: 12px 16px;
    border-top: 1px solid #ddd;

    justify-content: space-between;
  }

  .df-reset,
  .df-apply {
    flex: 1;
  }

  .df-apply {
    margin-left: 10px;
  }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  .df-modal {
    align-items: flex-start; /* прилипание к верху */
    padding: 0; /* убираем лишние отступы */
  }

  .df-content {
    width: 100%;
    max-height: 92vh;
    border-radius: 16px 16px 0 0;
    overflow-y: auto; /* скролл по контенту */

    padding-bottom: 76px; /* ← ВАЖНО */
  }

  .df-grid {
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
	padding-bottom: 77px;
  }

  .df-group {
    border-bottom: 1px solid #e5e5e5;
  }

  .df-title {
    font-size: 16px;
    cursor: pointer;
  }

  .df-arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    transition: transform .3s;
  }


  .df-options {
    display: none;          /* скрыто по умолчанию */
    flex-direction: column;
    gap: 8px;
    padding: 10px 0;
    overflow: visible;      /* разрешаем выход за границы блока */
    max-height: none;
  }

  .df-group.df-active .df-options {
    display: flex;          /* теперь flex + растягивает родителя */
  }

  /* Убираем position: absolute или fixed у элементов внутри .df-options, если есть */
  .df-options * {
    position: relative;     /* чтобы всё было в потоке */
  }

  /* Градиент-фейд можно скрывать на мобиле */
  .df-options::after {
    display: none;
  }

  .df-group.df-active .df-arrow {
    transform: rotate(-135deg);
  }

  .df-more {
    display: none !important;
  }
}









/* =========================
   MODERN CHECKBOXES
========================= */

.df-option {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  user-select: none;
}

/* прячем дефолтный чекбокс */
.df-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* создаем кастомный чекбокс */
.df-option .checkbox-custom {
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  transition: all 0.2s ease;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* галочка */
.df-option .checkbox-custom::after {
  content: '';
  width: 6px;
  height: 10px;
  border: solid var(--th_pink);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* когда чекнутый */
.df-option input[type="checkbox"]:checked + .checkbox-custom {
  border-color: var(--th_pink);
  background-color: var(--th_pink);
}

.df-option input[type="checkbox"]:checked + .checkbox-custom::after {
  opacity: 1;
  border-color: #fff;
}

/* текст рядом с чекбоксом */
.df-option span {
  pointer-events: none; /* чтобы клик по тексту срабатывал на чекбокс */
}

/* Общий стиль для disabled опции */
.df-option input[type="checkbox"]:disabled ~ * {
  cursor: not-allowed;
}
.df-option input[type="checkbox"]:disabled + .checkbox-custom {
  border-color: #e0e0e0;
  background-color: #f5f5f5;
}
.df-option input[type="checkbox"]:disabled:checked + .checkbox-custom {
  background-color: #ccc;
  border-color: #ccc;
}

.df-option input[type="checkbox"]:disabled:checked + .checkbox-custom::after {
  border-color: #fff;
}
.df-option input[type="checkbox"]:disabled ~ .df-label,
.df-option input[type="checkbox"]:disabled ~ .df-count {
  color: #bbb;
}
.df-option input[type="checkbox"]:disabled + .checkbox-custom {
  pointer-events: none;
}











/* Скелетон для карточки товара */
.product-card.skeleton {
    pointer-events: none; /* чтобы не кликабельный */
}

.product-card.skeleton .image-block-inner,
.product-card.skeleton .post-title,
.product-card.skeleton .price-new,
.product-card.skeleton .price-old,
.product-card.skeleton .link .text {
    background-color: #eee;
    border-radius: 4px;
    color: transparent;
    position: relative;
    overflow: hidden;
}

/* shimmer эффект */
.product-card.skeleton .image-block-inner::after,
.product-card.skeleton .post-title::after,
.product-card.skeleton .price-new::after,
.product-card.skeleton .price-old::after,
.product-card.skeleton .link .text::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    animation: shimmer 1.2s infinite;
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}










.advancedmenu-link.level1 i {
  width: 18px;
  text-align: center;
  margin-right: 8px;
  font-size: 44px;
  color: var(--th_pink);
}

.advancedmenu-link.level1:hover i {
  color: var(--th_yellow);
}

.advancedmenu-inner.multi-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  /*gap: 32px;*/
}



.menu-section-title {
    font-weight: 900;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    margin: 40px 0 15px;   /* больше воздуха сверху */
    padding-top: 20px;     /* отступ от линии */
    border-top: 1px solid #e5e5e5;
}

.menu-section-title:first-child {
    border-top: none;      /* у первой секции линии нет */
    padding-top: 0;
    margin-top: 0;
}

@media (min-width:1025px) {
  .advancedmenu-inner.multi-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    align-items: flex-start;
  }

  .menu-section {
    display: flex;
    flex-direction: column;
  }

    .menu-section-title {
        grid-column: 1 / -1;
    }
}
@media (max-width:1024px) {
  .advancedmenu-inner.multi-columns {
    display: flex;
    flex-direction: column; /* колонки становятся шагами */
  }

  .menu-section {
    margin-bottom: 6px;
  }
}
@media (max-width:1024px) {
  .menu-section ul {
    display: none;
    margin-left: 16px;
  }

  .menu-section.open ul {
    display: block;
  }
}
.menu-section .section-content {
  display: none;
  margin-top: 12px;
}
.menu-section.open .section-content {
  display: block;
  animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px);}
  to { opacity: 1; transform: translateY(0);}
}

/* На десктопе отображаем как колонки */
@media (min-width:1025px) {
  .advancedmenu-inner.multi-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }

  .menu-section .section-toggle {
    display: none; /* скрываем toggle на десктопе */
  }

  .menu-section .section-content {
    display: block !important;
    animation: none;
    margin-top: 0;
  }
	
}

/* МОБИЛКА */
/* Отступ между li в блоке section-content */
@media (max-width: 1024px) {
  .menu-section .section-content ul li {
    margin-bottom: 6px;
  }
}

/* ДЕСКТОП */
@media (min-width: 1025px) {
  .menu-section .section-content ul li {
    margin-bottom: 0;
  }

  .menu-section .section-content ul li a {
    display: flex; /* у тебя уже, скорее всего, есть */
    padding: 6px 0;
  }
}


/* Чтобы последний элемент не имел лишнего отступа */
.menu-section .section-content ul li:last-child {
  margin-bottom: 0;
}

/* Отступ сверху для иконки и текста в level2 */
.advancedmenu-link.level2 i,
.advancedmenu-link.level2 .name {
  display: flex;
  align-items: center; /* ← вертикальное центрирование */
}

@media (min-width:1025px) {

  .menu-section .section-toggle {
    all: unset;
    display: block;
    margin-bottom: 12px;
  }

  .menu-section .section-toggle .name {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    opacity: .7;
  }

  .menu-section .section-toggle .arrow-block {
    display: none;
  }

}


@media (min-width: 1025px) {

  .page-header
  .advancedmenu-content.level0
  > .advancedmenu-inner.multi-columns {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    align-items: flex-start;
  }

}
@media (min-width: 1025px) {

  .menu-section {
    min-width: 0;
  }

  .menu-section .section-toggle {
    all: unset;
    display: block;
    margin-bottom: 14px;
    cursor: default;
  }

  .menu-section .section-toggle .name {
    font-weight: 600;
    font-size: 14px;
    opacity: .7;
    text-transform: uppercase;
  }

  .menu-section .section-toggle .arrow-block {
    display: none;
  }

}
@media (min-width: 1025px) {

  .menu-section .section-content {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }

}

@media (min-width:1025px) {

  /* сами группы занимают по 2 колонки */
  .menu-group.handles {
    grid-column: 1 / 3;
  }

  .menu-group.other {
    grid-column: 3 / 5;
  }

  /* ВАЖНО: создаём новую сетку внутри группы */
  /* только эти группы делим пополам */
  .menu-group.handles,
  .menu-group.other {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }

  /* остальные — оставляем как раньше (4 колонки) */
  .menu-group:not(.handles):not(.other) {
    display: contents;
  }

  /* заголовок на всю ширину внутри группы */
  .menu-group .menu-section-title {
    grid-column: 1 / -1;
  }

  /* КРИТИЧНО: секции не должны растягиваться */
  .menu-group .menu-section {
    grid-column: auto;
  }

}

.menu-icon {
  width: 74px;
  height: 74px;
  object-fit: contain;
}




.select-item .price {
  margin-left: 10px; /* немного пространства между размером и ценой */
  white-space: nowrap; /* чтобы цена не переносилась */
  color: #333;
  font-weight: 600;
}



/*
.posts-list-view.brands-list .posts-list .post-item .image-block .image-block-inner img {
    width: auto;
    height: auto;
    object-fit: contain;
}
*/





/* стили для блока выбора ручек фиксаторов и наклалок в карточке товара */
/* === Мини-калькулятор фурнитуры === */

.handle-calculator .cart-item{
  display:flex;
  gap:12px;
  /*padding:12px;
  border:1px solid #eee;
  border-radius:8px;*/
  margin-bottom:12px;
}

.handle-calculator .image-block{
  width:80px;
  height:80px;
  overflow:hidden;
  /*border-radius:6px;
  border:1px solid #ddd;*/
  display:flex;
  align-items:flex-start;   /* ← прижали вверх */
  justify-content:center;
  background:#fff;
}

.handle-calculator .image-block img{
  max-width:90%;
  max-height:90%;
  object-fit:contain;
}



.handle-calculator .info-block{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.handle-calculator .product-item-name{
  font-weight:600;
  font-size:15px;
}

.handle-calculator .qty-label{
  font-weight:600;
}

/* === КРАСИВЫЙ блок количества === */

.qty-block{
  display:flex;
  align-items:center;
  gap:6px;
}

.qty-btn{
  width:32px;
  height:32px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  border-radius:4px;
}

.qty-input{
  width:46px;
  text-align:center;
  border:1px solid #ddd;
  height:32px;
  border-radius:4px;
}
.qty-input.active {
	background-color: #e8fdf5;
	border-color: #34d399;
}
.price-piece{
  display:block;
  margin-top:4px;
}

.price-piece strong{
  color:#000;
}

.price-piece s{
  margin-right:6px;
  opacity:.7;
}









.no-products {
    grid-column: 1 / -1; /* занять всю сетку */
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.no-products-icon {
    font-size: 48px;
    margin-bottom: 12px;
}

.no-products-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.no-products-text {
    font-size: 14px;
    opacity: 0.8;
}




.brands-page-column {
    margin-bottom: 80px;
}





#delivery-info-toggle {
    color: var(--th_yellow);
    cursor: pointer;
    margin-left: 5px;
}

#delivery-info-popup {
    padding: 0 10px;
    border-left: 3px solid var(--th_yellow);
    margin-top: 5px;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
}

/* Класс, который показывает блок */
#delivery-info-popup.active {
    max-height: 500px; /* можно поставить больше, если контента много */
    opacity: 1;
    padding: 5px 10px; /* padding появляется при открытии */
}

#delivery-info-popup p {
  margin: 8px 0 4px;
  line-height: 1.4;
}

#delivery-info-popup ul {
  margin: 4px 0 10px;
  padding-left: 18px;
}

#delivery-info-popup li {
  margin: 3px 0;
  line-height: 1.45;
}

#delivery-info-popup ul ul {
  margin-top: 4px;
}

#delivery-info-popup li::marker {
  color: #666;
}






.phone-row {
    display: flex;
    flex-direction: column;
    gap: 6px; /* расстояние между телефонами */
}

.phone-row a {
    text-decoration: none; /* убираем подчеркивание */
    color: inherit; /* цвет как у обычного текста */
    display: inline-block;
}

.social-row {
    display: flex;
    justify-content: center; /* выравнивание по центру горизонтально */
    gap: 20px; /* расстояние между иконками */
    margin-top: 12px; /* отступ сверху от телефонов */
}

.social-row a {
    text-decoration: none;
    font-size: 32px; /* размер иконок */
    transition: transform 0.2s, opacity 0.2s;
}

.social-row a:hover {
    transform: scale(1.2);
    opacity: 0.8; /* лёгкое затемнение при наведении */
}

.soc-icon {
    display: inline-block;
}

/* фирменные цвета */
.social-row a[href^="viber"] .soc-icon { color: #665CAC; }
.social-row a[href^="tg://"] .soc-icon { color: #0088CC; }
.social-row a[href^="https://wa.me"] .soc-icon { color: #25D366; }




/* CSS для таблицы логов */
.user-logs-block .supplements-table .supplements-row {
    display: grid;
    grid-template-columns: 10% 7% 10% 7% 7% 10% 10% 10% 6% 23% !important;
    column-gap: 2px !important;
    align-items: center;
    padding: 4px 0;
}





.menu-button {
  display: inline-block;
  background-color: var(--th_yellow); /* цвет кнопки */
  color: #000;
  padding: 16px 40px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 20px;
  text-align: center;
  font-family: sans-serif;
}




/* ошибка для кастомного селекта */
.select-dropdown.error {
  border-color: var(--th_error) !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.1);
}


		.page-column-title {
			display: block;
		}
		
		.bonus-cms-index .page-column-title,
		.brander_delivery_zone_map-zones-all .page-column-title {
			display: none !important;
		}
		
		.owl-stage {
			display: flex!important;
		}
		
		.advantages-images {
			overflow: hidden!important;
		}
		
		.advantages-block .owl-nav {
			display: none!important;
		}




.tag-item {
  display: inline-flex;
  align-items: center;
  height: 32px;
  border: 1px solid var(--th_gray85);
  border-radius: var(--th_radius);
  padding: 4px 12px;
  box-sizing: border-box;
  color: var(--th_main_color);
  font-size: 14px;
  text-decoration: none;
}
.tag-item:hover {
  border-color: var(--th_yellow);
  color: var(--th_yellow);
}

.content-container {
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  font-family: 'GothamPro', sans-serif;
}
.content-container .hero-img {
  margin: auto;
  margin-bottom: 20px;
  display: block;
  max-width: 460px;
  width: 100%;
}
.content-container h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Yaposhka'; /* оставляем Yaposhka, если это требуется */
  text-transform: uppercase;
  letter-spacing: .16px;
  line-height: 30px;
}
.content-container h3 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  font-family: 'Yaposhka';
  letter-spacing: .16px;
}
.content-container p {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  letter-spacing: .16px;
}
.content-container a {
  font-size: 16px;
  line-height: 22px;
}

.section {
  margin-bottom: 60px;
}
.section .title {
  color:var(--th_dark); /* объединяем var(--th_yellow) иvar(--th_yellow) в более позднем объявлении */
  margin-bottom: 16px;
}

.steps {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
}
.step {
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.steps .number {
  width: 54px;
  height: 54px;
  background-color: rgba(215,45,136,.1);
  color: var(--th_yellow);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  flex-shrink: 0;
  font-family: 'GothamPro';
}
.steps {
  margin-bottom: 24px;
}

/* сама карточка */
.contact-card {
  background-color: #f5f5f5;
  padding: 14px 24px;
  border-radius: 12px;
  display: flex;
  align-items: flex-start;
  column-gap: 38px;
  box-sizing: border-box;
}

.contact-card .avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.contact-card .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.manager-details {
  position: relative;
  padding: 8px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.manager-details .role {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 400;
}

.manager-details:after {
  content: '';
  background-color: rgba(155,155,155,.3);
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
}

.work-hours {
  font-size: 12px;
  line-height: 18px;
  color: #848484;
  font-weight: 400;
}

.phone-link-manager {
  font-size: 16px;
  line-height: 18px;
  color: #3c539d;
  font-weight: 700;
  margin-top: 20px;
}

.phone-link-manager a {
  text-decoration: none;
}

.contact-phones {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.contact-phones a {
    color: #3c539d;
    font-weight: 700;
    text-decoration: none;
}

.contact-messengers {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.contact-messengers a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #eaeaea;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
}

.contact-messengers a:hover {
    /*background-color: #3c539d;*/
    color: #fff;
}

/* Контейнер телефоны + мессенджеры */
.contact-row {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 12px;
}

/* Телефоны */
.contact-phones {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-phones a {
    color: #3c539d;
    font-weight: 700;
    text-decoration: none;
}

/* Мессенджеры */
.contact-messengers {
    display: flex;
    gap: 16px;
}

.contact-messengers a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 22px;
    text-decoration: none;
}

/* Цвета мессенджеров */
.contact-messengers a.viber .soc-icon { color: #665CAC; }
.contact-messengers a.telegram .soc-icon { color: #0088CC; }
.contact-messengers a.whatsapp .soc-icon { color: #25D366; }

/* Наведение */
.contact-messengers a:hover .soc-icon {
    transform: scale(1.5);
    opacity: 0.8;
    transition: transform 0.2s, opacity 0.2s;
}

/* Мобильная версия — телефоны и мессенджеры под собой */
@media (max-width: 768px) {
    .contact-row {
        flex-direction: column;
        gap: 12px;
    }
}




.conditions {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.conditions li {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  padding-left: 20px;
  position: relative;
}
.conditions li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #000;
  font-weight: 700;
}

.entry, .outro {
  margin-bottom: 60px;
}
.entry img {
  width: 100%;
}
.entry p {
  margin-top: 16px;
}

.features {
  margin-top: 24px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.feature {
  border-radius: 12px;
  background-color: #f7f7f7;
  padding: 14px 24px;
}
.feature .description {
  margin-top: 18px;
}
.feature .top {
  display: flex;
  column-gap: 16px;
  align-items: center;
}
.feature .top .icon {
  width: 40px;
  height: 40px;
  background-color: var(--th_yellow);
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature .top .icon svg {
  fill: transparent;
  stroke: #fff;
  display: block;
}

.outro {
  display: flex;
  color:var(--th_yellow);
  padding: 0 24px;
}
.outro .left {
  width: 340px;
}
.outro img {
  max-width: 110px;
  min-width: 74px;
}
.outro .left p {
  color:var(--th_yellow);
  margin-bottom: 12px;
}
@media(min-width:769px) {
  .outro .right {
    margin-left: 20px;
  }
}
@media(max-width:768px) {
  .content-container p, .content-container a, .conditions li {
    font-size: 14px;
    line-height: 18px;
  }
  .section, .entry, .outro {
    margin-bottom: 40px;
  }
  .content-container .title {
    color:var(--th_yellow);
    font-size: 22px;
    line-height: 26px;
  }
  .content-container h2 {
    font-size: 20px;
    line-height: 26px;
  }
  .content-container h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .features {
    margin-top: 16px;
  }
  .contact-card .avatar {
    display: flex;
    align-items: flex-start;
  }
  .manager-details {
    flex-direction: column;
    padding-bottom: 4px;
  }
  .manager-details .role {
    font-size: 14px;
    line-height: 18px;
  }
  .manager-details .work-hours {
    margin-top: 4px;
    font-size: 10px;
  }
  .phone-link-manager {
    margin-top: 16px;
  }
  .outro .right img {
    width: 80%;
  }
}


/* ======================================
   FEATURES — двухколоночный вариант
====================================== */

.features-2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.features-2col .features {
  margin-top: 0;
}

/* планшет */
@media (max-width: 1024px) {
  .features-2col {
    gap: 24px;
  }
}

/* мобильный — автоматически 1 колонка */
@media (max-width: 768px) {
  .features-2col {
    grid-template-columns: 1fr;
  }
}


.hidden-door-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.hidden-door-steps-grid a img {
    width: 100%;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    transition: transform 0.3s;
}

.hidden-door-steps-grid a img:hover {
    transform: scale(1.05);
}

/* ===============================
   Двухколоночный вариант для steps
   =============================== */
.steps-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 40px; /* строки × колонки */
    margin-bottom: 24px;
}

.steps-2col .step {
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.steps-2col .number {
    width: 54px;
    height: 54px;
    background-color: rgba(215,45,136,.1);
    color: var(--th_yellow);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    flex-shrink: 0;
    font-family: 'GothamPro';
}

/* планшет — одна колонка */
@media (max-width: 1024px) {
    .steps-2col {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.features-2col .feature a img {
    width: 100%;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    transition: transform 0.3s;
}

.features-2col .feature a img:hover {
    transform: scale(1.05);
}



.faq { margin: 0 auto 2rem; }
.faq--small { max-width: 1136px; }

.faq-acc { list-style: none; padding: 0; margin: 0; }
.faq-acc__item { margin-bottom: 1.5rem; }

.faq-acc__action {
  cursor: pointer;
  color: #424241;
  background-color: #f3f3f3;
  font-weight: 500;
  line-height: 1.15;
  position: relative;
  padding: 1em 1em 1em 2.5em;
  border-radius: 4px;
  transition: color 0.2s ease;
}

.faq-acc__action:hover { color: var(--th_yellow); }

.faq-acc__action-icon {
  position: absolute;
  left: 0.75em;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 1em;
  height: 1em;
  display: inline-block;
}
.faq-acc__action-icon::before,
.faq-acc__action-icon::after {
  content: '';
  position: absolute;
  background-color: var(--th_yellow);
  transition: transform 0.2s ease;
}
.faq-acc__action-icon::before {
  top: 0; left: 50%; width: 2px; height: 100%;
  transform: translateX(-50%) rotate(0deg);
}
.faq-acc__action-icon::after {
  top: 50%; left: 0; width: 100%; height: 2px;
  transform: translateY(-50%) rotate(0deg);
}
.faq-acc__action.is-open .faq-acc__action-icon::before { transform: translateX(-50%) rotate(90deg); }

.faq-acc__hidden {
  display: none;
  padding: 1rem;
  background: #fff;
  border-left: 2px solid #ddd;
  border-radius: 4px;
}






.category-description-wrapper{
    position:relative;
    margin-bottom:100px;
}

.category-description{
    max-height:350px;
    overflow:hidden;
    position:relative;
    transition:max-height .4s ease;
}

/* затемнение */
.category-description:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:120px;
    pointer-events:none;
    background:linear-gradient(transparent,#fff);
}

/* раскрыто */
.category-description.open {
  max-height: 99999px;      /* убираем ограничение */
  overflow: visible;     /* показываем весь контент */
}

.category-description.open:after{
    display:none;
}

/* Кнопка раскрытия SEO текста */
.read-more{
    display:inline-block;
    /*background-color:var(--th_yellow);*/
    color:#000;
    padding:14px 36px;
    font-size:18px;
    font-weight:700;
    border-radius:20px;
    border:none;
    cursor:pointer;
    text-align:center;
    font-family:sans-serif;
    transition:.25s ease;
}

/* центрирование */
.category-description-wrapper .read-more{
    display:block;
    margin:25px auto 0;
}

/* hover эффект */
.read-more:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,.15);
}

/* active */
.read-more:active{
    transform:translateY(0);
    box-shadow:none;
}
/* эффект появления текста */
.category-description.revealed {
    animation: seoFadeIn 0.8s ease forwards;
}

@keyframes seoFadeIn {
    0%   { opacity: 0; transform: translateY(100px); }
    100% { opacity: 1; transform: translateY(0); }
}






.lang-switch,
.lang-switch * {
    cursor: pointer;
}
.lang-switch:hover .text {
    text-decoration: underline;
}
.lang-switch {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}








.entrance-door-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 10px;
  gap: 15px;
}

.entrance-door-steps-grid a {
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.entrance-door-steps-grid img {
  width: 100%;
  height: auto;
  display: block;
}



.product-video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.video-card {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

.video-card img {
  width: 100%;
  height: auto;
  display: block;
}

.video-title {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 74px;
  height: 74px;
  transform: translate(-50%, -50%);
  background: #ff0000; /* YouTube red */
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* белый треугольник */
.video-play:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

/* hover эффект */
.video-card:hover .video-play {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 10px 26px rgba(0,0,0,0.45);
}

/* ===============================
   MOBILE VERSION
================================ */

@media (max-width: 1024px) {

  .product-video-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .video-title {
    font-size: 13px;
  }

  .video-play {
    width: 64px;
    height: 64px;
  }

  .video-play:after {
    border-left: 16px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

}






.image-block-inner{
    position:relative;
}

.btn-change-photo{
    position:absolute;
    top:8px;
    right:8px;

    width:34px;
    height:34px;

    border:none;
    border-radius:50%;

    background:rgba(255,255,255,.9);
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.2s;
}

.btn-change-photo:hover{
    background:#fff;
    transform:rotate(180deg);
}

.btn-change-photo i{
    pointer-events:none;
}

.product-image{
    transition:opacity .15s;
}

.photo-type{
    position:absolute;
    left:8px;
    top:8px;

    padding:3px 8px;

    background:rgba(0,0,0,.7);
    color:#fff;

    font-size:11px;
    border-radius:4px;
    z-index:2;
    pointer-events:none;
}