/* Start:/bitrix/templates/admin/css/normalize.css?17506678181155*/
*,
::before,
::after {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	tab-size: 4;
}

body {
	margin: 0;
}

h1, h2, h3, h4, h5, p, ul {
	margin: 0;
	padding: 0;
}

b,
strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

table {
	border-color: currentcolor;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

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

legend {
	padding: 0;
}

progress {
	vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

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

::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

summary {
	display: list-item;
}
/* End */


/* Start:/bitrix/templates/admin/css/grid.css?175066781834024*/
/* break points: 576 | 768 | 1024 | 1280 | 1600 */
body {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 0;
}

.container,
.container-fluid {
	width: 100%;
	min-width: 360px;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	body {
		--bs-gutter-x: 1rem;
	}

	.container {
		max-width: 540px
	}
}

@media (min-width: 768px) {
	body {
		--bs-gutter-x: 1.5rem;
	}

	.container {
		max-width: 760px;
	}
}

@media (min-width: 1024px) {
	body {
		--bs-gutter-x: 1.5rem;
	}

	.container {
		max-width: 1016px;
	}
}

@media (min-width: 1280px) {
	body {
		--bs-gutter-x: 2rem;
	}

	.container {
		max-width: 1224px;
	}
}

@media (min-width: 1600px) {
	body {
		--bs-gutter-x: 2rem;
	}

	.container {
		max-width: 1416px;
	}
}

.row {
	--bs-gutter-x: 0.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
}

@media (min-width: 576px) {
	.row {
		--bs-gutter-x: 0.5rem;
	}
}

@media (min-width: 768px) {
	.row {
		--bs-gutter-x: 1.5rem;
	}
}

@media (min-width: 1280px) {
	.row {
		--bs-gutter-x: 1.5rem;
	}
}

.col {
	flex: 1 0 0%;
}

.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}

.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.6666666667%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

.offset-1 {
	margin-left: 8.33333333%;
}

.offset-2 {
	margin-left: 16.66666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.33333333%;
}

.offset-5 {
	margin-left: 41.66666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.33333333%;
}

.offset-8 {
	margin-left: 66.66666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.33333333%;
}

.offset-11 {
	margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
	--bs-gutter-x: 0;
}

.g-0,
.gy-0 {
	--bs-gutter-y: 0;
}

@media (min-width: 576px) {
	.col-sm {
		flex: 1 0 0%;
	}

	.row-cols-sm-auto > * {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-sm-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-sm-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-sm-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-sm-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-sm-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-sm-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.33333333%;
	}

	.offset-sm-2 {
		margin-left: 16.66666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.33333333%;
	}

	.offset-sm-5 {
		margin-left: 41.66666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.33333333%;
	}

	.offset-sm-8 {
		margin-left: 66.66666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.33333333%;
	}

	.offset-sm-11 {
		margin-left: 91.66666667%;
	}

	.g-sm-0,
	.gx-sm-0 {
		--bs-gutter-x: 0;
	}

	.g-sm-0,
	.gy-sm-0 {
		--bs-gutter-y: 0;
	}
}

@media (min-width: 768px) {
	.col-md {
		flex: 1 0 0%;
	}

	.row-cols-md-auto > * {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-md-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-md-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-md-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-md-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-md-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-md-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.33333333%;
	}

	.offset-md-2 {
		margin-left: 16.66666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.33333333%;
	}

	.offset-md-5 {
		margin-left: 41.66666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.33333333%;
	}

	.offset-md-8 {
		margin-left: 66.66666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.33333333%;
	}

	.offset-md-11 {
		margin-left: 91.66666667%;
	}

	.g-md-0,
	.gx-md-0 {
		--bs-gutter-x: 0;
	}

	.g-md-0,
	.gy-md-0 {
		--bs-gutter-y: 0;
	}
}

@media (min-width: 1024px) {
	.col-lg {
		flex: 1 0 0%;
	}

	.row-cols-lg-auto > * {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-lg-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-lg-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-lg-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-lg-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-lg-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-lg-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: 8.33333333%;
	}

	.offset-lg-2 {
		margin-left: 16.66666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.33333333%;
	}

	.offset-lg-5 {
		margin-left: 41.66666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.33333333%;
	}

	.offset-lg-8 {
		margin-left: 66.66666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.33333333%;
	}

	.offset-lg-11 {
		margin-left: 91.66666667%;
	}

	.g-lg-0,
	.gx-lg-0 {
		--bs-gutter-x: 0;
	}

	.g-lg-0,
	.gy-lg-0 {
		--bs-gutter-y: 0;
	}
}

@media (min-width: 1280px) {
	.col-xl {
		flex: 1 0 0%;
	}

	.row-cols-xl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-xl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-xl-0 {
		margin-left: 0;
	}

	.offset-xl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xl-11 {
		margin-left: 91.66666667%;
	}

	.g-xl-0,
	.gx-xl-0 {
		--bs-gutter-x: 0;
	}

	.g-xl-0,
	.gy-xl-0 {
		--bs-gutter-y: 0;
	}
}

@media (min-width: 1600px) {
	.col-xxl {
		flex: 1 0 0%;
	}

	.row-cols-xxl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xxl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xxl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xxl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xxl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xxl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-xxl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-xxl-0 {
		margin-left: 0;
	}

	.offset-xxl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xxl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xxl-3 {
		margin-left: 25%;
	}

	.offset-xxl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xxl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xxl-6 {
		margin-left: 50%;
	}

	.offset-xxl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xxl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xxl-9 {
		margin-left: 75%;
	}

	.offset-xxl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xxl-11 {
		margin-left: 91.66666667%;
	}

	.g-xxl-0,
	.gx-xxl-0 {
		--bs-gutter-x: 0;
	}

	.g-xxl-0,
	.gy-xxl-0 {
		--bs-gutter-y: 0;
	}
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-grid {
	display: grid !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: flex !important;
}

.d-inline-flex {
	display: inline-flex !important;
}

.d-none {
	display: none !important;
}

.flex-fill {
	flex: 1 1 auto !important;
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

.justify-content-start {
	justify-content: flex-start !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.justify-content-evenly {
	justify-content: space-evenly !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch {
	align-items: stretch !important;
}

.align-content-start {
	align-content: flex-start !important;
}

.align-content-end {
	align-content: flex-end !important;
}

.align-content-center {
	align-content: center !important;
}

.align-content-between {
	align-content: space-between !important;
}

.align-content-around {
	align-content: space-around !important;
}

.align-content-stretch {
	align-content: stretch !important;
}

.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch {
	align-self: stretch !important;
}

.order-first {
	order: -1 !important;
}

.order-0 {
	order: 0 !important;
}

.order-1 {
	order: 1 !important;
}

.order-2 {
	order: 2 !important;
}

.order-3 {
	order: 3 !important;
}

.order-4 {
	order: 4 !important;
}

.order-5 {
	order: 5 !important;
}

.order-last {
	order: 6 !important;
}

@media (min-width: 576px) {
	.d-sm-inline {
		display: inline !important;
	}

	.d-sm-inline-block {
		display: inline-block !important;
	}

	.d-sm-block {
		display: block !important;
	}

	.d-sm-grid {
		display: grid !important;
	}

	.d-sm-table {
		display: table !important;
	}

	.d-sm-table-row {
		display: table-row !important;
	}

	.d-sm-table-cell {
		display: table-cell !important;
	}

	.d-sm-flex {
		display: flex !important;
	}

	.d-sm-inline-flex {
		display: inline-flex !important;
	}

	.d-sm-none {
		display: none !important;
	}

	.flex-sm-fill {
		flex: 1 1 auto !important;
	}

	.flex-sm-row {
		flex-direction: row !important;
	}

	.flex-sm-column {
		flex-direction: column !important;
	}

	.flex-sm-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-sm-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-sm-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-sm-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-sm-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-sm-shrink-1 {
		flex-shrink: 1 !important;
	}

	.flex-sm-wrap {
		flex-wrap: wrap !important;
	}

	.flex-sm-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-sm-start {
		justify-content: flex-start !important;
	}

	.justify-content-sm-end {
		justify-content: flex-end !important;
	}

	.justify-content-sm-center {
		justify-content: center !important;
	}

	.justify-content-sm-between {
		justify-content: space-between !important;
	}

	.justify-content-sm-around {
		justify-content: space-around !important;
	}

	.justify-content-sm-evenly {
		justify-content: space-evenly !important;
	}

	.align-items-sm-start {
		align-items: flex-start !important;
	}

	.align-items-sm-end {
		align-items: flex-end !important;
	}

	.align-items-sm-center {
		align-items: center !important;
	}

	.align-items-sm-baseline {
		align-items: baseline !important;
	}

	.align-items-sm-stretch {
		align-items: stretch !important;
	}

	.align-content-sm-start {
		align-content: flex-start !important;
	}

	.align-content-sm-end {
		align-content: flex-end !important;
	}

	.align-content-sm-center {
		align-content: center !important;
	}

	.align-content-sm-between {
		align-content: space-between !important;
	}

	.align-content-sm-around {
		align-content: space-around !important;
	}

	.align-content-sm-stretch {
		align-content: stretch !important;
	}

	.align-self-sm-auto {
		align-self: auto !important;
	}

	.align-self-sm-start {
		align-self: flex-start !important;
	}

	.align-self-sm-end {
		align-self: flex-end !important;
	}

	.align-self-sm-center {
		align-self: center !important;
	}

	.align-self-sm-baseline {
		align-self: baseline !important;
	}

	.align-self-sm-stretch {
		align-self: stretch !important;
	}

	.order-sm-first {
		order: -1 !important;
	}

	.order-sm-0 {
		order: 0 !important;
	}

	.order-sm-1 {
		order: 1 !important;
	}

	.order-sm-2 {
		order: 2 !important;
	}

	.order-sm-3 {
		order: 3 !important;
	}

	.order-sm-4 {
		order: 4 !important;
	}

	.order-sm-5 {
		order: 5 !important;
	}

	.order-sm-last {
		order: 6 !important;
	}
}

@media (min-width: 768px) {
	.d-md-inline {
		display: inline !important;
	}

	.d-md-inline-block {
		display: inline-block !important;
	}

	.d-md-block {
		display: block !important;
	}

	.d-md-grid {
		display: grid !important;
	}

	.d-md-table {
		display: table !important;
	}

	.d-md-table-row {
		display: table-row !important;
	}

	.d-md-table-cell {
		display: table-cell !important;
	}

	.d-md-flex {
		display: flex !important;
	}

	.d-md-inline-flex {
		display: inline-flex !important;
	}

	.d-md-none {
		display: none !important;
	}

	.flex-md-fill {
		flex: 1 1 auto !important;
	}

	.flex-md-row {
		flex-direction: row !important;
	}

	.flex-md-column {
		flex-direction: column !important;
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-md-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-md-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-md-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-md-shrink-1 {
		flex-shrink: 1 !important;
	}

	.flex-md-wrap {
		flex-wrap: wrap !important;
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-md-start {
		justify-content: flex-start !important;
	}

	.justify-content-md-end {
		justify-content: flex-end !important;
	}

	.justify-content-md-center {
		justify-content: center !important;
	}

	.justify-content-md-between {
		justify-content: space-between !important;
	}

	.justify-content-md-around {
		justify-content: space-around !important;
	}

	.justify-content-md-evenly {
		justify-content: space-evenly !important;
	}

	.align-items-md-start {
		align-items: flex-start !important;
	}

	.align-items-md-end {
		align-items: flex-end !important;
	}

	.align-items-md-center {
		align-items: center !important;
	}

	.align-items-md-baseline {
		align-items: baseline !important;
	}

	.align-items-md-stretch {
		align-items: stretch !important;
	}

	.align-content-md-start {
		align-content: flex-start !important;
	}

	.align-content-md-end {
		align-content: flex-end !important;
	}

	.align-content-md-center {
		align-content: center !important;
	}

	.align-content-md-between {
		align-content: space-between !important;
	}

	.align-content-md-around {
		align-content: space-around !important;
	}

	.align-content-md-stretch {
		align-content: stretch !important;
	}

	.align-self-md-auto {
		align-self: auto !important;
	}

	.align-self-md-start {
		align-self: flex-start !important;
	}

	.align-self-md-end {
		align-self: flex-end !important;
	}

	.align-self-md-center {
		align-self: center !important;
	}

	.align-self-md-baseline {
		align-self: baseline !important;
	}

	.align-self-md-stretch {
		align-self: stretch !important;
	}

	.order-md-first {
		order: -1 !important;
	}

	.order-md-0 {
		order: 0 !important;
	}

	.order-md-1 {
		order: 1 !important;
	}

	.order-md-2 {
		order: 2 !important;
	}

	.order-md-3 {
		order: 3 !important;
	}

	.order-md-4 {
		order: 4 !important;
	}

	.order-md-5 {
		order: 5 !important;
	}

	.order-md-last {
		order: 6 !important;
	}
}

@media (min-width: 1024px) {
	.d-lg-inline {
		display: inline !important;
	}

	.d-lg-inline-block {
		display: inline-block !important;
	}

	.d-lg-block {
		display: block !important;
	}

	.d-lg-grid {
		display: grid !important;
	}

	.d-lg-table {
		display: table !important;
	}

	.d-lg-table-row {
		display: table-row !important;
	}

	.d-lg-table-cell {
		display: table-cell !important;
	}

	.d-lg-flex {
		display: flex !important;
	}

	.d-lg-inline-flex {
		display: inline-flex !important;
	}

	.d-lg-none {
		display: none !important;
	}

	.flex-lg-fill {
		flex: 1 1 auto !important;
	}

	.flex-lg-row {
		flex-direction: row !important;
	}

	.flex-lg-column {
		flex-direction: column !important;
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-lg-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-lg-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-lg-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-lg-shrink-1 {
		flex-shrink: 1 !important;
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-lg-start {
		justify-content: flex-start !important;
	}

	.justify-content-lg-end {
		justify-content: flex-end !important;
	}

	.justify-content-lg-center {
		justify-content: center !important;
	}

	.justify-content-lg-between {
		justify-content: space-between !important;
	}

	.justify-content-lg-around {
		justify-content: space-around !important;
	}

	.justify-content-lg-evenly {
		justify-content: space-evenly !important;
	}

	.align-items-lg-start {
		align-items: flex-start !important;
	}

	.align-items-lg-end {
		align-items: flex-end !important;
	}

	.align-items-lg-center {
		align-items: center !important;
	}

	.align-items-lg-baseline {
		align-items: baseline !important;
	}

	.align-items-lg-stretch {
		align-items: stretch !important;
	}

	.align-content-lg-start {
		align-content: flex-start !important;
	}

	.align-content-lg-end {
		align-content: flex-end !important;
	}

	.align-content-lg-center {
		align-content: center !important;
	}

	.align-content-lg-between {
		align-content: space-between !important;
	}

	.align-content-lg-around {
		align-content: space-around !important;
	}

	.align-content-lg-stretch {
		align-content: stretch !important;
	}

	.align-self-lg-auto {
		align-self: auto !important;
	}

	.align-self-lg-start {
		align-self: flex-start !important;
	}

	.align-self-lg-end {
		align-self: flex-end !important;
	}

	.align-self-lg-center {
		align-self: center !important;
	}

	.align-self-lg-baseline {
		align-self: baseline !important;
	}

	.align-self-lg-stretch {
		align-self: stretch !important;
	}

	.order-lg-first {
		order: -1 !important;
	}

	.order-lg-0 {
		order: 0 !important;
	}

	.order-lg-1 {
		order: 1 !important;
	}

	.order-lg-2 {
		order: 2 !important;
	}

	.order-lg-3 {
		order: 3 !important;
	}

	.order-lg-4 {
		order: 4 !important;
	}

	.order-lg-5 {
		order: 5 !important;
	}

	.order-lg-last {
		order: 6 !important;
	}
}

@media (min-width: 1280px) {
	.d-xl-inline {
		display: inline !important;
	}

	.d-xl-inline-block {
		display: inline-block !important;
	}

	.d-xl-block {
		display: block !important;
	}

	.d-xl-grid {
		display: grid !important;
	}

	.d-xl-table {
		display: table !important;
	}

	.d-xl-table-row {
		display: table-row !important;
	}

	.d-xl-table-cell {
		display: table-cell !important;
	}

	.d-xl-flex {
		display: flex !important;
	}

	.d-xl-inline-flex {
		display: inline-flex !important;
	}

	.d-xl-none {
		display: none !important;
	}

	.flex-xl-fill {
		flex: 1 1 auto !important;
	}

	.flex-xl-row {
		flex-direction: row !important;
	}

	.flex-xl-column {
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-xl-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-xl-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-xl-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-xl-shrink-1 {
		flex-shrink: 1 !important;
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important;
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xl-start {
		justify-content: flex-start !important;
	}

	.justify-content-xl-end {
		justify-content: flex-end !important;
	}

	.justify-content-xl-center {
		justify-content: center !important;
	}

	.justify-content-xl-between {
		justify-content: space-between !important;
	}

	.justify-content-xl-around {
		justify-content: space-around !important;
	}

	.justify-content-xl-evenly {
		justify-content: space-evenly !important;
	}

	.align-items-xl-start {
		align-items: flex-start !important;
	}

	.align-items-xl-end {
		align-items: flex-end !important;
	}

	.align-items-xl-center {
		align-items: center !important;
	}

	.align-items-xl-baseline {
		align-items: baseline !important;
	}

	.align-items-xl-stretch {
		align-items: stretch !important;
	}

	.align-content-xl-start {
		align-content: flex-start !important;
	}

	.align-content-xl-end {
		align-content: flex-end !important;
	}

	.align-content-xl-center {
		align-content: center !important;
	}

	.align-content-xl-between {
		align-content: space-between !important;
	}

	.align-content-xl-around {
		align-content: space-around !important;
	}

	.align-content-xl-stretch {
		align-content: stretch !important;
	}

	.align-self-xl-auto {
		align-self: auto !important;
	}

	.align-self-xl-start {
		align-self: flex-start !important;
	}

	.align-self-xl-end {
		align-self: flex-end !important;
	}

	.align-self-xl-center {
		align-self: center !important;
	}

	.align-self-xl-baseline {
		align-self: baseline !important;
	}

	.align-self-xl-stretch {
		align-self: stretch !important;
	}

	.order-xl-first {
		order: -1 !important;
	}

	.order-xl-0 {
		order: 0 !important;
	}

	.order-xl-1 {
		order: 1 !important;
	}

	.order-xl-2 {
		order: 2 !important;
	}

	.order-xl-3 {
		order: 3 !important;
	}

	.order-xl-4 {
		order: 4 !important;
	}

	.order-xl-5 {
		order: 5 !important;
	}

	.order-xl-last {
		order: 6 !important;
	}
}

@media (min-width: 1600px) {
	.d-xxl-inline {
		display: inline !important;
	}

	.d-xxl-inline-block {
		display: inline-block !important;
	}

	.d-xxl-block {
		display: block !important;
	}

	.d-xxl-grid {
		display: grid !important;
	}

	.d-xxl-table {
		display: table !important;
	}

	.d-xxl-table-row {
		display: table-row !important;
	}

	.d-xxl-table-cell {
		display: table-cell !important;
	}

	.d-xxl-flex {
		display: flex !important;
	}

	.d-xxl-inline-flex {
		display: inline-flex !important;
	}

	.d-xxl-none {
		display: none !important;
	}

	.flex-xxl-fill {
		flex: 1 1 auto !important;
	}

	.flex-xxl-row {
		flex-direction: row !important;
	}

	.flex-xxl-column {
		flex-direction: column !important;
	}

	.flex-xxl-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-xxl-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-xxl-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-xxl-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-xxl-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-xxl-shrink-1 {
		flex-shrink: 1 !important;
	}

	.flex-xxl-wrap {
		flex-wrap: wrap !important;
	}

	.flex-xxl-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-xxl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xxl-start {
		justify-content: flex-start !important;
	}

	.justify-content-xxl-end {
		justify-content: flex-end !important;
	}

	.justify-content-xxl-center {
		justify-content: center !important;
	}

	.justify-content-xxl-between {
		justify-content: space-between !important;
	}

	.justify-content-xxl-around {
		justify-content: space-around !important;
	}

	.justify-content-xxl-evenly {
		justify-content: space-evenly !important;
	}

	.align-items-xxl-start {
		align-items: flex-start !important;
	}

	.align-items-xxl-end {
		align-items: flex-end !important;
	}

	.align-items-xxl-center {
		align-items: center !important;
	}

	.align-items-xxl-baseline {
		align-items: baseline !important;
	}

	.align-items-xxl-stretch {
		align-items: stretch !important;
	}

	.align-content-xxl-start {
		align-content: flex-start !important;
	}

	.align-content-xxl-end {
		align-content: flex-end !important;
	}

	.align-content-xxl-center {
		align-content: center !important;
	}

	.align-content-xxl-between {
		align-content: space-between !important;
	}

	.align-content-xxl-around {
		align-content: space-around !important;
	}

	.align-content-xxl-stretch {
		align-content: stretch !important;
	}

	.align-self-xxl-auto {
		align-self: auto !important;
	}

	.align-self-xxl-start {
		align-self: flex-start !important;
	}

	.align-self-xxl-end {
		align-self: flex-end !important;
	}

	.align-self-xxl-center {
		align-self: center !important;
	}

	.align-self-xxl-baseline {
		align-self: baseline !important;
	}

	.align-self-xxl-stretch {
		align-self: stretch !important;
	}

	.order-xxl-first {
		order: -1 !important;
	}

	.order-xxl-0 {
		order: 0 !important;
	}

	.order-xxl-1 {
		order: 1 !important;
	}

	.order-xxl-2 {
		order: 2 !important;
	}

	.order-xxl-3 {
		order: 3 !important;
	}

	.order-xxl-4 {
		order: 4 !important;
	}

	.order-xxl-5 {
		order: 5 !important;
	}

	.order-xxl-last {
		order: 6 !important;
	}
}

@media print {
	.d-print-inline {
		display: inline !important;
	}

	.d-print-inline-block {
		display: inline-block !important;
	}

	.d-print-block {
		display: block !important;
	}

	.d-print-grid {
		display: grid !important;
	}

	.d-print-table {
		display: table !important;
	}

	.d-print-table-row {
		display: table-row !important;
	}

	.d-print-table-cell {
		display: table-cell !important;
	}

	.d-print-flex {
		display: flex !important;
	}

	.d-print-inline-flex {
		display: inline-flex !important;
	}

	.d-print-none {
		display: none !important;
	}
}

/* End */


/* Start:/bitrix/templates/admin/css/variables.css?17506678182485*/
:root {
	/* text colors */
	--color-text: #263066;
	--color-text-white: #fff;
	--color-text-dark: #263066;
	--color-text-light: #f7f9ff;
	--color-text-mid: #72c1f2;
	--color-text-gray: #9498a6;

	--color-link: #72c1f2;
	--color-link-hover: #3cb2f6;

	--color-header-link: var(--color-link);
	--color-header-link-hover: var(--color-link-hover);

	--color-text-footer: var(--color-text);
	--color-footer-link: var(--color-link);
	--color-footer-link-hover: var(--color-link-hover);

	/* background colors */
	--color-bg: #fff;
	--color-bg-dark: #263066;
	--color-bg-light: #f7f9ff;
	--color-bg-mid: #72c1f2;
	--color-bg-gray: #e8e8e8;

	--color-bg-header: var(--color-bg);
	--color-bg-footer: var(--color-bg-light);

	/* buttons */
	--color-btn-color: var(--color-text-dark);
	--color-btn-bg: var(--color-bg);
	--color-btn-border: var(--color-text-mid);

	--color-btn-color-hover: var(--color-text-dark);
	--color-btn-bg-hover: var(--color-bg-light);
	--color-btn-border-hover:  var(--color-text-mid);

	--color-btn-primary-color: var(--color-text-light);
	--color-btn-primary-bg: var(--color-bg-mid);
	--color-btn-primary-border: transparent;

	--color-btn-primary-color-hover: var(--color-text-light);
	--color-btn-primary-bg-hover: var(--color-bg-dark);
	--color-btn-primary-border-hover:  transparent;

	--color-btn-secondary-color: var(--color-text-dark);
	--color-btn-secondary-bg: transparent;
	--color-btn-secondary-border: var(--color-text-dark);

	--color-btn-secondary-color-hover: var(--color-text-light);
	--color-btn-secondary-bg-hover: var(--color-bg-dark);
	--color-btn-secondary-border-hover:  transparent;

	--color-bg-overlay: rgba(0,0,0,0.5);

	--color-bg-sale: rgba(224, 136, 72, 0.75);
	--color-bg-new: rgba(127, 204, 43, 0.75);
	--color-bg-popular: rgba(68, 162, 213, 0.75);
	--color-bg-discount: rgba(255, 79, 56, 0.75);

	--color-stroke: rgba(0,0,0,0.1);
	--color-red: #ae2204;
	--color-green: #839155;

	--border-radius: 8px;
	--border-radius-lg: 16px;
	--border-radius-sm: 4px;
	--box-shadow: 0 6px 9px 0 rgba(0,0,0,0.1);
	--box-shadow-light: 0 3px 6px 0 rgba(0,0,0,0.07);

	--transition-ui: 0.25s;

	--font-size: 16px;
	--font-size-sm: 0.875rem;
	--font-size-lg: 1.125rem;
	--font-size-input: 16px;
	--line-height: 1.5;

	--sidebar-width: 208px;
	--side-menu-gap: 0.25rem;
	--side-menu-item-height: 2rem;
}

@media (max-width: 1023px) {
	:root {
		--font-size: 15px;
	}
}
/* End */


/* Start:/bitrix/templates/admin/css/main.css?176312469074032*/
html {
	height: 100%;
	font-size: var(--font-size);
	line-height: var(--line-height);
	scroll-behavior: smooth;
}

body {
	height: 100%;
	font-family: "Open Sans", sans-serif;
	color: var(--color-text);
	background: var(--color-bg);

	--header-height: 88px;
	--header-height-top: 32px;
}

body.no-scroll {
	height: 100%;
	overflow: hidden;
}

@media (max-width: 1279px) {
	body {
		--header-height: 70px;
		--header-height-top: 0;
	}
}

a {
	color: var(--color-link);
	text-decoration: none;
	transition: var(--transition-ui);
}

a:hover,
a:active {
	color: var(--color-link-hover);
}

img,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

.template-wrapper {
	display: flex;
	flex-flow: column nowrap;
	min-height: 100vh;
	box-sizing: border-box;
}

.template-wrapper-top {
	flex: 1 0 auto;
	max-height: 100%;
}

.template-wrapper-bottom {
	flex: 0 0 auto;
}

.icon svg {
	width: 100%;
}

.icon svg path,
.icon svg rect,
.icon svg circle {
	transition: var(--transition-ui);
}

/* link with icon */
.icon-link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: var(--font-size-lg);
	line-height: var(--line-height);
	text-decoration: none;
	white-space: nowrap;
	color: var(--color-link);
	transition: var(--transition-ui);
}

button.icon-link {
	padding: 0;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}

.icon-link:hover,
.icon-link:active,
a:hover .icon-link,
a:active .icon-link {
	color: var(--color-link-hover);
}

.icon-link-sm {
	font-size: 1rem;
}

.icon-link .icon {
	flex: 0 0 auto;
	width: var(--font-size-lg);
	margin: 0 0.5rem 0 0;
}

.icon-link .text + .icon {
	margin: 0 0 0 0.5rem;
}

.icon-link:not(.active) .icon-active {
	display: none;
}

.icon-link.active .icon-active + .icon {
	display: none;
}

.icon-link .icon-drop {
	width: 16px;
	margin: 0 0 0 8px;
}

.icon-link .icon svg {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.icon-link .icon svg path[stroke],
.icon-link .icon svg rect[stroke] {
	stroke: var(--color-link);
	transition: var(--transition-ui);
}

.icon-link .icon svg path[fill],
.icon-link .icon svg rect[fill] {
	fill: var(--color-link);
	transition: var(--transition-ui);
}

.icon-link:hover .icon svg path[stroke],
.icon-link:hover .icon svg rect[stroke],
.icon-link:active .icon svg path[stroke],
.icon-link:active .icon svg rect[stroke],
a:hover .icon-link .icon svg path[stroke],
a:hover .icon-link .icon svg rect[stroke],
a:active .icon-link .icon svg path[stroke],
a:active .icon-link .icon svg rect[stroke] {
	stroke: var(--color-link-hover);
}

.icon-link:hover .icon svg path[fill],
.icon-link:hover .icon svg rect[fill],
.icon-link:active .icon svg path[fill],
.icon-link:active .icon svg rect[fill],
a:hover .icon-link .icon svg path[fill],
a:hover .icon-link .icon svg rect[fill],
a:active .icon-link .icon svg path[fill],
a:active .icon-link .icon svg rect[fill] {
	fill: var(--color-link-hover);
}

.icon-link-mid {
	color: var(--color-text-mid);
}

.icon-link-mid .icon svg path[stroke],
.icon-link-mid .icon svg rect[stroke] {
	stroke: var(--color-text-mid);
}

.icon-link-mid .icon svg path[fill],
.icon-link-mid .icon svg rect[fill] {
	fill: var(--color-text-mid);
}

.icon-link-mid:hover .icon svg path[stroke],
.icon-link-mid:hover .icon svg rect[stroke],
.icon-link-mid:active .icon svg path[stroke],
.icon-link-mid:active .icon svg rect[stroke],
a:hover .icon-link-mid .icon svg path[stroke],
a:hover .icon-link-mid .icon svg rect[stroke],
a:active .icon-link-mid .icon svg path[stroke],
a:active .icon-link-mid .icon svg rect[stroke] {
	stroke: var(--color-link);
}

.icon-link-mid:hover .icon svg path[fill],
.icon-link-mid:hover .icon svg rect[fill],
.icon-link-mid:active .icon svg path[fill],
.icon-link-mid:active .icon svg rect[fill],
a:hover .icon-link-mid .icon svg path[fill],
a:hover .icon-link-mid .icon svg rect[fill],
a:active .icon-link-mid .icon svg path[fill],
a:active .icon-link-mid .icon svg rect[fill] {
	fill: var(--color-link);
}

.icon-link-dark {
	color: var(--color-text-dark);
}

.icon-link-dark:hover,
.icon-link-dark:active {
	color: var(--color-text-mid);
}

.icon-link-dark .icon svg path[stroke],
.icon-link-dark .icon svg rect[stroke] {
	stroke: var(--color-text-dark);
}

.icon-link-dark .icon svg path[fill],
.icon-link-dark .icon svg rect[fill] {
	fill: var(--color-text-dark);
}

.icon-link-dark:hover .icon svg path[stroke],
.icon-link-dark:hover .icon svg rect[stroke],
.icon-link-dark:active .icon svg path[stroke],
.icon-link-dark:active .icon svg rect[stroke],
a:hover .icon-link-dark .icon svg path[stroke],
a:hover .icon-link-dark .icon svg rect[stroke],
a:active .icon-link-dark .icon svg path[stroke],
a:active .icon-link-dark .icon svg rect[stroke] {
	stroke: var(--color-text-mid);
}

.icon-link-dark:hover .icon svg path[fill],
.icon-link-dark:hover .icon svg rect[fill],
.icon-link-dark:active .icon svg path[fill],
.icon-link-dark:active .icon svg rect[fill],
a:hover .icon-link-dark .icon svg path[fill],
a:hover .icon-link-dark .icon svg rect[fill],
a:active .icon-link-dark .icon svg path[fill],
a:active .icon-link-dark .icon svg rect[fill] {
	fill: var(--color-text-mid);
}

/* buttons */
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: min-content;
	height: 42px;
	padding: 0 24px;
	font-weight: 500;
	font-size: calc(var(--font-size) - 1px);
	color: var(--color-btn-color);
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none;
	background: var(--color-btn-bg);
	border: 1px solid var(--color-btn-border);
	border-radius: var(--border-radius);
	cursor: pointer;
	transition: var(--transition-ui);
	outline: none;
}

.btn:hover,
.btn:active {
	color: var(--color-btn-color-hover);
	background-color: var(--color-btn-bg-hover);
	border-color: var(--color-btn-border-hover);
}

.btn-100 {
	width: 100%;
}

.btn-sm {
	font-size: calc(var(--font-size-sm) - 1px);
	height: 32px;
	padding: 0 8px;
	border-radius: var(--border-radius-sm);
}

.btn-primary {
	color: var(--color-btn-primary-color);
	background-color: var(--color-btn-primary-bg);
	border-color: var(--color-btn-primary-border);
}

.btn-primary:hover,
.btn-primary:active {
	color: var(--color-btn-primary-color-hover);
	background-color: var(--color-btn-primary-bg-hover);
	border-color: var(--color-btn-primary-border-hover);
}

.btn-secondary {
	color: var(--color-btn-secondary-color);
	background-color: var(--color-btn-secondary-bg);
	border-color: var(--color-text-dark);
}

.btn-secondary:hover,
.btn-secondary:active {
	color: var(--color-btn-secondary-color-hover);
	background-color: var(--color-btn-secondary-bg-hover);
	border-color: var(--color-btn-secondary-border-hover);
}

button[disabled],
.btn-disabled {
	color: var(--color-text-dark);
	background-color: var(--color-bg-light);
	border-color: transparent;
	opacity: 0.35;
	pointer-events: none;
	cursor: auto;
}

.btn-icon-only {
	width: 42px;
	padding: 0;
}

.btn-icon-only.btn-sm {
	width: 32px;
}

.btn-no-border {
	border: none;
}

.btn .icon {
	width: 18px;
}

.btn-icon-only .icon {
	width: 24px;
}

.btn-icon-only.btn-sm .icon {
	width: 20px;
}

.btn .icon svg {
	width: 100%;
}

.btn .icon-active {
	display: none;
}

.btn.active .icon-active + .icon {
	display: none;
}

.btn.active .icon-active {
	display: block;
}

.btn .icon svg [stroke] {
	stroke: var(--color-btn-color);
}

.btn .icon svg [fill] {
	fill: var(--color-btn-color);
}

.btn:hover .icon svg [stroke],
.btn:active .icon svg [stroke] {
	stroke: var(--color-btn-color);
}

.btn:hover .icon svg [fill],
.btn:active .icon svg [fill] {
	fill: var(--color-btn-color-hover);
}

.btn-primary .icon svg [stroke] {
	stroke: var(--color-btn-primary-color);
}

.btn-primary .icon svg [fill] {
	fill: var(--color-btn-primary-color);
}

.btn-primary:hover .icon svg [stroke],
.btn-primary:active .icon svg [stroke] {
	stroke: var(--color-btn-primary-color-hover);
}

.btn-primary:hover .icon svg [fill],
.btn-primary:active .icon svg [fill] {
	fill: var(--color-btn-primary-color-hover);
}

.btn-secondary .icon svg [stroke] {
	stroke: var(--color-btn-secondary-color);
}

.btn-secondary .icon svg [fill] {
	fill: var(--color-btn-secondary-color);
}


.btn-secondary:hover .icon svg [stroke],
.btn-secondary:active .icon svg [stroke] {
	stroke: var(--color-btn-secondary-color-hover);
}

.btn-secondary:hover .icon svg [fill],
.btn-secondary:active .icon svg [fill] {
	fill: var(--color-btn-secondary-color-hover);
}

/* utility */

.overflow-hidden {
	overflow: hidden;
}

.header {
	position: sticky;
	z-index: 100;
	top: calc((var(--header-height) + var(--header-height-top)) * -1);
	font-size: calc(var(--font-size) - 1px);
	background: var(--color-bg-header);
	transition: 0.35s ease-out;
}

.header::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--color-stroke);
	transition: var(--transition-ui);
}

.header-compact {
	top: calc(var(--header-height-top) * -1);
}

.header-link {
	color: var(--color-header-link);
}

.header-link svg [stroke] {
	stroke: var(--color-header-link);
}

.header-link svg [fill] {
	fill: var(--color-header-link);
}

.header-link:hover,
.header-link:active {
	color: var(--color-header-link-hover);
}

.header-link:hover svg [stroke],
.header-link:active svg [stroke] {
	stroke: var(--color-header-link-hover);
}

.header-link:hover svg [fill],
.header-link:active svg [fill] {
	fill: var(--color-header-link-hover);
}

.header-top-menu .header-link.selected {
	color: var(--color-text);
}

.header-link.accent-link {
	display: block;
	padding: 0 4px;
	font-weight: 500;
	color: var(--color-text-dark);
	background: var(--color-bg-light);
	border-radius: var(--border-radius-sm);
}

.header-link.accent-link:hover,
.header-link.accent-link:active {
	color: var(--color-header-link-hover);
}

.header-top {
	background: var(--color-bg);
}

.header-top-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 var(--bs-gutter-x);
	height: var(--header-height-top);
}

.region-selection-link {
	display: flex;
	align-items: center;
}

.region-selection-link .icon {
	width: 18px;
	margin: 0 8px 0 0;
}

.header-top-menu ul {
	display: flex;
	align-items: center;
	gap: 0 12px;
	list-style: none;
}

.template-contacts a {
	font-weight: 500;
}

.simple-dropdown {
	position: relative;
}

.simple-dropdown-drop {
	display: none;
	position: absolute;
	z-index: 5;
	top: 100%;
	left: -12px;
	min-width: 220px;
	padding: 8px 12px;
	background: var(--color-bg);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
}

.simple-dropdown:hover .simple-dropdown-drop {
	display: block;
}

.template-contacts-line + .template-contacts-line {
	margin: 4px 0 0 0;
}

.header-top-right {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.header-lang {
	text-transform: uppercase;
}

.header-middle {
	padding: 0;
}

.header-middle-row {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 var(--bs-gutter-x);
	height: var(--header-height);
}

.header-logo {
	flex: 0 0 auto;
	display: block;
	height: 48px;
}

.header-logo img {
	width: auto;
	height: 100%;
}

.header-search {
	flex: 1 1 50%;
	max-width: 100%;
}

.search {

}

.search-field {
	position: relative;
}

.search-input {
	display: block;
	width: 100%;
	height: 42px;
	padding: 0 90px 0 12px;
	font-size: var(--font-size-input);
	color: var(--color-text);
	background: var(--color-bg);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	outline: none;
}

.search-input::placeholder {
	opacity: 0.5;
}

.search-input-buttons {
	position: absolute;
	top: 1px;
	right: 1px;
	display: flex;
}

.search-input-buttons .btn {
	width: 40px;
	height: 40px;
}

.search-input-buttons .search-reset {
	border-radius: 0;
}

.search-input-buttons .search-submit {
	border-width: 0 0 0 1px;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.example-search-result {
	position: absolute;
	z-index: 5;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
}

.search-input:focus ~ .example-search-result {
	display: block;
}

.search-result {
	padding: 12px 0 0 0;
	background: var(--color-bg);
	box-shadow: var(--box-shadow);
}

.search-result-category .category-name {
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 8px 16px;
	font-weight: 500;
	font-size: var(--font-size);
	color: var(--color-text-mid)
}

.search-result-category a.category-name:hover,
.search-result-category a.category-name:active {
	color: var(--color-link-hover);
}

.search-result-category--all {
	background: var(--color-bg-light);
}

.search-result-category--all .category-name {
	color: var(--color-text-dark);
}

.search-result-item {
	display: flex;
	gap: 16px;
	padding: 8px 0;
	margin: 0 16px;
	font-size: calc(var(--font-size) - 1px);
	color: var(--color-text);
	border-top: 1px solid var(--color-text-mid);
}

.search-result-item .item-image {
	flex: 0 0 auto;
	display: block;
	width: 80px;
	height: 80px;
}

.search-result-item .item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.search-result-item .item-info {
	flex: 1 1 50%;
	max-width: 100%;
}

.search-result-item .item-name {
	display: block;
	margin: 0 0 8px 0;
}

.search-result-item .item-price {
	display: block;
	font-weight: 600;
	font-size: var(--font-size);
	color: var(--color-text-dark);
	white-space: nowrap;
}

.header-shop-ui {
	display: flex;
	gap: 0 16px;
}

.header-shop-ui-item {
	color: var(--color-text-dark);
}

.header-shop-ui-item:hover,
.header-shop-ui-item:active {
	color: var(--color-text-mid);
}

.header-shop-ui-item .item-icon {
	position: relative;
	width: 28px;
	height: 28px;
	margin: 0 auto;
}

.header-shop-ui-item .item-icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.header-shop-ui-item .item-icon svg path,
.header-shop-ui-item .item-icon svg rect {
	stroke: var(--color-text-dark);
}

.header-shop-ui-item:hover .item-icon svg path,
.header-shop-ui-item:hover .item-icon svg rect,
.header-shop-ui-item:active .item-icon svg path,
.header-shop-ui-item:active .item-icon svg rect {
	stroke: var(--color-text-mid);
}

.header-shop-ui-item .item-counter {
	position: absolute;
	bottom: 60%;
	left: 70%;
	min-width: 20px;
	height: 20px;
	padding: 0 3px;
	font-size: 12px;
	line-height: 20px;
	color: var(--color-text-light);
	letter-spacing: -0.04em;
	text-align: center;
	background: var(--color-text-dark);
	border-radius: 10px;
}

.header-shop-ui-item .item-name {
	font-weight: 500;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	letter-spacing: -0.025em;
}

.header-mobile-trigger {
	flex: 0 0 auto;
}

.mobile-menu-trigger .icon {
	position: relative;
	display: block;
	width: 20px;
	height: 8px;
}

.mobile-menu-trigger .icon::before,
.mobile-menu-trigger .icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: var(--color-text-dark);
	border-radius: 1px;
	transition: var(--transition-ui);
}

.mobile-menu-trigger:hover .icon::before,
.mobile-menu-trigger:hover .icon::after,
.mobile-menu-trigger:active .icon::before,
.mobile-menu-trigger:active .icon::after {
	background: var(--color-text-light);
}

.mobile-menu-trigger .icon::after {
	top: auto;
	bottom: 0;
	width: 12px;
}

.mobile-menu-trigger.active .icon::before,
.mobile-menu-trigger.active .icon::after {
	width: 100%;
	top: 50%;
	left: 50%;
	margin: 0 0 0 -10px;
}

.mobile-menu-trigger.active .icon::before {
	transform: rotate(-45deg);
}

.mobile-menu-trigger.active .icon::after {
	transform: rotate(45deg);
}

@media (max-width: 1279px) {
	.header,
	.header-compact {
		top: 0;
	}

	.header-top {
		display: none;
	}

	.header-logo {
		height: 54px;
	}

	.header-catalog .btn {
		padding: 0 12px;
	}

	.header-shop-ui-item .item-name {
		display: none;
	}
}

@media (max-width: 1024px) {
	.header-search-trigger {
		cursor: pointer;
	}

	.header-search {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		gap: 0 calc(var(--bs-gutter-x) / 2);
		background: var(--color-bg);
		box-shadow: 42px 0 0 0 var(--color-bg), -42px 0 0 0 var(--color-bg);
		transition: var(--transition-ui);
	}

	.header-search:not(.active) {
		height: 0;
		opacity: 0;
	}

	.header-search .search {
		flex: 1 1 50%;
		max-width: 100%;
	}

	.header-middle-row .header-shop-ui {
		margin: 0 0 0 auto;
	}
}

@media (max-width: 767px) {
	.header-shop-ui-item .item-counter {
		right: 65%;
		bottom: 55%;
		left: auto;
		min-width: 18px;
		height: 18px;
		font-size: 11px;
		line-height: 18px;
	}
}

.mobile-menu-container {
	position: fixed;
	z-index: 100;
	top: calc(var(--header-height) + 1px);
	left: -360px;
	bottom: 0;
	width: 360px;
	background: var(--color-bg);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color-bg-mid) transparent;
	opacity: 0;
	transition: 0.35s;
}

.mobile-menu-container.active {
	left: 0;
	opacity: 1;
	transition: 0.35s;
}

.header-ui-overlay {
	position: fixed;
	z-index: 95;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--color-bg-overlay);
	opacity: 0;
	transition: opacity 0.25s ease-in, 0s 0.25s height;
	cursor: pointer;
}

.header-ui-overlay.active {
	height: 100%;
	opacity: 1;
	transition: opacity 0.25s ease-out;
}

.mobile-menu {
	display: flex;
	flex-flow: column nowrap;
	min-height: 100%;
	padding: 16px 0 0 0;
}

.mobile-menu.is-top:not(.current) > div,
.mobile-menu .is-parent:not(.active) > .mobile-menu-sub,
.mobile-menu-item:not(.active),
.is-parent.active:not(.current) > .mobile-menu-link,
.is-parent.active > .mobile-menu-link > .text,
.is-parent:not(.active, .current) .mobile-menu-section-link {
	display: none;
}

.mobile-menu.is-top.current .mobile-menu-item:not(.active),
.mobile-menu .active.current > .mobile-menu-sub > .mobile-menu-list > .mobile-menu-item {
	display: block;
}

.mobile-menu-region {
	margin: 0 16px 8px;
}

.mobile-menu-list {
	position: relative;
}

.mobile-menu-link {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	min-height: 42px;
	padding: 8px 16px;
	font-size: var(--font-size);
	color: var(--color-text-mid);
	transition: color var(--transition-ui), font-size var(--transition-ui);
	cursor: pointer;
}

.mobile-menu-link:hover,
.mobile-menu-link:active {
	color: var(--color-link-hover);
}

.mobile-menu-link .text {
	flex: 1 1 50%;
	max-width: 100%;
}

.mobile-menu-link .icon {
	flex: 0 0 auto;
	width: 20px;
	margin: 0 0 0 8px;
}

.mobile-menu-item:not(.active.current) > .mobile-menu-link .mobile-menu-link-back {
	display: none;
}

.mobile-menu-link-back {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: var(--font-size);
	color: var(--color-text-mid);
	transition: var(--transition-ui);
	cursor: pointer;
}

.mobile-menu-link:hover .mobile-menu-link-back,
.mobile-menu-link:active .mobile-menu-link-back {
	color: var(--color-link-hover);
}

.mobile-menu-link-back .icon-back {
	flex: 0 0 auto;
	width: 18px;
	height: auto;
	margin: 0 0.75rem 0 0;
}

.mobile-menu-link-back .icon-back svg {
	width: 100%;
	height: auto;
}

.mobile-menu-link-back .icon-back svg path {
	stroke: var(--color-text-dark);
}

.mobile-menu-item.active.current > .mobile-menu-link {
	font-weight: 500;
	font-size: var(--font-size-lg);
	color: var(--color-text-dark);
}

.mobile-menu-item.active.current > .mobile-menu-link .icon {
	display: none;
}

.mobile-menu-item.active.current > .mobile-menu-section-link {
	margin: 0 0 12px 0;
}

.mobile-menu-item.active.current > .mobile-menu-section-link:hover,
.mobile-menu-item.active.current > .mobile-menu-section-link:active {
	color: var(--color-link-hover);
}

.mobile-menu-contacts {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	margin: 8px 0 0 0;
	padding: 16px;
	font-size: var(--font-size);
	border-top: 1px solid var(--color-stroke);
}

.mobile-menu-contacts a {
	color: var(--color-text-mid);
}

.mobile-menu-contacts a:hover,
.mobile-menu-contacts a:active {
	color: var(--color-link-hover);
}

.mobile-menu-bottom-panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 48px;
	padding: 8px 16px;
	margin: auto 0 0 0;
	font-size: calc(var(--font-size) - 1px);
	border-top: 1px solid var(--color-stroke);
}

.bottom-navbar {
	position: fixed;
	z-index: 90;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 58px;
	background: var(--color-bg);
}

.bottom-navbar::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--color-stroke);
}

.bottom-navbar .header-shop-ui {
	justify-content: space-between;
}

.bottom-navbar .header-shop-ui-item .item-icon {
	width: 20px;
	height: 20px;
}

.bottom-navbar .header-shop-ui-item .item-name {
	display: block;
	font-size: calc(var(--font-size-sm) - 1px);
}

.footer {
	padding: 3rem 0 0.75rem 0;
	font-size: var(--font-size-sm);
	color: var(--color-text-footer);
	background: var(--color-bg-footer);
	border-top: 1px solid var(--color-stroke);
}

.footer-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0 var(--bs-gutter-x);
}

.footer-col--double {
	grid-column: span 2;
}

.footer-link {
	color: var(--color-footer-link);
}

.footer-link:hover,
.footer-link:active {
	color: var(--color-footer-link-hover);
}

.footer-link.accent-link {
	padding: 0 4px;
	margin: 0 0 0 -4px;
	border: 1px solid var(--color-footer-link);
	border-radius: var(--border-radius-sm);
}

.footer-link.accent-link:hover,
.footer-link.accent-link:active {
	border-color: 1px solid var(--color-footer-link-hover);
}

.footer-logo {
	display: block;
	height: 48px;
}

.footer-logo img {
	width: auto;
	height: 100%;
}

.footer-subscribe {
	max-width: 280px;
	margin: 24px 0 0 0;
}

.subscribe-head {
	font-weight: 500;
	margin: 0 0 8px 0;
}

.subscribe-field {
	position: relative;
}

.subscribe-input {
	display: block;
	width: 100%;
	height: 42px;
	padding: 0 90px 0 12px;
	font-size: var(--font-size);
	color: var(--color-text);
	background: var(--color-bg);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	outline: none;
}

.subscribe-input::placeholder {
	opacity: 0.5;
}

.subscribe-field .btn {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 40px;
	height: 40px;
}

.subscribe-submit {
	border-width: 0 0 0 1px;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.footer-menu + .footer-menu {
	margin: 24px 0 0 0;
}

.footer-menu-head {
	font-weight: 500;
	font-size: var(--font-size);
	margin: 0 0 12px 0;
}

.footer-menu-list {
	list-style: none;
}

.footer-menu-list li {
	margin: 0 0 8px 0;
}

.footer-col--double .footer-menu-list {
	column-count: 2;
	column-gap: var(--bs-gutter-x);
}

.footer-col--double .footer-menu-list li {
	break-inside: avoid-column;
}

.network {
	display: flex;
	gap: 8px;
}

.network-item {
	border-radius: 50%;
}

.footer-bottom {
	align-items: end;
	margin: 48px 0 0 0;
	font-size: var(--font-size-sm);
}

@media (max-width: 1279px) {
	.footer-row {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-col--double {
		grid-column: initial;
	}
}

@media (max-width: 767px) {
	.footer {
		padding: 36px 0 72px 0;
	}

	.footer-row {
		grid-template-columns: 100%;
		gap: 24px 0;
	}

	.footer-bottom {
		gap: 8px;
	}
}

.back-to-top {
	position: fixed;
	z-index: 90;
	right: 16px;
	bottom: 42px;
	opacity: 0;
	pointer-events: none;
	transition: var(--transition-ui);
}

.back-to-top.active {
	opacity: 1;
	pointer-events: initial;
}

@media(max-width: 767px) {
	.back-to-top {
		right: 8px;
		bottom: 72px;
	}
}

/* modal */
.fancybox__backdrop {
	background: var(--color-bg-overlay);
}

.modal.fancybox__content {
	width: 100%;
	max-width: 920px;
	padding: 24px 24px 48px;
	color: var(--color-text);
	background: var(--color-bg);
	border-radius: var(--border-radius-lg);
	box-sizing: border-box;
}

.modal-sm.modal.fancybox__content {
	max-width: 604px;
}

.modal-close-button {
	position: absolute;
	z-index: 5;
	top: 24px;
	right: 24px;
}

.modal-heading {
	padding: 4px 56px 0 0;
	margin: 0 0 48px 0;
	font-weight: 500;
	font-size: 24px;
}

.modal-success.fancybox__content {
	max-width: 604px;
	padding: 64px 24px;
	text-align: center;
}

.modal-success-icon img,
.modal-success-icon svg {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	object-fit: contain;
}

.modal-success-heading {
	margin: 24px 0 0 0;
}

.modal-success-description {
	margin: 24px 0 0 0;
}

.cart-modal .modal-heading {
	padding: 8px 48px 0;
	text-align: center;
}

.default-content.cart-modal-content {
	text-align: center;
}

.default-content.cart-modal-content img {
	max-height: 280px;
	margin-left: auto;
	margin-right: auto;
}

.cart-modal-content-buttons {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 0.5rem;
}

@media (max-width: 1023px) {
	.modal-sm.modal.fancybox__content {
		max-width: 604px;
	}
}

@media (max-width: 767px) {
	.modal.fancybox__content {
		padding: 16px 16px 24px;
		border-radius: var(--border-radius);
	}

	.modal-close-button {
		top: 16px;
		right: 16px;
	}

	.modal-heading {
		margin: 0 0 24px 0;
	}

	.modal-success.fancybox__content {
		padding: 64px 16px;
	}

	.modal-success-heading,
	.modal-success-description {
		margin: 16px 0 0 0;
	}
}

@media (max-width: 575px) {
	.cart-modal-content-buttons .btn {
		width: 100%;
	}
}

/* forms */
.form-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.form-heading,
.form-description {
	margin: 0 0 1.5rem 0;
}

.form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

.form-line {
	position: relative;
	grid-column: 1 / 3;
}

.form-line--auto {
	grid-column: auto;
}

.field-error {
	position: absolute;
	display: none;
	padding: 3px var(--border-radius) 0;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-red);
}

.radio-buttons {
	display: grid;
	grid-template-columns: repeat(3, auto);
	justify-content: start;
	gap: 24px var(--bs-gutter-x);
}

.radio-button {
	position: relative;
}

.radio-button input {
	position: absolute;
	top: 2px;
	left: 0;
	opacity: 0;
}

.radio-button label {
	position: relative;
	display: block;
	padding: 0 0 0 32px;
	font-size: var(--font-size);
	cursor: pointer;
}

.radio-button label::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid var(--color-text-mid);
	border-radius: 50%;
	transition: 0.25s;
}

.radio-button label::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 6px;
	left: 4px;
	display: block;
	width: 10px;
	height: 10px;
	background: var(--color-bg-mid);
	border-radius: 50%;
	opacity: 0;
	transition: 0.25s;
}

.radio-button input:checked ~ label::before {
	border-color: var(--color-text-mid);
}

.radio-button input:checked ~ label::after {
	opacity: 1;
}

.checkbox {
	position: relative;
}

.checkbox input {
	position: absolute;
	top: 4px;
	left: 0;
	opacity: 0;
}

.checkbox label {
	position: relative;
	display: block;
	padding: 0 0 0 32px;
	font-size: var(--font-size);
	cursor: pointer;
}

.checkbox label::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius-sm);
	transition: var(--transition-ui);
}

