@charset "UTF-8";

@font-face {
	font-family: "Euclid Circular A";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src:
		local(""),
		url("../font/Euclid Circular A Bold.woff2") format("woff2"),
		url("../font/Euclid Circular A Bold.woff") format("woff");
}

@font-face {
	font-family: "Euclid Circular A";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:
		local(""),
		url("../font/Euclid Circular A Medium.woff2") format("woff2"),
		url("../font/Euclid Circular A Medium.woff") format("woff");
}

@font-face {
	font-family: "Euclid Circular A";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
		local(""),
		url("../font/Euclid Circular A Regular.woff2") format("woff2"),
		url("../font/Euclid Circular A Regular.woff") format("woff");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src:
		local(""),
		url("../font/Roboto-Bold.woff2") format("woff2"),
		url("../font/Roboto-Bold.woff") format("woff");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src:
		local(""),
		url("../font/Roboto-Light.woff2") format("woff2"),
		url("../font/Roboto-Light.woff") format("woff");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:
		local(""),
		url("../font/Roboto-Medium.woff2") format("woff2"),
		url("../font/Roboto-Medium.woff") format("woff");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
		local(""),
		url("../font/Roboto-Regular.woff2") format("woff2"),
		url("../font/Roboto-Regular.woff") format("woff");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src:
		local(""),
		url("../font/Roboto-SemiBold.woff2") format("woff2"),
		url("../font/Roboto-SemiBold.woff") format("woff");
}