.checkbox label::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 3px;
	display: block;
	width: 12px;
	height: 8px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: var(--color-text-dark);
	transform: rotate(-45deg);
	opacity: 0;
	transition: 0.25s;
}

.checkbox input:checked ~ label::after {
	opacity: 1;
}

.checkbox input:checked ~ label::before {
	border-color: var(--color-text-mid);
}

.checkbox .field-error {
	margin: 3px 0 0 32px;
	padding: 0;
}

.form-errors-show .checkbox input:invalid ~ .field-error {
	display: block;
}

.input-field {
	position: relative;
}

.input-field input {
	display: flex;
	align-items: center;
	width: 100%;
	height: 56px;
	padding: 16px;
	font-size: var(--font-size-input);
	color: var(--color-text);
	background: var(--color-bg);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	transition: 0.25s;
	outline: none;
}

.input-field input:focus {
	outline: none;
}

.form-errors-show .input-field input:invalid {
	border-color: var(--color-red);
}

.form-errors-show .input-field input:invalid ~ .field-error {
	display: block;
}

.input-field label {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	min-height: 0;
	padding: 6px 17px 0 17px;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-dark);
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: text;
	transition: 0.25s;
	overflow: hidden;
}

.input-field input:placeholder-shown ~ label {
	padding: 16px 17px 0 17px;
	font-size: 16px;
	line-height: 1.5;
}

.textarea-field {
	position: relative;
}

.textarea-field textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 164px;
	padding: 16px;
	font-weight: 400;
	font-size: var(--font-size-input);
	line-height: 1.5;
	color: var(--color-text);
	background: var(--color-bg);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	outline: none;
	resize: none;
}

.textarea-field textarea:focus {
	resize: none;
}

.textarea-field label {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	padding: 6px 17px 0 17px;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-dark);
	cursor: text;
	transition: 0.25s;
}

.textarea-field textarea:placeholder-shown ~ label {
	top: 10px;
	font-size: 16px;
	line-height: 1.5;
}

.form-errors-show .textarea-field textarea:invalid {
	border-color: var(--color-red);
}

.form-errors-show .textarea-field textarea:invalid ~ .field-error {
	display: block;
}

.form-message {
	margin: 0 0 16px 0;
}

.form-footer {
	margin: 2rem 0 0 0;
}

.form-footer .smart-captcha:not(.smart-captcha_invisible) {
	margin: 0 0 16px 0;
}

.SmartCaptcha-Shield {
	z-index: 3;
}

.form-footer-row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.form-footer-message label {
	padding: 0 0 0 32px;
	font-size: var(--font-size-sm);
}

@media (max-width: 1023px) {
	.form-grid {
		grid-template-columns: 100%;
	}

	.form-line {
		grid-column: auto;
	}
}