:root {
	--font-primary: "Euclid Circular A", sans-serif;
	--font-secondary: "Roboto", sans-serif;
	--color-light: #fdfffc;
	--color-dark: #1c1b1f;
	--color-accent: #3895cf;
	--color-accent-hover: #056aa9;
	--color-gray: #d9d9d9;
	--color-gray-light: #f6f6f6;
	--color-gray-dark: #8b8b8b;
	--color-system: #5275de;
	--color-error: #ff0b0b;
	--color-success: #54cf38;
	--container-padding: 16px;
	--container: calc(1920px + (var(--container-padding) * 2));
	--container-minus: calc(
		var(--container-padding) - (var(--container-padding) * 2)
	);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	-webkit-text-size-adjust: 100%;
	scrollbar-gutter: stable;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

p {
	margin: 0;
}

p:not(:last-child) {
	margin-bottom: 0.75rem;
}

a {
	color: inherit;
	background-color: transparent;
	text-decoration: none;
}

b {
	font-weight: 500;
}

img {
	max-width: 100%;
	border-style: none;
	vertical-align: middle;
}

button,
input,
textarea {
	overflow: visible;
}

button,
select {
	cursor: pointer;
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

input:user-invalid,
textarea:user-invalid {
	border-color: red;
}

input:user-valid,
textarea:user-valid {
	border-color: green;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}

button,
input,
select,
textarea {
	line-height: inherit;
	font-family: inherit;
	font-size: inherit;
}

::-moz-placeholder {
	color: #666;
}

::placeholder {
	color: #666;
}

textarea {
	resize: vertical;
}

fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

[hidden] {
	display: none !important;
}

.--size-one {
	line-height: 104%;
	font-size: 46px;
	font-weight: 500;
}

.--size-two {
	line-height: 108%;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.--size-three {
	line-height: 133%;
	font-size: 18px;
	font-weight: 500;
}

.button {
	display: inline-flex;
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.button--burger {
	--burger-line-height: 2px;
	position: relative;
	display: inline-flex;
	align-items: center;
	line-height: 125%;
	padding: 0;
	padding: 14px 12px 14px 15px;
	border: none;
	border-radius: 14px;
	color: var(--color-light);
	background-color: var(--color-accent);
	cursor: pointer;
	transition: background-color 0.3s ease;
	font-size: 16px;
	font-weight: 500;
	gap: 11px 6px;
}

.button--burger > span::before,
.button--burger > span::after {
	display: block;
	width: 100%;
	height: var(--burger-line-height);
	pointer-events: none;
}

.button--burger > span {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: space-between;
	width: 18px;
	height: 18px;
	transition: transform 0.2s ease-in-out;
}

.button--burger > span > span {
	display: block;
	background-color: currentColor;
	transition: transform 0.2s ease-in-out;
}

.button--burger > span > span::before {
	display: block;
	width: 100%;
	height: var(--burger-line-height);
	background-color: currentColor;
	content: "";
	transition: transform 0.2s ease-in-out;
}

.button--burger > span::before,
.button--burger > span::after {
	background-color: currentColor;
	content: "";
	transition:
		transform 0.3s ease-in-out,
		opacity 0.4s;
}

.button--burger.is-active > span::before {
	opacity: 0;
	transform: translateX(-100%);
}

.button--burger.is-active > span::after {
	top: 50%;
	opacity: 0;
	transform: translateX(100%);
}

.button--burger.is-active > span > span {
	transform: rotate(45deg);
}

.button--burger.is-active > span > span::before {
	transform: rotate(-90deg);
}

.button--close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 5px;
	padding: 0;
	border: none;
	background-color: transparent;
}

.button--close > span {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	transform: rotate(45deg);
	pointer-events: none;
}

.button--close > span::before,
.button--close > span::after {
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: var(--color-gray);
	content: "";
	transition: background-color 0.2s ease-out;
}

.button--close > span::after {
	margin-top: -2px;
	transform: rotate(90deg);
}

.button--border {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 125%;
	padding: 13px 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	color: var(--color-accent);
	transition:
		color 0.1s ease-out,
		background-color 0.2s ease-out;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.button--border:disabled {
	border-color: #1c72a7;
	color: #1c72a7;
	cursor: default;
}
.button--border:disabled:hover {
	color: #1c72a7;
	background: transparent;
}

.button--light {
	display: inline-block;
	line-height: 125%;
	padding: 10px;
	border-radius: 14px;
	color: var(--color-accent);
	background-color: var(--color-light);
	text-align: center;
	letter-spacing: -0.02em;
	font-size: 16px;
	font-weight: 500;
}

.button--fill {
	align-items: center;
	justify-content: center;
	min-height: 48px;
	line-height: 125%;
	padding: 8px;
	border: 2px solid var(--color-accent);
	border-radius: 14px;
	color: var(--color-light);
	background-color: var(--color-accent);
	transition:
		color 0.1s ease-out,
		background-color 0.2s ease-out;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.button--fill:disabled {
	border-color: #727678;
	opacity: 0.7;
	color: #aeaeae;
	background-color: #727678;
	pointer-events: none;
}

.button--arrow {
	--swiper-navigation-size: 16px;
	--swiper-navigation-color: var(--color-dark);
	width: 40px;
	height: 40px;
	padding: 10px 9px;
	border: none;
	border-radius: 100px;
	background-color: var(--color-gray-light);
	box-shadow: 0 0 8px 0 rgba(0, 7, 11, 0.09);
}

.button--arrow.swiper-button-disabled {
	visibility: hidden;
	opacity: 0;
}

.button--favorite {
	overflow: hidden;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	padding: 10px;
	border-radius: 14px;
	background-color: var(--color-accent);
}
.button--favorite:disabled {
	opacity: 0.7;
	color: #aeaeae;
	background-color: #727678;
	pointer-events: none;
}

.button--favorite > svg {
	transition: fill 0.1s ease-out;
	stroke: var(--color-light);
	stroke-width: 2px;
	fill: transparent;
}

.button--favorite.is-active > svg {
	stroke-width: 0;
	fill: var(--color-light);
}

.button--plus {
	position: relative;
	display: inline-block;
	width: 40px;
	min-width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--color-accent);
}

.button--plus::after,
.button--plus::before {
	position: absolute;
	top: 19px;
	right: 11px;
	width: 18px;
	height: 2px;
	border-radius: 5px;
	background-color: var(--color-light);
	content: "";
}

.button--plus::after {
	transform: rotate(-90deg);
}

.button--all {
	line-height: 125%;
	padding: 0;
	border: none;
	opacity: 0.2;
	background-color: transparent;
	font-size: 16px;
	font-weight: 400;
}

.button--all::after {
	display: inline-block;
	width: 11px;
	height: 6px;
	margin: 0 4px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L6.16436 4.40945C5.78548 4.74624 5.21452 4.74624 4.83564 4.40945L1 1' stroke='black' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
	transition: transform 0.2s ease-out;
	vertical-align: middle;
}

.button--all.is-open::after {
	transform: scaleY(-1);
}

.button--more {
	line-height: 125%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	transition: color 0.2s ease-out;
	font-size: 16px;
	font-weight: 400;
}

.button--share {
	width: 40px;
	height: 40px;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	transition: background 0.2s ease-out;
}

.button--share > svg {
	transition: fill 0.1s ease-out;
	fill: var(--color-accent);
}

.button--read {
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	font-size: inherit;
	font-weight: inherit;
}

.button--back {
	display: flex;
	align-items: center;
	line-height: 122%;
	color: var(--color-dark);
	letter-spacing: -0.06em;
	font-size: 18px;
	font-weight: 500;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.button--back::before {
	display: inline-block;
	width: 9px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88184 15.5039L1.65321 8.94026C1.28704 8.5544 1.28704 7.94941 1.65321 7.56355L7.88184 0.999904' stroke='black' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
}

.button svg {
	width: 100%;
	height: 100%;
}

.ts-wrapper {
	outline: none;
}

.loader {
	width: 62px;
	height: 62px;
	animation: rotate 3s linear infinite;
	filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4));
}

.loader__circle {
	animation: pulse 2s ease-in-out infinite;
}

.loader__circle:nth-child(1) {
	animation-delay: 0.1s;
}

.loader__circle:nth-child(2) {
	animation-delay: 0.2s;
}

.loader__circle:nth-child(3) {
	animation-delay: 0.3s;
}

.loader__circle:nth-child(4) {
	animation-delay: 0.4s;
}

.loader__circle:nth-child(5) {
	animation-delay: 0.5s;
}

.loader__circle:nth-child(7) {
	animation-delay: 0.7s;
}

.loader__circle:nth-child(6) {
	animation-delay: 0.6s;
}

.loader__circle:nth-child(8) {
	animation-delay: 0.8s;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes pulse {
	0%,
	100% {
		opacity: 0.6;
	}

	50% {
		opacity: 1;
	}
}

.tippy-box[data-theme~="submenu"] {
	max-width: 100% !important;
	color: inherit;
	background-color: transparent;
}

.tippy-box[data-theme~="submenu"] .tippy-content {
	padding: 0;
}

.tippy-box[data-theme~="sort-select"] {
	padding: 20px;
	border-radius: 22px;
	background: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
}

.tippy-box[data-theme~="sort-select"] .tippy-content {
	padding: 0;
}

input[type="search"]:focus {
	border-color: var(--color-accent);
	outline: none;
}

input[type="search"]::-webkit-search-cancel-button {
	position: relative;
	width: 18px;
	height: 18px;
	margin-right: 12px;
	background:
		linear-gradient(
			45deg,
			transparent 47%,
			#d9d9d9 47%,
			#d9d9d9 53%,
			transparent 53%
		),
		linear-gradient(
			-45deg,
			transparent 47%,
			#d9d9d9 47%,
			#d9d9d9 53%,
			transparent 53%
		);
	cursor: pointer;
	-webkit-appearance: none;
}

html {
	overflow-x: hidden;
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: none;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

html.lock {
	overflow: hidden;
}

html.lock-bg {
	overflow: hidden;
}

html.lock-bg::after {
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	content: "";
}

body {
	margin: 0;
	color: var(--color-dark);
	background-color: var(--color-light);
	letter-spacing: -0.02em;
	font-family: var(--font-primary);
}

.container {
	width: 100%;
	max-width: var(--container);
	padding-right: var(--container-padding);
	padding-left: var(--container-padding);
	margin: 0 auto;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.wrapper > .main {
	flex: 1 1 auto;
}

.header-top {
	position: relative;
	z-index: 100;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 14px;
	background-color: var(--color-light);
}

.header-top__logo {
	display: block;
	width: 155px;
	height: 43px;
	margin-right: 26px;
	color: var(--color-accent);
	fill: var(--color-accent);
}

.header-top__logo > img,
.header-top__logo > svg {
	width: 100%;
	height: 100%;
}

.header-top__burger {
	margin-right: 10px;
}

.header-top__search {
	width: 100%;
	margin-right: 16px;
}

.header-top__group {
	display: flex;
	flex-grow: 1;
}
.header-catalog-close.modal-window__close {
	top: 0;
	right: 0;
}
.main-slider {
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 60px;
}

.main-slider__advantage {
	margin-top: 24px;
}

.popular-categories {
	padding-top: 60px;
	padding-bottom: 60px;
}

.popular-categories__title {
	margin-bottom: 40px;
}

.popular-categories__action {
	margin-top: 24px;
	text-align: center;
}

.popular-categories__button {
	min-width: 220px;
}

.purchases {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
}

.purchases__title {
	margin-bottom: 40px;
}

.purchases__body {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.purchases__action {
	margin-top: 24px;
	text-align: center;
}

.purchases__button {
	min-width: 220px;
}

.banner {
	padding-top: 60px;
	padding-bottom: 60px;
}

.banner__wrapper {
	position: relative;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	padding-right: 20px;
	padding-left: 120px;
	border-radius: 22px;
	background-color: #f5f6f7;
}

.banner__content {
	position: relative;
	z-index: 2;
	align-self: center;
	flex-shrink: 0;
	max-width: 333px;
	padding-top: 96px;
	padding-bottom: 96px;
}

.banner__title {
	line-height: 104%;
	margin-bottom: 20px;
	font-size: 46px;
	font-weight: 500;
}

.banner__description {
	line-height: 137%;
	font-size: 16px;
}

.banner__action {
	margin-top: 40px;
}

.banner__button {
	min-width: 220px;
}

.banner__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: 77%;
}

.banner__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: left;
	object-position: left;
}

.selection {
	padding-top: 60px;
	padding-bottom: 60px;
}

.selection__title {
	margin-bottom: 24px;
}

.selection__header {
	margin-bottom: 40px;
}

.selection__body {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}

.selection__action {
	margin-top: 24px;
	text-align: center;
}

.selection__button {
	min-width: 220px;
}

.popular-brands {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
}

.popular-brands__title {
	margin-bottom: 40px;
}

.faq {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
}

.faq__title {
	margin-bottom: 40px;
}

.faq__body_sections {
	display: flex;
	overflow-y: auto;
	flex-wrap: nowrap;
	margin-bottom: 24px;
	gap: 10px;
}
.faq__body_section {
	padding: 10px 12px;
	margin-right: 8px;
	border: 1px solid #151c2d14;
	border-radius: 10px;
	color: var(--color-dark);
	white-space: nowrap;
}
.faq__body_section.is-active {
	border-color: var(--color-accent);
	color: #fff;
	background: var(--color-accent);
}
.js-tab-contents .faq-list__item {
	margin-bottom: 10px;
}

.pvz {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
}

.pvz__title {
	margin-bottom: 40px;
}

.pvz__body {
	display: grid;
	grid-template-columns: minmax(auto, 424px) auto;
	gap: 6px 24px;
}

.pvz__map {
	overflow: hidden;
	height: 620px;
	border-radius: 22px;
}

.catalog-body {
	position: relative;
	padding-bottom: 60px;
}

.catalog-body__title {
	margin-bottom: 40px;
}

.catalog-body__loader {
	position: absolute;
	right: 0;
	bottom: -32px;
	left: 0;
	margin: 0 auto;
}

.catalog-product {
	/* overflow: hidden; */
	padding-bottom: 60px;
}

.catalog-product__header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}

.catalog-product__title {
	margin-bottom: 0;
}

.catalog-product__navigation {
	display: flex;
	flex-grow: 1;
	gap: 24px;
}

.catalog-product__tags {
	margin-top: 24px;
	margin-bottom: 24px;
}

.catalog-product__sizes {
	display: flex;
	justify-content: flex-end;
	margin-top: 24px;
}

.catalog-product__body {
	margin-top: 24px;
}

.catalog-product__purchase {
	margin-top: 12px;
}

.catalog-product__pagination {
	margin-top: 40px;
	text-align: center;
}

.catalog-product__organizer {
	margin-top: 24px;
}

.catalog-annex {
	overflow: hidden;
	padding-top: 34px;
	padding-bottom: 60px;
}

.catalog-annex__header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
	gap: 10px;
}

.catalog-annex__title {
	margin-bottom: 0;
}

.catalog-annex__navigation {
	display: flex;
	flex-grow: 1;
	gap: 24px;
}

.purchasing {
	overflow: hidden;
	padding-bottom: 60px;
}

.purchasing__catalog {
	margin-top: 60px;
}

.product-page__container {
	display: grid;
	grid-template-columns: minmax(auto, 536px) auto;
	gap: 14px 24px;
}

.product-page-action {
	padding-top: 32px;
	padding-bottom: 40px;
}

.product-page-action__container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.product-page-action__container.fixed {
	position: fixed;
	z-index: 80;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--color-light);
}

.product-page-action__button {
	flex-direction: column;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.product-page-action__button > span {
	display: block;
	line-height: 140%;
	margin-top: 2px;
	font-size: 10px;
	font-weight: 400;
}

.cross-sell {
	padding-top: 30px;
	padding-bottom: 60px;
}

.cross-sell__body {
	--swiper-navigation-sides-offset: -20px;
	position: relative;
}

.cross-sell__title {
	margin-bottom: 24px;
}

.cross-sell__tags {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
	gap: 10px;
}

.cross-sell__tags > span {
	line-height: 87%;
	padding: 9px 11px;
	border: 1px solid rgba(21, 28, 45, 0.08);
	border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
}

.modal-window .product-main {
	grid-template-columns: auto 270px;
}
.modal-window .product-media {
	height: 400px;
}

.cart-page {
	padding-top: 40px;
	padding-bottom: 60px;
}

.cart-page__title {
	margin-bottom: 40px;
}

.cart-page__body {
	position: relative;
	display: grid;
	grid-template-columns: 100%;
	gap: 40px;
}

.cart-page__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.order-page {
	padding-bottom: 60px;
}

.order-page__title {
	margin-bottom: 40px;
}

.order-page__body {
	display: grid;
	align-items: start;
	justify-content: space-between;
	grid-template-columns: minmax(auto, 872px) minmax(auto, 312px);
	gap: 26px;
}

.search-page__header {
	margin-bottom: 24px;
}

.search-page__navigation {
	margin-bottom: 24px;
}

.search-page__tags {
	margin-bottom: 40px;
}

.search-page__null {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	max-width: 667px;
	padding-top: 90px;
	padding-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
}

.personal-account {
	padding-top: 40px;
	padding-bottom: 60px;
}

.personal-account__main {
	min-width: 0;
	max-width: 100%;
}

.view-order {
	padding-bottom: 60px;
}

.view-order__container {
	position: relative;
}

.view-order__title {
	line-height: 100%;
	margin-bottom: 26px;
	letter-spacing: -0.04em;
	font-size: 26px;
	font-weight: 500;
}

.view-order__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.account-message__title {
	margin-bottom: 40px;
}

.cabinet-purchasing__body {
	margin-top: 24px;
}
.cabinet-purchasing__body .edit-status__action {
	width: 195px;
}

.cabinet-purchasing__footer {
	margin-top: 40px;
}

.cabinet-orders {
	position: relative;
	padding-bottom: 60px;
}

.cabinet-orders__title {
	margin-bottom: 40px;
}

.cabinet-orders__body {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.cabinet-orders__loader {
	position: absolute;
	right: 0;
	bottom: -30px;
	left: 0;
	margin: 0 auto;
}

.cabinet-redact {
	padding-top: 40px;
	padding-bottom: 60px;
}

.cabinet-redact__title {
	margin-bottom: 40px;
}

.redact-products {
	padding-top: 60px;
	/* padding-bottom: 60px; */
}

.redact-products__header {
	align-items: center;
	margin-bottom: 24px;
}

.redact-products__footer {
	padding-bottom: 24px;
	margin-top: 40px;
	border-bottom: 1.5px solid var(--color-gray-light);
}

.cabinet-report {
	padding-bottom: 60px;
}

.cabinet-report__main {
	margin-top: 24px;
}

.cabinet-report__footer {
	margin-top: 40px;
}

.cabinet-ransom {
	padding-bottom: 60px;
}

.cabinet-ransom__header {
	margin-bottom: 40px;
}

.cabinet-ransom__footer {
	margin-top: 40px;
}

.cabinet-ransom__operation {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1.5px solid var(--color-gray-light);
}

.cabinet-ransom__status {
	margin-top: 24px;
}

.cabinet-profile {
	padding-bottom: 60px;
}

.cabinet-profile__header {
	margin-bottom: 40px;
}

.cabinet-profile__body {
	max-width: 872px;
}

.header-search {
	display: flex;
	align-items: center;
}

.header-search__form {
	width: 100%;
}

.header-search__logo {
	display: none;
	flex-shrink: 0;
	width: 127px;
	height: 36px;
}

.header-search__button {
	display: none;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-left: 12px;
}

.header-search__button > span {
	display: none;
	background-color: var(--color-light);
	transform: rotate(45deg);
}

.header-search__button > span::before {
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-light);
	content: "";
	transform: rotate(90deg);
	pointer-events: none;
}

.header-search__button > svg {
	width: 100%;
	height: 100%;
	fill: var(--color-light);
}

.header-search__button.is-active > svg {
	display: none;
}

.header-search__button.is-active > span {
	display: block;
}

.header-search.is-open .header-search__form {
	visibility: visible !important;
}

.header-search.is-open .header-search__logo {
	display: none !important;
}

.search-form {
	position: relative;
	display: inline-flex;
	line-height: 87%;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	background-color: var(--color-accent);
	font-size: 16px;
	font-weight: 400;
}

.search-form__input {
	width: 100%;
	padding: 14px 0px 14px 16px;
	border: none;
	border-radius: 14px;
	background-color: var(--color-light);
}

.search-form__input::-moz-placeholder {
	color: var(--color-gray);
}

.search-form__input::placeholder {
	color: var(--color-gray);
}

.search-form__submit {
	line-height: 125%;
	padding: 14px 29px 14px 23px;
	border: none;
	border-radius: 14px;
	color: var(--color-light);
	background-color: var(--color-accent);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.header-client {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
}

.header-client__item {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0;
	border: none;
	color: inherit;
	background-color: transparent;
	transition: color 0.2s ease-out;
}

.header-client__item[data-count]::after {
	position: absolute;
	top: -2px;
	left: calc(50% + 6px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 14px;
	height: 14px;
	line-height: 67%;
	padding: 1px 3px;
	border-radius: 60px;
	color: var(--color-light);
	background-color: var(--color-accent);
	content: attr(data-count);
	letter-spacing: -0.02em;
	font-size: 9px;
	font-weight: 400;
}

.header-client__icon {
	width: 26px;
	height: 26px;
	fill: currentColor;
}

.header-client__icon--favorite {
	stroke: currentColor;
	stroke-width: 2px;
	fill: transparent;
}

.header-client__name {
	line-height: 117%;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
}

.header-client__submenu {
	display: none;
}

.nav-list {
	overflow: hidden;
	width: 100%;
}

.nav-list__list {
	display: flex;
	width: auto;
	line-height: 87%;
	font-size: 16px;
	font-weight: 400;
}

.nav-list__item {
	flex-grow: 1;
	flex-shrink: 0;
	width: auto !important;
	padding: 10px 11px;
	margin-right: 10px;
	border: 1px solid rgba(21, 28, 45, 0.08);
	border-radius: 10px;
	transition:
		background-color 0.2s ease-out,
		color 0.1s ease-out;
	text-align: center;
	white-space: nowrap;
}

.nav-list__item:hover {
	color: var(--color-light);
	background-color: var(--color-accent);
}

.nav-list__item:last-child {
	margin-right: 0;
}

.nav-list__item.current {
	color: var(--color-light);
	background-color: var(--color-accent);
}

.header-catalog {
	position: fixed;
	z-index: 90;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	overflow-x: hidden;
	overflow-y: auto;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-height: calc(var(--vh, 1vh) * 100);
	/*	transition: clip-path 0.3s ease-out;*/
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.header-catalog::after {
	width: 100%;
	height: 100%;
	opacity: 0.4;
	background-color: #000;
	content: "";
	pointer-events: none;
}

.header-catalog__wrapper {
	background-color: var(--color-light);
}

.header-catalog__container {
	display: grid;
	padding-top: 30px;
	padding-bottom: 20px;
	grid-template-columns: auto 260px;
	gap: 40px;
}

.header-catalog__products {
	display: flex;
	flex-direction: column;
	padding-bottom: 35px;
	row-gap: 24px;
}

.header-catalog.is-open {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slider-main {
	--swiper-navigation-sides-offset: -20px;
	overflow: visible;
}

.slider-main__slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	max-height: 440px;
	border-radius: 22px;
	background: linear-gradient(200deg, #f4f5f7 0%, #f6f6f6 100%);
}

.slider-main__pagination {
	--swiper-pagination-bullet-horizontal-gap: 3px;
	--swiper-pagination-color: var(--color-light);
	--swiper-pagination-bullet-inactive-color: var(--color-light);
	--swiper-pagination-bullet-size: 6px;
}

.slider-main__content {
	position: relative;
	z-index: 2;
	max-width: 320px;
}

.slider-main__title {
	line-height: 104%;
	margin-bottom: 20px;
	font-size: 46px;
	font-weight: 500;
}

.slider-main__description {
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
}

.slider-main__description mark {
	display: inline-block;
	padding-right: 0.3em;
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	border-radius: 100px;
	color: var(--color-light);
	background-color: var(--color-accent);
}

.slider-main__action {
	margin-top: 40px;
}

.slider-main__button {
	min-width: 220px;
}

.slider-main__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: 77%;
}

.slider-main__img > img {
	width: 100%;
	height: 100%;
	transition: transform 0.4s ease-in-out;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: left;
	object-position: left;
}

.advantage-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.advantage-list__item {
	position: relative;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	min-height: 220px;
	padding: 24px;
	border-radius: 22px;
	background-color: #f2f3f4;
}

.advantage-list__item[data-modal] {
	cursor: pointer;
}

.advantage-list__content {
	position: relative;
	z-index: 2;
	max-width: 70%;
}

.advantage-list__title {
	margin-bottom: 12px;
}

.advantage-list__description {
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
}

.advantage-list__img {
	position: absolute;
	display: block;
	inset: 0;
}

.advantage-list__img > img {
	width: 100%;
	height: 100%;
	transition: transform 0.4s ease-in-out;
	-o-object-fit: cover;
	object-fit: cover;
}

.categories-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	grid-auto-rows: 300px;
}

.categories-list__item {
	position: relative;
	overflow: hidden;
	padding: 24px;
	border-radius: 22px;
}

.categories-list__title {
	position: relative;
	z-index: 2;
}

.categories-list__img {
	position: absolute;
	inset: 0;
}

.categories-list__img > img {
	width: 100%;
	height: 100%;
	transition: transform 0.4s ease-in-out;
	-o-object-fit: cover;
	object-fit: cover;
}

.categories-list--accent {
	color: var(--color-light);
}

.purchases-card {
	display: grid;
	padding: 40px 0 40px 40px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	grid-template-columns: minmax(auto, 302px) auto;
	gap: 20px 83px;
}

.purchases-card__content {
	display: flex;
	flex-direction: column;
}

.purchases-card__logo {
	display: block;
	margin-bottom: 20px;
}

.purchases-card__description {
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
}

.purchases-card__action {
	display: flex;
	padding-top: 20px;
	margin-top: auto;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.purchases-card__button {
	min-width: 220px;
}

.purchases-card__favorite > svg {
	fill: transparent;
}

.purchases-card__slider {
	--swiper-navigation-sides-offset: -20px;
	position: relative;
	width: 100%;
	min-width: 0;
}

.purchases-card__info {
	display: none;
	align-items: center;
	line-height: 133%;
	padding: 24px 0;
	border-radius: 14px;
	background-color: var(--color-gray-light);
	font-size: 18px;
	font-weight: 500;
	grid-template-columns: 2fr 1fr 1fr;
}

.purchases-card__info > span {
	padding: 0 24px;
}

.purchases-slider {
	padding-right: 40px;
}

.purchases-slider__arrow.swiper-button-disabled {
	opacity: 0;
}

.purchases-slider--blur .product-images__slide {
	filter: blur(37px);
}

.filter-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.filter-list__button {
	display: inline-block;
	line-height: 87%;
	padding: 10px 12px;
	border: 1px solid rgba(21, 28, 45, 0.08);
	border-radius: 10px;
	background-color: transparent;
	transition:
		color 0.2s ease-out,
		background-color 0.2s ease-out;
	font-size: 16px;
	font-weight: 400;
}
.filter-list__button.active {
	border-color: var(--color-accent);
	color: #fff;
	background-color: var(--color-accent);
}

.filter-list__button:hover {
	color: var(--color-light);
	background-color: var(--color-accent);
}

.brands-list__wrapper {
	display: flex;
	width: max-content;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.brands-list__item {
	display: block;
	flex-shrink: 0;
	width: auto;
}

.brands-list__img {
	display: block;
	height: 110px;
}

.brands-list__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}

.faq-list {
	display: grid;
	grid-template-columns: 100%;
	gap: 12px;
}

.faq-list__item {
	padding: 0 0 12px 0;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	transition: background-color 0.1s ease-out;
}

.faq-list__item.active {
	color: var(--color-light);
	background-color: var(--color-accent);
}

.faq-list__button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	line-height: 108%;
	padding: 24px 20px 12px 24px;
	border: none;
	color: inherit;
	background-color: transparent;
	text-align: left;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.faq-list__button::after {
	display: inline-block;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--color-accent);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.044 0.973598C16.3113 1.25523 16.3171 1.69029 16.0694 1.97848L16.0166 2.03415L9.45219 8.26266C8.77693 8.90329 7.71821 8.9034 7.04302 8.26266L0.479539 2.03414C0.179295 1.749 0.167158 1.27399 0.452195 0.973598C0.737333 0.673414 1.21237 0.661259 1.51274 0.946254L8.07622 7.17477C8.17266 7.26616 8.32354 7.26618 8.41997 7.17477L14.9834 0.946255L15.042 0.89645C15.3427 0.663931 15.7766 0.692118 16.044 0.973598Z' fill='%23FDFFFC' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px 9px;
	content: "";
	transition:
		transform 0.1s ease-out,
		background-color 0.1s ease-out;
}

.faq-list__button.active::after {
	background-color: var(--color-light);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.044 0.973598C16.3113 1.25523 16.3171 1.69029 16.0694 1.97848L16.0166 2.03415L9.45219 8.26266C8.77693 8.90329 7.71821 8.9034 7.04302 8.26266L0.479539 2.03414C0.179295 1.749 0.167158 1.27399 0.452195 0.973598C0.737333 0.673414 1.21237 0.661259 1.51274 0.946254L8.07622 7.17477C8.17266 7.26616 8.32354 7.26618 8.41997 7.17477L14.9834 0.946255L15.042 0.89645C15.3427 0.663931 15.7766 0.692118 16.044 0.973598Z' fill='%233895CF' /%3E%3C/svg%3E");
	transform: rotate(180deg);
}

.faq-list__content {
	max-width: 1065px;
	line-height: 137%;
	padding: 0 24px 12px 24px;
	font-size: 16px;
	font-weight: 400;
}

.pvz-points__title {
	margin-bottom: 40px;
}

.pvz-points__wrapper {
	overflow: auto;
	min-width: 444px;
	height: 100%;
	padding-bottom: 40px;
}

.pvz-points__wrapper.simplebar-scrollable-y {
	padding-right: 20px;
}

.pvz-points__wrapper.simplebar-scrollable-y .simplebar-track {
	width: 4px;
	border-radius: 10px;
	background: var(--color-light);
}

.pvz-points__wrapper.simplebar-scrollable-y .simplebar-scrollbar:before {
	right: 0;
	left: 0;
	opacity: 1;
	background: var(--color-gray);
}

.pvz-points__action {
	margin-top: 20px;
}

.pvz-points__button {
	min-width: 260px;
}

.pvz-list {
	display: grid;
	grid-template-columns: 100%;
	gap: 12px;
}

.pvz-list__search {
	margin-bottom: 16px;
}

.pvz-list__item {
	padding: 24px;
	border: 1px solid var(--color-gray-light);
	border-radius: 22px;
	background-color: var(--color-gray-light);
}
.pvz-list__item.active {
	border-color: var(--color-accent);
}
.pvz-list__item.active .button--plus::after {
	top: 18px;
	right: 6px;
	width: 20px;
	transform: rotate(-50deg);
}
.pvz-list__item.active .button--plus::before {
	top: 21px;
	left: 9px;
	width: 11px;
	transform: rotate(50deg);
}

.pvz-list__top {
	display: flex;
	justify-content: space-between;
	padding-bottom: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.pvz-list__title {
	margin-bottom: 12px;
}

.pvz-list__address {
	opacity: 0.6;
	font-size: 16px;
	font-weight: 400;
}

.pvz-list__work {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 87%;
	padding-top: 12px;
	border-top: 1.5px solid var(--color-gray);
	opacity: 0.6;
	font-size: 16px;
	font-weight: 400;
}

.form-search {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 100%;
	padding-left: 12px;
	border-radius: 14px;
	background-color: var(--color-gray-light);
}

.form-search__input {
	width: 100%;
	line-height: 87%;
	padding: 14px 12px;
	border: none;
	border-radius: inherit;
	background-color: transparent;
	font-size: 16px;
	font-weight: 400;
}

.form-search__input::-moz-placeholder {
	color: var(--color-gray-dark);
}

.form-search__input::placeholder {
	color: var(--color-gray-dark);
}

.form-search__submit {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.4937' cy='11.4937' r='9.61875' stroke='%238B8B8B' stroke-width='1.5' /%3E%3Cpath d='M18.582 18.582L22.1258 22.1258' stroke='%238B8B8B' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 0;
}

.pvz-map {
	position: relative;
}

.pvz-map__search {
	position: absolute;
	bottom: 8px;
	width: 100%;
	padding-right: 16px;
	padding-left: 16px;
}

.pvz-map__get {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	width: 100%;
	max-height: 100%;
	padding: 16px;
}

.pvz-map__input {
	width: 100%;
	line-height: 120%;
	padding: 12px 10px;
	border: none;
	border-radius: 10px;
	background-color: var(--color-light);
	font-size: 16px;
	font-weight: 400;
}

.pvz-map__input::-moz-placeholder {
	color: var(--color-gray-dark);
}

.pvz-map__input::placeholder {
	color: var(--color-gray-dark);
}

.pvz-map__form {
	background-color: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
}

.pvz-map__list {
	display: none;
	overflow: auto;
}

.pvz-map.is-active::after {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	background-color: #000;
	content: "";
	inset: 0;
}

.pvz-map.is-active .pvz-map__get {
	border-radius: 18px 18px 0 0;
	background-color: var(--color-light);
}

.pvz-map.is-active .pvz-map__form {
	margin-bottom: 12px;
}

.pvz-map.is-active .pvz-map__list {
	display: grid;
}

.catalog-categories {
	position: relative;
}

.catalog-categories__wrapper {
	display: grid;
	height: 100%;
	grid-template-columns: minmax(auto, 292px) auto;
	gap: 34px;
}

.categories-navigation {
	display: flex;
	border-radius: 14px;
}

.categories-navigation__button {
	display: inline-block;
	flex-grow: 1;
	line-height: 125%;
	padding: 10px;
	border: none;
	border-radius: 8px;
	background-color: transparent;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.categories-navigation__button.is-active {
	border-color: var(--color-accent);
	color: var(--color-light);
	background-color: var(--color-accent);
}

.categories-menu__list {
	line-height: 87%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
	font-weight: 400;
}

.categories-menu__item {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 87%;
	padding: 10px 12px 10px 10px;
	border-radius: 10px;
	cursor: pointer;
	transition:
		background-color 0.2s ease-out,
		color 0.2s ease-out;
	font-size: 16px;
	font-weight: 400;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.categories-menu__item.is-active {
	background-color: var(--color-gray-light);
}

.categories-menu__item > a {
	display: flex;
	align-items: center;
	color: var(--color-dark);
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.categories-menu__item > a > svg {
	width: 20px;
	height: 20px;
	color: var(--color-gray-dark);
	fill: var(--color-gray-dark);
}

.categories-menu__img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	inset: 0;
}

.categories-menu__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: bottom;
	object-position: bottom;
}

.categories-submenu__body {
	display: none;
}

.categories-submenu__body.is-active {
	display: block;
}

.categories-submenu__title {
	margin-bottom: 24px;
}

.categories-submenu__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 638px;
	gap: 30px;
}

.categories-submenu__item {
	width: calc(33% - 30px);
}

.submenu-item__title {
	line-height: 125%;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 500;
}

.submenu-item__list {
	display: flex;
	flex-direction: column;
	line-height: 125%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
	font-weight: 400;
	row-gap: 6px;
}

.submenu-item__list a {
	transition: color 0.2s ease-out;
}

.submenu-item > .button--all {
	margin-top: 6px;
}

.catalog-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}

.catalog-card {
	position: relative;
	overflow: hidden;
	padding: 24px;
	border-radius: 18px;
	background-color: var(--color-gray-light);
	aspect-ratio: 1;
}

.catalog-card__link {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	inset: 0;
}

.catalog-card__title {
	position: relative;
	z-index: 2;
	line-height: 87%;
	font-size: 16px;
	font-weight: 500;
}

.catalog-card__img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	inset: 0;
}

.catalog-card__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: bottom;
	object-position: bottom;
}

.purchase-navigation__filter {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.purchase-navigation__search {
	flex-grow: 1;
}

.slider-filter {
	overflow: visible;
}

.slider-filter__slide {
	width: auto !important;
}

.purchase-sizes__button {
	display: inline-block;
	width: 44px;
	height: 44px;
	padding: 13px 10px;
	border: none;
	background-color: transparent;
}

.purchase-sizes__button > svg {
	width: 100%;
	height: 100%;
	fill: var(--color-gray);
}

.purchase-sizes__button.is-active > svg {
	fill: var(--color-accent);
}

.purchase-body__header {
	display: none;
	line-height: 133%;
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
	grid-template-columns: 100px 2fr 1fr 1fr;
}

.purchase-body__header > span {
	padding: 0 24px;
}

.purchase-body__header > span:nth-child(2) {
	padding-left: 0;
	grid-column: 1/3;
}

.purchase-body__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.purchase-body.is-list .purchase-body__wrapper {
	row-gap: 12px;
}

.purchase-body.is-list .purchases-card__slider,
.purchase-body.is-list .purchases-card__description,
.purchase-body.is-list .purchases-card__action {
	display: none;
}

.purchase-body.is-list .purchases-card {
	padding: 0;
	background-color: transparent;
	grid-template-columns: 88px auto;
	gap: 12px;
}

.purchase-body.is-list .purchases-card__logo {
	display: inline-flex;
	align-items: center;
	height: 100%;
	padding: 7px;
	margin-bottom: 0;
	border-radius: 14px;
	background-color: var(--color-gray-light);
}

.purchase-body.is-list .purchase-body__header,
.purchase-body.is-list .purchases-card__info {
	display: grid;
}

.purchase-body.is-list .purchases-card__content {
	padding: 0 !important;
}

.pagination {
	display: inline-flex;
	-moz-column-gap: 2px;
	column-gap: 2px;
}

.pagination__arrow {
	display: inline-flex;
	align-items: center;
	width: 30px;
	transition: stroke 0.2s ease-out;
	stroke: var(--color-dark);
	stroke-width: 1.5px;
}

.pagination__arrow.is-disabled > svg {
	stroke: var(--color-gray);
}

.pagination__arrow.next {
	justify-content: flex-end;
}

.pagination__page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	line-height: 87%;
	border-radius: 50%;
	transition: color 0.2s ease-out;
	font-size: 16px;
	font-weight: 400;
}

.pagination__page.is-current {
	color: var(--color-light);
	background-color: var(--color-accent);
}

.purchase-pagination__load {
	width: 100%;
}

.purchasing-body__img {
	display: block;
	overflow: hidden;
	margin-bottom: 26px;
	border-radius: 18px;
}

.purchasing-body__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.purchasing-body__header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.purchasing-body__title {
	max-width: 870px;
	margin-bottom: 0;
}

.purchasing-body__favorite {
	flex-shrink: 0;
}

.purchasing-main__img {
	display: block;
	overflow: hidden;
	border-radius: 22px;
}

.purchasing-main__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.purchasing-main__content {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.purchasing-info {
	padding: 32px 30px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.purchasing-info__list {
	display: flex;
	flex-direction: column;
	line-height: 87%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
	row-gap: 16px;
}

.purchasing-info__item {
	display: flex;
	justify-content: space-between;
}

.purchasing-info__title {
	color: var(--color-gray-dark);
}

.purchasing-user {
	padding: 32px 30px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.purchasing-user__main {
	display: flex;
	align-items: center;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.purchasing-user__img {
	display: block;
	overflow: hidden;
	width: 69px;
	height: 69px;
	border-radius: 50%;
}

.purchasing-user__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.purchasing-user__content {
	line-height: 125%;
	font-size: 16px;
}

.purchasing-user__name {
	font-weight: 500;
}

.purchasing-user__review {
	margin-top: 6px;
	color: var(--color-gray-dark);
	font-weight: 400;
}

.purchasing-user__action {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	row-gap: 12px;
}

.purchasing-user__button {
	width: 100%;
	max-width: 400px;
}

.navigation-tabs__wrapper {
	display: flex;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.navigation-tabs__item {
	line-height: 108%;
	padding: 0;
	padding-bottom: 4px;
	border: none;
	color: var(--color-gray);
	background-color: transparent;
	transition: color 0.2s ease-out;
	text-wrap: nowrap;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.navigation-tabs__item.is-active {
	color: var(--color-accent);
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	text-underline-offset: 7px;
}

.navigation-tabs.simplebar-scrollable-x {
	margin-right: var(--container-minus);
	margin-left: var(--container-minus);
}

.navigation-tabs.simplebar-scrollable-x .simplebar-content {
	display: flex;
}

.navigation-tabs.simplebar-scrollable-x .simplebar-content:before,
.navigation-tabs.simplebar-scrollable-x .simplebar-content:after {
	flex-shrink: 0;
	width: var(--container-padding);
}

.navigation-tabs .simplebar-track {
	display: none;
}

.products-main__body {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}

.products-main__header {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 24px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.products-main__pagination {
	margin-top: 40px;
	text-align: center;
}

.products-main__filter {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.purchasing-catalog__body {
	margin-top: 40px;
}

.products-filter__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.products-filter__title {
	line-height: 133%;
	font-size: 18px;
	font-weight: 500;
}

.products-filter__subtitle {
	line-height: 137%;
	margin-bottom: 10px;
	font-size: 16px;
}

.products-filter__price {
	display: flex;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.products-filter__price > input {
	width: 100%;
	line-height: 137%;
	padding: 13px 16px 13px 16px;
	border: none;
	border-radius: 14px;
	background-color: var(--color-gray-light);
	font-size: 16px;
}

.products-filter__price > input::-moz-placeholder {
	color: var(--color-gray);
}

.products-filter__price > input::placeholder {
	color: var(--color-gray);
}

.products-filter__values {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.products-filter__values.is-hidden-more {
	margin-bottom: 16px;
}

.products-filter__values--text {
	gap: 6px;
}

.products-filter__values--text .value-checkbox {
	line-height: 129%;
	font-size: 14px;
}

.products-filter__values--text .value-checkbox > span {
	padding: 4px 7px;
}

.products-filter__all {
	line-height: 87%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	font-size: 16px;
	font-weight: 400;
}

.products-filter__form {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.products-filter__fieldset {
	padding-bottom: 16px;
	border-bottom: 1.5px solid var(--color-gray-light);
}

.products-filter__fieldset:not(:first-child) {
	padding-top: 16px;
}

.products-filter__button {
	display: flex;
	line-height: 137%;
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-size: 16px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.products-filter__button::after {
	display: inline-block;
	flex-shrink: 0;
	width: 17px;
	margin-left: auto;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9604 1.55859L9.3968 7.78722C9.01094 8.15339 8.40595 8.15339 8.0201 7.78722L1.45645 1.55859' stroke='%231C1B1F' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px 9px;
	content: "";
	transition: transform 0.2s ease-out;
}

.products-filter__button.active::after {
	transform: scaleY(-1);
}

.products-filter__content {
	margin-top: 12px;
}

.products-filter__checkbox {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.products-filter__action {
	margin-top: auto;
}

.products-filter__submit {
	width: 100%;
}

.navigation-body__item {
	display: none;
}

.navigation-body__item.is-active {
	display: block;
}

.navigation-item__slider {
	position: relative;
	margin-top: 120px;
}

.navigation-item__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.navigation-item__cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}

.navigation-item__pagination {
	margin-top: 40px;
	text-align: center;
}

.purchasing-content__description {
	max-width: 760px;
	line-height: 137%;
	font-size: 16px;
}

.purchasing-content__title {
	margin-bottom: 16px;
}

.purchasing-size {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.purchasing-size__item {
	line-height: 125%;
	font-size: 16px;
	font-weight: 500;
}

.purchasing-size__img {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: 22px;
}

.purchasing-size__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.review-start__title {
	line-height: 133%;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
}

.review-start__description {
	line-height: 137%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.review-start__action {
	margin-top: 24px;
}

.review-start__button {
	min-width: 220px;
}

.products-cross-sell {
	--swiper-navigation-sides-offset: -20px;
}

.products-cross-sell__body {
	position: relative;
}

.products-cross-sell__title {
	margin-bottom: 40px;
}

.products-slider {
	--swiper-navigation-sides-offset: -20px;
}

.products-slider__title {
	margin-bottom: 40px;
}

.review-header__top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.review-header__photo--all {
	line-height: 87%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	font-size: 16px;
}

.review-header__photo {
	margin-top: 16px;
}

.review-header__add {
	min-width: 168px;
}

.review-photo {
	--swiper-navigation-sides-offset: -20px;
	position: relative;
}

.review-photo__slide {
	display: block;
	overflow: hidden;
	max-width: 112px;
	border-radius: 22px;
}

.review-photo__slide > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.review-photo__arrow {
	margin-top: calc(0px - (var(--swiper-navigation-size)));
}

.review-photo__header {
	margin-bottom: 10px;
	text-align: right;
}

.review-photo__all {
	display: inline-flex;
	align-items: center;
	line-height: 129%;
	color: var(--color-accent);
	font-size: 14px;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.review-photo__all::after {
	width: 6px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.53223L4.82359 5.56147C5.18975 5.94733 5.18975 6.55232 4.82359 6.93818L1 10.9674' stroke='%233895CF' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
}

.purchasing-review__body {
	margin-top: 40px;
}

.review-body__main {
	min-width: 0;
	max-width: 100%;
}

.review-body__list {
	display: grid;
	grid-template-columns: 100%;
	gap: 24px;
}

.review-body__pagination {
	margin-top: 40px;
	text-align: center;
}

.review-item {
	overflow: hidden;
}

.review-item__header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.review-item__date {
	line-height: 87%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.review-item__description {
	line-height: 137%;
	font-size: 16px;
}

.review-item__img {
	min-width: 0;
	max-width: 100%;
	margin-top: 16px;
}

.review-item__action {
	margin-top: 16px;
}

.review-item__comment {
	display: none;
	margin-top: 16px;
}

.review-item__comment.is-open {
	display: block;
}

.review-item__response {
	display: none;
	margin-top: 16px;
}

.review-user {
	display: flex;
	align-items: center;
}

.review-user__avatar {
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	line-height: 108%;
	border-radius: 50%;
	color: var(--color-light);
	background-color: #cae8fa;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.review-user__avatar > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.review-user__info {
	margin-left: 16px;
}

.review-user__name {
	line-height: 133%;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 500;
}

.review-user__product {
	overflow: hidden;
	max-width: 500px;
	line-height: 87%;
	color: var(--color-accent);
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
}

.review-img__slide {
	display: block;
	overflow: hidden;
	max-height: 192px;
	border-radius: 22px;
}

.review-img__slide > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.review-action {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.review-action__rating {
	display: flex;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.review-action__navigation {
	display: flex;
	align-items: center;
	flex-grow: 1;
	flex-wrap: wrap;
	line-height: 87%;
	margin-left: 16px;
	color: var(--color-accent);
	font-size: 16px;
	gap: 10px;
}

.review-action__navigation a {
	transition: color 0.2s ease-out;
}

.review-action__comments.is-open {
	color: var(--color-accent-hover);
}

.review-action__response {
	color: var(--color-accent);
}

.review-action__response.is-open {
	color: var(--color-accent-hover);
}

.review-menu__button {
	width: 20px;
	height: 20px;
}

.review-menu__content {
	padding: 20px;
	border-radius: 22px;
	background: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
}

.review-menu__item {
	display: flex;
	align-items: center;
	line-height: 87%;
	padding: 8px 0;
	border: none;
	background-color: transparent;
	transition: color 0.2s ease-out;
	font-size: 16px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.review-menu__item > svg {
	width: 20px;
	height: 20px;
	fill: var(--color-accent);
}

.review-info {
	padding: 30px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.review-info__description {
	line-height: 137%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.review-info__action {
	margin-top: 24px;
}

.review-info__button {
	width: 100%;
}

.review-comment__textarea::-moz-placeholder {
	line-height: 28px;
}

.review-comment__textarea::placeholder {
	line-height: 28px;
}

.review-comment__info {
	line-height: 117%;
	margin-top: 6px;
	color: var(--color-gray-dark);
	font-size: 12px;
}

.review-comment__info a {
	color: var(--color-accent);
}

.review-comment__action {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	gap: 10px;
}

.review-comment__button {
	min-width: 130px;
	min-height: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.review-response__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.review-response__user {
	display: flex;
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
}

.review-response__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	line-height: 108%;
	border-radius: 50%;
	color: var(--color-light);
	background-color: #cae8fa;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.review-response__name {
	line-height: 133%;
	font-size: 18px;
	font-weight: 500;
}

.review-response__date {
	line-height: 87%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.review-response__content {
	line-height: 137%;
	font-size: 16px;
}

.review-response__action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
}

.review-response__group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.review-response__button {
	line-height: 87%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	transition: color 0.2s ease-out;
	font-size: 16px;
}

.review-response__button.is-open {
	color: var(--color-accent-hover);
}

.review-response__rating {
	display: inline-flex;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.review-response__answer:nth-child(n + 2) {
	margin-top: 16px;
}

.review-response__comment {
	display: none;
	margin-top: 12px;
}

.review-response__comment.is-open {
	display: block;
}

.purchase-organizer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.purchase-organizer__user {
	display: flex;
	align-items: center;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.purchase-organizer__avatar {
	display: block;
	overflow: hidden;
	width: 69px;
	height: 69px;
	border-radius: 50%;
}

.purchase-organizer__avatar > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.purchase-organizer__name {
	line-height: 108%;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.purchase-organizer__tags {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	gap: 10px;
}

.purchase-organizer__tags > span {
	line-height: 87%;
	padding: 9px 11px;
	border: 1px solid rgba(21, 28, 45, 0.08);
	border-radius: 10px;
	font-size: 16px;
}

.purchase-organizer__action {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.purchase-organizer__message {
	min-height: 40px;
	padding: 9px;
}

.purchase-organizer__message > svg {
	width: 20px;
	height: 20px;
}

.product-media {
	position: relative;
	/* display: grid;
	text-align: center;
	grid-template-columns: 88px 1fr;
	gap: 12px 24px; */
}

.product-media__wrapper {
	position: sticky;
	top: var(--hh, 0);
}

.product-media__thumbs {
	display: none;
}

.product-media__action {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	left: 0;
	padding: 10px;
}

.media-action {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.media-action__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 10px;
	border-radius: 12px;
	background-color: rgba(253, 255, 252, 0.4);
}
.media-action__button-back {
	position: relative;
}

.media-action__button-back.is-sticky {
	position: fixed;
	z-index: 3;
	top: 20px;
	left: 28px;
}

.media-action__group {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.product-media-thumbs {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.product-media-thumbs__slide {
	overflow: hidden;
	max-height: 80px;
	border: 1px solid transparent;
	border-radius: 14px;
	cursor: pointer;
	transition: border-color 0.2s ease-out;
}

.product-media-thumbs__slide > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.product-media-thumbs__slide.swiper-slide-thumb-active {
	border-color: var(--color-accent);
}

.product-media-thumbs__arrow {
	--swiper-navigation-top-offset: 0;
	--swiper-navigation-size: 15px;
	--swiper-navigation-color: var(--color-dark);
	padding: 0;
	margin-top: 0;
	border: none;
	background-color: transparent;
}

.product-media-thumbs__arrow.swiper-button-disabled {
	opacity: 0;
}

.product-media-img {
	overflow: hidden;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	border-radius: 22px;
}

.product-media-img__slide {
	height: auto;
}

.product-media-img__img {
	display: block;
	height: auto;
}

.product-media-img__img > img {
	width: 100%;
	height: auto;
	border-radius: 22px;
}

.product-main {
	display: grid;
	justify-content: space-between;
	grid-template-columns: auto 312px;
	gap: 26px;
}

.product-main__body .button--more {
	margin-top: 10px;
}

.product-main__title {
	margin-bottom: 24px;
}

.product-main__price {
	padding-bottom: 16px;
	border-bottom: 1.5px solid var(--color-gray-light);
}

.product-main__labels {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 16px;
	margin-top: 16px;
	border-bottom: 1.5px solid var(--color-gray-light);
	gap: 6px;
}

.product-main__size {
	margin-top: 24px;
}

.product-main__color {
	margin-top: 24px;
}

.product-main__description {
	margin-top: 22px;
}
.product-main .product-card__brand {
	margin-bottom: 16px;
	font-size: 18px;
}
.product-main__description_header {
	display: flex;
	justify-content: space-between;
}
.product-main__description_header .button {
	color: var(--color-accent);
}
.product-main__body_header {
	position: relative;
	padding-right: 40px;
}
.product-main__body_header .report-product__button {
	position: absolute;
	top: 0;
	right: 0;
}
.product-link__title {
	line-height: 120%;
	margin-bottom: 4px;
	font-size: 16px;
}

.product-link__main {
	display: block;
	overflow: hidden;
	max-width: 180px;
	line-height: 120%;
	color: var(--color-accent);
	text-overflow: ellipsis;
	letter-spacing: -0.01em;
	white-space: nowrap;
	font-size: 16px;
}

.product-size__title,
.product-size__table {
	line-height: 120%;
	margin-bottom: 12px;
	font-size: 16px;
}

.product-size__table {
	padding: 10px 0 0;
	border: none;
	background-color: transparent;
	font-size: 12px;
}

.product-size__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.product-color__title {
	line-height: 120%;
	margin-bottom: 12px;
	font-size: 16px;
}

.product-color__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.product-description__title {
	line-height: 133%;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
}

.product-description__text {
	line-height: 137%;
	font-size: 16px;
}

.product-info__wrapper {
	position: sticky;
	top: var(--hh, 0);
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.product-info__box {
	padding: 16px;
	border: 1.5px solid var(--color-gray);
	border-radius: 22px;
}

.info-price__header {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	gap: 6px;
}

.info-price__labels {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.info-price__labels > span {
	line-height: 117%;
	padding: 4px 12px 5px;
	border-radius: 8px;
	background-color: var(--color-gray-light);
	text-align: center;
	font-size: 12px;
}

.info-price__labels > span:first-child {
	color: var(--color-light);
	background-color: var(--color-dark);
}

.info-price__labels > span.discount {
	color: var(--color-light);
	background-color: #ff5e48;
}

.info-price__country {
	display: block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.info-price__country > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.info-price__share {
	width: 20px;
	height: 24px;
	margin-left: auto;
}

.info-price__action {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	gap: 10px;
}

.info-price__cart {
	flex-grow: 1;
}

.info-price__button {
	width: 100%;
}

.info-price__delivery {
	line-height: 117%;
	margin-top: 6px;
	font-size: 12px;
}

.price-main {
	display: flex;
	align-items: center;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.price-main__value {
	line-height: 104%;
	font-size: 46px;
	font-weight: 500;
}

.price-main__content {
	display: flex;
	flex-direction: column;
	line-height: 87%;
	padding: 12px;
	border-radius: 14px;
	background-color: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
	font-size: 16px;
	row-gap: 12px;
}

.price-main__content dl {
	display: flex;
	justify-content: space-between;
	margin: 0;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.price-main__content dl > dd {
	margin: 0;
}

.price-main__info {
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background-color: transparent;
}

.price-main__info > svg {
	width: 100%;
	height: 100%;
	fill: var(--color-accent);
}

.product-condition__title {
	line-height: 133%;
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
}

.product-condition__content {
	display: flex;
	flex-direction: column;
	line-height: 117%;
	margin-top: 24px;
	font-size: 12px;
	row-gap: 12px;
}

.product-condition__content dl {
	display: flex;
	justify-content: space-between;
	margin: 0;
}

.product-condition__content dl > dd {
	margin: 0;
}

.progress-bar {
	line-height: 87%;
	color: var(--color-accent);
	font-size: 16px;
}

.progress-bar__line {
	position: relative;
	overflow: hidden;
	height: 6px;
	margin-top: 6px;
	border-radius: 40px;
	background-color: var(--color-gray-light);
}

.progress-bar__line > span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	border-radius: inherit;
	background-color: var(--color-accent);
}

.modal-cart-main__subtitle {
	line-height: 133%;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
}

.modal-cart-main__body {
	position: relative;
}

.cart-page__item.closed .order-list {
	opacity: 0.3;
}

.order-item__header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 16px 0;
}

.order-item__title {
	line-height: 108%;
	margin-bottom: 12px;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.order-item__description {
	line-height: 87%;
	font-size: 16px;
}

.order-item__button {
	min-width: 217px;
}

.order-item__footer {
	padding: 16px 0;
}

.order-footer__wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.order-footer__total {
	line-height: 133%;
	font-size: 18px;
	font-weight: 500;
}

.order-footer__price {
	line-height: 108%;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.order-footer__button {
	width: 100%;
}

.order-list__item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 24px;
	border-bottom: 1.5px solid var(--color-gray-light);
	gap: 16px;
}

.order-list__img {
	display: block;
	overflow: hidden;
	flex-shrink: 0;
	width: 130px;
	max-height: 160px;
	border-radius: 14px;
}

.order-list__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.order-list__content {
	flex-grow: 1;
	max-width: 327px;
}

.order-list__title {
	line-height: 133%;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 500;
}

.order-list__about {
	line-height: 125%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.order-list__comment {
	margin-top: 16px;
}

.order-list__count {
	min-width: 124px;
}

.order-list__group {
	display: flex;
	align-items: flex-start;
	flex-grow: 1;
	justify-content: space-evenly;
	gap: 10px 16px;
}

.order-list__action {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
}

.order-list--disabled .order-list__item {
	opacity: 0.4;
	pointer-events: none;
}

.order-get {
	display: flex;
	align-items: center;
	padding: 9px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.order-get__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 100%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
}

.order-get__btn:disabled {
	pointer-events: none;
}

.order-get__btn > svg {
	width: 17px;
	height: 17px;
	transition: color 0.2s ease-out;
	fill: currentColor;
}

.order-get__input {
	display: inline-block;
	flex-grow: 1;
	width: 100%;
	max-width: 10ch;
	line-height: 125%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	appearance: textfield;
	-moz-appearance: textfield;
}

.order-get__input:focus {
	outline: none;
}

.order-get__input::-webkit-inner-spin-button,
.order-get__input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.order-info__table {
	display: flex;
	flex-direction: column;
	line-height: 117%;
	padding-bottom: 16px;
	font-size: 12px;
	row-gap: 12px;
}

.order-info__table dl {
	display: flex;
	justify-content: space-between;
	margin: 0;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.order-info__table dl > dd {
	margin: 0;
}

.order-info__total {
	display: flex;
	justify-content: space-between;
	line-height: 108%;
	padding-top: 16px;
	border-top: 1.5px solid var(--color-gray-light);
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.order-navbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.order-navbar__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
}

.order-navbar__button > svg {
	width: 26px;
	height: 26px;
	fill: var(--color-accent);
}
.order-navbar__button.js-add2favorites svg {
	stroke: var(--color-accent);
	stroke-width: 2px;
	fill: var(--color-light);
}
.order-navbar__button.added svg {
	stroke: rgba(56, 149, 207, 1);
	fill: rgba(56, 149, 207, 1);
}

.order-main__delivery {
	margin-top: 40px;
}
.order-main__point {
	line-height: 32px;
	margin-top: 24px;
}
.order-main__point_name {
	display: flex;
	align-items: center;
}
.order-main__point img {
	max-width: 32px;
	margin-right: 8px;
}

.order-main__payment {
	margin-top: 40px;
}

.order-main__products {
	margin-top: 40px;
}

.order-user__title {
	margin-bottom: 24px;
}

.order-user__form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.order-map__baloon-schedule table,
.pvz-list__work table {
	width: 100%;
	margin-bottom: 10px;
	border: none;
	border-collapse: collapse;
}

.order-map__baloon-schedule td,
.pvz-list__work td {
	padding: 0;
	border: none;
}

.order-map__baloon-schedule td:last-child,
.pvz-list__work td:last-child {
	text-align: right;
}

.order-point {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	gap: 16px;
}

.order-point__title {
	margin-bottom: 6px;
}

.order-point__address {
	line-height: 125%;
	font-size: 16px;
	font-weight: 500;
}

.order-point__button {
	color: var(--color-accent);
}
.order-main__delivery_courier {
	flex: 100%;
}
.order-main__delivery_courier_cols {
	max-width: 570px;
	column-count: 2;
	column-gap: 12px;
}
.order-main__delivery_courier input {
	width: 278px;
	line-height: 22px;
	padding: 13px 16px;
	margin-top: 12px;
	border: none;
	border-radius: 14px;
	background: #fff;
}

.order-payment__title {
	margin-bottom: 24px;
}

.order-payment__content {
	/*	display: flex;*/
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 24px;
	border: 1px solid var(--color-gray-light);
	border-radius: 22px;
	background-color: var(--color-gray-light);
	gap: 16px;
}
.order-payment__info:not(:last-child) .order-payment__content {
	margin-bottom: 12px;
}
.order-payment__content img {
	width: 32px;
	margin-right: 8px;
	vertical-align: top;
}
.order-payment__info > input {
	display: none;
}
.order-payment__info input:checked + .order-payment__content {
	border: 1px solid #3895cf;
}
.order-payment__inner_payment {
	display: none;
	padding-top: 16px;
}
.order-payment__info
	input:checked
	+ .order-payment__content
	> .order-payment__inner_payment {
	display: block;
}
.order-payment__inner_payment span {
	display: block;
	color: var(--color-accent);
}
.order-payment__info b {
	font-weight: 500;
}
.order-payment__descr {
	color: var(--color-gray-dark);
	font-size: 12px;
}

.order-payment__balance {
	margin-bottom: 12px;
}
.order-payment__inner_payment label:not(:last-child) {
	margin-right: 40px;
}

.order-payment__description {
	line-height: 137%;
	font-size: 16px;
}

.order-payment__button {
	min-width: 220px;
}

.order-products {
	position: relative;
}

.order-products__title {
	margin-bottom: 24px;
}

.order-products__list {
	display: grid;
	grid-template-columns: 100%;
	gap: 20px;
}

.order-products__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.order-product {
	display: flex;
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	-moz-column-gap: 16px;
	column-gap: 16px;
}

.order-product__img {
	display: block;
	overflow: hidden;
	height: 136px;
	border-radius: 14px;
}

.order-product__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.order-product__main {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
}

.order-product__title {
	line-height: 133%;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 500;
}

.order-product__info {
	line-height: 125%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.order-pay__title {
	line-height: 125%;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 500;
}

.order-pay__info {
	display: flex;
	flex-direction: column;
	line-height: 117%;
	color: var(--color-gray-dark);
	font-size: 12px;
	row-gap: 6px;
}

.order-pay__info dl {
	display: flex;
	justify-content: space-between;
	margin: 0;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.order-pay__info dl > dd {
	margin: 0;
}

.order-pay__total {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 133%;
	margin-top: 12px;
	font-size: 18px;
	font-weight: 500;
	gap: 12px;
}

.order-pay__products {
	display: flex;
	flex-wrap: wrap;
	margin-top: 26px;
	gap: 6px;
}

.order-pay__products > picture {
	display: block;
	overflow: hidden;
	width: 62px;
	height: 66px;
	border-radius: 14px;
}

.order-pay__products > picture > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.order-pay__action {
	margin-top: 24px;
}

.order-pay__button {
	width: 100%;
}

.order-pay__footer {
	line-height: 117%;
	margin-top: 16px;
	color: var(--color-gray-dark);
	font-size: 12px;
}
.order-pay__footer label {
	display: block;
	margin-top: 8px;
}
.order-pay__footer .custom-checkbox > span {
	line-height: 14px;
	letter-spacing: -2%;
	font-size: 12px;
}
.order-pay__footer .custom-checkbox a {
	color: var(--color-accent);
}
.order-page__success {
	padding: 80px 400px 80px 40px;
	border-radius: 22px;
	background: url("../img/order_success.png") right center no-repeat #f6f6f6;
	background-size: 400px;
}
.order-page__success_btns {
	display: flex;
	padding-top: 46px;
	gap: 16px;
}
.order-page__success_btns a {
	padding-right: 46px;
	padding-left: 46px;
}

.order-pay .button--more {
	margin-top: 10px;
}

.search-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.search-header__title {
	margin-bottom: 0;
}

.search-header__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.search-header__button {
	min-width: 116px;
	line-height: 125%;
	padding: 10px;
	border: 1px solid rgba(21, 28, 45, 0.08);
	border-radius: 6px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.search-header__button.is-active {
	border-color: var(--color-accent);
	color: var(--color-light);
	background-color: var(--color-accent);
}

.search-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.search-navigation__search {
	flex-grow: 1;
	width: auto;
}

.search-null {
	text-align: center;
}

.search-null__title {
	line-height: 108%;
	margin-bottom: 16px;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.search-null__description {
	line-height: 133%;
	font-size: 18px;
	font-weight: 500;
}

.search-null__action {
	margin-top: 24px;
}

.search-null__button {
	min-width: 280px;
}

.login-navigation {
	position: relative;
}

.login-navigation__list {
	position: sticky;
	top: var(--ht, 24px);
	line-height: 87%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
}

.login-navigation__subitem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.login-navigation__item.is-current {
	color: var(--color-accent);
}

.login-navigation__item.is-current a > svg {
	color: var(--color-accent);
	fill: var(--color-accent);
}

.login-navigation__item a {
	display: flex;
	align-items: center;
	flex-grow: 1;
	padding-top: 12px;
	padding-bottom: 12px;
	transition: color 0.2s ease-out;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.login-navigation__item a > svg {
	display: inline-block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	color: var(--color-gray);
	fill: var(--color-gray);
}

.login-navigation__arrow {
	width: 15px;
	height: 20px;
	transition: transform 0.2s ease-out;
}

.login-navigation__arrow.active {
	transform: scaleY(-1);
}

.login-navigation__submenu {
	padding: 0;
	margin: 0 0 12px 0;
	list-style: none;
}

.login-navigation__submenu li > a::before {
	width: 6px;
	height: 6px;
	margin: 7px;
	border-radius: 50%;
	background-color: var(--color-gray);
	content: "";
}

.login-navigation__submenu li.is-current {
	color: var(--color-accent);
}

.login-navigation__submenu li.is-current a::before {
	background-color: var(--color-accent);
}

.login-navigation__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	line-height: 100%;
	margin-left: auto;
	border-radius: 100px;
	color: var(--color-light);
	background-color: var(--color-accent);
	font-size: 10px;
	font-weight: 400;
}

.account-profile__header {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}

.account-profile__title {
	margin-bottom: 0;
}

.account-profile__id {
	line-height: 133%;
	color: var(--color-dark);
	font-size: 24px;
	font-weight: 500;
}

.account-profile__photo {
	margin-bottom: 40px;
}

.account-profile__data {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.account-profile__action {
	margin-top: 40px;
}

.account-profile__submit {
	min-width: 220px;
}

.profile-photo {
	position: relative;
	width: 170px;
	height: 170px;
}

.profile-photo__img {
	display: block;
	overflow: hidden;
	border-radius: 50%;
}

.profile-photo__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.profile-photo__button {
	position: absolute;
	right: -3px;
	bottom: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 9px;
	border: 1.5px solid var(--color-light);
	border-radius: 50%;
	background-color: var(--color-accent);
}

.profile-photo__button > svg {
	fill: var(--color-light);
}

.profile-fieldset {
	display: grid;
	align-items: start;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.profile-fieldset__label {
	display: block;
	line-height: 117%;
	margin-top: 2px;
	color: var(--color-gray);
	font-size: 12px;
	font-weight: 400;
}

.profile-fieldset__edit {
	line-height: 87%;
	margin-top: 10px;
	color: var(--color-accent);
	transition: color 0.2s ease-out;
	font-size: 16px;
}

.profile-gender {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	line-height: 87%;
	gap: 10px 24px;
}

.profile-gender__title {
	font-size: 16px;
}

.profile-mailing__label {
	justify-content: space-between;
	-moz-column-gap: 49px;
	column-gap: 49px;
}
.profile-password__title {
	margin: 10px 0 -15px;
	font-weight: 500;
	grid-column: span 2;
}

.account-check__title {
	margin-bottom: 40px;
}

.account-check__info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px 24px;
}

.account-check__table {
	margin-top: 24px;
}

.check-table__title {
	line-height: 122%;
	margin-bottom: 16px;
	letter-spacing: -0.06em;
	font-size: 18px;
	font-weight: 500;
}

.check-table__footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.transactions-table {
	width: 100%;
	border-collapse: collapse;
}

.transactions-table > thead {
	display: table-header-group;
	background-color: var(--color-gray-light);
}

.transactions-table > thead th {
	line-height: 125%;
	padding-top: 26px;
	padding-right: 12px;
	padding-bottom: 28px;
	padding-left: 12px;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
}

.transactions-table > thead th:first-child {
	padding-left: 24px;
	border-radius: 22px 0 0 22px;
}

.transactions-table > thead th:last-child {
	padding-right: 24px;
	border-radius: 0 22px 22px 0;
}

.transactions-table > tbody {
	display: table-row-group;
}

.transactions-table > tbody tr {
	display: table-row;
}

.transactions-table > tbody tr:nth-child(even) {
	background-color: var(--color-gray-light);
}

.transactions-table > tbody tr td {
	line-height: 87%;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 16px;
	font-weight: 400;
}

.transactions-table > tbody tr td:first-child {
	border-radius: 22px 0 0 22px;
}

.transactions-table > tbody tr td:last-child {
	border-radius: 0 22px 22px 0;
}

.transactions-table__status {
	display: inline-block;
	line-height: 87%;
	padding: 10px 12px;
	border-radius: 14px;
	color: var(--color-dark);
	background-color: #eaedf6;
	font-size: 16px;
}

.transactions-table__status.success {
	color: var(--color-light);
	background-color: #54cf38;
}

.transactions-table__status.error {
	color: var(--color-light);
	background-color: #ff0b0b;
}

.transactions-table__status.pending {
	background-color: #ffef9f;
}

.transactions-table__icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: var(--color-light);
}

.transactions-table__icon > svg {
	width: 18px;
	height: 22px;
	fill: currentColor;
}

.transactions-table__icon.success {
	background-color: #54cf38;
}
.transactions-table__icon.pay {
	background-color: #ffef9f;
}

.transactions-table__icon.error {
	background-color: #ff0b0b;
	transform: rotate(45deg);
}

.transactions-table__icon.pending {
	color: var(--color-dark);
	background-color: #ffef9f;
	transform: rotate(180deg);
}

.transactions-table__null {
	text-align: center;
}

.transactions-table__img {
	display: block;
}

.transactions-table__title {
	line-height: 133%;
	color: var(--color-gray-dark);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.balance-topup-fields {
	display: grid;
	width: 100%;
	grid-template-columns: auto 200px;
	gap: 20px;
}
.balance-topup-fields .custom-input {
	width: 300px;
}

.grid-table {
	width: 100%;
	border-collapse: collapse;
}

.grid-table__head {
	display: table-header-group;
	line-height: 125%;
	background-color: var(--color-gray-light);
	font-size: 16px;
	font-weight: 500;
}

.grid-table__head th {
	line-height: 125%;
	padding-top: 23px;
	padding-right: 5px;
	padding-bottom: 23px;
	padding-left: 12px;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
}

.grid-table__head th:first-child {
	padding-left: 24px;
	border-radius: 22px 0 0 22px;
}

.grid-table__head th:last-child {
	padding-right: 24px;
	border-radius: 0 22px 22px 0;
}

.grid-table__head th sub {
	line-height: 117%;
	vertical-align: bottom;
	font-size: 12px;
	font-weight: 400;
}

.grid-table__body {
	display: table-row-group;
	line-height: 137%;
	font-size: 16px;
}

.grid-table__content {
	display: table-row;
}

.grid-table__notes td {
	padding: 0 24px 24px 24px !important;
	border-radius: 0 0 22px 22px;
	text-align: right;
}

.grid-table__action {
	display: inline-flex;
	gap: 6px;
}

.grid-table__action > button,
.grid-table__action .button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	color: var(--color-accent);
	background-color: transparent;
}

.grid-table__action > button > svg,
.grid-table__action .button > svg {
	width: 21px;
	height: 21px;
	fill: currentColor;
}

.grid-table__action > button > span,
.grid-table__action .button > span {
	position: absolute;
	top: -7px;
	right: -7px;
	min-width: 20px;
	min-height: 20px;
	line-height: 100%;
	padding: 5px 7px;
	border-radius: 100px;
	color: var(--color-light);
	background-color: var(--color-error);
	text-align: center;
	font-size: 10px;
	font-weight: 400;
}

.grid-table__checkbox > label {
	line-height: 0;
	vertical-align: middle;
}

.grid-table__description {
	max-width: 245px;
}

.grid-table__textarea {
	max-width: 575px;
}

.grid-table__mobile {
	display: block;
	line-height: 117%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--color-gray);
	font-size: 12px;
	font-weight: 500;
}

.grid-table__mobile:first-child {
	padding-top: 0;
}

.grid-table__mobile.active {
	padding-bottom: 14px;
	border-color: transparent;
}

.grid-table__mobile.active .grid-table__arrow {
	transform: rotate(180deg);
}

.grid-table__mobile td {
	display: flex;
	align-items: center;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.grid-table__arrow {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 10px 9px;
	border: none;
	border-radius: 100px;
	background-color: var(--color-gray-light);
	transition: transform 0.2s ease-out;
}

.grid-table__arrow > svg {
	width: 16px;
	height: 8px;
}

.grid-table__button--report {
	min-width: 125px;
	line-height: 125%;
	font-size: 16px;
	font-weight: 500;
}

.grid-table__status {
	display: inline-flex;
	align-items: center;
	gap: 19px;
}

.grid-table__null {
	min-height: 600px;
	line-height: 133%;
	padding-top: 40px !important;
	color: var(--color-gray-dark);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.edit-table {
	width: 100%;
	border-collapse: collapse;
}

.edit-table__head {
	display: table-header-group;
	line-height: 125%;
	background-color: var(--color-gray-light);
	font-size: 16px;
	font-weight: 500;
}

.edit-table__head th {
	line-height: 125%;
	padding-top: 23px;
	padding-right: 5px;
	padding-bottom: 23px;
	padding-left: 5px;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
}

.edit-table__head th:first-child {
	padding-left: 24px;
	border-radius: 22px 0 0 22px;
}

.edit-table__head th:last-child {
	padding-right: 24px;
	border-radius: 0 22px 22px 0;
}

.edit-table__delete-selected {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	border: 1.5px solid var(--color-accent);
	border-color: var(--color-gray-light);
	border-radius: 10px;
	color: var(--color-dark);
	background: var(--color-gray-light);
	cursor: pointer;
	transition: opacity 0.2s;
	vertical-align: middle;
}

.edit-table__delete-selected > svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.edit-table__delete-selected:disabled {
	cursor: default;
}
.edit-table__delete-selected:disabled svg {
	opacity: 0.35;
}

.edit-table__head th sub {
	line-height: 117%;
	vertical-align: bottom;
	font-size: 12px;
	font-weight: 400;
}

.edit-table__body {
	display: table-row-group;
	line-height: 137%;
	font-size: 16px;
}

.edit-table__body td {
	padding: 24px 5px 24px 5px;
}

.edit-table__body td:first-child {
	padding-left: 24px;
}

.edit-table__body td:last-child {
	padding-right: 24px;
}

.edit-table__content {
	display: table-row;
}

.edit-table__content.is-alternate {
	background-color: var(--color-gray-light);
}

.edit-table__content.is-alternate .custom-input {
	background-color: #eee;
}

.edit-table__content.is-open .edit-table__img {
	width: 82px;
	height: 82px;
	cursor: pointer;
}

.edit-table__content.is-open .edit-table__img::after {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.7188' y='0.707107' width='29.715' height='29.715' rx='14.8575' transform='rotate(45 21.7188 0.707107)' stroke='%233895CF' /%3E%3Cpath d='M28.9984 20.9705C29.4124 20.9704 29.7486 21.3057 29.749 21.7197C29.7491 22.1337 29.4137 22.4699 28.9997 22.4703L22.4666 22.471L22.4659 28.9489C22.4658 29.3631 22.1295 29.6996 21.7153 29.6995C21.3012 29.6994 20.966 29.363 20.9661 28.9489L20.9668 22.471L14.4419 22.4731C14.0277 22.4732 13.6915 22.138 13.6913 21.7238C13.6912 21.3096 14.0277 20.9733 14.4419 20.9732L20.9674 20.9719L20.9688 14.4394C20.9689 14.0252 21.3046 13.6895 21.7188 13.6895C22.1329 13.6896 22.4687 14.0253 22.4687 14.4394L22.4673 20.9705L28.9984 20.9705Z' fill='%233895CF' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 44px;
	content: "";
	pointer-events: none;
	inset: 0;
}

.edit-table__content.is-open .edit-table__description,
.edit-table__content.is-open .edit-table__value,
.edit-table__content.is-open .edit-table__catalog,
.edit-table__content.is-open .edit-table__button--copy {
	display: none;
}

.edit-table__content.is-open .edit-table__redact {
	display: block;
}

.edit-table__content.is-open .edit-table__checkbox {
	vertical-align: top;
}

.edit-table__content.is-open .edit-table__main {
	width: 50%;
	padding-right: 25px !important;
}

.edit-table__content.is-open td:first-child {
	border-radius: 22px 0 0 0;
}

.edit-table__content.is-open td:last-child {
	border-radius: 0 22px 0 0;
}

.edit-table__content td:first-child {
	border-radius: 22px 0 0 22px;
}

.edit-table__content td:last-child {
	border-radius: 0 22px 22px 0;
	vertical-align: top;
}

.edit-table__hidden.is-alternate {
	background-color: var(--color-gray-light);
}

.edit-table__hidden.is-alternate .custom-input,
.edit-table__hidden.is-alternate .full .ts-control,
.edit-table__hidden.is-alternate .ts-control,
.edit-table__hidden.is-alternate .custom-textarea {
	background-color: #eee;
}

.edit-table__hidden td {
	padding: 0 24px 24px 24px !important;
	border-radius: 0 0 22px 22px;
}

.edit-table__hidden .table-edit-product {
	padding-left: 130px;
}

.edit-table__action {
	display: inline-flex;
	justify-content: flex-end;
	width: 100%;
	gap: 6px;
}

.edit-table__button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: none;
	background-color: transparent;
}

.edit-table__button--copy {
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	color: var(--color-accent);
}

.edit-table__button--copy > svg {
	max-width: 100%;
	max-height: 100%;
	fill: currentColor;
}

.edit-table__button--copy-link {
	position: relative;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	color: var(--color-accent);
}

.edit-table__button--copy-link > svg {
	max-width: 100%;
	max-height: 100%;
	fill: currentColor;
}

.copy-link__tooltip {
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	display: none;
	padding: 4px 8px;
	border-radius: 6px;
	color: #fff;
	background: var(--color-accent);
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 12px;
	pointer-events: none;
}

.copy-link__tooltip.is-visible {
	display: block;
}

.edit-table__content.is-open .edit-table__button--copy-link {
	display: none;
}

.edit-table__button--arrow {
	transition: transform 0.2s ease-out;
}

.edit-table__button--arrow.is-active {
	transform: rotate(180deg);
}

.edit-table__checkbox > label {
	line-height: 0;
	vertical-align: middle;
}

.edit-table__product {
	display: inline-flex;
	align-items: center;
	width: 100%;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.edit-table__img {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 14px;
}

.edit-table__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.edit-table__redact {
	display: none;
	flex-grow: 1;
}

.edit-table__title {
	line-height: 125%;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
}

.edit-table__description {
	overflow: hidden;
	max-width: 306px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.edit-table__null {
	min-height: 600px;
	line-height: 108%;
	padding-top: 40px !important;
	text-align: center;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.account-products__header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	gap: 10px;
}

.account-products__title {
	margin-bottom: 0;
}

.account-products__body {
	position: relative;
}

.account-products__tab {
	position: relative;
	display: none;
}

.account-products__tab.is-active {
	display: block;
}

.account-products__products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.account-products__purchase {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.account-products__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.account-annex__header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	gap: 10px;
}

.account-annex__title {
	margin-bottom: 0;
}

.account-annex__button {
	min-width: 220px;
}

.account-annex__body {
	position: relative;
}

.account-annex__products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.account-annex__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.account-reviews__header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	gap: 10px;
}

.account-reviews__title {
	margin-bottom: 0;
}

.account-reviews__tab {
	position: relative;
	display: none;
}

.account-reviews__tab.is-active {
	display: block;
}

.account-reviews__list {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.account-reviews__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.reviews-org__tabslist {
	margin-bottom: 40px;
}

.reviews-org__tab {
	position: relative;
	display: none;
}

.reviews-org__tab.is-active {
	display: block;
}

.reviews-org__list {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.reviews-org__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.nav-tabs {
	display: flex;
	gap: 8px;
}

.nav-tabs__button {
	min-width: 116px;
	line-height: 125%;
	padding: 10px;
	border: 1px solid rgba(21, 28, 45, 0.08);
	border-radius: 6px;
	background-color: var(--color-light);
	font-size: 16px;
	font-weight: 500;
}

.nav-tabs__button.is-active {
	color: var(--color-light);
	background-color: var(--color-accent);
}

.account-orders__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	gap: 10px;
}

.account-orders__title {
	margin-bottom: 0;
}

.account-orders__tab {
	position: relative;
	display: none;
}

.account-orders__tab.is-active {
	display: block;
}

.account-orders__loader {
	position: absolute;
	right: 0;
	bottom: -90px;
	left: 0;
	margin: 0 auto;
}

.orders-list {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}

.view-order-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 26px 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	gap: 16px 10px;
}

.view-order-info__title {
	margin-bottom: 6px;
}

.view-order-info__date {
	line-height: 87%;
	font-size: 16px;
}

.view-order-info__point {
	line-height: 129%;
	font-size: 14px;
}

.view-order-info__point a {
	color: var(--color-accent);
}

.view-order-info__button {
	min-width: 269px;
}

.view-order-card {
	display: grid;
	grid-template-columns: 130px auto;
	gap: 10px 16px;
}

.view-order-card__img {
	display: block;
	overflow: hidden;
	max-height: 152px;
	border-radius: 14px;
}

.view-order-card__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.view-order-card__body {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 0 16px;
}

.view-order-card__info {
	min-width: 180px;
}

.view-order-card__title {
	line-height: 108%;
	margin-bottom: 8px;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.view-order-card__descrription {
	display: -webkit-box;
	overflow: hidden;
	max-width: 626px;
	line-height: 125%;
	font-size: 16px;
	font-weight: 400;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.view-order-card__size {
	line-height: 125%;
	margin-top: 6px;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.view-order-card__action {
	margin-top: 16px;
}

.view-order-card__button {
	min-width: 160px;
	min-height: 40px;
}

.view-order-card__footer {
	grid-column: 1/-1;
}

.review-card {
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.review-card__header {
	display: grid;
	align-items: center;
	padding: 0 0 16px 0;
	border-bottom: 1px solid var(--color-gray);
	grid-template-columns: 88px auto;
	gap: 16px;
}

.review-card__img {
	display: block;
	overflow: hidden;
	width: 88px;
	height: 88px;
	border-radius: 14px;
}

.review-card__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.review-card__title {
	margin-bottom: 6px;
}

.review-card__size {
	line-height: 87%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.review-card__date {
	line-height: 125%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.review-card__top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 6px;
}

.review-card__label {
	line-height: 125%;
	font-size: 16px;
	font-weight: 500;
}

.review-card__description {
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
}

.review-card__action {
	margin-top: 6px;
}

.review-card__response {
	display: none;
}

.response-menu__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	border-bottom: 1.5px solid var(--color-gray-light);
}

.response-menu__title {
	line-height: 122%;
	letter-spacing: -0.06em;
	font-size: 18px;
	font-weight: 500;
}

.response-menu__list {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.response-menu__action {
	display: flex;
	max-height: 100%;
	padding-right: 16px;
	padding-left: 16px;
	border-top: 1.5px solid var(--color-gray-light);
	color: var(--color-gray);
	background-color: var(--color-light);
}

.response-menu__action.is-active {
	color: var(--color-dark);
}

.response-menu__textarea {
	position: relative;
	display: flex;
	width: 100%;
}

.response-menu__textarea > textarea {
	width: 100%;
	line-height: 129%;
	padding-top: 16px;
	padding-bottom: 16px;
	border: none;
	background-color: transparent;
	font-size: 14px;
}

.response-menu__textarea > textarea:focus {
	outline: none;
}

.response-menu__textarea > textarea::-moz-placeholder {
	color: var(--color-gray);
	font-weight: 500;
}

.response-menu__textarea > textarea::placeholder {
	color: var(--color-gray);
	font-weight: 500;
}

.response-menu__file {
	margin-top: 16px;
	margin-right: 6px;
}

.response-menu__emoji {
	position: absolute;
	top: 16px;
	right: 6px;
	padding: 0;
	border: none;
	color: inherit;
	background: transparent;
	cursor: pointer;
}

.response-menu__emoji > svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.response-menu__submit {
	padding-left: 6px;
	margin-top: 16px;
	color: inherit;
}

.response-menu__submit > svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.response-menu__null {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	line-height: 129%;
	padding: 24px 0;
	color: var(--color-gray-dark);
	background-color: var(--color-light);
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}

.message-chat {
	display: flex;
	flex-direction: column;
}

.message-chat__contacts {
	min-width: 0;
	max-height: 100%;
}

.message-chat__main {
	flex-grow: 1;
	min-width: 50%;
	max-width: 100%;
}

.contacts-chat {
	position: relative;
	display: flex;
	flex-direction: column;
}

.contacts-chat__header {
	padding: 16px 24px 10px 24px;
}

.contacts-chat__action {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 6px;
}

.contacts-chat__settings {
	width: 24px;
	height: 24px;
}

.contacts-chat__list {
	position: relative;
	overflow: auto;
	max-height: 100%;
}

.contacts-chat__list.simplebar-scrollable-y {
	padding-right: 17px;
}

.contacts-chat__list .simplebar-scrollbar:before {
	right: 0;
	left: 0;
	border-radius: 10px;
	opacity: 1;
	background-color: var(--color-gray);
}

.contacts-chat__list .simplebar-track.simplebar-vertical {
	width: 4px;
}

.contacts-chat__list .simplebar-track {
	right: 10px;
}

.contacts-chat__wrapper {
	display: flex;
	flex-direction: column;
	max-height: 100%;
	row-gap: 2px;
}

.contacts-chat__item {
	display: grid;
	align-items: center;
	padding: 5px 23px 5px 23px;
	cursor: pointer;
	grid-template-columns: 60px auto;
	gap: 12px;
}

.contacts-chat__item.is-sent .contacts-chat__date::before {
	display: inline-block;
	width: 17px;
	height: 11px;
	margin-right: 6px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 4.62305L6.54289 9.41594C6.93342 9.80646 7.56658 9.80646 7.95711 9.41594L15.75 1.62305' stroke='%2354CF38' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
}

.contacts-chat__item.is-read .contacts-chat__date::before {
	display: inline-block;
	width: 24px;
	height: 14px;
	margin-right: 6px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 7.49805L6.54289 12.2909C6.93342 12.6815 7.56658 12.6815 7.95711 12.2909L15.75 4.49805' stroke='%2354CF38' stroke-width='1.5' stroke-linecap='round' /%3E%3Cpath d='M11.2803 11.9677L10.75 11.4374L9.68934 12.498L10.2197 13.0284L10.75 12.498L11.2803 11.9677ZM20.2803 5.02838C20.5732 4.73548 20.5732 4.26061 20.2803 3.96772C19.9874 3.67482 19.5126 3.67482 19.2197 3.96772L19.75 4.49805L20.2803 5.02838ZM11.75 12.498L12.2803 13.0284L20.2803 5.02838L19.75 4.49805L19.2197 3.96772L11.2197 11.9677L11.75 12.498ZM10.75 12.498L10.2197 13.0284C10.7887 13.5974 11.7113 13.5974 12.2803 13.0284L11.75 12.498L11.2197 11.9677C11.2364 11.951 11.2636 11.951 11.2803 11.9677L10.75 12.498Z' fill='%2354CF38' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
}

.contacts-chat__avatar {
	display: block;
	overflow: hidden;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.contacts-chat__avatar > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.contacts-chat__content {
	min-width: 0;
	max-width: 100%;
}

.contacts-chat__user {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.contacts-chat__name {
	line-height: 133%;
	font-size: 18px;
	font-weight: 500;
}

.contacts-chat__date {
	line-height: 87%;
	color: var(--color-gray-dark);
	font-size: 16px;
	font-weight: 400;
}

.contacts-chat__description {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	line-height: 137%;
	color: var(--color-gray-dark);
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
}

.contacts-chat__description[data-counter] {
	padding-right: 20px;
}

.contacts-chat__description[data-counter]::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	width: 20px;
	height: 20px;
	line-height: 220%;
	padding: 2px 6px;
	border-radius: 100px;
	color: var(--color-light);
	background-color: var(--color-accent);
	content: attr(data-counter);
	transform: translateY(-50%);
	text-align: center;
	font-size: 10px;
}

.contacts-chat__loader {
	position: absolute;
	right: 0;
	bottom: -58px;
	left: 0;
	width: 42px;
	height: 42px;
	margin: 0 auto;
}

.chat-main {
	display: flex;
	flex-direction: column;
	padding: 24px;
}

.chat-main__back {
	margin-bottom: 26px;
}

.chat-main__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 17px;
}

.chat-main__user {
	display: flex;
	align-items: center;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.chat-main__avatar {
	display: block;
	overflow: hidden;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.chat-main__avatar > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.chat-main__name {
	line-height: 133%;
	font-size: 18px;
	font-weight: 500;
}

.chat-main__body {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	max-height: 100%;
}

.menu-settings__button {
	width: 20px;
	height: 4px;
}

.menu-settings__button > svg {
	fill: var(--color-gray-dark);
}

.menu-settings__content {
	padding: 20px;
	border-radius: 22px;
	background: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
}

.menu-settings__item {
	display: flex;
	align-items: center;
	line-height: 87%;
	padding: 8px 0;
	border: none;
	background-color: transparent;
	transition: color 0.2s ease-out;
	font-size: 16px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.menu-settings__item > svg {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	fill: var(--color-accent);
}

.chat-body__window {
	overflow: auto;
	max-height: 100%;
	padding-top: 17px;
	padding-bottom: 20px;
}

.chat-body__window.simplebar-scrollable-y {
	padding-right: 12px;
}

.chat-body__window .simplebar-scrollbar:before {
	right: 0;
	left: 0;
	border-radius: 10px;
	opacity: 1;
	background-color: var(--color-gray);
}

.chat-body__window .simplebar-track.simplebar-vertical {
	width: 4px;
}

.chat-body__window .simplebar-track {
	right: 0;
	bottom: 20px;
}

.chat-body__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 32px;
}

.chat-body__action {
	padding-top: 4px;
}

.chat-list {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	list-style: none;
	row-gap: 24px;
}

.chat-list[data-time]::before {
	line-height: 87%;
	content: attr(data-time);
	text-align: center;
	font-size: 16px;
}

.chat-list__message {
	max-width: -moz-max-content;
	max-width: max-content;
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
}

.chat-list__message > span {
	display: block;
	padding: 20px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.chat-list__message[data-time]::after {
	display: block;
	line-height: 117%;
	margin-top: 6px;
	content: attr(data-time);
	font-size: 12px;
}

.chat-list__message--out {
	margin-right: 10%;
}

.chat-list__message--out > span {
	border-bottom-left-radius: 0;
}

.chat-list__message--in {
	margin-left: auto;
	text-align: right;
}

.chat-list__message--in[data-time]::after {
	text-align: right;
}

.chat-list__message--in > span {
	margin-left: 10%;
	border-bottom-right-radius: 0;
	background-color: #dbf1ff;
	text-align: left;
}

.chat-list__message_file {
	display: inline-block;
	padding-left: 28px;
	margin: 0 0 10px 10px;
	color: var(--color-accent);
	background: url("../img/file.png") left center no-repeat;
	background-size: 18px;
}

.chat-action {
	display: flex;
	padding: 0 12px;
	border-radius: 14px;
	background-color: var(--color-gray-light);
}

.chat-action__file {
	display: inline-flex;
	align-items: center;
	color: var(--color-gray-dark);
	cursor: pointer;
}

.chat-action__file > svg {
	fill: currentColor;
}

.chat-action__textarea {
	width: 100%;
	line-height: 87%;
	padding: 17px 12px;
	border: none;
	background-color: transparent;
	resize: none;
	font-size: 16px;
}

.chat-action__textarea:focus {
	outline: none;
}

.chat-action__textarea::-moz-placeholder {
	color: var(--color-gray-dark);
}

.chat-action__textarea::placeholder {
	color: var(--color-gray-dark);
}

.chat-action__submit {
	display: inline-flex;
	align-items: center;
	color: var(--color-gray-dark);
	cursor: pointer;
}

.chat-action__submit > svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.cabinet-header {
	display: flex;
	gap: 10px;
}

.cabinet-header__title {
	margin-bottom: 0;
}

.cabinet-header__search {
	flex-grow: 1;
}

.cabinet-header__right {
	flex-grow: 1;
	text-align: right;
}

.cabinet-header__form {
	height: 100%;
}

.cabinet-header__create {
	min-width: 220px;
}

.cabinet-header__archive {
	min-width: 107px;
}

.redact-products-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	row-gap: 10px;
}

.redact-products-header__title {
	margin-bottom: 0;
}

.redact-products-header__action {
	display: flex;
	flex-grow: 1;
	margin-left: 120px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.redact-products-header__group {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.redact-products-header__button {
	min-width: 220px;
}

.cabinet-footer__navigation {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}

.cabinet-footer__action {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1.5px solid var(--color-gray-light);
}

.cabinet-footer__group {
	display: inline-flex;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.cabinet-footer__operation {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1.5px solid var(--color-gray-light);
}

.cabinet-footer__total {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1.5px solid var(--color-gray-light);
}

.action-elements {
	display: flex;
	align-items: center;
	gap: 10px;
}

.action-elements__select {
	width: 100%;
	max-width: 440px;
}

.action-elements__submit {
	min-width: 220px;
}

.action-elements__input[type="number"] {
	max-width: 86px;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

.action-elements__input[type="number"]::-webkit-outer-spin-button,
.action-elements__input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.requests-card {
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.requests-card__name {
	line-height: 108%;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.requests-card__products {
	padding-top: 24px;
	padding-bottom: 16px;
	border-bottom: 1.5px solid var(--color-gray);
}

.requests-card__comment {
	padding-top: 16px;
}

.requests-card__action {
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
	gap: 24px;
}

.requests-card__button {
	min-width: 240px;
}

.edit-purchase {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.edit-purchase__left {
	min-width: 0;
	max-width: 100%;
	padding-right: 24px;
}

.edit-purchase__right {
	min-width: 0;
	max-width: 100%;
	padding-left: 24px;
	border-left: 1.5px solid var(--color-gray);
}

.edit-purchase__download {
	margin-top: 24px;
}

.edit-purchase__name {
	margin-top: 24px;
}

.edit-purchase__description {
	margin-top: 24px;
}

.edit-purchase__group {
	margin-top: 44px;
}

.edit-purchase__catalog {
	margin-top: 40px;
}

.edit-purchase__date {
	margin-top: 24px;
}

.edit-purchase__switch {
	margin-top: 24px;
}

.edit-purchase__country,
.edit-purchase__section {
	margin-top: 24px;
}

.edit-purchase__terms {
	margin-top: 24px;
}

.edit-multiselect {
	width: 100%;
	padding: 16px;
	border: navajowhite;
	border-radius: 20px;
	background: var(--color-gray-light);
}
.ts-dropdown.multi,
.edit-purchase__section .ts-dropdown {
	overflow-y: auto !important;
}

.edit-purchase__tables {
	margin-top: 24px;
}

.table-edit-product {
	display: grid;
	text-align: left;
	grid-template-columns: calc(50% - 45px) auto;
	gap: 30px;
}

.table-edit-product__group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}

.table-edit-product__column {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.table-edit-product__item {
	display: flex;
	flex-direction: column;
}

.table-edit-product__item .checkbox-switch {
	margin-bottom: 12px;
}

.table-edit-product__title {
	line-height: 125%;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
}

.table-edit-product__value {
	min-height: 48px;
	line-height: 137%;
	font-size: 16px;
}

.table-edit-product__textarea {
	height: 146px;
}

.table-edit-product__action {
	display: flex;
	align-items: flex-end;
	flex-grow: 1;
	justify-content: space-between;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.table-edit-product__action > button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	background-color: transparent;
}

.table-edit-product__action > button > svg {
	max-width: 100%;
	max-height: 100%;
	color: var(--color-accent);
	fill: var(--color-accent);
}
.table-edit-product__action > button.itemHidden svg {
	visibility: hidden;
}
.table-edit-product__action > button.itemHidden {
	background: url("../img/sprite.svg#eye2") center center no-repeat;
	background-size: 28px;
}
.table-edit-product__action > button.itemStar {
	background: var(--color-accent);
}
.table-edit-product__action > button.itemStar svg {
	color: #fff;
	fill: #fff;
}

.table-edit-product__button {
	min-width: 180px;
	line-height: 125%;
	color: var(--color-accent);
	font-size: 16px;
	font-weight: 500;
}

.redact-filter__item {
	padding-top: 24px;
}

.redact-filter__item:not(:last-child) {
	padding-bottom: 24px;
	border-bottom: 1.5px solid var(--color-gray-light);
}

.redact-filter__title {
	margin-bottom: 24px;
}

.header-report__main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 11px;
}

.header-report__title {
	margin-bottom: 0;
}

.header-report__action {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.header-report__button {
	min-width: 220px;
}

.header-report__search {
	max-width: 311px;
}

.header-report__description {
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
}

.report-main__header {
	margin-bottom: 12px;
	text-align: right;
}

.report-main__full {
	width: 25px;
	height: 22px;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.report-main__full > svg {
	fill: var(--color-gray);
}

.report-main__body {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.report-card {
	padding: 24px;
	border-radius: 22px;
	background-color: #eee;
}
.report-card.has-not-delivered {
	background-color: #F2DADD;
}

.report-card__header {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr 1fr 40px;
	gap: 40px;
}

.report-card__title {
	line-height: 133%;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
}

.report-card__arrow {
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background-color: transparent;
	transition: transform 0.1s ease-out;
}

.report-card__arrow.active {
	transform: rotate(180deg);
}

.report-card__top {
	display: grid;
	padding-top: 6px;
	grid-template-columns: 1fr 1fr 1fr 40px;
	gap: 40px;
	justify-items: start;
}

.report-card__balance > span {
	display: inline-block;
	line-height: 87%;
	padding: 10px 12px;
	border-radius: 14px;
	color: var(--color-light);
	background-color: #54cf38;
	font-size: 16px;
	font-weight: 400;
}

.report-card__settings {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	background-color: transparent;
}

.report-card__settings > svg {
	fill: var(--color-accent);
}

.report-card__products {
	display: flex;
	flex-direction: column;
	margin-top: 24px;
	row-gap: 12px;
}

.report-product {
	display: flex;
	align-items: flex-start;
	padding: 16px;
	border-radius: 14px;
	background-color: var(--color-light);
	-moz-column-gap: 16px;
	column-gap: 16px;
}

.report-product__top {
	display: flex;
	align-items: center;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.report-product__img {
	display: block;
	overflow: hidden;
	width: 130px;
	height: 152px;
	border-radius: 14px;
}

.report-product__img > img {
	width: 100%;
	/* height: 100%; */
	-o-object-fit: cover;
	object-fit: cover;
}

.report-product__content {
	width: 100%;
}

.report-product__title {
	line-height: 125%;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 500;
}

.report-product__info {
	display: grid;
	grid-template-columns: repeat(4, 1fr) auto;
	gap: 40px;
}

.report-product__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	background-color: transparent;
}

.report-product__button > svg {
	fill: var(--color-accent);
}
.report-product__order_number {
	padding-right: 20px;
	font-size: 20px;
}

.report-comment__title {
	line-height: 87%;
	margin-bottom: 6px;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.report-comment__description {
	line-height: 112%;
	font-size: 16px;
}

.report-comment__action {
	margin-top: 6px;
}

.report-comment__button {
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
}

.report-status__title {
	line-height: 87%;
	margin-bottom: 6px;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.report-status__link {
	overflow: hidden;
	max-width: 193px;
	line-height: 120%;
	color: var(--color-accent);
	text-overflow: ellipsis;
	letter-spacing: -0.01em;
	white-space: nowrap;
	font-size: 16px;
}

.report-status__action {
	display: flex;
	flex-direction: column;
	margin-top: 17px;
	row-gap: 12px;
}
.ransom-action__nav .report-status__action {
	margin-top: 0;
}

.report-status__button {
	line-height: 125%;
	padding: 10px;
	border: 1.5px solid var(--color-gray);
	border-radius: 14px;
	background-color: transparent;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.report-status__button.error {
	border-color: var(--color-error);
	color: var(--color-error);
	cursor: default;
}

.report-status__button.success {
	border-color: var(--color-success);
	color: var(--color-success);
}

.report-action__title {
	margin-bottom: 24px;
}

.operation-action__title {
	margin-bottom: 24px;
}

.operation-action__list {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.operation-action__form {
	display: flex;
	align-items: center;
	gap: 10px;
}

.operation-action__select {
	width: 100%;
	max-width: 670px;
}

.operation-action__submit {
	min-width: 220px;
}

.report-total {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.total-card {
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.total-card__title {
	line-height: 125%;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 500;
}

.total-card__attrs {
	line-height: 87%;
	font-size: 16px;
	font-weight: 400;
	-moz-column-count: 2;
	column-count: 2;
}

.total-card__attrs dl {
	display: flex;
	align-items: center;
	margin: 0;
	break-inside: avoid;
	-moz-column-break-inside: avoid;
	-moz-column-gap: 0.2em;
	column-gap: 0.2em;
	page-break-inside: avoid;
}

.total-card__attrs dl:not(:first-child) {
	margin-top: 16px;
}

.total-card__attrs dt {
	color: var(--color-gray-dark);
}

.total-card__attrs dd {
	margin: 0;
}

.ransom-list {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.ransom-card {
	display: grid;
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	grid-template-columns: auto minmax(auto, 614px);
	gap: 24px;
}

.ransom-card__content {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 16px;
	column-gap: 16px;
}

.ransom-card__media {
	display: flex;
	align-items: center;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.ransom-card__img {
	display: block;
	overflow: hidden;
	width: 172px;
	height: 228px;
	border-radius: 14px;
}

.ransom-card__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.ransom-card__title {
	line-height: 125%;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 500;
}

.ransom-actions__list {
	padding: 0;
	margin: 0;
	list-style: none;
	counter-reset: item;
}

.ransom-actions__item {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1.5px solid var(--color-gray);
	counter-increment: item;
}

.ransom-actions__footer {
	margin-top: 20px;
}

.ransom-actions__button {
	min-width: 180px;
}

.ransom-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.ransom-action__title {
	display: inline-flex;
	align-items: center;
	line-height: 112%;
	color: var(--color-accent);
	font-size: 16px;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.ransom-action__title > span::before {
	content: counter(item) ". ";
}

.ransom-action__nav {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.ransom-action__select {
	min-width: 260px;
}

.ransom-action__select .full .ts-control,
.ransom-action__select .ts-control {
	min-height: 40px;
	padding: 9px 54px 9px 16px !important;
	background-color: #eee !important;
}

.ransom-action__button {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 6px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	background-color: transparent;
}

.ransom-action__button > svg {
	fill: var(--color-accent);
}

.tippy-message__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: var(--color-light);
	background-color: var(--color-error);
	cursor: pointer;
}

.tippy-message__content {
	max-width: 340px;
	line-height: 125%;
	padding: 20px;
	border-radius: 22px;
	background-color: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
	font-size: 16px;
	font-weight: 400;
}

.tippy-message__button {
	display: block;
	line-height: 112%;
	padding: 0;
	margin-top: 12px;
	border: 0;
	color: var(--color-accent);
	background-color: transparent;
	font-size: 16px;
}

.profile-card {
	display: grid;
	align-items: center;
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	grid-template-columns: 170px auto;
	gap: 24px;
}

.profile-card__photo {
	display: block;
	overflow: hidden;
	width: 170px;
	height: 170px;
	border-radius: 100%;
}

.profile-card__photo > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.profile-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.profile-card__name {
	line-height: 108%;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.profile-card__balance {
	line-height: 87%;
	padding: 10px 12px;
	border-radius: 14px;
	color: var(--color-light);
	background-color: var(--color-success);
	font-size: 16px;
}

.profile-card__action {
	margin-top: 24px;
}

.profile-card__button {
	min-width: 240px;
}

.client-submenu {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	min-width: 240px;
	padding: 24px;
	border-radius: 22px;
	color: var(--color-dark);
	background-color: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
}

.client-submenu__list {
	line-height: 87%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
	font-weight: 400;
}
.client-submenu__number {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}
.client-submenu__list:nth-child(n + 2) {
	border-top: 1.5px solid var(--color-gray-light);
}

.client-submenu__list:nth-child(n + 2) > li:not(:last-child) {
	border-bottom: 1.5px solid var(--color-gray-light);
}

.client-submenu__item {
	padding-top: 12px;
	padding-bottom: 12px;
}

.client-submenu__item a {
	display: inline-flex;
	align-items: center;
	width: 100%;
	transition: color 0.2s ease-out;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.client-submenu__item a:hover {
	color: var(--color-accent);
}

.client-submenu__item a:hover > svg {
	fill: var(--color-accent);
}

.client-submenu__item a > svg {
	width: 20px;
	height: 20px;
	transition: fill 0.2s ease-out;
	fill: var(--color-gray);
}

.client-submenu__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	line-height: 100%;
	margin-left: auto;
	border-radius: 100px;
	color: var(--color-light);
	background-color: var(--color-accent);
	font-size: 10px;
	font-weight: 400;
}

.tippy-client-submenu.is-visible {
	transform: translateY(0);
}

.product-card {
	position: relative;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	border-radius: 22px;
	background-color: var(--color-light);
}

.product-card__sectors {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	pointer-events: none;
	inset: 0;
}

.product-card__sectors.init {
	z-index: 2;
	pointer-events: all;
}

.product-card__sectors span {
	flex: 1;
}

.product-card__header {
	position: relative;
	width: 100%;
}

.product-card__action {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 16px;
}

.product-card__content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 16px;
}

.product-card__labels {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.product-card__brand {
	margin-bottom: 5px;
	font-weight: 500;
}

.product-card__labels > span {
	line-height: 120%;
	padding: 3px 12px 4px;
	border-radius: 8px;
	color: var(--color-light);
	background-color: #ff5e48;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
}

.product-card__favorite {
	width: 28px;
	height: 24px;
	padding: 2px;
	border: none;
	background-color: transparent;
}

.product-card__favorite > svg {
	width: 100%;
	height: 100%;
	stroke: var(--color-dark);
	stroke-width: 1.5px;
	fill: var(--color-light);
}

.product-card__favorite.is-active > svg,
.product-card__favorite.added > svg {
	fill: var(--color-dark);
}

.product-card__settings {
	display: inline-flex;
	flex-shrink: 0;
	width: 4px;
	height: 20px;
	padding: 0;
	border: none;
	background-color: transparent;
}

.product-card__settings > svg {
	width: 100%;
	height: 100%;
}

.product-card__images {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.product-card__title {
	line-height: 108%;
	margin-bottom: 16px;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.product-card__description {
	display: -webkit-box;
	overflow: hidden;
	flex-grow: 1;
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.product-card__price {
	margin-top: 10px;
}

.product-card__footer {
	line-height: 117%;
	margin-top: 16px;
	font-size: 12px;
	font-weight: 400;
}

.product-card__date {
	color: var(--color-gray-dark);
}

.product-card__time {
	display: inline-flex;
	align-items: center;
	-moz-column-gap: 4px;
	column-gap: 4px;
}

.product-card__time::after {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8L4.0357 4.45835L1 0.916708' stroke='%231C1B1F' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
}

.product-card--border {
	border: 1px solid var(--color-gray);
}

.product-card--blur .product-images__slide {
	filter: blur(37px);
}

.product-card--disabled {
	border: 1px solid var(--color-gray);
}

.product-card--disabled .product-card__time::after {
	content: none;
}

.product-card--disabled .product-card__title {
	color: var(--color-gray-dark);
}

.product-card--disabled .product-card__images {
	opacity: 0.4;
}

.product-price {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 200px;
	max-width: 100%;
	gap: 19px;
}

.product-price__old .product-price__value {
	color: var(--color-gray);
	text-decoration: line-through;
}

.product-price__subtitle {
	display: block;
	line-height: 117%;
	margin-bottom: 2px;
	color: var(--color-gray);
	font-size: 12px;
	font-weight: 400;
}

.product-price__value {
	line-height: 108%;
	letter-spacing: -0.01em;
	font-size: 20px;
	font-weight: 500;
}

.product-images__wrapper {
	height: 280px;
}

.product-images__slide {
	display: block;
	height: auto;
}

.product-images__slide > img {
	width: 100%;
	/* height: 100%; */
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
}

.product-images__pagination {
	--swiper-pagination-color: var(--color-dark);
	--swiper-pagination-bullet-width: 24px;
	--swiper-pagination-bullet-height: 2px;
	--swiper-pagination-bullet-border-radius: 8px;
	--swiper-pagination-bottom: 0px;
	position: static;
	display: flex;
	justify-content: center;
	margin-top: 12px;
}

.client-balance {
	display: flex;
	justify-content: space-between;
	border-radius: 18px;
	background-color: var(--color-gray-light);
}

.client-balance__content {
	padding: 16px 10px 16px 16px;
}

.client-balance__value {
	line-height: 122%;
	margin-bottom: 6px;
	letter-spacing: -0.06em;
	font-size: 18px;
	font-weight: 500;
}

.client-balance__description {
	line-height: 129%;
	font-size: 14px;
}

.client-balance__img {
	display: block;
	flex-shrink: 0;
	margin-right: 16px;
}

.breadcrumbs {
	padding-top: 40px;
	padding-bottom: 24px;
}

.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	line-height: 117%;
	padding: 0;
	margin: 0;
	color: var(--color-gray);
	list-style: none;
	font-size: 12px;
	font-weight: 400;
}

.breadcrumbs__list li {
	display: inline-flex;
	align-items: center;
}

.breadcrumbs__list li:not(:last-child)::after {
	display: inline-block;
	margin-right: 4px;
	margin-left: 4px;
	content: " > ";
}

.breadcrumbs__list li a {
	transition: color 0.2s ease-out;
}

.sort-select {
	position: relative;
	width: -moz-max-content;
	width: max-content;
}

.sort-select__wrapper {
	overflow: auto;
	max-height: 234px;
}

.sort-select__wrapper.simplebar-scrollable-y .sort-select__content {
	padding-right: 17px;
}

.sort-select__wrapper .simplebar-track {
	width: 6px;
	border-radius: 10px;
	background: var(--color-gray-light);
}

.sort-select__wrapper .simplebar-scrollbar:before {
	right: 0;
	left: 0;
	opacity: 1;
	background: var(--color-gray-dark);
}

.sort-select__button {
	display: flex;
	align-items: center;
	height: 100%;
	line-height: 87%;
	font-size: 16px;
	font-weight: 400;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.sort-select__button > svg {
	display: inline-block;
	width: 22px;
	height: 23px;
}

.sort-select__content {
	z-index: 50;
	display: flex;
	overflow-x: hidden;
	overflow-y: auto;
	flex-direction: column;
	min-width: 160px;
	line-height: 87%;
	color: var(--color-dark);
	transition-duration: 0.3s;
	font-size: 16px;
	font-weight: 400;
}

.sort-select__content > a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	transition: color 0.2s ease-out;
}

.sort-select__content > a.current {
	color: var(--color-accent);
}

.custom-checkbox {
	position: relative;
	display: inline-block;
	line-height: 1;
}

.custom-checkbox > input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
	border-color: var(--color-accent);
}

.custom-checkbox > input:checked + span {
	color: var(--color-dark);
}

.custom-checkbox > input:checked + span::before {
	border-color: var(--color-accent);
	background-color: var(--color-accent);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40015 3.26173L3.52167 6.27724C3.90899 6.82777 4.71862 6.84612 5.13049 6.31371L8.83973 1.51891' stroke='%23FDFFFC' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}

.custom-checkbox > input:disabled + span::before {
	background-color: #e9ecef;
}

.custom-checkbox > span {
	display: inline-flex;
	align-items: center;
	width: 100%;
	line-height: 137%;
	color: var(--color-gray-dark);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 16px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.custom-checkbox > span::before {
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #d6d6d6;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px 8px;
	content: "";
}

.value-checkbox {
	position: relative;
	display: inline-block;
	line-height: 87%;
	font-size: 16px;
}

.value-checkbox > input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.value-checkbox > input:not(:disabled):not(:checked) + span:hover {
	border-color: var(--color-accent);
}

.value-checkbox > input:checked + span {
	border-color: var(--color-accent);
}

.value-checkbox > span {
	display: inline-flex;
	width: 100%;
	padding: 6px 11px;
	border: 1px solid rgba(21, 28, 45, 0.08);
	border-radius: 10px;
	color: var(--color-dark);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	transition:
		border-color 0.1s ease-out,
		color 0.1s ease-out;
	/* max-width: 200px; */
	white-space: nowrap;
}

.value-checkbox--big > input:checked + span {
	border-color: var(--color-accent);
	color: var(--color-light);
	background-color: var(--color-accent);
}

.value-checkbox--big > span {
	padding: 9px 11px;
}

.custom-radio {
	position: relative;
	line-height: inherit;
	font-size: 16px;
}

.custom-radio > input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-radio > input:not(:disabled):not(:checked) + span:hover::before {
	border-color: var(--color-accent);
}

.custom-radio > input:checked + span::before {
	border-color: var(--color-accent);
	background-color: var(--color-accent);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.99805' cy='4' r='4' fill='%23FDFFFC' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
}

.custom-radio > input:disabled + span::before {
	opacity: 0.5;
}

.custom-radio > span {
	display: inline-flex;
	align-items: center;
	width: 100%;
	color: var(--color-gray-dark);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.custom-radio > span:before {
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border: 2px solid var(--color-gray);
	border-radius: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	content: "";
}

.radio-button {
	position: relative;
	display: inline-block;
}

.radio-button > input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.radio-button > input:checked + span {
	border-color: var(--color-accent);
	color: var(--color-light);
	background-color: var(--color-accent);
}

.radio-button > input:disabled + span::before {
	opacity: 0.5;
}

.radio-button > span {
	display: inline-block;
	width: 100%;
	line-height: 125%;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	color: var(--color-accent);
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.custom-textarea {
	width: 100%;
	min-height: 48px;
	line-height: 137%;
	padding: 10px 20px 10px 16px;
	border: none;
	border-radius: 14px;
	background-color: var(--color-gray-light);
	resize: none;
	font-size: 16px;
	font-weight: 400;
}

.custom-textarea:focus {
	outline: none;
}

.custom-textarea::-moz-placeholder {
	color: var(--color-gray);
}

.custom-textarea::placeholder {
	color: var(--color-gray);
}

.custom-textarea--light {
	background-color: var(--color-light);
}

.custom-input {
	width: 100%;
	line-height: 137%;
	padding: 13px 16px;
	border: none;
	border-radius: 14px;
	background-color: var(--color-gray-light);
	font-size: 16px;
	font-weight: 400;
}

.custom-input:disabled {
	color: var(--color-gray);
}

.custom-input::-moz-placeholder {
	color: var(--color-gray);
}

.custom-input::placeholder {
	color: var(--color-gray);
}

.custom-input-date {
	position: relative;
}

.custom-input-date > input {
	width: 100%;
	line-height: 137%;
	padding: 13px 16px;
	border: none;
	border-radius: 14px;
	color: transparent;
	background-color: var(--color-gray-light);
	font-size: 16px;
	font-weight: 400;
}

.custom-input-date > input:valid,
.custom-input-date > input:focus {
	color: inherit;
}

.custom-input-date > input:valid ~ span,
.custom-input-date > input:focus ~ span {
	visibility: hidden;
	opacity: 0;
}

.custom-input-date > input:disabled {
	color: var(--color-gray);
}

.custom-input-date > input::-webkit-datetime-edit {
	color: inherit;
}

.custom-input-date > input::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.custom-input-date > span {
	position: absolute;
	top: 50%;
	left: 16px;
	color: var(--color-gray);
	transform: translateY(-50%);
	pointer-events: none;
}

.custom-input-date > svg {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	pointer-events: none;
}

.checkbox-switch {
	position: relative;
	display: inline-flex;
	align-items: center;
	line-height: 137%;
	cursor: pointer;
	font-size: 16px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.checkbox-switch > input[type="checkbox"] {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.checkbox-switch > input[type="checkbox"]:checked + span {
	background-color: #2196f3;
}

.checkbox-switch > input[type="checkbox"]:checked + span:before {
	transform: translateX(13px) translateY(-50%);
}

.checkbox-switch > input[type="checkbox"]:disabled + span {
	background-color: #e0e0e0;
	cursor: not-allowed;
}

.checkbox-switch > span {
	position: relative;
	display: block;
	flex-shrink: 0;
	width: 35px;
	height: 20px;
	border-radius: 12px;
	background-color: #ccc;
	transition: all 0.3s ease;
}

.checkbox-switch > span:before {
	position: absolute;
	top: 50%;
	left: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: white;
	content: "";
	transition: all 0.3s ease;
	transform: translateY(-50%);
}

.card-add {
	display: flex;
	flex-direction: column;
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
	gap: 26px;
}

.card-add__title {
	line-height: 100%;
	margin-bottom: 12px;
	letter-spacing: -0.04em;
	font-size: 26px;
	font-weight: 500;
}

.card-add__description {
	line-height: 137%;
	font-size: 16px;
}

.card-add__action {
	margin-top: auto;
}

.card-add__button {
	width: 100%;
}

.feedback-form__fieldset {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.feedback-form__info {
	line-height: 117%;
	margin-top: 6px;
	color: var(--color-gray-dark);
	font-size: 12px;
	font-weight: 400;
}

.feedback-form__text {
	margin-top: 16px;
}

.feedback-form__action {
	display: flex;
	margin-top: 40px;
	gap: 6px 10px;
}

.feedback-form__button {
	width: 100%;
}

.feedback-form__img {
	margin-top: 24px;
}

.feedback-form__subtitle {
	line-height: 125%;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
}

.feedback-form__dropzone.dz-started {
	display: grid;
	align-items: stretch;
	padding: 0;
	background-color: var(--color-light);
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.photo-form__action {
	display: flex;
	margin-top: 40px;
	gap: 6px 10px;
}

.photo-form__button {
	width: 100%;
}

.photo-form__url {
	margin-top: 12px;
}

.photo-form__dropzone.dz-started {
	display: grid;
	padding: 0;
	background-color: var(--color-light);
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.photo-form__dropzone.dz-started .dropbox__img {
	position: relative;
}

.photo-form__dropzone.dz-started .dropbox__img::after {
	position: absolute;
	background-color: var(--color-gray-light);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.7188' y='0.707107' width='29.715' height='29.715' rx='14.8575' transform='rotate(45 21.7188 0.707107)' stroke='%233895CF' /%3E%3Cpath d='M21.7155 28.9471L21.7188 14.4375M28.999 21.7184L14.4417 21.7216' stroke='%233895CF' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 44px;
	content: "";
	pointer-events: none;
	inset: 0;
}

.photo-url__form {
	display: flex;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.photo-url__button {
	min-width: 147px;
}

.photo-url__info {
	line-height: 129%;
	margin-top: 6px;
	color: var(--color-gray-dark);
	font-size: 14px;
	font-weight: 400;
}

.catalog-form__fieldset {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.catalog-form__filter {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
	row-gap: 12px;
}

.catalog-form__action {
	display: flex;
	margin-top: 40px;
	gap: 6px 10px;
}

.catalog-form__button {
	width: 100%;
}

.catalog-form__name {
	line-height: 125%;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
}

.catalog-form__params {
	margin-top: 12px;
}

.params-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.params-list__item {
	display: grid;
	align-items: center;
	padding-bottom: 12px;
	border-bottom: 1.5px solid #f6f6f6;
	grid-template-columns: 1fr 1fr minmax(auto, 349px) 14px;
	gap: 40px;
}

.params-list__item:not(:first-child) {
	padding-top: 12px;
}

.params-list__name {
	line-height: 87%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.params-list__close {
	width: 14px;
	height: 14px;
}

.catalog-params__description {
	line-height: 137%;
	margin-bottom: 6px;
	color: var(--color-gray-dark);
	font-size: 16px;
	font-weight: 400;
}

.catalog-params__name {
	line-height: 125%;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
}

.catalog-params__add {
	line-height: 120%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	transition: color 0.2s ease-out;
	letter-spacing: -0.01em;
	font-size: 16px;
	font-weight: 400;
}

.catalog-params__list {
	margin-top: 24px;
}

.product-form__fieldset {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.product-form__fieldset:not(:first-child) {
	margin-top: 24px;
}

.product-form__add {
	line-height: 120%;
	margin-top: 12px;
	color: var(--color-accent);
	transition: color 0.2s ease-out;
	letter-spacing: -0.01em;
	font-size: 16px;
	font-weight: 400;
}

.product-form__text {
	margin-top: 24px;
}

.product-form__url {
	flex-grow: 1;
	order: -1;
	width: 100%;
	min-width: 50%;
}

.product-form__input {
	flex-grow: 1;
	order: 1;
	width: auto;
}

.product-form__count {
	order: 2;
	min-width: 124px;
}

.product-form__info {
	line-height: 117%;
	margin-top: 6px;
	color: var(--color-gray-dark);
	font-size: 12px;
}

.product-form__action {
	display: grid;
	margin-top: 40px;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px 10px;
}

.full .ts-control,
.ts-control {
	--ts-pr-min: 54px;
	padding: 13px 54px 13px 16px;
	border: none;
	border-radius: 14px;
	background: var(--color-gray-light)
		url("data:image/svg+xml,%3Csvg viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.56365 7.22863C7.94951 7.5948 8.55449 7.5948 8.94035 7.22863L15.504 1' stroke='black' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat !important;
	background-position: right 1rem center !important;
	background-size: 17px 9px !important;
}

.full .ts-control > input::-moz-placeholder,
.ts-control > input::-moz-placeholder {
	color: var(--color-gray);
}

.full .ts-control > input::placeholder,
.ts-control > input::placeholder {
	color: var(--color-gray);
}

.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single.input-active.dropdown-active .ts-control {
	outline: none;
	background: var(--color-gray-light)
		url("data:image/svg+xml,%3Csvg viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5039 7.88281L8.94026 1.65418C8.5544 1.28802 7.94941 1.28802 7.56355 1.65418L0.999904 7.88281' stroke='black' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
}

.ts-control,
.ts-control input,
.ts-dropdown {
	line-height: 137%;
	color: var(--color-dark);
	font-size: 16px;
	font-weight: 400;
}

.ts-dropdown {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 234px;
	box-sizing: border-box;
	padding: 20px 16px;
	margin: 6px 0 0 0;
	border: none;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.ts-dropdown.simplebar-scrollable-y {
	padding-right: 38px;
}

.ts-dropdown .simplebar-track.simplebar-vertical {
	top: 20px;
	right: 16px;
	bottom: 20px;
	width: 6px;
	background-color: var(--color-light);
}

.ts-dropdown .simplebar-scrollbar:before {
	right: 0;
	left: 0;
	opacity: 1;
	background: var(--color-gray-dark);
}

.ts-dropdown .active {
	color: var(--color-accent);
	background-color: transparent;
}

.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option {
	padding: 0;
}

.ts-dropdown-content {
	display: flex;
	flex-direction: column;
	max-height: 100%;
	row-gap: 16px;
}

.dropbox {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	min-height: 100%;
	padding: 0;
	border: none;
}

.dropbox.dz-started .dropbox__title {
	display: none;
}

.dropbox.dz-started .dropbox__img {
	width: 46px;
	margin-bottom: 0;
}

.dropbox.dz-max-files-reached .dz-clickable {
	display: none;
}

.dropbox__wrapper {
	display: flex;
	overflow: hidden;
	align-items: center;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	padding: 35px;
	border-radius: 14px;
	background-color: var(--color-gray-light);
}

.dropbox__title {
	width: 100%;
	line-height: 129%;
	color: var(--color-gray-dark);
	text-align: center;
	letter-spacing: -0.02em;
	font-size: 14px;
	font-weight: 400;
}

.dropbox__img {
	display: block;
	margin-bottom: 10px;
}

.dropbox .dz-clickable {
	cursor: pointer;
}

.dropbox .dropzone-file {
	order: -1;
}

.dropbox-banner {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	min-height: 100%;
	padding: 0;
	border: none;
	border-radius: 22px;
}

.dropbox-banner.dz-started .dropbox-banner__wrapper {
	display: none;
}

.dropbox-banner.dz-max-files-reached .dz-clickable {
	display: none;
}

.dropbox-banner__wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	padding: 35px;
	background-color: var(--color-gray-light);
}

.dropbox-banner__title {
	width: 100%;
	line-height: 137%;
	color: var(--color-gray-dark);
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

.dropbox-banner__img {
	display: block;
	margin-bottom: 20px;
}

.dropbox-banner .dz-clickable {
	cursor: pointer;
}

.dropbox-banner .dropzone-file__remove {
	top: 20px;
	right: 20px;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6914 16.6992L0.750949 0.751722' stroke='%23D9D9D9' stroke-width='1.5' stroke-linecap='round' /%3E%3Cpath d='M16.75 0.75L0.757066 16.75' stroke='%23D9D9D9' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-size: 16px;
}

.dropbox-banner .dz-clickable {
	cursor: pointer;
}

.dropzone-file {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
}

.dropzone-file__img {
	display: block;
	height: 100%;
}

.dropzone-file__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.dropzone-file__remove {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 18px;
	height: 18px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #fdfffc;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4738 7.72688L1.5 0.75M8.50016 0.750314L1.50341 7.75016' stroke='%23D9D9D9' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
}

.dropzone-file__edit {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 18px;
	height: 18px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #fdfffc;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.05855 7.4302L6.2636 1.2181C6.72783 0.664444 7.5532 0.591462 8.10707 1.05549C8.65828 1.51735 8.73323 2.33775 8.27532 2.89223L7.16163 4.23964L3.05613 9.10905C2.59265 9.6586 1.77171 9.72986 1.22066 9.26817C0.668369 8.80541 0.595784 7.9825 1.05855 7.4302Z' stroke='%23D9D9D9' stroke-width='1.5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
}

.dropzone-file__error {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	line-height: 117%;
	padding: 8px;
	border-radius: 14px;
	color: #fff;
	background-color: #ff0b0b;
	font-size: 12px;
}

.dropzone-file.dz-error .dropzone-file__error {
	display: block;
}

.dropzone-file--main {
	border: 1.5px solid var(--color-accent);
}

.dropzone-file--main::after {
	position: absolute;
	right: 0;
	bottom: 6px;
	left: 0;
	max-width: 100%;
	line-height: 120%;
	padding: 3px 12px 4px;
	margin: 0 6px;
	border-radius: 8px;
	color: var(--color-light);
	background-color: var(--color-accent);
	content: "Главное фото";
	text-align: center;
	font-size: 12px;
	font-weight: 500;
}

.product-get {
	display: flex;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.product-get__wrapper {
	display: none;
	align-items: center;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	-moz-column-gap: 14px;
	column-gap: 14px;
}

.product-get__action {
	flex-grow: 1;
}

.product-get__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 100%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
}

.product-get__btn:disabled {
	pointer-events: none;
}

.product-get__btn > svg {
	width: 17px;
	height: 17px;
	transition: color 0.2s ease-out;
	fill: currentColor;
}

.product-get__input {
	display: inline-block;
	width: 100%;
	line-height: 125%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	appearance: textfield;
	-moz-appearance: textfield;
}

.product-get__input:focus {
	outline: none;
}

.product-get__input::-webkit-inner-spin-button,
.product-get__input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.product-get.active .product-get__wrapper {
	display: flex;
}

.product-get.active .product-get__action {
	border-color: #54cf38;
	opacity: 1;
	color: #fff;
	background-color: #54cf38;
}

.login-form__title {
	line-height: 125%;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 500;
}

.login-form__label.error {
	color: #ff0b0b;
}

.login-form__label.error .login-form__input {
	border: 1.5px solid #ff0b0b;
	color: #ff0b0b;
}

.login-form__label.error .login-form__error {
	display: block;
}

.login-form__error {
	display: none;
	line-height: 117%;
	margin-top: 6px;
	font-size: 12px;
}

.login-form__input {
	width: 100%;
}

.login-form__action {
	margin-top: 12px;
}

.login-form__button {
	width: 100%;
}

.login-form__social {
	margin-top: 16px;
}

.login-form__footer {
	line-height: 117%;
	margin-top: 6px;
	color: var(--color-gray-dark);
	font-size: 12px;
}

.login-form__footer a {
	color: var(--color-accent);
}

.edit-phone__description {
	line-height: 137%;
	font-size: 16px;
}

.edit-phone__button {
	width: 100%;
}

.edit-phone__action {
	margin-top: 40px;
}

.sms-form__form.error .sms-form__error {
	display: block;
	color: #ff0b0b;
}

.sms-form__form.error .sms-form__code > input {
	border-color: #ff0b0b;
	color: #ff0b0b;
}

.sms-form__error {
	display: none;
	line-height: 117%;
	margin-top: 6px;
	font-size: 12px;
}

.sms-form__code {
	display: flex;
	justify-content: center;
	gap: 16px;
}

.sms-form__code > input {
	flex-grow: 1;
	width: 100%;
	max-width: 56px;
	border: 1.5px solid transparent;
	border-radius: 14px;
	background-color: var(--color-gray-light);
	text-align: center;
	aspect-ratio: 1;
}

.sms-form__info {
	line-height: 125%;
	margin-top: 24px;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.sms-form__resend {
	line-height: 87%;
	padding: 0;
	border: none;
	color: var(--color-accent);
	background-color: transparent;
	font-size: 16px;
}

.social-login__title {
	line-height: 100%;
	margin-bottom: 16px;
	font-size: 12px;
	font-weight: 400;
}

.social-login__action {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.social-login__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 125%;
	padding: 10px;
	border: 1.5px solid var(--color-accent);
	border-radius: 14px;
	color: var(--color-accent);
	background-color: transparent;
	font-size: 16px;
	font-weight: 500;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.social-login__button[aria-label]::after {
	line-height: 112%;
	content: attr(aria-label);
	font-size: 16px;
	font-weight: 500;
}

.form-warning__content {
	text-align: center;
}

.form-warning__title {
	line-height: 108%;
	margin-bottom: 12px;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.form-warning__img {
	display: block;
	margin-bottom: 40px;
}

.form-warning__description {
	line-height: 137%;
	color: var(--color-gray-dark);
	letter-spacing: -0.02em;
	font-size: 16px;
}

.form-warning__action {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
	row-gap: 12px;
}

.form-warning__button {
	width: 100%;
}

.check-info {
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	padding: 24px;
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.check-info__content {
	display: flex;
	flex-direction: column;
}

.check-info__title {
	margin-bottom: 12px;
}

.check-info__description {
	line-height: 137%;
	margin-bottom: 24px;
	font-size: 16px;
}

.check-info__action {
	margin-top: auto;
}

.check-info__button {
	min-width: 220px;
}

.check-info__img {
	display: block;
	flex-shrink: 0;
	max-height: 154px;
}

.check-info__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.count-elements {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.count-elements__select {
	flex-shrink: 0;
	line-height: 137%;
	font-size: 16px;
	font-weight: 400;
}

.count-elements__title {
	line-height: 112%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.content-null {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

.content-null__img {
	display: block;
}

.content-null__title {
	line-height: 133%;
	margin-top: 18px;
	color: var(--color-gray-dark);
	font-size: 18px;
	font-weight: 500;
}

.content-null__action {
	margin-top: 24px;
}

.content-null__button {
	min-width: 220px;
}

.order-card {
	border-radius: 22px;
	background-color: var(--color-gray-light);
}

.order-card__header {
	border-bottom: 1.5px solid var(--color-gray);
}

.order-card__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
	gap: 10px;
}

.order-card__bottom {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 10px;
}

.order-card__address {
	line-height: 87%;
	font-size: 16px;
}

.order-card__address a {
	color: var(--color-accent);
}

.order-card__status {
	padding: 10px 32px;
	border-radius: 14px;
	color: var(--color-light);
	/*	background-color: #e6e6e6;*/
	background-color: var(--color-accent);
}
.order-card__status.order-card__item_status {
	display: inline-block;
	width: 100%;
	line-height: 20px;
	padding: 10px 20px;
	border-radius: 14px;
	font-size: 16px;
}
.order-card__status_comment {
	position: absolute;
	display: none;
	max-width: 425px;
	line-height: 20px;
	padding: 16px;
	margin: -40px 0 0 220px;
	border-radius: 12px;
	background: #fff;
	font-size: 16px;
	/*	box-shadow: 1px 1px 10px 0px #00000026;*/
	filter: drop-shadow(1px 2px 10px rgba(0, 0, 0, 0.2));
}
.order-card__status.order-card__item_status:hover
	+ .order-card__status_comment {
	display: block;
}
.order-card__status_comment:after {
	position: absolute;
	top: 25px;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -10px;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 0;
	border-right-color: #fff;
	border-left: 0;
	content: "";
	/*  filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.2));*/
}

.order-card__info {
	display: flex;
	flex-direction: column;
}

.order-card__point {
	margin-bottom: 6px;
}

.order-card__date {
	line-height: 87%;
	font-size: 16px;
}

.order-card__action {
	display: flex;
	flex-wrap: wrap;
	padding-top: 16px;
	margin-top: auto;
	gap: 10px;
}

.order-card__button {
	flex-grow: 1;
	min-width: calc(50% - 10px);
	max-width: 300px;
}

.order-card__images {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.order-card__img {
	display: block;
	overflow: hidden;
	flex-grow: 1;
	width: 100px;
	height: 100px;
	border-radius: 14px;
}

.order-card__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.order-card__footer {
	display: flex;
	flex-direction: column;
	margin-top: 16px;
	row-gap: 16px;
}
.order-card__item_status {
	line-height: 14px;
	padding: 2px 5px 4px;
	margin: 5px 0 0;
	border-radius: 8px;
	background: #e6e6e6;
	text-align: center;
	letter-spacing: -2%;
	font-size: 11px;
	font-weight: 500;
}
.order-card__item_status.to_pay {
	background-color: #f4e04f;
}
.order-card__item_status.delivery {
	background-color: #ffc355;
}
.order-card__item_status.paid,
.order-card__item_status.delivered,
.order-card__item_status.purchased {
	background-color: #b8ce6a;
}
.order-card__item_status.prepare,
.order-card__item_status.waiting {
	background-color: #c8a2c8;
}
.order-card__item_status.not_available,
.order-card__item_status.price_changed,
.order-card__item_status.not_delivered,
.order-card__item_status.defect,
.order-card__item_status.return {
	background-color: #f07b75;
}

.review-rating__button {
	display: inline-flex;
	align-items: center;
	line-height: 129%;
	font-size: 14px;
	font-weight: 500;
	-moz-column-gap: 4px;
	column-gap: 4px;
}

.review-rating__button > svg {
	display: inline-block;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	stroke: currentColor;
	stroke-width: 1.5px;
	fill: transparent;
}

.review-rating__button.is-active {
	color: var(--color-accent);
}

.review-rating__button.is-active > svg {
	stroke: var(--color-gray-light);
	fill: var(--color-accent);
}

.review-rating__down > svg {
	transform: rotate(180deg);
}

.review-rating--small .review-rating__button {
	padding-right: 0;
	padding-left: 0;
}

.emoji-picker {
	padding: 20px;
	border-radius: 22px;
	background: var(--color-light);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.06);
}

.emoji-picker__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.emoji-picker__item {
	line-height: 1;
	padding: 4px;
	border: none;
	border-radius: 4px;
	background: none;
	cursor: pointer;
	font-size: 16px;
}

.emoji-picker__item:hover {
	transform: scale(1.1);
}

.file-input {
	position: relative;
}

.file-input > input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.file-input > svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

.file-input__preview {
	width: 24px;
	height: 24px;
}

.file-input__counter {
	position: absolute;
	top: -6px;
	right: -6px;
	display: inline-block;
	min-width: 19px;
	padding: 2px 4px;
	border-radius: 12px;
	background-color: var(--color-light);
	text-align: center;
	font-size: 12px;
}

.file-input > span {
	cursor: pointer;
}

.select-img__item {
	display: flex;
	align-items: center;
	line-height: 125%;
	font-size: 16px;
	font-weight: 400;
	gap: 13px;
}

.select-img__preview {
	display: block;
	overflow: hidden;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 14px;
}

.select-img__preview > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.select-img .ts-dropdown .select-img__item {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-gray);
}

.select-img .ts-dropdown .select-img__item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.org-tabslist {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.org-tabslist__button {
	line-height: 108%;
	padding: 0;
	border: none;
	color: var(--color-gray);
	background-color: transparent;
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 500;
}

.org-tabslist__button.is-active {
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 6px;
}

.label-status {
	display: inline-block;
	line-height: 87%;
	padding: 10px 12px;
	border-radius: 14px;
	color: var(--color-dark);
	background-color: #eaedf6;
	font-size: 16px;
	font-weight: 400;
}

.label-status.success {
	color: var(--color-light);
	background-color: #54cf38;
}

.label-status.error {
	color: var(--color-light);
	background-color: #ff0b0b;
}

.label-status.pending {
	background-color: #ffef9f;
}

.requests-table {
	border: 0;
	border-collapse: collapse;
}

.requests-table tr:first-child td {
	padding-top: 0;
}

.requests-table tr:last-child td {
	padding-bottom: 0;
}

.requests-table tr td {
	line-height: 125%;
	padding: 4px 15px;
	font-size: 16px;
}

.requests-table tr td:first-child {
	padding-left: 0;
}

.requests-table tr td:last-child {
	padding-right: 0;
}

.requests-table tr dl {
	display: inline-flex;
	margin: 0;
	-moz-column-gap: 0.2em;
	column-gap: 0.2em;
}

.requests-table tr dt {
	display: inline;
	color: var(--color-gray-dark);
	white-space: nowrap;
}

.requests-table tr dd {
	display: inline;
	margin: 0;
}

.requests-table tr dd a {
	display: inline-block;
	overflow: hidden;
	max-width: 497px;
	color: var(--color-accent);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.edit-banner__title {
	margin-bottom: 16px;
}

.edit-banner__dropzone {
	height: 305px;
}

.edit-download__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 12px;
}

.edit-download__title {
	margin-bottom: 0;
}

.edit-download__file {
	line-height: 87%;
	color: var(--color-accent);
	font-size: 16px;
	font-weight: 400;
}

.edit-download__info {
	line-height: 137%;
	color: var(--color-gray-dark);
	font-size: 16px;
	font-weight: 400;
}

.edit-download__list {
	padding-top: 4px;
}

.edit-text__title {
	margin-bottom: 16px;
}

.edit-group {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.edit-group__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.edit-group__info {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	line-height: 117%;
	color: var(--color-gray-dark);
	font-size: 12px;
	font-weight: 400;
}

.edit-catalog__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.edit-catalog__title {
	margin-bottom: 0;
}

.edit-catalog__null {
	line-height: 137%;
	color: var(--color-gray-dark);
	font-size: 16px;
	font-weight: 400;
}

.edit-catalog__action {
	margin-top: 24px;
}

.edit-catalog__button {
	min-width: 240px;
}

.edit-catalog__hidden {
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	background-color: transparent;
}

.edit-catalog__hidden > svg {
	max-width: 100%;
	max-height: 100%;
	fill: var(--color-accent);
}

.file-list {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.file-list__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: opacity 0.15s;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.file-list__item.is-dragging {
	opacity: 0.4;
}

.file-list__item.drag-over {
	border-radius: 8px;
	outline: 2px dashed var(--color-accent);
}
.file-list__title {
	flex: 1;
}
.file-list__drag {
	flex-shrink: 0;
	width: 10px;
	height: 16px;
	opacity: 0.35;
	background-image: radial-gradient(
		circle,
		currentColor 1.5px,
		transparent 1.5px
	);
	background-size: 5px 5px;
	cursor: grab;
}

.file-list__action {
	display: flex;
	flex-shrink: 0;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.file-list__name {
	overflow: hidden;
	max-width: 100%;
	color: var(--color-accent);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-list__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	background-color: transparent;
}

.file-list__button > svg {
	max-width: 100%;
	max-height: 100%;
	fill: var(--color-accent);
}

.edit-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.edit-status__title {
	margin-bottom: 0;
}

.edit-status__action {
	display: flex;
	gap: 10px;
}
.edit-status__action .ts-wrapper {
	width: 275px;
	max-width: 100%;
}
.edit-status__action .ts-control {
	flex-wrap: nowrap;
	padding-left: 48px;
}
.edit-status__action .ts-control > div {
	white-space: nowrap;
}
.edit-status__action .ts-control:before {
	position: absolute;
	top: 10px;
	left: 20px;
	display: block;
	width: 24px;
	height: 24px;
	background: url("../img/status_pencil.png") 0 0 no-repeat;
	background-size: 24px;
	content: "";
}
.edit-status__action .delivery .ts-control,
.ts-wrapper.single.input-active.dropdown-active.delivery .ts-control,
.ts-wrapper.single.input-active.delivery .ts-control {
	background-color: #ffc355;
}
.edit-status__action .delivery .ts-control:before {
	background-image: url("../img/status-car.png");
}
.edit-status__action .order .ts-control,
.ts-wrapper.single.input-active.dropdown-active.order .ts-control,
.ts-wrapper.single.input-active.order .ts-control {
	background-color: #b8ce6a;
}
.edit-status__action .order .ts-control:before {
	background-image: url("../img/status-cart.png");
}
.edit-status__action .stop .ts-control,
.ts-wrapper.single.input-active.dropdown-active.stop .ts-control,
.ts-wrapper.single.input-active.stop .ts-control {
	background-color: #f07b75;
}
.edit-status__action .stop .ts-control:before {
	background-image: url("../img/status-stop.png");
}
.edit-status__action .issue .ts-control,
.ts-wrapper.single.input-active.dropdown-active.issue .ts-control,
.ts-wrapper.single.input-active.issue .ts-control {
	background-color: #c8a2c8;
}
.edit-status__action .issue .ts-control:before {
	background-image: url("../img/status-issue.png");
}
.edit-status__action .archive .ts-control,
.ts-wrapper.single.input-active.dropdown-active.archive .ts-control,
.ts-wrapper.single.input-active.archive .ts-control {
	background-color: #828282;
}
.edit-status__action .archive .ts-control:before {
	background-image: url("../img/status-archive.png");
}
/*.edit-status__action select {
	background: url("../img/status_pencil.png") 16px 12px no-repeat #E6E6E6;
	border: none;
	border-radius: 14px;
	padding: 13px 30px 13px 48px;
	font-size: 16px;
	line-height: 22px;
  background-size: 24px;
}
.edit-status__action select:focus {
	outline: none;
}
.edit-status__action select:after {
	content: "";
	display: block;
	position: absolute;
}*/

.edit-status__label {
	min-width: 130px;
}

.edit-switch {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.all-elements {
	display: inline-flex;
	align-items: center;
	line-height: 125%;
	border-radius: 14px;
	background-color: var(--color-gray-light);
	font-size: 16px;
	font-weight: 500;
}

.all-elements > .custom-checkbox {
	padding: 0 12px 0 16px;
}

.all-elements > label {
	align-content: center;
	height: 100%;
	padding-right: 20px;
	cursor: pointer;
}

.redact-import__form {
	max-width: 806px;
}

.redact-import__main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.redact-import__info {
	line-height: 87%;
	font-size: 16px;
}

.redact-import__submit {
	min-width: 220px;
}

.redact-import__input {
	color: var(--color-accent);
}

.redact-import__list {
	max-width: 379px;
	margin-top: 20px;
}
.redact-import__actions {
	display: flex;
	gap: 20px;
}
.redact-import__actions .ts-wrapper {
	min-width: 300px;
}

.redact-translate__lang {
	max-width: 806px;
	margin: 20px 0 0;
}
.redact-translate__lang .ts-wrapper {
	max-width: 300px;
}

.attrs-list {
	display: flex;
	flex-direction: column;
	line-height: 87%;
	margin: 0;
	font-size: 16px;
	row-gap: 16px;
}

.attrs-list__link {
	flex-direction: column;
}

.attrs-list__link dd {
	overflow: hidden;
	max-width: 202px;
	color: var(--color-accent);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.attrs-list dl {
	display: inline-flex;
	margin: 0;
	-moz-column-gap: 0.2em;
	column-gap: 0.2em;
	row-gap: 0.375em;
}

.attrs-list dt {
	color: var(--color-gray-dark);
}

.attrs-list dd {
	margin: 0;
}

.attrs-list a {
	color: var(--color-accent);
}

.profile-contacts {
	display: flex;
	flex-direction: column;
	line-height: 87%;
	color: var(--color-gray-dark);
	font-size: 16px;
	row-gap: 6px;
}

.profile-contacts__item {
	display: inline-flex;
	align-items: center;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.profile-contacts__icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	fill: currentColor;
}

.footer {
	padding-top: 60px;
	padding-bottom: 40px;
	margin-top: 60px;
	background-color: var(--color-gray-light);
}

.footer__bottom {
	margin-top: 30px;
}

.footer-top {
	display: grid;
	grid-template-columns: auto minmax(auto, 896px);
	gap: 26px 40px;
}

.footer-top__logo {
	display: block;
	width: 242px;
	height: 59px;
}

.footer-top__logo > img {
	width: 100%;
	height: 100%;
}

.footer-top__button {
	width: 100%;
}

.footer-top__wrapper {
	display: grid;
	grid-template-columns: auto minmax(auto, 366px);
	gap: 26px 40px;
}

.footer-nav {
	display: grid;
	font-size: 16px;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.footer-nav__title {
	line-height: 125%;
	margin-bottom: 16px;
	font-weight: 500;
}

.footer-nav__links {
	display: flex;
	flex-direction: column;
	line-height: 87%;
	font-weight: 400;
	row-gap: 12px;
}

.footer-nav__links a {
	transition: color 0.2s ease-out;
}

.subscription-form__description {
	line-height: 125%;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 500;
}

.subscription-form__label {
	position: relative;
	display: flex;
}

.subscription-form__label > input:not([type="submit"]),
.subscription-form__label .subscription-form__label button {
	width: 100%;
	min-height: 48px;
	line-height: 87%;
	padding: 17px 15px;
	border: none;
	border-radius: 10px 0 0 10px;
	background-color: var(--color-light);
	font-size: 16px;
	font-weight: 400;
}

.subscription-form__label > input:not([type="submit"])::-moz-placeholder,
.subscription-form__label .subscription-form__label button::-moz-placeholder {
	color: var(--color-gray);
}

.subscription-form__label > input:not([type="submit"])::placeholder,
.subscription-form__label .subscription-form__label button::placeholder {
	color: var(--color-gray);
}

.subscription-form__label > input[type="submit"],
.subscription-form__label button {
	flex-shrink: 0;
	width: 47px;
	padding: 0;
	border: none;
	border-radius: 0 10px 10px 0;
	background-color: var(--color-light);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.105 8.97356C16.4738 8.78978 16.4744 8.26388 16.1062 8.07914L0.844077 0.423404C0.485319 0.243445 0.0714335 0.538237 0.124238 0.93611L0.965285 7.27322C0.994666 7.4946 1.16728 7.66965 1.38822 7.70212L3.52922 8.01686C4.10152 8.10099 4.0978 8.92789 3.52476 9.00686L1.39221 9.30076C1.16933 9.33147 0.994419 9.50726 0.964819 9.73029L0.12385 16.0668C0.0711228 16.4641 0.483836 16.7589 0.842532 16.5801L16.105 8.97356Z' fill='%231C1B1F' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px;
	font-size: 0;
}

.footer-bottom {
	align-items: center;
	line-height: 117%;
	font-size: 12px;
	font-weight: 400;
}

.footer-bottom__links {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.social-link {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 12px;
}

.social-link__item {
	width: 36px;
	height: 36px;
	padding: 7px;
	border-radius: 50%;
	background-color: var(--color-dark);
}

.social-link__item a {
	display: inline-block;
}

.social-link__item svg {
	width: 100%;
	height: 100%;
	fill: var(--color-light);
}

/* ----- Модальное окно ----- */

.modal-window {
	position: fixed;
	z-index: 120;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	visibility: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 16px;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	transition:
		opacity 0.3s,
		visibility 0.3s;
	-webkit-overflow-scrolling: touch;
}

.modal-window__close {
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 20px;
}

.modal-window.is-open {
	visibility: visible;
	opacity: 1;
}

.modal-photo__container {
	position: relative;
	width: 100%;
	max-width: 1330px;
	height: 100%;
	max-height: 1178px;
	margin: auto;
}

.modal-photo__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-photo__title {
	margin-bottom: 24px;
}

.modal-photo__content {
	overflow: auto;
	height: 100%;
	padding-right: 40px;
	margin-right: -40px;
}

.modal-photo__content .simplebar-track {
	right: 20px;
	width: 6px;
}

.modal-photo__content .simplebar-scrollbar:before {
	right: 0;
	left: 0;
	opacity: 1;
	background-color: var(--color-gray);
}

.modal-photo__list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 10px;
}

.modal-photo__img {
	display: block;
	overflow: hidden;
	flex-grow: 1;
	min-width: 110px;
	height: 244px;
	border-radius: 22px;
}

.modal-photo__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.modal-photo__back {
	display: flex;
	align-items: center;
	align-self: flex-start;
	line-height: 122%;
	margin-bottom: 12px;
	letter-spacing: -0.06em;
	font-size: 18px;
	font-weight: 500;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.modal-photo__back::before {
	display: inline-block;
	width: 9px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.26857 15.796C7.98693 16.0632 7.55186 16.0691 7.26368 15.8214L7.20802 15.7686L0.979505 9.20416C0.338868 8.52891 0.338794 7.47019 0.979505 6.79498L7.20802 0.231506C7.49316 -0.0687867 7.96816 -0.0809041 8.26857 0.204163C8.56877 0.489316 8.58095 0.964338 8.29591 1.26471L2.0674 7.82819C1.97603 7.92463 1.97597 8.07552 2.0674 8.17194L8.29591 14.7354L8.34571 14.794C8.57825 15.0947 8.55009 15.5286 8.26857 15.796Z' fill='%231C1B1F' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: "";
}

.modal-point {
	padding: 0;
}

.modal-point__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: auto;
}

.modal-point__wrapper {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: var(--color-light);
	cursor: default;
}

.modal-point__points {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-top: 40px;
	padding-left: 60px;
	margin-right: 20px;
}

.modal-point__map {
	width: 100%;
}

.modal-complaint__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 451px;
	margin: auto;
}

.modal-complaint__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-complaint__title {
	margin-bottom: 24px;
}

.modal-catalog__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 700px;
	margin: auto;
}

.modal-catalog__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-catalog__title {
	margin-bottom: 24px;
}

.modal-review__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 451px;
	margin: auto;
}

.modal-review__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-review__title {
	margin-bottom: 24px;
}

.modal-media__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 577px;
	margin: auto;
}

.modal-media__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-media__title {
	margin-bottom: 24px;
}

.modal-annex__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 451px;
	margin: auto;
}

.modal-annex__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-annex__title {
	margin-bottom: 24px;
}

.modal-login__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 442px;
	margin: auto;
}

.modal-login__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-login__title {
	margin-bottom: 24px;
}

.modal-login__description {
	line-height: 125%;
	margin-bottom: 24px;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.modal-advantage__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 748px;
	margin: auto;
}

.modal-advantage__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-advantage__img {
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 375px;
	margin-bottom: 24px;
	border-radius: 16px;
}

.modal-advantage__img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.modal-advantage__title {
	margin-bottom: 12px;
}

.modal-advantage__description {
	line-height: 137%;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.modal-advantage__action {
	margin-top: 32px;
}

.modal-advantage__button {
	width: 100%;
}

.modal-sms__container {
	position: relative;
	overflow: hidden;
	margin: auto;
}

.modal-sms__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-sms__title {
	margin-bottom: 12px;
}

.modal-sms__description {
	line-height: 125%;
	margin-bottom: 24px;
	color: var(--color-gray-dark);
	font-size: 16px;
}

.modal-product__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 695px;
	margin: auto;
}

.modal-product__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}
.modal-product__login_msg {
	text-align: center;
}

.modal-product__title {
	margin-bottom: 24px;
}

.modal-warning {
	cursor: default;
}

.modal-warning__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 451px;
	margin: auto;
}

.modal-warning__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-cart__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 714px;
	margin: auto;
}

.modal-cart__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-cart__title {
	margin-bottom: 24px;
}

.modal-cart__action {
	display: grid;
	margin-top: 40px;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px 10px;
}

.modal-account__container {
	position: relative;
	width: 100%;
	max-width: 600px;
}
.withdrawal-form__note {
	margin: 20px 0 0;
	color: var(--color-gray-dark);
	font-size: 12px;
}
.webp .chat-list__message_file {
	background: url(../img/file.webp) left center no-repeat;
}

@media (min-width: 576px) {
	.hidden-min--sm {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.catalog-product__navigation {
		justify-content: flex-end;
		margin-top: -85px;
	}

	.catalog-annex__navigation {
		justify-content: flex-end;
	}

	.product-page-action {
		display: none;
	}

	.personal-account__container {
		display: grid;
		grid-template-columns: minmax(auto, 240px) auto;
		gap: 96px;
	}

	.view-order__header {
		margin-bottom: 30px;
	}

	.view-order__body {
		display: flex;
		flex-direction: column;
		row-gap: 40px;
	}

	.header-catalog {
		padding-top: var(--hh, 0);
	}

	.catalog-categories__menu {
		padding-right: 12px;
		border-right: 0.5px solid rgba(21, 28, 45, 0.2);
	}

	.categories-navigation {
		padding: 7px;
		background-color: var(--color-gray-light);
	}

	.categories-menu__item::after {
		display: inline-block;
		width: 9px;
		height: 17px;
		margin-left: auto;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34814 1.51611L7.62487 7.79283C8.01539 8.18336 8.01539 8.81652 7.62487 9.20705L1.34814 15.4838' stroke='black' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
	}

	.categories-menu__img {
		display: none;
	}

	.categories-menu__navigation {
		margin-right: 12px;
		margin-bottom: 18px;
		margin-left: 14px;
	}

	.categories-menu__back {
		display: none;
	}

	.purchase-navigation__search {
		max-width: 311px;
	}

	.purchase-pagination__load {
		display: none;
	}

	.navigation-item__search {
		max-width: 311px;
	}

	.review-item__response.is-open {
		display: block;
	}

	.review-action__comments > svg {
		display: none;
	}

	.review-action__comments {
		color: var(--color-accent);
	}

	.review-action__comments:not([data-count]) {
		display: none;
	}

	.review-response {
		padding-left: 8px;
		border-left: 1.5px solid var(--color-gray);
	}

	.purchase-organizer__message > svg {
		display: none;
	}

	.product-media__action {
		display: none;
	}

	.product-main__price {
		display: none;
	}

	.product-main__labels {
		display: none;
	}

	.order-footer__button {
		display: none;
	}

	.view-order-info__point {
		line-height: 87%;
		margin-top: 6px;
		font-size: 16px;
	}

	.view-order-card__footer {
		display: none;
	}

	.review-card__header {
		align-items: start;
		padding: 24px 24px 16px 24px;
		grid-template-columns: 88px auto minmax(auto, max-content);
	}

	.review-card__body {
		padding: 16px 24px 24px 24px;
	}

	.review-card__response.is-open {
		display: block;
	}

	.review-card__response {
		margin-top: 16px;
	}

	.response-menu__header {
		display: none;
	}

	.response-menu__action {
		display: none;
	}

	.cabinet-header__form {
		max-width: 311px;
	}

	.review-rating__button {
		line-height: 87%;
		padding: 5px 10px;
		border-radius: 14px;
		background-color: var(--color-gray-light);
		font-size: 16px;
		font-weight: 400;
	}

	.modal-photo__img {
		width: 200px;
	}

	.hidden-min--md {
		display: none !important;
	}
	.order-card__status.order-card__item_status {
		width: 185px;
	}
}

@media (min-width: 992px) {
	.header.is-scrolled {
		padding-top: var(--ht);
	}

	.header.is-scrolled .header__top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
	}

	.header.is-scrolled .header-catalog.is-open {
		padding-top: var(--ht);
	}

	.header.is-scrolled .header-catalog.is-open .header-catalog__container {
		padding-top: 20px;
	}

	.header-top {
		padding-bottom: 10px;
	}

	.order-page__pay {
		position: sticky;
		top: var(--ht, 24px);
	}

	.slider-main__slide {
		min-height: 440px;
		padding: 94px 90px;
	}

	.slider-main__pagination {
		display: none;
	}

	.purchases-slider__slide {
		min-height: 420px;
	}

	.pvz-map__search {
		display: none;
	}

	.pvz-map__get {
		display: none;
	}

	.purchasing-body__img {
		display: none;
	}

	.purchasing-main {
		display: grid;
		grid-template-columns: minmax(auto, 872px) auto;
		gap: 24px;
	}

	.products {
		display: grid;
		grid-template-columns: 300px auto;
		gap: 35px;
	}

	.products-main__search {
		max-width: 311px;
	}

	.products-filter__form {
		position: sticky;
		top: var(--ht, 24px);
	}

	.review-body {
		display: grid;
		align-items: start;
		justify-content: space-between;
		grid-template-columns: minmax(50%, 760px) minmax(auto, 425px);
		gap: 24px;
	}

	.review-item__description {
		padding-left: 73px;
	}

	.review-item__img {
		padding-left: 73px;
	}

	.review-item__action {
		padding-left: 73px;
	}

	.review-item__comment {
		padding-left: 73px;
	}

	.review-item__response {
		padding-left: 73px;
	}

	.order-item__header {
		padding: 26px 24px;
		border-radius: 22px;
		background-color: var(--color-gray-light);
	}

	.order-item__footer {
		padding: 24px;
		border-radius: 22px;
		background-color: var(--color-gray-light);
	}

	.order-pay__products {
		display: none;
	}

	.order-pay {
		padding: 16px;
		border-radius: 22px;
		background-color: var(--color-gray-light);
	}

	.check-table__title {
		display: none;
	}

	.check-table__loader {
		display: none;
	}

	.transactions-table > tbody tr td {
		padding-right: 12px;
		padding-left: 12px;
	}

	.transactions-table > tbody tr td:first-child {
		padding-left: 24px;
	}

	.transactions-table > tbody tr td:last-child {
		padding-right: 24px;
	}

	.transactions-table__icon {
		display: none;
	}

	.grid-table__body td {
		padding: 24px 12px 10px 12px;
		vertical-align: baseline;
	}

	.grid-table__body td:first-child {
		padding-left: 24px;
	}

	.grid-table__body td:last-child {
		padding-right: 24px;
	}

	.grid-table__content.is-alternate {
		background-color: var(--color-gray-light);
	}

	.grid-table__content td:first-child {
		border-radius: 22px 0 0 0;
	}

	.grid-table__content td:last-child {
		border-radius: 0 22px 0 0;
	}

	.grid-table__notes.is-alternate {
		background-color: var(--color-gray-light);
	}

	.grid-table__notes.is-alternate .grid-table__textarea {
		background-color: #eee;
	}

	.grid-table__action {
		justify-content: flex-end;
		width: 100%;
	}

	.grid-table__mobile {
		display: none;
	}

	.grid-table__button--report {
		min-width: 100px;
		line-height: 112%;
		font-size: 16px;
	}

	.message-chat__contacts {
		flex-grow: 1;
		max-width: 425px;
		border-right: 1.5px solid #ececec;
	}

	.message-chat {
		flex-direction: row;
		max-height: 656px;
		border: 1.5px solid #ececec;
		border-radius: 24px;
	}

	.contacts-chat__list {
		padding-bottom: 17px;
	}

	.contacts-chat__list .simplebar-track {
		bottom: 17px;
	}

	.contacts-chat__item.is-current {
		color: var(--color-light);
		background-color: var(--color-accent);
	}

	.contacts-chat__item.is-current .contacts-chat__description,
	.contacts-chat__item.is-current .contacts-chat__date {
		color: var(--color-light);
	}

	.contacts-chat__item.is-current .contacts-chat__description::after {
		color: var(--color-dark);
		background-color: var(--color-light);
	}

	.contacts-chat__loader {
		display: none;
	}

	.chat-main__back {
		display: none;
	}

	.cabinet-header__search {
		padding-left: 26px;
	}

	.client-submenu__balance {
		display: none;
	}

	.social-login__button[aria-label]::after {
		content: none;
	}

	.order-card__header {
		padding: 16px 24px;
	}

	.order-card__content {
		display: grid;
		align-items: start;
		padding: 24px;
		grid-template-columns: auto minmax(auto, 382px);
		gap: 16px 54px;
	}

	.order-card__footer {
		display: none;
	}

	.footer-top__about {
		max-width: 243px;
	}

	.footer-top__action {
		margin-top: 24px;
	}

	.footer-bottom__wrapper {
		display: grid;
		align-items: center;
		grid-template-columns: auto minmax(auto, 366px);
		gap: 40px;
	}

	.footer-bottom__links {
		display: grid;
		align-items: center;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}

	.footer-bottom {
		display: grid;
		grid-template-columns: auto minmax(auto, 896px);
		gap: 40px;
	}

	.hidden-min--lg {
		display: none !important;
	}
}

@media (min-width: 1280px) {
	:root {
		--container-padding: 60px;
	}

	.product-media-thumbs__arrow.swiper-button-prev {
		padding-bottom: 6px;
	}

	.product-media-thumbs__arrow.swiper-button-prev::after {
		transform: rotate(90deg);
	}

	.product-media-thumbs__arrow.swiper-button-next {
		top: auto;
		bottom: 0;
		padding-top: 6px;
	}

	.product-media-thumbs__arrow.swiper-button-next::after {
		transform: rotate(90deg);
	}

	.product-media-thumbs__arrow {
		right: 0;
		left: 0;
		width: 100%;
		background-color: var(--color-light);
	}
}

@media (max-width: 1919.98px) {
	.products-main__body {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1279.98px) {
	.selection__body {
		grid-template-columns: repeat(5, 1fr);
	}

	.header-catalog__container {
		grid-template-columns: auto 260px;
		gap: 24px;
	}

	.advantage-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.categories-list {
		grid-template-columns: repeat(3, 1fr);
	}

	.categories-submenu__item {
		width: calc(50% - 30px);
	}

	.catalog-list {
		grid-template-columns: repeat(4, 1fr);
	}

	.products-main__body {
		grid-template-columns: repeat(2, 1fr);
	}

	.navigation-item__cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.purchasing-size {
		grid-template-columns: repeat(3, 1fr);
	}

	.product-media {
		grid-template-columns: 100%;
	}

	.product-media-thumbs__arrow.swiper-button-prev {
		left: 0;
	}

	.product-media-thumbs__arrow.swiper-button-next {
		right: 0;
	}

	.product-media-thumbs__arrow {
		top: 0;
		width: 16px;
		height: 100%;
	}

	.account-products__products {
		grid-template-columns: repeat(2, 1fr);
		gap: 6px;
	}

	.account-products--purchases {
		padding: 18px 0 18px 18px;
		gap: 20px;
	}

	.account-annex__products {
		grid-template-columns: repeat(2, 1fr);
	}

	.account-orders__header {
		align-items: flex-start;
	}

	.contacts-chat__header {
		display: flex;
		padding: 16px;
	}

	.contacts-chat__action {
		align-items: center;
		padding: 10px;
		margin-bottom: 0;
	}

	.contacts-chat__search {
		order: -1;
	}

	.contacts-chat__wrapper {
		row-gap: 12px;
	}

	.contacts-chat__item {
		padding: 4px 16px;
		gap: 10px;
	}

	.contacts-chat__avatar {
		width: 54px;
		height: 54px;
	}

	.contacts-chat__name {
		line-height: 112%;
		font-size: 16px;
		font-weight: 400;
	}

	.contacts-chat__description {
		line-height: 129%;
		padding-top: 1px;
		padding-bottom: 1px;
		font-size: 14px;
	}

	.chat-main__name {
		line-height: 112%;
		font-size: 16px;
		font-weight: 400;
	}

	.chat-main {
		padding: 16px;
	}

	.chat-body__wrapper {
		row-gap: 10px;
	}

	.chat-list__message > span {
		padding: 16px;
	}

	.chat-list__message {
		line-height: 129%;
		font-size: 14px;
	}
}

@media (max-width: 991.98px) {
	.--size-one {
		line-height: 123%;
		letter-spacing: -0.04em;
		font-size: 26px;
	}

	.--size-two {
		line-height: 122%;
		letter-spacing: -0.06em;
		font-size: 18px;
	}

	.view-order-info__content .link-button {
		display: block;
		margin: 5px 0 0;
	}
	.profile-password__title {
		margin-bottom: 0px;
		grid-column: 1;
	}
	.balance-topup-fields {
		grid-template-columns: 100%;
	}
	.button--border {
		line-height: 112%;
		padding: 11px 10px;
		border-radius: 12px;
	}
	.product-page__media .button--favorite > svg {
		stroke: var(--color-dark);
	}
	.product-page__media .button--favorite.added svg {
		fill: var(--color-dark);
	}

	.button--favorite {
		width: 44px;
		height: 44px;
		border-radius: 12px;
	}

	.header__nav {
		padding-top: 6px;
	}

	.header.is-scrolled .header-top__search {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		padding: 12px var(--container-padding, 16px);
		border-radius: 0 0 18px 18px;
		background-color: var(--color-accent);
	}

	.header.is-scrolled .header-search__logo,
	.header.is-scrolled .header-search__button {
		display: block;
	}

	.header.is-scrolled .header-search__form {
		visibility: hidden;
	}

	.header-top__logo {
		order: 1;
		width: 127px;
		height: 36px;
		color: #fff;
		fill: #fff;
	}

	.header-top__search {
		margin-right: 0;
	}

	.header-top__client {
		order: 2;
		margin-left: auto;
	}

	.header-top__group {
		flex-basis: 100%;
		order: 3;
		margin-top: 19px;
	}

	.header-top {
		padding-bottom: 11px;
		border-radius: 0 0 18px 18px;
		color: var(--color-light);
		background-color: var(--color-accent);
	}

	.main-slider__advantage {
		display: none;
	}

	.main-slider {
		padding-top: 16px;
		padding-bottom: 20px;
	}

	.popular-categories {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.purchases__title {
		margin-bottom: 26px;
	}

	.purchases__body {
		row-gap: 6px;
	}

	.purchases__action {
		margin-top: 26px;
	}

	.purchases__button {
		min-width: 200px;
	}

	.purchases {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.banner__wrapper {
		padding-left: 20px;
	}

	.banner__action {
		display: none;
	}

	.banner {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.selection__title {
		margin-bottom: 10px;
	}

	.selection__header {
		margin-bottom: 26px;
	}

	.selection__body {
		gap: 6px;
	}

	.selection__action {
		margin-top: 26px;
	}

	.selection__button {
		min-width: 200px;
	}

	.selection {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.popular-brands__title {
		margin-bottom: 26px;
	}

	.popular-brands {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.faq__title {
		margin-bottom: 26px;
	}

	.faq {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.pvz__title {
		margin-bottom: 24px;
	}

	.pvz__body {
		grid-template-columns: 100%;
	}

	.pvz__map {
		/*		order: -1;*/
		height: 420px;
	}

	.pvz {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.catalog-body__title {
		margin-bottom: 26px;
	}

	.catalog-body__loader {
		bottom: -25px;
	}

	.catalog-product__navigation {
		align-items: center;
		gap: 10px;
	}

	.catalog-product__tags {
		overflow: hidden;
		margin-top: 10px;
	}

	.catalog-product__body {
		margin-top: 26px;
	}

	.catalog-product__purchase {
		margin-top: 26px;
	}

	.catalog-product__pagination {
		margin-top: 26px;
	}

	.catalog-product__organizer {
		margin-top: 10px;
	}

	.catalog-product {
		padding-bottom: 40px;
	}

	.catalog-annex__navigation {
		align-items: center;
		gap: 10px;
	}

	.catalog-annex {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.purchasing__catalog {
		margin-top: 40px;
	}

	.purchasing {
		padding-bottom: 40px;
	}

	.product-page__container {
		grid-template-columns: 100%;
	}

	.product-page-action {
		padding-top: 2px;
	}

	.cross-sell__title {
		margin-bottom: 12px;
	}

	.cross-sell__tags {
		display: none;
	}

	.cross-sell {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.cart-page__title {
		margin-bottom: 26px;
	}

	.cart-page__body {
		gap: 6px;
	}

	.cart-page__loader {
		bottom: -82px;
	}

	.order-page__title {
		margin-bottom: 26px;
	}

	.order-page__body {
		grid-template-columns: 100%;
	}

	.order-page {
		padding-bottom: 40px;
	}

	.search-page__header {
		margin-bottom: 10px;
	}

	.search-page__navigation {
		margin-bottom: 10px;
	}

	.search-page__tags {
		margin-bottom: 26px;
	}

	.search-page__null {
		padding-top: 14px;
		padding-bottom: 40px;
	}

	.personal-account__container {
		gap: 24px;
	}

	.view-order__loader {
		bottom: -72px;
	}

	.account-message__title {
		margin-bottom: 26px;
	}

	.cabinet-purchasing__body {
		margin-top: 16px;
	}

	.cabinet-purchasing__footer {
		margin-top: 26px;
	}
	.products__main .cabinet-purchasing__footer {
		flex-direction: column-reverse;
		margin-top: 26px;
		gap: 15px;
	}

	.search-form__input {
		height: 100%;
		min-height: 44px;
		padding: 10px 10px 10px 40px;
	}

	.search-form__submit {
		position: absolute;
		top: 50%;
		left: 10px;
		width: 24px;
		height: 24px;
		padding: 0;
		background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='11.5' r='7.5' stroke='%23D9D9D9' stroke-width='1.5' /%3E%3Cpath d='M17 17L20 20' stroke='%23D9D9D9' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transform: translateY(-50%);
		font-size: 0;
	}

	.search-form {
		border-radius: 12px;
	}

	.header-client__icon {
		width: 24px;
		height: 24px;
	}

	.header-catalog__container {
		grid-template-columns: 100%;
	}

	.header-catalog__products {
		display: none;
	}

	.slider-main__slide {
		display: grid;
		align-items: center;
		justify-content: space-between;
		height: 150px;
		background-color: var(--color-gray-light);
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: 100%;
		gap: 16px;
	}

	.slider-main__content {
		padding: 20px;
	}

	.slider-main__title {
		line-height: 100%;
		margin-bottom: 6px;
		color: var(--color-dark);
		letter-spacing: -0.06em;
		font-size: 18px;
	}

	.slider-main__description {
		line-height: 117%;
		font-size: 12px;
	}

	.slider-main__action {
		display: none;
	}

	.slider-main__arrow {
		display: none;
	}

	.categories-list__item {
		padding: 16px;
		border-radius: 18px;
	}

	.categories-list__title {
		line-height: 112%;
		font-size: 16px;
	}

	.categories-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 6px;
		grid-auto-rows: 220px;
	}

	.purchases-card__content {
		padding-right: 22px;
	}

	.purchases-card__logo {
		margin-bottom: 8px;
	}

	.purchases-card__action {
		-moz-column-gap: 6px;
		column-gap: 6px;
	}

	.purchases-card__button {
		min-width: 170px;
	}

	.purchases-card {
		padding: 18px 0 18px 18px;
		grid-template-columns: 100%;
	}

	.purchases-slider__arrow {
		display: none;
	}

	.purchases-slider {
		padding-right: 22px;
	}

	.filter-list__button {
		line-height: 129%;
		padding: 5px 8px;
		border-radius: 8px;
		font-size: 14px;
	}

	.filter-list {
		gap: 6px;
	}

	.brands-list__wrapper {
		-moz-column-gap: 12px;
		column-gap: 12px;
	}

	.brands-list__img {
		height: 43px;
	}

	.faq-list__item {
		padding: 0 0 7px 0;
	}

	.faq-list__button {
		line-height: 112%;
		padding: 21px 16px 12px 16px;
		font-size: 16px;
		font-weight: 400;
	}

	.faq-list__content {
		line-height: 114%;
		padding: 0 16px 9px 16px;
		font-size: 14px;
	}

	.faq-list {
		gap: 6px;
	}

	.pvz-points__action {
		margin-top: 26px;
	}

	.pvz-list__search {
		display: none;
	}

	.pvz-list__item {
		padding: 16px;
		border-radius: 18px;
	}

	.pvz-list__address {
		line-height: 129%;
		font-size: 14px;
	}

	.pvz-list__work {
		line-height: 129%;
		font-size: 14px;
	}

	.pvz-list {
		gap: 6px;
	}

	.form-search__input {
		padding: 12px;
	}

	.form-search {
		border-radius: 12px;
	}

	.slider-filter__wrapper {
		flex-wrap: nowrap !important;
		gap: 0;
	}

	.purchase-body__wrapper {
		row-gap: 6px;
	}

	.pagination__arrow {
		width: 21px;
	}

	.purchasing-body__header {
		margin-bottom: 26px;
	}

	.purchasing-main__img {
		display: none;
	}

	.purchasing-main__content {
		row-gap: 6px;
	}

	.purchasing-info {
		padding: 16px;
		border-radius: 18px;
	}

	.purchasing-user__action {
		margin-top: 16px;
	}

	.purchasing-user {
		padding: 16px;
		border-radius: 18px;
	}

	.navigation-tabs__wrapper {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.navigation-tabs__item.is-active {
		text-underline-offset: 5px;
	}

	.navigation-tabs__item {
		line-height: 122%;
		padding-bottom: 1px;
		letter-spacing: -0.06em;
		font-size: 18px;
	}

	.products-main__body {
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}

	.products-main__header {
		margin-bottom: 16px;
	}

	.products-main__pagination {
		margin-top: 26px;
	}

	.purchasing-catalog__body {
		margin-top: 26px;
	}

	.products-filter__header {
		align-items: flex-end;
	}

	.products-filter__all {
		line-height: 129%;
		font-size: 14px;
	}

	.products-filter__form {
		flex-grow: 1;
	}

	.products-filter--close {
		display: flex;
		align-items: center;
		line-height: 122%;
		letter-spacing: -0.06em;
		font-size: 18px;
		font-weight: 500;
		-moz-column-gap: 12px;
		column-gap: 12px;
	}

	.products-filter--close::before {
		display: inline-block;
		width: 9px;
		height: 17px;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88184 15.5039L1.65321 8.94026C1.28704 8.5544 1.28704 7.94941 1.65321 7.56355L7.88184 0.999904' stroke='black' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		content: "";
	}

	.products-filter {
		position: fixed;
		z-index: 105;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: none;
		overflow: auto;
		flex-direction: column;
		width: 100%;
		height: 100%;
		padding: 20px 16px;
		background-color: var(--color-light);
	}

	.products-filter.is-open {
		z-index: 9000000000;
		display: flex;
	}

	.navigation-item__slider {
		margin-top: 80px;
	}

	.navigation-item__header {
		margin-bottom: 16px;
	}

	.navigation-item__cards {
		gap: 6px;
	}

	.navigation-item__pagination {
		margin-top: 26px;
	}

	.purchasing-content__description {
		line-height: 129%;
		font-size: 14px;
	}

	.purchasing-content__title {
		margin-bottom: 10px;
	}

	.purchasing-size__item {
		line-height: 129%;
		font-size: 14px;
	}

	.purchasing-size {
		grid-template-columns: repeat(2, 1fr);
	}

	.review-start__title {
		line-height: 122%;
		margin-bottom: 10px;
		letter-spacing: -0.06em;
	}

	.review-start__description {
		line-height: 129%;
		font-size: 14px;
	}

	.review-start__action {
		margin-top: 26px;
	}

	.products-cross-sell__title {
		margin-bottom: 10px;
	}

	.products-slider__title {
		margin-bottom: 10px;
	}

	.products-slider__arrow {
		display: none;
	}

	.products-slider {
		overflow: visible;
	}

	.review-header__top {
		padding-bottom: 12px;
		border-bottom: 1.5px solid var(--color-gray-light);
	}

	.review-header__photo {
		margin-top: 10px;
	}

	.review-header__add {
		min-height: 40px;
	}

	.review-photo__slider {
		overflow: visible;
	}

	.review-photo__slide {
		max-width: 81px;
		border-radius: 18px;
	}

	.review-photo__arrow {
		display: none;
	}

	.purchasing-review__body {
		margin-top: 32px;
	}

	.review-body__list {
		gap: 6px;
	}

	.review-body__info {
		display: none;
	}

	.review-body__pagination {
		margin-top: 26px;
	}

	.review-item {
		padding: 16px;
		border-radius: 18px;
		background-color: var(--color-gray-light);
	}

	.review-comment__textarea {
		background-color: var(--color-light);
	}

	.product-media__thumbs {
		display: none;
	}

	/* .product-media {
		height: 378px;
	} */

	.product-link__title {
		line-height: 129%;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.product-size__title,
	.product-size__table {
		line-height: 129%;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.product-size__list {
		gap: 6px;
	}

	.product-color__title {
		line-height: 129%;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.product-color__list {
		gap: 6px;
	}

	.product-description__title {
		line-height: 122%;
		margin-bottom: 6px;
		font-size: 18px;
	}

	.product-description__text {
		line-height: 129%;
		font-size: 14px;
	}

	.price-main__value {
		line-height: 123%;
		letter-spacing: -0.04em;
		font-size: 26px;
	}

	.price-main__info {
		width: 20px;
		height: 20px;
	}

	.price-main {
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.product-condition__title {
		line-height: 122%;
		margin-bottom: 16px;
		letter-spacing: -0.06em;
	}

	.product-condition__content {
		margin-top: 12px;
	}

	.order-item__header {
		border-bottom: 1.5px solid var(--color-gray);
	}

	.order-item__title {
		line-height: 122%;
		margin-bottom: 6px;
		letter-spacing: -0.06em;
		font-size: 18px;
	}

	.order-item__description {
		line-height: 129%;
		font-size: 14px;
	}

	.order-item__list {
		background-color: var(--color-gray-light);
	}

	.order-item__footer {
		border-top: 1.5px solid var(--color-gray);
	}

	.order-item {
		padding: 0 16px;
		border-radius: 18px;
		background-color: var(--color-gray-light);
	}

	.order-footer__total {
		line-height: 112%;
		font-size: 16px;
		font-weight: 400;
	}

	.order-footer__price {
		line-height: 112%;
		font-size: 16px;
	}

	.order-list__item {
		padding: 0;
		border-bottom: none;
	}

	.order-list__item:not(:first-child) {
		padding-top: 26px;
	}

	.order-list__comment {
		background-color: var(--color-light);
	}

	.order-list__group {
		align-items: flex-end;
		flex-direction: column;
	}

	.order-list__action {
		flex-direction: row-reverse;
		order: 3;
		grid-column: 1/-1;
	}

	.order-list {
		margin-top: 26px;
		margin-bottom: 26px;
	}

	.order-info__table {
		padding-bottom: 10px;
		row-gap: 10px;
	}

	.order-info__total {
		line-height: 112%;
		padding-top: 10px;
		border-top: 1.5px solid var(--color-gray);
		font-size: 16px;
	}

	.order-main__point {
		margin-top: 26px;
	}

	.order-main__payment {
		margin-top: 26px;
	}

	.order-main__products {
		display: none;
	}

	.order-user__title {
		margin-bottom: 16px;
	}

	.order-user__form {
		grid-template-columns: 100%;
		gap: 10px;
	}

	.order-point__address {
		display: block;
		line-height: 129%;
		margin-bottom: -20px;
		font-size: 14px;
	}

	.order-point {
		padding: 22px 18px;
		border-radius: 22px;
	}

	.order-payment__title {
		margin-bottom: 16px;
	}

	.order-payment__info {
		padding: 22px 18px;
		border-radius: 22px;
	}

	.order-payment__balance {
		margin-bottom: 6px;
	}

	.order-payment__description {
		line-height: 129%;
		font-size: 14px;
	}

	.order-products__loader {
		bottom: -82px;
	}

	.order-pay__title {
		display: none;
	}

	.order-pay__info {
		line-height: 129%;
		font-size: 14px;
		row-gap: 4px;
	}

	.order-pay__total {
		line-height: 122%;
		margin-top: 10px;
		letter-spacing: -0.06em;
	}

	.order-pay__footer {
		line-height: 140%;
		font-size: 10px;
	}

	.search-header__categories {
		gap: 6px;
	}

	.search-header__button {
		min-width: auto;
		line-height: 129%;
		padding: 5px 8px;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 400;
	}

	.search-navigation {
		gap: 10px;
	}

	.search-null__title {
		line-height: 120%;
		font-size: 20px;
	}

	.search-null__description {
		line-height: 125%;
		font-size: 16px;
	}

	.search-null__action {
		margin-top: 26px;
	}

	.profile-fieldset {
		grid-template-columns: 100%;
		gap: 10px;
	}

	.account-check__title {
		margin-bottom: 26px;
	}

	.account-check__info {
		grid-template-columns: 100%;
	}

	.account-check__table {
		margin-top: 26px;
	}

	.check-table__footer {
		justify-content: center;
		margin-top: 20px;
	}

	.check-table__elements {
		display: none;
	}

	.check-table__pagination {
		display: none;
	}

	.transactions-table > thead {
		display: none;
	}

	.transactions-table > thead th:first-child {
		border-radius: 18px 0 0 18px;
	}

	.transactions-table > thead th:last-child {
		border-radius: 0 18px 18px 0;
	}

	.transactions-table > tbody {
		display: flex;
		flex-direction: column;
		row-gap: 6px;
	}

	.transactions-table > tbody tr {
		position: relative;
		display: flex;
		padding: 20px 16px;
		border-bottom: none;
		border-radius: 18px;
		background-color: var(--color-gray-light);
		-moz-column-gap: 12px;
		column-gap: 12px;
	}

	.transactions-table > tbody tr td {
		display: flex;
		flex-direction: column;
		padding: 0;
		border: none;
		text-align: right;
	}

	.transactions-table > tbody tr td[data-label]::before {
		flex-shrink: 0;
		line-height: 129%;
		margin-bottom: 6px;
		content: attr(data-label);
		text-align: left;
		font-size: 14px;
		font-weight: 500;
	}

	.transactions-table > tbody tr td.status {
		align-self: center;
		order: -1;
	}

	.transactions-table > tbody tr td.date {
		flex-grow: 1;
	}

	.transactions-table__status {
		display: none;
	}

	.transactions-table__date {
		line-height: 117%;
		color: var(--color-gray-dark);
		text-align: left;
		font-size: 12px;
		font-weight: 400;
	}

	.transactions-table__null {
		justify-content: center !important;
		background-color: transparent !important;
	}

	.transactions-table__title {
		line-height: 129%;
		font-size: 14px;
	}

	.grid-table__head {
		display: none;
	}

	.grid-table__body {
		line-height: 117%;
		font-size: 12px;
	}

	.grid-table__content {
		display: flex;
		flex-direction: column;
		padding-bottom: 16px;
		padding-left: 52px;
		border-bottom: 1px solid var(--color-gray);
		row-gap: 10px;
	}

	.grid-table__content td[data-label] {
		display: grid;
		align-items: center;
		grid-template-columns: repeat(3, 1fr);
		justify-items: start;
		gap: 8px;
	}

	.grid-table__content td[data-label]::before {
		display: inline-block;
		line-height: 117%;
		content: attr(data-label);
		font-size: 12px;
		font-weight: 500;
	}

	.grid-table__notes {
		display: none;
	}

	.grid-table__action > button,
	.grid-table__action .button {
		padding: 8.5px;
	}

	.grid-table__action {
		margin-top: 10px;
	}

	.grid-table__checkbox {
		display: none;
	}

	.grid-table__null {
		min-height: 400px;
		line-height: 112%;
		padding-top: 10px !important;
		font-size: 16px;
		font-weight: 400;
	}

	.edit-table__head {
		display: none;
	}

	.edit-table__body {
		line-height: 117%;
		font-size: 12px;
	}

	.edit-table__content {
		display: flex;
		flex-direction: column;
		padding-bottom: 16px;
		padding-left: 52px;
		border-bottom: 1px solid var(--color-gray);
		row-gap: 10px;
	}

	.account-products__header {
		margin-bottom: 26px;
	}

	.account-products__purchase {
		gap: 6px;
	}

	.account-products__loader {
		bottom: -72px;
	}

	.account-annex__header {
		margin-bottom: 26px;
	}

	.account-annex__products {
		gap: 6px;
	}

	.account-annex__loader {
		bottom: -72px;
	}

	.account-reviews__header {
		margin-bottom: 26px;
	}

	.account-reviews__loader {
		bottom: -72px;
	}

	.reviews-org__tabslist {
		margin-bottom: 26px;
	}

	.reviews-org__loader {
		bottom: -72px;
	}

	.nav-tabs__button {
		min-width: auto;
		line-height: 129%;
		padding: 5px 8px;
		font-size: 14px;
		font-weight: 400;
	}

	.nav-tabs {
		gap: 6px;
	}

	.account-orders__header {
		margin-bottom: 26px;
	}

	.account-orders__loader {
		bottom: -72px;
	}

	.orders-list {
		row-gap: 6px;
	}

	.message-chat__main {
		position: fixed;
		z-index: 100;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		padding: 20px 16px 16px 16px;
		background-color: var(--color-light);
	}

	.message-chat__main.chat-active {
		display: block;
	}

	.contacts-chat__header {
		padding: 0 0 16px 0;
	}

	.contacts-chat__item {
		padding-right: 0;
		padding-left: 0;
	}

	.chat-main__body {
		max-height: 80%;
	}

	.chat-body__window {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.chat-list[data-time]::before {
		line-height: 150%;
		margin-bottom: 4px;
	}

	.chat-list__message[data-time]::after {
		line-height: 140%;
		margin-top: 4px;
		font-size: 10px;
	}

	.chat-list__message_file {
		background-size: 15px;
	}

	.chat-list {
		row-gap: 6px;
	}

	.chat-action__textarea {
		padding: 15px 12px;
	}

	.cabinet-header__title {
		width: 100%;
	}

	.cabinet-header__create {
		display: none;
	}

	.cabinet-header {
		flex-wrap: wrap;
		gap: 10px 6px;
	}

	.cabinet-footer__action {
		display: none;
	}

	.client-submenu__wrapper {
		margin-top: 16px;
	}

	.client-submenu__list:nth-child(n + 2) {
		padding-top: 4px;
		margin-top: 4px;
	}

	.client-submenu {
		padding: 16px;
		border-radius: 18px 18px 0 0;
	}

	.tippy-client-submenu {
		overflow: auto;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		transition: transform 0.1s linear;
		transform: translateY(100%);
		inset: auto 0 0 0 !important;
	}

	.product-card__action {
		padding: 12px;
	}

	.product-card__content {
		padding: 12px;
	}

	.product-card__labels > span {
		line-height: 125%;
		padding: 2px 6px;
		border-radius: 6px;
		font-size: 8px;
	}

	.product-card__title {
		line-height: 129%;
		margin-bottom: 8px;
		letter-spacing: -0.02em;
		font-size: 14px;
	}

	body .product-card__description {
		height: 35px;
		line-height: 129%;
		font-size: 14px;
	}

	.product-card__footer {
		line-height: 125%;
		margin-top: 8px;
		font-size: 8px;
	}

	.product-card__time::after {
		width: 5px;
		height: 10px;
	}

	.product-card {
		border-radius: 10px;
	}

	.product-price__subtitle {
		display: none;
	}

	.product-price__value {
		line-height: 112%;
		font-size: 16px;
	}

	.product-price {
		gap: 8px;
	}

	.product-images__wrapper {
		height: 134px;
	}

	.product-images__pagination {
		--swiper-pagination-bullet-width: 13px;
		--swiper-pagination-bullet-height: 1px;
		--swiper-pagination-bullet-horizontal-gap: 2px;
		margin-top: 7px;
	}

	.breadcrumbs__list {
		font-weight: 500;
	}

	.breadcrumbs {
		padding-top: 26px;
		padding-bottom: 20px;
	}

	.sort-select__button > span {
		display: none;
	}

	.sort-select__button {
		padding: 10px 3px;
	}

	.custom-checkbox > span {
		line-height: 129%;
		font-size: 14px;
	}

	.card-add__title {
		line-height: 122%;
		margin-bottom: 6px;
		letter-spacing: -0.06em;
		font-size: 18px;
	}

	.card-add__description {
		line-height: 129%;
		font-size: 14px;
	}

	.card-add__button {
		min-height: 40px;
	}

	.card-add {
		padding: 16px;
		border-radius: 10px;
	}

	.login-form__title {
		line-height: 112%;
		margin-bottom: 10px;
		font-weight: 400;
	}

	.login-form__action {
		margin-top: 6px;
	}

	.login-form__footer {
		line-height: 140%;
		font-size: 10px;
	}

	.social-login__button {
		line-height: 112%;
		font-size: 0;
	}

	.form-warning__title {
		line-height: 122%;
		margin-bottom: 10px;
		letter-spacing: -0.06em;
		font-size: 18px;
	}

	.form-warning__description {
		line-height: 150%;
	}

	.form-warning__action {
		margin-top: 20px;
		row-gap: 10px;
	}

	.count-elements__select .full .ts-control,
	.count-elements__select .ts-control {
		padding: 11px 54px 11px 16px;
	}

	.count-elements__title {
		line-height: 117%;
		font-size: 12px;
	}

	.count-elements {
		gap: 10px;
	}

	.content-null__img {
		max-width: 132px;
	}

	.content-null__title {
		max-width: 228px;
		line-height: 129%;
		margin-top: 15px;
		font-size: 14px;
	}

	.order-card__header {
		padding-bottom: 16px;
	}

	.order-card__top {
		flex-direction: column;
		margin-bottom: 6px;
		gap: 5px;
	}

	.order-card__number {
		/* display: none; */
		font-size: 16px;
	}

	.order-card__address {
		line-height: 129%;
		font-size: 14px;
	}

	.order-card__status {
		display: none;
	}

	.order-card__content {
		padding-top: 20px;
		grid-template-columns: 100%;
	}

	.order-card__info {
		display: none;
	}

	.order-card__date {
		line-height: 129%;
		font-size: 14px;
	}

	.order-card__images {
		gap: 6px;
	}

	.order-card__img {
		width: 72px;
		/*		max-width: calc(33.33% - 6px);*/
		height: 72px;
	}

	.order-card {
		padding: 16px;
	}

	.org-tabslist__button {
		line-height: 122%;
		letter-spacing: -0.06em;
		font-size: 18px;
	}

	.org-tabslist {
		gap: 16px;
	}

	.label-status {
		line-height: 117%;
		padding: 7px 12px;
		font-size: 12px;
	}

	.footer__bottom {
		margin-top: 26px;
	}

	.footer {
		padding-top: 26px;
		padding-bottom: 80px;
		margin-top: 40px;
	}

	.footer-top__about {
		display: flex;
		flex-direction: column-reverse;
		row-gap: 40px;
	}

	.footer-top__info {
		display: flex;
		align-items: center;
		gap: 11px;
	}

	.footer-top__logo {
		width: 185px;
		height: 49px;
	}

	.footer-top__wrapper {
		display: flex;
		flex-direction: column-reverse;
		order: -1;
	}

	.footer-top {
		grid-template-columns: 100%;
	}

	.footer-nav__title {
		line-height: 129%;
		margin-bottom: 12px;
	}

	.footer-nav__links {
		line-height: 129%;
	}

	.footer-nav {
		font-size: 14px;
	}

	.subscription-form__description {
		line-height: 129%;
		margin-bottom: 16px;
		font-size: 14px;
	}

	.subscription-form__label > input:not([type="submit"]),
	.subscription-form__label .subscription-form__label button {
		min-height: 42px;
		line-height: 112%;
		padding: 12px 10px;
	}

	.subscription-form__label > input[type="submit"] {
		width: 37px;
	}

	.modal-point__wrapper {
		display: block;
	}
	.modal-point__map {
		display: none;
	}
	.modal-point__points {
		display: block;
		padding: 20px;
		margin: 0;
	}
	.pvz-points__wrapper {
		min-width: 0;
		max-width: 100%;
	}
	.pvz-points__wrapper.simplebar-scrollable-y {
		padding-right: 0px;
	}
	.modal-point .pvz-points__title {
		margin-bottom: 20px;
	}
	.modal-window .button--close > span::before,
	.modal-window .button--close > span::after {
		background: #fff;
	}

	.modal-login__description {
		line-height: 129%;
		margin-bottom: 16px;
		font-size: 14px;
	}

	.modal-sms__description {
		line-height: 129%;
		margin-bottom: 16px;
		font-size: 14px;
	}

	.hidden-max--lg {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	.order-main__delivery_courier_cols {
		column-count: 1;
	}
	.order-main__delivery_courier input {
		width: 100%;
	}
	.button--close {
		width: 20px;
		height: 20px;
	}

	.button--fill {
		min-height: 44px;
		line-height: 112%;
		border-radius: 12px;
	}

	.button--more {
		line-height: 129%;
		font-size: 14px;
	}

	.popular-categories__title {
		margin-bottom: 26px;
	}

	.popular-categories__action {
		margin-top: 26px;
	}

	.popular-categories__button {
		width: 100%;
	}

	.purchases__button {
		width: 100%;
	}

	.banner__title {
		line-height: 100%;
		margin-bottom: 6px;
		letter-spacing: -0.06em;
		font-size: 18px;
		font-weight: 500;
	}

	.banner__description {
		line-height: 117%;
		font-size: 12px;
	}

	.selection__body {
		grid-template-columns: repeat(2, 1fr);
	}

	.catalog-product__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.catalog-product__navigation {
		width: 100%;
	}

	.catalog-annex__header {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 26px;
	}

	.catalog-annex__navigation {
		width: 100%;
	}

	.personal-account__navigation {
		display: none;
	}

	.personal-account {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.view-order__body {
		border-radius: 0 0 18px 18px;
		background-color: var(--color-gray-light);
	}

	.view-order {
		padding-bottom: 40px;
	}

	.header-catalog__wrapper {
		flex: 0 0 100%;
	}

	.header-catalog__container {
		padding-top: 20px;
	}

	.header-catalog {
		position: fixed;
		z-index: 100;
	}

	.categories-list {
		grid-auto-rows: 161px;
	}

	.catalog-categories__wrapper {
		grid-template-columns: 100%;
	}

	.catalog-categories.is-open .catalog-categories__menu {
		display: none;
	}

	.categories-navigation__button {
		line-height: 129%;
		padding: 4px 7px;
		border: 1px solid rgba(21, 28, 45, 0.08);
		border-radius: 8px;
		font-size: 14px;
		font-weight: 400;
	}

	.categories-navigation {
		-moz-column-gap: 6px;
		column-gap: 6px;
	}

	.categories-menu__list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}

	.categories-menu__item > a > svg {
		display: none;
	}

	.categories-menu__item {
		display: block;
		overflow: hidden;
		width: 100%;
		line-height: 117%;
		padding: 10px;
		border-radius: 18px;
		background-color: var(--color-gray-light);
		font-size: 12px;
		font-weight: 500;
		aspect-ratio: 1;
	}

	.categories-menu__navigation {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-right: 35px;
		margin-bottom: 26px;
	}
	.header-catalog-close.modal-window__close {
		top: 3px;
	}

	.categories-submenu__body.is-open > .categories-submenu__title {
		display: none;
	}

	.categories-submenu__body.is-open .submenu-item {
		display: none;
	}

	.categories-submenu__body.is-open .submenu-item.is-open {
		display: block;
	}

	.categories-submenu__title {
		display: flex;
		align-items: center;
		margin-bottom: 8px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.categories-submenu__title::before {
		display: inline-block;
		width: 9px;
		height: 16px;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.26857 15.796C7.98693 16.0632 7.55186 16.0691 7.26368 15.8214L7.20802 15.7686L0.979505 9.20416C0.338868 8.52891 0.338794 7.47019 0.979505 6.79498L7.20802 0.231506C7.49316 -0.0687867 7.96816 -0.0809041 8.26857 0.204163C8.56877 0.489316 8.58095 0.964338 8.29591 1.26471L2.0674 7.82819C1.97603 7.92463 1.97597 8.07552 2.0674 8.17194L8.29591 14.7354L8.34571 14.794C8.57825 15.0947 8.55009 15.5286 8.26857 15.796Z' fill='%231C1B1F' /%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		content: "";
	}

	.categories-submenu__wrapper {
		flex-direction: column;
		max-width: 100%;
		gap: 0;
	}

	.categories-submenu__item {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.submenu-item__title {
		display: flex;
		align-items: center;
		width: 100%;
		line-height: 129%;
		margin-bottom: 0;
		letter-spacing: -0.02em;
		/*		font-size: 14px;*/
		font-weight: 400;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.submenu-item__title:not(.empty)::after {
		display: inline-block;
		width: 9px;
		height: 17px;
		margin-left: auto;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34814 1.51611L7.62487 7.79283C8.01539 8.18336 8.01539 8.81652 7.62487 9.20705L1.34814 15.4838' stroke='black' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
	}

	.submenu-item__list {
		display: none;
		line-height: 129%;
		letter-spacing: -0.02em;
		/*		font-size: 14px;*/
		font-weight: 400;
		row-gap: 20px;
	}

	.submenu-item.is-open {
		padding: 0;
	}

	.submenu-item.is-open .submenu-item__list {
		display: flex;
	}

	.submenu-item.is-open .submenu-item__title {
		line-height: 122%;
		margin-bottom: 18px;
		letter-spacing: -0.06em;
		font-size: 18px;
		font-weight: 500;
	}

	.submenu-item.is-open .submenu-item__title::after {
		content: none;
	}

	.submenu-item.is-open .submenu-item__title::before {
		display: inline-block;
		width: 9px;
		height: 16px;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.26857 15.796C7.98693 16.0632 7.55186 16.0691 7.26368 15.8214L7.20802 15.7686L0.979505 9.20416C0.338868 8.52891 0.338794 7.47019 0.979505 6.79498L7.20802 0.231506C7.49316 -0.0687867 7.96816 -0.0809041 8.26857 0.204163C8.56877 0.489316 8.58095 0.964338 8.29591 1.26471L2.0674 7.82819C1.97603 7.92463 1.97597 8.07552 2.0674 8.17194L8.29591 14.7354L8.34571 14.794C8.57825 15.0947 8.55009 15.5286 8.26857 15.796Z' fill='%231C1B1F' /%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		content: "";
	}

	.catalog-list {
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}

	.catalog-card__title {
		line-height: 117%;
		font-size: 12px;
	}

	.catalog-card {
		padding: 10px;
	}

	.purchase-pagination__load {
		display: none;
	}

	.purchasing-body__title {
		font-size: 18px;
	}

	.purchasing-info__list {
		line-height: 117%;
		font-size: 12px;
	}

	.purchasing-user__img {
		width: 56px;
		height: 56px;
	}

	.purchasing-user__content {
		font-size: 14px;
	}

	.products-main__body {
		grid-template-columns: repeat(2, 1fr);
	}

	.products-main__add {
		grid-column: 1/-1;
	}

	.navigation-item__cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.purchasing-size {
		gap: 26px;
		grid-template-columns: 100%;
	}

	.review-start__button {
		width: 100%;
	}

	.review-header__add {
		min-height: 40px;
	}

	.review-item__header {
		flex-direction: column;
		margin-bottom: 10px;
	}

	.review-item__date {
		order: -2;
		line-height: 129%;
		margin-bottom: 16px;
		font-size: 14px;
	}

	.review-item__description {
		line-height: 129%;
		font-size: 14px;
	}

	.review-item__img {
		overflow: visible;
		order: -1;
		margin-top: 0;
		margin-bottom: 16px;
	}

	.review-item {
		display: flex;
		flex-direction: column;
	}

	.review-user__name {
		line-height: 112%;
		margin-bottom: 4px;
		font-size: 16px;
		font-weight: 400;
	}

	.review-user__product {
		line-height: 129%;
		font-size: 14px;
	}

	.review-img__slide {
		max-height: 106px;
		border-radius: 18px;
	}

	.review-action__rating {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.review-action__comments {
		display: inline-flex;
		align-items: center;
		font-size: 0;
		-moz-column-gap: 4px;
		column-gap: 4px;
	}

	.review-action__comments > svg {
		width: 22px;
		height: 22px;
		pointer-events: none;
	}

	.review-action__comments::after {
		line-height: 129%;
		content: attr(data-count);
		font-size: 14px;
		font-weight: 500;
	}

	.review-comment__button {
		flex-grow: 1;
		min-height: 40px;
	}

	.review-comment__textarea {
		background-color: var(--color-gray-light);
	}

	.review-response__name {
		line-height: 112%;
		font-size: 16px;
		font-weight: 400;
	}

	.review-response__date {
		line-height: 117%;
		font-size: 12px;
		font-weight: 500;
	}

	.review-response__content {
		line-height: 129%;
		font-size: 14px;
	}

	.review-response__action {
		margin-top: 6px;
	}

	.review-response__button {
		line-height: 117%;
		color: var(--color-gray-dark);
		font-size: 12px;
		font-weight: 500;
	}

	.review-response__answer:nth-child(n + 2) {
		padding-left: 54px;
	}

	.purchase-organizer__user {
		-moz-column-gap: 6px;
		column-gap: 6px;
	}

	.purchase-organizer__avatar {
		width: 56px;
		height: 56px;
	}

	.purchase-organizer__name {
		line-height: 129%;
		font-size: 14px;
	}

	.purchase-organizer__tags > span {
		line-height: 129%;
		padding: 4px 7px;
		border-radius: 8px;
		font-size: 14px;
	}

	.purchase-organizer__tags {
		margin-top: 6px;
		gap: 6px;
	}

	.purchase-organizer__action {
		gap: 6px;
	}

	.purchase-organizer__message {
		width: 40px;
		min-height: 40px;
		padding: 9px;
		font-size: 0;
	}

	.purchase-organizer {
		padding: 16px;
		border-radius: 18px;
	}

	.product-main__title {
		margin-bottom: 0;
	}

	.product-main__link {
		padding-top: 16px;
		padding-bottom: 16px;
		border-bottom: 1.5px solid var(--color-gray-light);
	}

	.product-main__size {
		padding-bottom: 16px;
		margin-top: 16px;
		border-bottom: 1.5px solid var(--color-gray-light);
	}

	.product-main__color {
		padding-bottom: 16px;
		margin-top: 16px;
		border-bottom: 1.5px solid var(--color-gray-light);
	}

	.product-main__description {
		margin-top: 16px;
	}

	body .product-main {
		grid-template-columns: 100%;
	}

	.modal-cart-main__subtitle {
		line-height: 112%;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.order-item__action {
		display: none;
	}

	.order-footer__wrapper {
		margin-bottom: 16px;
	}

	.order-list__img {
		grid-row: span 2;
	}

	.order-list__content {
		margin-bottom: 6px;
	}

	.order-list__title {
		line-height: 112%;
		font-size: 16px;
		font-weight: 400;
	}

	.order-list__about {
		line-height: 129%;
		font-size: 14px;
	}

	.order-list__comment {
		display: none;
	}

	.order-list__group {
		display: grid;
		align-items: start;
		grid-template-columns: 130px 1fr;
	}

	.order-navbar {
		gap: 6px;
	}

	.order-point__button {
		min-width: 170px;
	}

	.order-point {
		align-items: flex-start;
		flex-direction: column;
	}

	.order-payment__info {
		align-items: flex-start;
		flex-direction: column;
	}

	.order-payment__button {
		min-width: 170px;
	}

	.search-null__button {
		width: 100%;
	}

	.account-profile__header {
		align-items: center;
		margin-bottom: 26px;
	}

	.account-profile__id {
		line-height: 129%;
		font-size: 14px;
		font-weight: 400;
	}

	.account-profile__photo {
		margin-right: auto;
		margin-bottom: 26px;
		margin-left: auto;
	}

	.account-profile__data {
		row-gap: 26px;
	}

	.account-profile__submit {
		width: 100%;
	}

	.profile-photo__button {
		right: -2px;
		bottom: 4px;
		width: 36px;
		height: 36px;
	}

	.profile-photo {
		width: 120px;
		height: 120px;
	}

	.profile-fieldset__edit {
		line-height: 129%;
		margin-top: 6px;
		font-size: 14px;
	}

	.profile-gender {
		line-height: 112%;
	}

	.profile-mailing__label {
		width: 100%;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}

	.account-annex__button {
		flex-shrink: 0;
		width: 40px;
		min-width: 40px;
		height: 40px;
		min-height: 40px;
		border-radius: 50%;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 8.23068H15.7114M8.23068 15.7114L8.23068 0.75' stroke='%23FDFFFC' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 17px;
		font-size: 0;
	}

	.account-reviews__list {
		row-gap: 6px;
	}

	.reviews-org__list {
		row-gap: 6px;
	}

	.view-order-info__action {
		width: 100%;
		padding-bottom: 16px;
		border-bottom: 1.5px solid var(--color-gray);
	}

	.view-order-info {
		align-items: flex-start;
		flex-direction: column;
		padding: 16px;
		border-radius: 18px 18px 0 0;
	}

	.view-order-card__img {
		max-height: 160px;
		grid-row: 1/-1;
	}

	.view-order-card__body {
		flex-direction: column;
	}

	.view-order-card__title {
		line-height: 112%;
		margin-bottom: 6px;
		font-size: 16px;
		font-weight: 400;
	}

	.view-order-card__descrription {
		display: none;
	}

	.view-order-card__size {
		line-height: 129%;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
	}

	.view-order-card__action {
		display: none;
	}

	.view-order-card__button {
		width: 100%;
	}

	.view-order-card__info {
		margin-top: 16px;
		min-width: 0;
	}

	.view-order-card {
		padding: 10px 16px 16px 16px;
	}

	.review-card__header {
		margin-bottom: 16px;
	}

	.review-card__title {
		margin-bottom: 10px;
	}

	.review-card__date {
		line-height: 129%;
		font-size: 14px;
	}

	.review-card__top {
		margin-bottom: 10px;
	}

	.review-card__label {
		line-height: 129%;
		font-size: 14px;
	}

	.review-card__description {
		line-height: 129%;
		font-size: 14px;
	}

	.review-card {
		padding: 16px;
	}

	.response-menu__wrapper {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		min-height: 50%;
		border-radius: 18px 18px 0 0;
		background-color: var(--color-light);
	}

	.response-menu__list {
		overflow: auto;
		flex-grow: 1;
		padding: 16px;
	}

	.response-menu.is-open {
		visibility: visible;
		opacity: 1;
	}

	.response-menu {
		position: fixed;
		z-index: 100;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		visibility: hidden;
		overflow: auto;
		flex-direction: column;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		opacity: 0;
	}

	.response-menu::before {
		position: absolute;
		flex-grow: 1;
		width: 100%;
		height: 100%;
		opacity: 0.4;
		background-color: #000;
		content: "";
		inset: 0;
	}

	.cabinet-header__create {
		order: 3;
		width: 100%;
	}

	.cabinet-header__archive {
		min-width: 84px;
	}

	.value-checkbox > span {
		padding: 4px 8px;
		border-radius: 8px;
	}

	.value-checkbox--big > span {
		padding: 4px 7px;
	}

	.value-checkbox {
		line-height: 129%;
		font-size: 14px;
	}

	.custom-radio {
		font-size: 14px;
	}

	.custom-textarea {
		border-radius: 12px;
	}

	.custom-input {
		padding: 11px 16px;
		border-radius: 12px;
	}

	.custom-input-date > input {
		padding: 11px 16px;
		border-radius: 12px;
	}

	.checkbox-switch > span {
		border-radius: 10px;
	}

	.feedback-form__fieldset {
		row-gap: 10px;
	}

	.feedback-form__info {
		line-height: 140%;
		font-size: 10px;
	}

	.feedback-form__text {
		margin-top: 10px;
	}

	.feedback-form__action {
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.photo-form__action {
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.catalog-form__action {
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.product-form__fieldset:not(:first-child) {
		margin-top: 10px;
	}

	.product-form__add {
		line-height: 129%;
		margin-top: 10px;
		font-size: 14px;
	}

	.product-form__text {
		margin-top: 10px;
	}

	.product-form__url {
		width: 50%;
	}

	.product-form__count {
		order: 0;
		min-width: 98px;
	}

	.product-form__info {
		line-height: 140%;
		font-size: 10px;
	}

	.product-form__action {
		margin-top: 20px;
		grid-template-columns: 100%;
	}

	.dropbox__img {
		width: 56px;
	}

	.edit-phone__action {
		margin-top: 20px;
	}

	.sms-form__code > input {
		max-width: 44px;
		border-radius: 12px;
	}

	.sms-form__code {
		gap: 6px;
	}

	.sms-form__info {
		line-height: 129%;
		margin-top: 20px;
		font-size: 14px;
	}

	.sms-form__resend {
		line-height: 129%;
		font-size: 14px;
	}

	.check-info__title {
		margin-bottom: 10px;
	}

	.check-info__description {
		line-height: 129%;
		margin-bottom: 16px;
		font-size: 14px;
	}

	.check-info__button {
		min-width: 160px;
	}

	.check-info {
		padding: 16px;
		border-radius: 18px;
	}

	.review-rating__button > svg {
		width: 20px;
		height: 20px;
	}

	.select-img__item {
		font-size: 14px;
	}

	.modal-window__close {
		top: 16px;
		right: 16px;
	}

	.modal-photo__wrapper {
		padding: 16px;
		border-radius: 0;
	}

	.modal-photo__list {
		gap: 6px;
	}

	.modal-photo__img {
		height: 136px;
		border-radius: 18px;
	}

	.modal-photo {
		padding: 0;
	}

	.modal-complaint__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-complaint__title {
		margin-bottom: 20px;
	}

	.modal-catalog__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-catalog__title {
		margin-bottom: 20px;
	}

	.modal-review__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-review__title {
		margin-bottom: 20px;
	}

	.modal-media__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-media__title {
		margin-bottom: 20px;
	}

	.modal-annex__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-annex__title {
		margin-bottom: 20px;
	}

	.modal-login__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-login__title {
		margin-bottom: 20px;
	}

	.modal-advantage__wrapper {
		padding: 40px 20px 20px 20px;
		border-radius: 18px;
	}

	.modal-advantage__img {
		max-height: 171px;
		margin-bottom: 16px;
		border-radius: 14px;
	}

	.modal-advantage__title {
		margin-bottom: 16px;
	}

	.modal-advantage__description {
		line-height: 129%;
		font-size: 14px;
	}

	.modal-advantage__action {
		margin-top: 16px;
	}

	.modal-sms__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-sms__title {
		margin-bottom: 6px;
	}

	.modal-product__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-product__title {
		margin-bottom: 20px;
	}

	.modal-warning__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-cart__wrapper {
		padding: 20px;
		border-radius: 18px;
	}

	.modal-cart__title {
		margin-bottom: 20px;
	}

	.modal-cart__action {
		margin-top: 20px;
		grid-template-columns: 100%;
	}

	.hidden-max--md {
		display: none !important;
	}
	body .message-chat__contacts {
		min-width: 0;
	}

	#carrotquest-messenger-collapsed-container.carrotquest-messenger-right_bottom {
		margin-bottom: 60px !important;
	}
}

@media (max-width: 767.98px) and (max-width: 767.98px) {
	.review-action__comments > svg {
		width: 18px;
		height: 18px;
	}
}

@media (max-width: 575.98px) {
	.button--burger > span {
		width: 21px;
		height: 14px;
	}

	.button--burger {
		flex-direction: column;
		justify-content: center;
		line-height: 140%;
		padding: 5px 0 0 0;
		font-size: 10px;
		font-weight: 400;
	}

	.header-top__burger {
		margin-right: 6px;
	}

	.banner__content {
		max-width: 129px;
		padding-top: 33px;
		padding-bottom: 33px;
	}

	.selection__button {
		width: 100%;
	}

	.pvz__map {
		height: 344px;
	}

	.search-form__input {
		line-height: 112%;
	}

	.header-client__name {
		line-height: 140%;
		font-size: 10px;
	}

	.header-client {
		gap: 16px;
	}

	.nav-list__list {
		line-height: 129%;
		font-size: 14px;
	}

	.nav-list__item {
		padding: 5px 8px;
		margin-right: 6px;
		border-radius: 8px;
	}

	.pvz-points__button {
		width: 100%;
	}

	.profile-gender {
		align-items: flex-start;
		flex-direction: column;
	}

	.hidden-max--sm {
		display: none !important;
	}
}

@media not all and (hover: none) {
	.button--border:hover {
		color: var(--color-light);
		background-color: var(--color-accent);
		text-decoration: none;
	}

	.button--fill:hover {
		color: var(--color-dark);
		background-color: var(--color-light);
	}

	.button--favorite:hover > svg {
		fill: var(--color-light);
	}

	.button--more:hover {
		color: #5275de;
	}

	.button--share:hover {
		background-color: var(--color-accent);
	}

	.button--share:hover > svg {
		fill: var(--color-light);
	}

	.header-client__item:hover {
		color: var(--color-gray-dark);
	}

	.categories-menu__item:hover {
		color: var(--color-accent);
	}

	.submenu-item__list a:hover {
		color: var(--color-accent);
	}

	.pagination a:hover {
		color: var(--color-accent);
		stroke: var(--color-accent);
	}

	.navigation-tabs__item:hover {
		color: var(--color-accent);
	}

	.review-action__navigation a:hover {
		color: var(--color-accent-hover);
	}

	.review-menu__item:hover {
		color: var(--color-accent);
	}

	.review-response__button:hover {
		color: var(--color-accent-hover);
	}

	.login-navigation__item a:hover {
		color: var(--color-accent);
	}

	.profile-fieldset__edit:hover {
		color: var(--color-accent-hover);
	}

	.menu-settings__item:hover {
		color: var(--color-accent);
	}

	.breadcrumbs__list li a:hover {
		color: var(--color-dark);
	}

	.sort-select__content > a:hover {
		color: var(--color-accent);
	}

	.catalog-params__add:hover {
		color: var(--color-accent-hover);
	}

	.product-form__add:hover {
		color: #5275de;
	}

	.footer-nav__links a:hover {
		color: var(--color-gray-dark);
	}
	.categories-list__item:hover {
		.categories-list__img > img {
			transform: scale(1.1);
		}
	}
	.advantage-list__item:hover {
		.advantage-list__img > img {
			transform: scale(1.1);
		}
	}
	.slider-main__slide:hover {
		.slider-main__img > img {
			transform: scale(1.1);
		}
	}
}

.js-login-password-wrapper {
	margin-top: 10px;
}
.login-form__password {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.login-form__password input {
	width: 100%;
}
.login-form__forgot {
	margin-top: 6px;
	margin-left: auto;
	color: var(--color-accent);
	font-size: 12px;
}
.login-form__password-toggle {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 44px;
	height: 44px;
	background: url(/local/templates/39zakazov/img/wink.svg) no-repeat 0 0;
	cursor: pointer;
}
.login-form__password-toggle__active {
	background-position: -44px 0;
}

.modal-preview-item__container {
	max-width: 1200px;
}
.modal-size-table__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 700px;
	margin: auto;
}

.modal-size-table__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 40px;
	border-radius: 22px;
	background-color: var(--color-light);
	cursor: default;
}

.modal-size-table__title {
	margin-bottom: 24px;
}

.modal-size-table__slider {
	overflow: hidden;
	width: 100%;
}

.modal-size-table__slide {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 12px;
}

.modal-size-table__img {
	display: block;
	width: 100%;
}

.modal-size-table__img > img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.modal-size-table__caption {
	color: var(--color-gray);
	text-align: center;
	font-size: 14px;
}

.modal-size-table .swiper-button-next,
.modal-size-table .swiper-button-prev {
	border: none;
	background-color: transparent;
}

/* Lightbox */
.purchasing-size__img-link {
	display: block;
	cursor: zoom-in;
}

.lightbox-modal__container {
	position: relative;
	width: 100%;
	max-width: 1100px;
	padding-top: 48px;
	margin: auto;
	cursor: default;
}

.lightbox-modal__swiper {
	overflow: hidden;
	width: 100%;
}

.lightbox-modal__slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lightbox-modal__picture {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lightbox-modal__picture > img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: calc(100vh - 140px);
	border-radius: 8px;
	object-fit: contain;
}

.lightbox-modal .modal-window__close > span::before,
.lightbox-modal .modal-window__close > span::after {
	background-color: #fff;
}

.lightbox-modal .swiper-button-prev,
.lightbox-modal .swiper-button-next {
	--swiper-navigation-color: #fff;
	border: none;
	background-color: transparent;
}

.lightbox-modal .swiper-pagination-bullet {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.5);
}

.lightbox-modal .swiper-pagination-bullet-active {
	background-color: #fff;
}