@media (max-width: 767px) {
	.form-footer-row {
		flex-flow: column nowrap;
		align-items: flex-start;
		gap: 24px;
	}
}

.breadcrumbs {
	margin: 0.25rem 0 0.5rem;
	font-size: calc(var(--font-size) - 1px);
}

.breadcrumbs-list {
	display: flex;
	list-style: none;
	flex-flow: row wrap;
	gap: 4px 0;
}

.breadcrumbs-list-item {
	display: flex;
	align-items: center;
	color: var(--color-text-mid);
}

.breadcrumbs-list-item::after {
	content: "—";
	margin: 0 6px;
}

.breadcrumbs-list-item:last-child::after {
	display: none;
}

.breadcrumbs-list-item a {
	color: var(--color-text);
	transition: var(--transition-ui);
}

.breadcrumbs-list-item a:hover {
	color: var(--color-link-hover);
}

.page-heading {
	margin: 0 0 calc(1.75rem * var(--line-height));
}

.page-heading-back-url {
	margin: 1rem 0 0;
}

.page-content {
	padding: 2rem 0 6rem 0;
}

h1,
.h1 {
	font-weight: 600;
	font-size: 2.5rem;
	line-height: calc(var(--line-height) - 0.3);
}

h2,
.h2 {
	font-weight: 400;
	font-size: 2rem;
	line-height: calc(var(--line-height) - 0.2);
}

h3,
.h3 {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: calc(var(--line-height) - 0.2);
}

h4,
.h4 {
	font-weight: 600;
	font-size: 1.25rem;
	line-height: calc(var(--line-height) - 0.1);
}

p,
.p {
	font-size: 1rem;
}

b, strong {
	font-weight: 600;
}

i {
	font-style: italic;
}

blockquote {
	padding: 1rem 1rem 1rem 2rem;
	background: var(--color-bg-light);
	border-left: 2px solid var(--color-text-mid)
}

@media (max-width: 1279px) {
	.page-content {
		padding: 1.5rem 0 4rem 0;
	}
}

@media (max-width: 767px) {
	.page-content {
		padding: 1rem 0 3rem;
	}

	h1,
	.h1 {
		font-size: 2.3rem;
	}

	h2,
	.h2 {
		font-size: 1.8rem;
	}

	h3,
	.h3 {
		font-size: 1.4rem;
	}

	h4,
	.h4 {
		font-size: 1.2rem;
	}
}

.default-content {
	font-size: var(--font-size);
	line-height: var(--line-height);
}

.default-content h2,
.default-content .h2 {
	margin: calc(2rem * var(--line-height)) 0 calc(1rem * var(--line-height));
}

.default-content h3,
.default-content .h3 {
	margin: calc(1.75rem * var(--line-height)) 0 calc(1rem * var(--line-height));
}

.default-content h4,
.default-content .h4 {
	margin: calc(1.5rem * var(--line-height)) 0 calc(1rem * var(--line-height));
}

.default-content h2 + *,
.default-content .h2 + *,
.default-content h3 + *,
.default-content .h3 + *,
.default-content h4 + *,
.default-content .h4 + * {
	margin-top: calc(1rem * var(--line-height));
}

.default-content h2,
.default-content .h2,
.default-content h3,
.default-content .h3,
.default-content h4,
.default-content .h4 {
	clear: both;
}

.default-content p,
.default-content .p {
	margin: calc(1rem * var(--line-height)) 0;
}

.default-content pre {
	margin: 0;
}

.default-content code {
	display: block;
	margin: calc(1rem * var(--line-height)) 0;
	padding: 0.5rem 0.75rem;
	white-space: pre;
	background: var(--color-bg-light);
	border: 1px solid var(--color-stroke);
	border-radius: var(--border-radius);
}

.default-content blockquote {
	margin: calc(1rem * var(--line-height)) 0;
}

.default-content ul {
	display: table;
	list-style: none;
	margin: calc(1rem * var(--line-height)) 0;
}

.default-content li {
	position: relative;
	padding: 0 0 0 calc(1.75rem + 2px);
}

.default-content li + li {
	margin: 0.5rem 0 0 0;
}

.default-content ul li::before {
	content: '';
	position: absolute;
	top: calc(1rem * var(--line-height) / 2);
	left: 2px;
	display: block;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-radius: 100%;
	background-color: var(--color-text-mid);
}

.default-content ol {
	display: table;
	list-style: none;
	padding: 0;
	margin: calc(1rem * var(--line-height)) 0;
	counter-reset: count 0;
}

.default-content ol li {
	padding: 0 0 0 calc(2rem + 2px);
}

.default-content ol > li {
	position: relative;
	counter-increment: list;
}

.default-content ol > li::before {
	content: counter(list) ".";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 500;
	color: var(--color-text-mid);
}

.default-content ol > li ol > li {
	counter-increment: list-inner;
}

.default-content ol > li ol > li::before {
	content: counter(list) "." counter(list-inner) ".";
	position: absolute;
	top: 0;
	left: 0;
}

.default-content ul ul,
.default-content ol ol {
	margin: 0.5rem 0 0 0;
}

.default-content .table {
	margin: calc(1rem * var(--line-height)) 0;
	overflow-x: auto;
}

.default-content table {
	margin: calc(1rem * var(--line-height)) 0;
	border: solid 1px var(--color-text-light);
	border-collapse: collapse;
}

.default-content .table table {
	max-width: 100%;
	margin: 0;
}

.default-content table td,
.default-content table th {
	padding: 0.5rem 1rem;
	font-size: calc(1rem - 1px);
	text-align: left;
}

.default-content table th {
	font-weight: 600;
	background: var(--color-bg-light);
}

.default-content table tr:nth-child(2n + 1) td {
	background: var(--color-bg-light);
}

.default-content img {
	margin: calc(1rem * var(--line-height)) 0;
}

.default-content img.image-right {
	float: right;
	max-width: calc(50% - var(--bs-gutter-x) / 2);
	margin-top: 0;
	margin-left: var(--bs-gutter-x);
}

.default-content img.image-left {
	float: left;
	max-width: calc(50% - var(--bs-gutter-x) / 2);
	margin-top: 0;
	margin-right: var(--bs-gutter-x);
}

.default-content-row {
	display: flex;
	flex-flow: row wrap;
	gap: calc(1.5rem * var(--line-height)) var(--bs-gutter-x);
	margin: calc(1.5rem * var(--line-height)) 0;
}

.default-content-col {
	flex: 0 0 auto;
	width: calc(50% - var(--bs-gutter-x) / 2);
}

.default-content-col.col-auto {
	width: auto;
	max-width: 100%;
}

.default-content > :first-child,
.default-content .default-content-col > :first-child,
.default-content blockquote :first-child {
	margin-top: 0;
}

.default-content > :last-child,
.default-content .default-content-col > :last-child,
.default-content blockquote :last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.default-content img.image-right,
	.default-content img.image-left {
		float: none;
		max-width: 100%;
		margin: calc(1rem * var(--line-height)) 0;
	}

	.default-content-col {
		width: 100%;
	}
}

.top-slider {
	position: relative;
	width: 100%;
	height: 580px;
}

.top-slider .swiper {
	height: 100%;
}

.top-slide {
	display: block;
	height: 100%;
	padding: 32px 0 48px 0;
}

.top-slide .container {
	height: 100%;
}

.top-slide-row {
	display: flex;
	align-items: center;
	gap: 0 var(--bs-gutter-x);
	height: 100%;
}

.top-slide--reverse .top-slide-row {
	flex-flow: row-reverse wrap;
}

.top-slide-col {
	flex: 0 0 auto;
	width: calc(50% - var(--bs-gutter-x) / 2);
}

.top-slide-background {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}

.top-slide--dark .top-slide-background {
	background: var(--color-bg-dark);
}

.top-slide-slide .top-slide-video::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--color-bg);
	opacity: 0.35;
}

.top-slide--dark .video-overlay::before {
	background-color: var(--color-bg-dark);
}

.top-slide-background picture,
.top-slide-background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-slide-video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-slide-content {
	height: 100%;
}

.top-slide--dark {
	color: var(--color-text-light);
}

.top-slide-title {
	margin: 0 0 calc(1.5rem * var(--line-height));
}

.top-slide-description {
	margin: 0 0 calc(1.5rem * var(--line-height));
}

.top-slide-accent {
	margin: 0 0 calc(1.5rem * var(--line-height));
	font-weight: 600;
	font-size: calc(var(--font-size) - 1px);
	color: var(--color-text-dark);
}

.top-slide--dark .top-slide-accent {
	color: var(--color-text-white);
}

.top-slide-image {
	padding: 0.5rem;
}

.top-slide-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.top-slide-buttons {
	display: flex;
	flex-flow: row nowrap;
	gap: calc(var(--bs-gutter-x) / 2);
}

.top-slide--dark .btn-primary {
	color: var(--color-text-mid);
	background-color: var(--color-bg-light);
}

.top-slide--dark .btn-primary:hover,
.top-slide--dark .btn-primary:active {
	color: var(--color-text-light);
	background-color: var(--color-bg-mid);
}

.top-slide--dark .btn-secondary {
	color: var(--color-text-light);
	background-color: transparent;
	border-color: var(--color-text-light);
}

.top-slide--dark .btn-secondary:hover,
.top-slide--dark .btn-secondary:active {
	color: var(--color-text-light);
	background-color: var(--color-bg-mid);
	border-color: transparent;
}

.slider-pagination.swiper-pagination {
	--swiper-pagination-bullet-size: 10px;
	--swiper-pagination-bullet-horizontal-gap: 6px;
	--swiper-pagination-color: var(--color-bg-mid);
	--swiper-pagination-bullet-inactive-color: var(--color-bg-dark);
	--swiper-pagination-bullet-inactive-opacity: 0.25;

	line-height: var(--swiper-pagination-bullet-size);
}

.top-slider-pagination {
	position: absolute;
	z-index: 5;
	bottom: 8px;
	left: 50%;
	padding: 8px;
	background: var(--color-bg);
	border-radius: var(--border-radius);
	transform: translateX(-50%);
}

.top-slider-pagination .slider-pagination {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
}

.top-slider-prev,
.top-slider-next {
	position: absolute;
	z-index: 5;
	top: 50%;
	transform: translateY(-50%);
}

.top-slider-prev {
	left: 16px;
}

.top-slider-next {
	right: 16px;
}

@media (max-width: 1279px) {
	.top-slider {
		height: 480px;
	}

	.top-slide {
		padding: 24px 0 48px 0;
	}
}

@media (max-width: 1023px) {
	.top-slide-title,
	.top-slide-description,
	.top-slide-accent {
		margin: 0 0 calc(1rem * var(--line-height));
	}

	.top-slide-buttons .btn {
		padding: 0 12px;
	}
}

@media (max-width: 767px) {
	.top-slider {
		height: auto;
	}

	.top-slide {
		padding: 16px 0 48px 0;
	}

	.top-slide-row,
	.top-slide--reverse .top-slide-row {
		flex-flow: column-reverse nowrap;
	}

	.top-slide-col {
		width: 100%;
	}

	.top-slide-title,
	.top-slide-description,
	.top-slide-accent {
		margin: 0 0 calc(0.75rem * var(--line-height));
	}

	.top-slide-buttons {
		flex-flow: row wrap;
	}

	.top-slide-buttons .btn {
		flex: 1 1 auto;
		max-width: 100%;
	}

	.top-slide-image {
		position: relative;
		height: 0;
		padding: 0 0 66.66% 0;
	}

	.top-slide-image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

.page-content-grid {
	display: grid;
	grid-template-columns: var(--sidebar-width) calc(100% - var(--bs-gutter-x) * 2 - var(--sidebar-width) * 2) var(--sidebar-width);
	gap: var(--bs-gutter-x);
}

.page-content-grid--no-right {
	grid-template-columns: var(--sidebar-width) calc(100% - var(--bs-gutter-x) - var(--sidebar-width));
}

.page-content-grid--no-left {
	grid-template-columns: calc(100% - var(--bs-gutter-x) - var(--sidebar-width)) var(--sidebar-width);
}

@media (max-width: 1279px) {
	.page-content-grid {
		grid-template-columns: 100%;
	}
}

.side-menu {
	font-size: calc(var(--font-size) - 1px);
	line-height: 1.4;
}

.side-menu-list {
	list-style: none;
}

.side-menu-item + .side-menu-item {
	margin: var(--side-menu-gap) 0 0 0;
}

.side-menu-item.is-parent {
	display: flex;
	flex-flow: row wrap;
	align-items: start;
}

.side-menu-link {
	display: flex;
	align-items: center;
	min-height: var(--side-menu-item-height);
	padding: 0.25rem 0.5rem;
	color: var(--color-text-dark);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius-sm);
}

.side-menu-link:hover,
.side-menu-link:active {
	color: var(--color-text-dark);
	background-color: var(--color-bg-light);
}

.side-menu-link.selected {
	color: var(--color-text);
	background-color: var(--color-bg-light);
}

.side-menu-item.is-parent > .side-menu-link {
	flex: 1 1 50%;
	max-width: calc(100% - var(--side-menu-item-height));
	border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
}

.side-menu-trigger {
	flex: 0 0 auto;
	width: var(--side-menu-item-height);
	height: auto;
	align-self: stretch;
	border-left: none;
	border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
}

.side-menu-trigger .icon {
	transition: var(--transition-ui);
}

.side-menu-item.active > .side-menu-trigger .icon {
	transform: rotate(-180deg);
}

.side-menu-sub {
	width: 100%;
	height: 0;
	margin: 0;
	transition: var(--transition-ui) ease-in-out;
	opacity: 0;
	overflow: hidden;
}

.side-menu-item.active > .side-menu-sub {
	height: auto;
	margin: var(--side-menu-gap) 0 0 0;
	opacity: 1;
}

.side-menu-sub .side-menu-list {
	padding: 0 0 0 8px;
}

.side-menu-sub .side-menu-link {
	border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
}

.side-menu-sub .side-menu-item.is-parent > .side-menu-link {
	border-radius: 0;
}

/*
.side-menu-sub .side-menu-sub .side-menu-list {
	padding: 0;
}

.side-menu-sub .side-menu-sub .side-menu-link {
	min-height: initial;
	padding: 0.125rem 0.5rem;
	border-color: transparent;
	border-radius: var(--border-radius-sm);
}

.side-menu-sub .side-menu-sub .side-menu-item + .side-menu-item {
	margin: calc(var(--side-menu-gap) / 2) 0 0 0;
}
*/

.side-menu--no-border {
	padding: 0.25rem;
	background: var(--color-bg-light);
	border-radius: var(--border-radius);
}

.side-menu--no-border .side-menu-item + .side-menu-item {
	padding: var(--side-menu-gap) 0 0 0;
	border-top: 1px solid var(--color-stroke);
}

.side-menu--no-border .side-menu-sub .side-menu-list {
	padding: 0;
}

.side-menu--no-border .side-menu-item.active > .side-menu-sub {
	padding: var(--side-menu-gap) 0 0 0;
	border-top: 1px solid var(--color-text-dark);
}

.side-menu--no-border .side-menu-item.active + .side-menu-item {
	border-color: var(--color-text-dark);
}

.side-menu--no-border .side-menu-link,
.side-menu--no-border .side-menu-trigger {
	background-color: var(--color-bg-light);
	border-color: transparent;
}

.side-menu--no-border .side-menu-sub .side-menu-link {
	padding-left: 1rem;
}

.side-menu--no-border .side-menu-sub .side-menu-sub .side-menu-link {
	padding-left: 1.5rem;
}

.side-menu--no-border .side-menu-sub .side-menu-sub .side-menu-sub .side-menu-link {
	padding-left: 2rem;
}

.side-menu--no-border a.side-menu-link:hover,
.side-menu--no-border a.side-menu-link:active {
	color: var(--color-link);
}

.side-menu--no-border .side-menu-trigger {
	height: var(--side-menu-item-height);
	border-radius: var(--border-radius-sm);
	border-width: 0;
}

.side-menu--no-border .side-menu-trigger:hover,
.side-menu--no-border .side-menu-trigger:active {
	background-color: var(--color-bg-dark);
}

.side-menu--no-border .side-menu-trigger:hover .icon svg [stroke],
.side-menu--no-border .side-menu-trigger:active .icon svg [stroke] {
	stroke: var(--color-text-light);
}

/* catalog section */
.catalog-sections-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.5rem;
}

.catalog-section-link {
	display: block;
	padding: 0.75rem;
	background: var(--color-bg);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	transition: var(--transition-ui);
}

.catalog-section-link:hover {
	box-shadow: var(--box-shadow-light);
}

.catalog-section-link .image {
	position: relative;
	height: 0;
	padding: 0 0 66.66% 0;
}

.catalog-section-link .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.catalog-section-link .name {
	margin: 0.5rem 0 0 0;
	font-weight: 500;
	font-size: calc(var(--font-size) - 1px);
	color: var(--color-text);
	text-align: center;
	overflow-wrap: break-word;
	transition: var(--transition-ui);
}

.catalog-section-link:hover .name,
.catalog-section-link:active .name {
	color: var(--color-text-mid);
}

.catalog-section-link--subsection {
	display: flex;
	flex-flow: row nowrap;
	padding: 0.5rem 0.75rem;
}

.catalog-section-link--subsection .image {
	flex: 0 0 auto;
	width: 80px;
	height: 80px;
	padding: 0;
	margin: 0 0.75rem 0 0;
}

.catalog-section-link--subsection .name {
	flex: 1 1 50%;
	align-self: center;
	max-width: 100%;
	margin: 0;
	text-align: left;
}

@media (max-width: 1599px) {
	.catalog-sections-grid--subsections {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1023px) {
	.catalog-sections-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767px) {
	.catalog-sections-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.catalog-sections-grid {
		gap: 0.25rem;
	}

	.catalog-sections-grid--subsections {
		grid-template-columns: 100%;
	}

	.catalog-section-link--subsection {
		padding: 0.35rem 0.5rem;
	}

	.catalog-section-link--subsection .image {
		width: 68px;
		height: 68px;
	}
}

.section + .section {
	margin: calc(3rem * var(--line-height)) 0 0 0;
}

.section-heading {
	display: flex;
	flex-flow: row wrap;
	gap: calc(var(--bs-gutter-x) / 2);
	margin: 0 0 calc(1rem * var(--line-height));
}

.section-heading-text {
	flex: 1 1 50%;
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	gap: 0.5rem 1.5rem;
	max-width: 100%;
}

@media (max-width: 1023px) {
	.section-heading-text {
		justify-content: space-between;
	}
}

.section-heading .slider-nav-buttons {
	flex: 0 0 auto;
	display: flex;
	gap: 0.5rem;
	margin: 0 0 0 auto;
}

.catalog-items-slider {
	padding: 0 1px 0 0;
}

.catalog-items-slider .swiper {
	overflow: visible;
}

.catalog-items-slider .swiper .swiper-slide {
	height: auto;
}

.catalog-items-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
	width: auto;
	margin: 0 -4px;
}

.catalog-items-slider .swiper:not(.swiper-initialized) .swiper-slide {
	width: 20%;
	padding: 0 4px;
}

@media (max-width: 1599px) {
	.catalog-items-slider .swiper:not(.swiper-initialized) .swiper-slide {
		width: 25%;
	}
}

@media (max-width: 1023px) {
	.catalog-items-slider .swiper:not(.swiper-initialized) .swiper-slide {
		width: 33.33%;
	}
}

@media (max-width: 767px) {
	.catalog-items-slider .swiper:not(.swiper-initialized) .swiper-slide {
		width: 50%;
	}
}

@media (max-width: 575px) {
	.catalog-items-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
		margin: 0 -2px;
	}

	.catalog-items-slider .swiper:not(.swiper-initialized) .swiper-slide {
		padding: 0 2px;
	}
}

.slider-pagination.slider-pagination--static {
	--swiper-pagination-bottom: auto;
	--swiper-pagination-top: auto;

	position: static;
	margin: 1.5rem 0 0 0;
}

.catalog-item {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	padding: 0.5rem;
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius-sm);
	transition: var(--transition-ui);
}

.catalog-item:hover {
	box-shadow: var(--box-shadow-light);
}

.catalog-items-slider .catalog-item {
	height: 100%;
}

.catalog-item-actions {
	position: absolute;
	z-index: 2;
	top: 0.25rem;
	right: 0.25rem;
	display: flex;
	gap: 0.25rem;
}

.catalog-item-action {
	position: relative;
	width: 28px;
	height: 28px;
}

.catalog-item-action .icon {
	width: 20px;
}

.catalog-item-action.active {
	background-color: var(--color-bg-light);
}

.catalog-item-action-title {
	position: absolute;
	z-index: -1;
	bottom: 100%;
	right: 0;
	display: block;
	padding: 0.25rem 0.5rem;
	margin: 0 0 7px 0;
	font-size: calc(var(--font-size) - 3px);
	text-transform: initial;
	white-space: nowrap;
	background-color: var(--color-bg);
	border-radius: var(--border-radius-sm);
	box-shadow: var(--box-shadow-light);
	opacity: 0;
	pointer-events: none;
	transition: var(--transition-ui);
}

.catalog-item-action-title::before,
.catalog-item-action-title::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 7px;
	border: 6px solid transparent;
	border-top-color: var(--color-bg);
	z-index: 2;
}

.catalog-item-action:not(.active):hover .catalog-item-action-title:not(.active),
.catalog-item-action.active:hover .catalog-item-action-title.active {
	z-index: 2;
	opacity: 1;
}

.special-badge {
	position: absolute;
	z-index: 10;
	top: var(--border-radius-sm);
	left: var(--border-radius-sm);
	display: flex;
	flex-flow: column nowrap;
}

.special-badge-item {
	padding: 0.175rem 0.35rem;
	font-weight: 500;
	font-size: calc(var(--font-size) - 4px);
	color: var(--color-text-white);
	text-transform: uppercase;
	background: var(--color-bg-sale);
}

.special-badge-item.sale {
	background-color: var(--color-bg-sale);
}

.special-badge-item.new {
	background-color: var(--color-bg-new);
}

.special-badge-item.popular {
	background-color: var(--color-bg-popular);
}

.special-badge-item.discount {
	background-color: var(--color-bg-discount);
}

.special-badge-item + .special-badge-item {
	margin: 0.125rem 0 0 0;
}

.catalog-item {
	--font-size: 15px;
	--line-height: 1.2;

	font-size: var(--font-size);
	line-height: var(--line-height);
}

.catalog-item-link {
	display: block;
	text-decoration: none;
}

.catalog-item-image {
	position: relative;
	height: 0;
	padding: 0 0 100%;
}

.catalog-item-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.catalog-item-name {
	display: -webkit-box;
	height: calc(var(--font-size) * var(--line-height) * 2);
	margin: 0.5rem 0 0;
	color: var(--color-text);
	text-align: center;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: 0.25s;
	overflow: hidden;
}

.catalog-item-link:hover .catalog-item-name {
	color: var(--color-link);
}

.catalog-price {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: baseline;
	gap: 0.25rem;
	margin: 0.5rem 0 0;
	text-align: center;
}

.catalog-price .price-value {
	display: block;
	white-space: nowrap;
}

.catalog-price .price-actual {
	font-weight: 500;
	font-size: calc(var(--font-size) * 1.33);
	line-height: 1;
	color: var(--color-text-dark);
}

.catalog-price .price-old {
	position: relative;
	line-height: 1;
	color: var(--color-text-mid);
}

.catalog-price .price-old::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -1px;
	display: block;
	width: calc(100% + 2px);
	height: 1px;
	background-color: var(--color-text-mid);
	transform: rotate(-10deg);
}

.catalog-stock {
	margin: 0.25rem 0 0 0;
	font-size: 13px;
	text-align: center;
}

.catalog-stock.available {
	color: var(--color-green);
}

.catalog-stock.not-available {
	color: var(--color-red);
}

.catalog-item-props {
	margin: 0.75rem 0;
}

.props-list {
	font-size: var(--font-size-sm);
	line-height: 1.2;
	overflow-wrap: break-word;
}

.props-list-item {
	font-size: inherit;
	line-height: inherit;
}

.props-list-item + .props-list-item {
	margin: 0.35rem 0 0 0;
}

.props-list-item-name {
	color: var(--color-text-mid);
}

.props-list-item-value {
	color: var(--color-text);
}

.catalog-item-props .props-list-item-value {
	display: -webkit-box;
	max-height: calc(var(--font-size-sm) * 1.2 * 3);
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.catalog-item-bottom {
	margin: auto 0 0;
}

.catalog-item-scu-item + .catalog-item-scu-item {
	margin: 0.35rem 0 0;
}

.catalog-item-scu-item-inner {
	font-size: var(--font-size-sm);
	color: var(--color-text);
}

.catalog-item-scu-item-field {
	position: relative;
	margin: 0.175rem 0 0;
}

.catalog-item-scu-item-field::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: calc(50% - 2px);
	right: 0.5rem;
	border: 4px solid transparent;
	border-top-color: var(--color-text-mid);
	pointer-events: none;
}

.catalog-item-scu-item-field select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	height: 32px;
	padding: 0.25rem 0.5rem;
	font-size: var(--font-size-sm);
	color: var(--color-text-dark);
	background: var(--color-bg) no-repeat;
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius-sm);
	transition: var(--transition-ui);
	cursor: pointer;
}

.catalog-item-scu-item-field select:focus {
	border-color: var(--color-link);
	outline: none;
}

.catalog-item-buttons {
	display: flex;
	flex-flow: row nowrap;
	gap: 0.5rem;
	margin: 0.5rem 0 0;
}

.catalog-item-buttons > .btn {
	flex: 1 1 50%;
	max-width: 100%;
}

.quantity-ui {
	flex: 1 1 50%;
	display: flex;
	flex-flow: row wrap;
	max-width: 100%;
}

.quantity-ui-btn {
	position: relative;
	flex: 0 0 auto;
}

.quantity-ui-btn.btn {
	width: 28px;
}

.quantity-ui-btn::before {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 6px);
	display: block;
	width: 12px;
	height: 2px;
	background: var(--color-text-dark);
}

.quantity-ui-btn.minus {
	border-right: none;
	border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
}

.quantity-ui-btn.plus {
	border-left: none;
	border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
}

.quantity-ui-btn.plus::after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	left: calc(50% - 1px);
	display: block;
	width: 2px;
	height: 12px;
	background: var(--color-text-dark);
}

.quantity-ui-input {
	display: block;
	width: calc(100% - 56px);
	padding: 0.25rem;
	font-size: var(--font-size-input);
	color: var(--color-text);
	text-align: center;
	border: 1px solid var(--color-text-mid);
}

.quantity-ui-input:focus {
	border-color: var(--color-link);
	outline: none;
}

@media (max-width: 575px) {
	.catalog-item-buttons {
		flex-flow: row wrap;
	}
}

/* catalog section */
.catalog-section-ui {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin: 0 0 calc(1rem * var(--line-height)) 0;
}

.ui-sort {
	position: relative;
	z-index: 15;
}

.ui-sort-button {
	display: flex;
}

.ui-sort-selector {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 220px;
	padding: 0.75rem;
	background: var(--color-bg);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	opacity: 0;
	pointer-events: none;
	transition: var(--transition-ui);
}

.ui-sort--left .ui-sort-selector {
	right: auto;
	left: 0;
}

.ui-sort.active .ui-sort-selector {
	pointer-events: initial;
	opacity: 1;
}

.ui-sort-selector ul {
	list-style: none;
}

.ui-sort-selector li + li {
	margin: 0.25rem 0 0 0;
}

.ui-sort-selector-link {
	display: block;
	padding: 0.1rem 0;
	font-size: var(--font-size);
	color: var(--color-text-dark);
	transition: var(--transition-ui);
}

.ui-sort-selector-link:hover,
.ui-sort-selector-link:active {
	color: var(--color-text-mid);
}

.ui-sort-selector-link.active {
	color: var(--color-text-mid);
}

.catalog-items-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0.5rem;
}

.items-pagination {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	margin: 2rem 0 0 0;
}

.items-pagination-more {
	flex: 0 0 auto;
}

.items-pagination-more:has(+ .items-pagination-pages) {
	margin: 0 auto 0 0;
}

.items-pagination-pages {
	display: flex;
	gap: 0 0.25rem;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color-bg-mid) transparent;
}

.items-pagination-pages a,
.items-pagination-pages span {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 32px;
	height: 32px;
	padding: 0 0.125rem;
	font-size: var(--font-size-sm);
	color: var(--color-text-dark);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius-sm);
	transition: var(--transition-ui);
}

.items-pagination-pages a:hover,
.items-pagination-pages a:active {
	background-color: var(--color-bg-light);
}

.items-pagination-pages .active {
	font-weight: 600;
	background-color: var(--color-bg-light);
	border-color: transparent;
}

.items-pagination-pages-arrow svg {
	width: 24px;
	height: auto;
}

.items-pagination-pages-arrow svg path {
	stroke: var(--color-text-dark);
	transition: var(--transition-ui);
}

.items-pagination-pages .items-pagination-pages-arrow {
	min-width: 24px;
	padding: 0;
}

.items-pagination-pages .items-pagination-pages-arrow,
.items-pagination-pages .items-pagination-pages-arrow:hover,
.items-pagination-pages .items-pagination-pages-arrow:active {
	border-color: transparent;
}

@media (max-width: 1599px) {
	.catalog-items-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1023px) {
	.catalog-items-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767px) {
	.catalog-items-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.items-pagination {
		flex-flow: column nowrap;
	}

	.items-pagination-more:has(+ .items-pagination-pages) {
		margin: 0 0 1rem 0;
	}
}

@media (max-width: 575px) {
	.catalog-items-grid {
		gap: 0.25rem;
	}
}

.catalog-element-grid {
	display: grid;
	grid-template-columns: repeat(2, calc(50% - var(--bs-gutter-x) / 2));
	gap: 0 var(--bs-gutter-x);
}

.catalog-element-col {
	position: relative;
}

.catalog-element .special-badge {
	top: var(--border-radius);
	left: var(--border-radius);
}

.catalog-element .catalog-item-actions {
	top: 0.35rem;
	right: 0.35rem;
}

.catalog-element-slider {
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	overflow: hidden;
}

.catalog-element-slide,
.catalog-element-thumb {
	position: relative;
	display: block;
	height: 0;
	padding: 0 0 75% 0;
}

.catalog-element-slide img,
.catalog-element-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.catalog-element-thumbs {
	position: relative;
	margin: 8px 0 0 0;
	padding: 0 40px;

}

.catalog-element-thumbs .btn {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.catalog-element-thumbs .btn + .btn {
	right: 0;
	left: auto;
}

.catalog-element-thumb {
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	cursor: pointer;
	overflow: hidden;
}

.catalog-element-thumb img {
	opacity: 0.75;
	transition: var(--transition-ui);
}

.catalog-element-thumb:hover img {
	opacity: 1;
}

.catalog-element-thumb img {
	object-fit: cover;
}

.swiper-slide-thumb-active .catalog-element-thumb {
	border-color: var(--color-text-light);
}

.swiper-slide-thumb-active .catalog-element-thumb img {
	opacity: 1;
}

.catalog-element-top  {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 1.5rem 0;
	padding: 0 0 0.5rem 0;
	border-bottom: 1px solid var(--color-text-mid);
}

.catalog-element-top-props {
	flex: 1 1 50%;
	max-width: 100%;
	align-self: center;
}

.catalog-element .props-list-item {
	display: flex;
	gap: 0.5rem;
}

.catalog-element .props-list-item + .props-list-item {
	margin: 0.5rem 0 0 0;
}

.catalog-element .props-list-item-name {
	flex: 1 1 auto;
	width: 30%;
}

.catalog-element .props-list-item-value {
	flex: 1 1 50%;
	max-width: 100%;
}

.catalog-element-price {
	margin: 0 0 1.5rem 0;
}

.catalog-element-price .catalog-price {
	margin: 0;
	justify-content: flex-start;
	gap: 0.5rem;
}

.catalog-element-price .price-actual {
	font-size: calc(var(--font-size) * 2);
}

.catalog-element-price .price-old {
	font-size: calc(var(--font-size) * 1.33);
}

.catalog-element-price .catalog-stock {
	text-align: left;
}

.catalog-element-sku {
	margin: 0 0 1.5rem 0;
}

.catalog-element-sku-block + .catalog-element-sku-block {
	margin: 0.5rem 0 0 0;
}

.catalog-element-sku-title {
	font-size: calc(var(--font-size) - 1px);
}

.catalog-element-sku-list {
	display: flex;
	flex-flow: row wrap;
	gap: 0.25rem;
	max-height: calc(96px + 0.5rem);
	margin: 0.125rem 0 0 0;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color-bg-mid) transparent;
}

.catalog-element-sku-item {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 32px;
	min-height: 32px;
	padding: 0 0.35rem;
	font-size: 13px;
	color: var(--color-text-dark);
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius-sm);
	transition: var(--transition-ui);
	cursor: pointer;
}

.catalog-element-sku-item:hover,
.catalog-element-sku-item.selected {
	background: var(--color-bg-light);
}

.catalog-element-sku-item.selected {
	color: var(--color-text);
	border-color: transparent;
	cursor: initial;
}

.catalog-element-buy {
	margin: 0 0 1.5rem 0;
}

.catalog-element-buy-row {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 0.5rem;
	max-width: 440px;
}

.catalog-element-buy-row + .catalog-element-buy-row {
	margin: 0.5rem 0 0 0;
}

.catalog-element-buy-col {
	width: calc(50% - 0.25rem);
}

.catalog-element-total {
	font-size: var(--font-size-sm);
}

.catalog-element-share {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: var(--font-size-sm);
	margin: 1.5rem 0 0 0;
	padding: 0.5rem 0 0 0;
	border-top: 1px solid var(--color-text-mid);
}

.catalog-element-tabs {
	margin: calc(2rem * var(--line-height)) 0 0 0;
}

.catalog-element-tab-buttons {
	position: relative;
	display: flex;
	gap: 0 1rem;
	margin: 0 0 1rem 0;
}

.catalog-element-tab-buttons::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: var(--color-bg-mid);
}

.tab-button {
	padding: 0 1rem;
	text-transform: initial;
	border-color: var(--color-text-mid);
	border-width: 0 0 2px 0;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.tab-button.active {
	background-color: var(--color-bg-light);
	border-color: var(--color-text-mid);
}

.tab-container {
	transition: var(--transition-ui);
	overflow: hidden;
}

.tab-container:not(.active) {
	height: 0;
	opacity: 0;
}

.catalog-element-prop {
	display: flex;
	gap: 0 0.5rem;
	padding: 0 0 0.325rem 0;
	margin: 0 0 0.325rem 0;
	font-size: calc(var(--font-size) - 1px);
	line-height: 1.4;
	border-bottom: 1px solid var(--color-stroke);
}

.catalog-element-prop-name {
	flex: 0 0 auto;
	align-self: center;
	width: calc(50% - 0.24rem);
	font-weight: 500;
	color: var(--color-text-dark);
}

.catalog-element-prop-value {
	flex: 0 0 auto;
	width: calc(50% - 0.24rem);
}

.catalog-element-simple-props {
	margin: 1.5rem 0;
	padding: 0.5rem 0;
	border-top: 1px solid var(--color-stroke);
	border-bottom: 1px solid var(--color-stroke);
}

.catalog-element-info {
	margin: 0 0 1.5rem 0;
}

@media (max-width: 767px) {
	.catalog-element-grid {
		grid-template-columns: 100%;
		gap: calc(2rem * var(--line-height)) 0;
	}

	.catalog-element-top {
		flex-flow: column nowrap;
	}

	.catalog-element-top-props {
		flex: 0 0 auto;
		width: 100%;
	}

	.catalog-element .props-list-item-name,
	.catalog-element .props-list-item-value {
		width: calc(50% - 0.25rem);
	}

	.catalog-element-tab-buttons {
		gap: 0.5rem;
	}

	.tab-button {
		padding: 0 0.5rem;
	}
}

@media (max-width: 575px) {
	.catalog-element .props-list-item {
		flex-flow: column nowrap;
		gap: 0;
	}

	.catalog-element .props-list-item-name,
	.catalog-element .props-list-item-value {
		width: 100%;
	}

	.catalog-element-tab-buttons {
		flex-flow: column nowrap;
		gap: 0.5rem;
	}

	.catalog-element-tab-buttons::after {
		display: none;
	}

	.tab-button {
		width: 100%;
		border-width: 1px;
		border-radius: var(--border-radius);
	}

	.catalog-element-prop {
		flex-flow: row wrap;
	}

	.catalog-element-prop-name {
		width: 100%;
		margin: 0 0 0.25rem 0;
	}

	.catalog-element-prop-value {
		width: 100%;
	}
}

.payment-logos {
	display: flex;
	flex-flow: row wrap;
	gap: var(--bs-gutter-x);
	margin: calc(1rem * var(--line-height)) 0;
}

.payment-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 100px;
	padding: 0.25rem;
}

.payment-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (max-width: 767px) {
	.payment-logo {
		width: 120px;
		height: 80px;
	}
}

.buy-offline-city {
	margin: calc(1rem * var(--line-height)) 0 0 0;
}

.buy-offline-city-heading {
	margin: 0 0 1rem;
}

.buy-offline-list {
	column-count: 2;
	gap: calc(var(--bs-gutter-x) / 2);
}

.buy-offline-item {
	break-inside: avoid-column;
	padding: 0.75rem 1rem;
	margin: 0 0 calc(var(--bs-gutter-x) / 2) 0;
	border: 1px solid var(--color-text-mid);
}

.buy-offline-item:last-child {
	margin: 0;
}

.buy-offline-item-heading {
	margin: 0 0 1rem;
}

.buy-offline-item-contacts + .buy-offline-item-contacts {
	padding: 0.5rem 0 0 0;
	margin: 0.5rem 0 0 0;
	border-top: 1px solid var(--color-stroke);
}

.buy-offline-item-contacts .contacts-line + .contacts-line {
	margin: 0.35rem 0 0 0;
}

@media (max-width: 767px) {
	.buy-offline-list {
		column-count: initial;
	}

	.buy-offline-item {
		padding: 0.75rem 0.5rem;
	}
}

.brand-top {
	display: flex;
	align-items: center;
	gap: var(--bs-gutter-x);
	margin: 0 0 2rem 0;
}

.brand-top-col {
	width: 290px;
}

.brand-logo {
	margin: 0 0 16px 0;
	height: 140px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
}
.brand-logo img {
	width: auto;
	max-height: 100%;
	object-fit: contain;
}

.brand-name {
	width: 100%;
	text-align: center;
}

@media (max-width: 1023px) {
	.brand-top-col {
		width: 232px;
	}
}

@media (max-width: 767px) {
	.brand-top {
		flex-flow: column nowrap;
		align-items: flex-start;
	}

	.brand-name {
		text-align: left;
	}
}

@media (max-width: 575px) {
	.brand-top-col {
		width: 100%;
	}
}

.on-page-slider {
	position: relative;
	margin: calc(1rem * var(--line-height)) 0;
}

.on-page-slider .swiper {
	padding: 1px;
	border-radius: var(--border-radius);
}

.on-page-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
	width: auto;
	margin: 0 -8px;
}

.on-page-slider .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
	width: calc(25% - 12px);
	margin: 0 8px;
}

.on-page-slider .swiper-button-lock {
	opacity: 0;
}

.on-page-slider-prev,
.on-page-slider-next {
	position: absolute;
	z-index: 5;
	top: calc(50% - 21px);
	left: calc(var(--border-radius) * -1);
}

.on-page-slider-next {
	right: calc(var(--border-radius) * -1);
	left: auto;
}

.on-page-slider .slider-pagination {
	margin: 1.5rem auto 0;
}

.on-page-slider .slider-pagination.swiper-pagination-bullets-dynamic {
	transform: none;
}

.on-page-slide {
	display: block;
	border: 1px solid var(--color-text-mid);
	border-radius: var(--border-radius);
	overflow: hidden;
}

.on-page-slide-image {
	position: relative;
	height: 0;
	padding: 0 0 95% 0;
	overflow: hidden;
}

.on-page-slide-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: var(--transition-ui);
}

a.on-page-slide:hover .on-page-slide-image img {
	transform: scale(1.05);
}

.on-page-slide-title {
	padding: 0.25rem 0.5rem;
	font-size: var(--font-size-sm);
	color: var(--color-text-dark);
	transition: var(--transition-ui);
}

a.on-page-slide:hover .on-page-slide-title {
	color: var(--color-text-mid);
}

@media (max-width: 1599px) {
	.on-page-slider .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
		width: calc(33.33% - 10px);
	}
}

@media (max-width: 767px) {
	.on-page-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
		margin: 0 -4px;
	}

	.on-page-slider .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
		width: calc(50% - 4px);
		margin: 0 4px;
	}
}

@media (max-width: 575px) {
	.on-page-slider .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
		width: calc(100% - 8px);
	}
}

.contacts-item {
	display: flex;
}

.contacts-item + .contacts-item {
	margin: 2rem 0 0 0;
}

.contacts-item-icon {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	margin: 0 var(--bs-gutter-x) 0 0;
}

.contacts-item-icon svg {
	width: 100%;
	height: auto;
}

.contacts-item-icon svg path {
	stroke: var(--color-text-mid);
}

.contacts-item-value {
	margin: 0.5rem 0 0 0;
}

.contacts-map-container {
	height: 480px;
}

@media (max-width: 1023px) {
	.contacts {
		margin: 0 0 calc(3rem * var(--line-height));
	}
}
/* End */
/* /bitrix/templates/admin/css/normalize.css?17506678181155 */
/* /bitrix/templates/admin/css/grid.css?175066781834024 */
/* /bitrix/templates/admin/css/variables.css?17506678182485 */
/* /bitrix/templates/admin/css/main.css?176312469074032 */