/* ������ �� 2026-02-01 07:02:39 */

/* --- Source: ./vars.css --- */
:root {

	--font-size: 16px;
	--line-height: 1.5;
	--font-family: roboto, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--gutter: 1.25rem;
	--transition-duration: .4s ease-out ;

	--border-radius-sm: 2px;
	--border-radius-md: 4px;
	--border-radius-lg: 8px;
	--border-radius-xl: 12px;
	
	--shadow-level1: 0 1px 2px #0000001a;
	--shadow-level2: 0 3px 4px #0000001a;
	--shadow-level3: 0 3px 5px 0 rgba(47, 47, 47, 0.25);
	--shadow-level-c: 0 1px 3px 0 rgba(13, 13, 13, 0.25);;

	--gray-main: #383E48;
	--gray-dark: #272C33;
	--gray-light: #73787F;
	--gray-extra-light: #D7D8DA;
	--gray-white: #FFFFFF;

	--blue-main: #005293;
	--blue-dark: #003969;
	--blue-light: #4C85B5;
	--blue-extra-light: #CCDCEA;

	--orange-main: #FE692D;
	--orange-dark: #db5622;
	--orange-light: #FF7A44;
	--orange-extra-light: #FFE1D5;
	--orange-gradient: linear-gradient(99deg, #ffaa5c 0%, #ff7a00 31%, #e44100 84%);

	--purple-main: #855CD6;
	--purple-dark: #5D4196;
	--purple-light: #A98DE2;
	--purple-extra-light: #E7DEF7;

	--yellow-main: #FFBF3F;
	--yellow-dark: #B3862C;
	--yellow-light: #FFD278;
	--yellow-extra-light: #FFF2D9;

	--green-main: #009E55;
	--green-dark: #006F3C;
	--green-light: #4CBB88;
	--green-extra-light: #CCECDD;

	--red-accent: #B32424;
	--body-bg: #F6F6F6;
	--orange-gradient: linear-gradient(99deg, #ffaa5c 0%, #ff7a00 31%, #e44100 84%);
	--blue-gradient: linear-gradient(to right, #d399d8 0%, #5ba3df 29%, #5ba3df 65%, #4cafb5 100%);
	--red-black-gradient:linear-gradient(to top right, #f50404 0%, #060606 90%);
	--blue-cyan-gradient:linear-gradient(to top right, #02CFFFFF 0%,#005293  90%);

	--link-before:#0000FF;
	--link-after:#800080;
}

/******darl-light mode *******/

.light {
  --body-bg: #F6F6F6;
  --body-color: var(--gray-main);
	--gray-white: #FFFFFF;
}

.dark {
  --body-bg: #13181e;
  --body-color: var(--gray-white);
	--gray-white: #FFFFFF;

}
/******************************/

html {
  font-size: var(--font-size);
	/**������� ������ ���������� �� ����������� ��� ��������� / ������������ ���������� */
	scrollbar-gutter: stable;																		   
}

body {
	font-family: var(--font-family);
	line-height: var(--line-height);
	background-color: var(--body-bg);
	color: var(--gray-main);
	position: relative;
	overflow-x: hidden;
	min-width: 320px;
	z-index: -2;
}
/* section{
	margin-bottom: 80px;
} */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

.hide{
	display: none !important;
}

.hide_urp{
	display: none !important;
}

.hide_np_courier {
	display: none!important;
}

.disableButton{
	border-color: #C4C4C4 !important;
	background-color: #C4C4C4 !important;
	color: #005293 !important;
}
.disableButton:hover{
	border-color: #C4C4C4 !important;
	background-color: #C4C4C4 !important;
	color: #005293 !important;
	background: #C4C4C4 !important;
}
.disableInput{ background:#D7D8DA;}

.disablePromo {
	background: linear-gradient(96deg, #383E48 4.64%, #D7D8DA 75.66%);
}

.fixed{
	/* position: fixed; */
	overflow-y: hidden;
}
.free-space{
	width: 100%;
	height: 80px;
	background: var(--blue-main);
}

.baner-l img{
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-lg);

}

.baner-r img{
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-lg);

}
.baner-r .row {
	display: flex;
	align-items: stretch; /* ��� �������� ������� ����������� */
}

.shorts-video-col {
	position: relative;
	height: 100%;
	min-height: 250px;
}

/* 2. �������� �����: ���������� ������������ ��������� 9:16 (16 / 9 * 100% = 177.77%) */
.shorts-video-col::before {
	content: "";
	display: block;
	padding-top: 177.77%;
	height: 0;
}

/* 3. iframe: ���������� ����� ���������� ������������ */
.youtube-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-lg);
}
@media (max-width : 991.98px) {
.banner-main-col{
	padding-right: 0!important;
	padding-left: 0!important;
	margin-top: 0.25rem!important;
	margin-bottom: 0.25rem!important;
}
}

.ui-datepicker {
	z-index: 0!important;
	width: auto!important;
}
/* --- Source: ../../js/vendor/global-reset/global-reset.css --- */
*, ::after, ::before { box-sizing: border-box; }
body { margin: 0; -webkit-text-size-adjust: 100%; scrollbar-gutter: stable; }
h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; margin-top: 0; }
hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; }
img, svg { vertical-align: middle; }
table { border-collapse: collapse; }
blockquote, p { margin: 0 0 1rem }
small { font-size: .8rem; }
input:user-invalid, textarea:user-invalid { border-color: var(--red-accent); }
input:user-valid, textarea:user-valid { border-color: var(--green-main); }
textarea { resize: vertical; }
input { outline: none; }
[type=button]:not(:disabled), [type=reset]:not(:disabled),
[type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
::placeholder { color: var(--gray-light); }

/* --- Source: ../../js/vendor/grid-system/grid-system.css --- */
/*!
 * Bootstrap Grid v5.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

 .container,
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
	 width: 100%;
	 padding-right: var(--bs-gutter-x, 0.75rem);
	 padding-left: var(--bs-gutter-x, 0.75rem);
	 margin-right: auto;
	 margin-left: auto;
 }
 @media (min-width: 576px) {
	 .container,
	 .container-sm {
		 max-width: 540px;
	 }
 }
 @media (min-width: 768px) {
	 .container,
	 .container-md,
	 .container-sm {
		 max-width: 720px;
	 }
 }
 @media (min-width: 992px) {
	 .container,
	 .container-lg,
	 .container-md,
	 .container-sm {
		 max-width: 960px;
	 }
 }
 @media (min-width: 1200px) {
	 .container,
	 .container-lg,
	 .container-md,
	 .container-sm,
	 .container-xl {
		 max-width: 1140px;
	 }
 }
 @media (min-width: 1442px) {
	 .container,
	 .container-lg,
	 .container-md,
	 .container-sm,
	 .container-xl,
	 .container-xxl {
		 max-width: 1440px;
	 }
 }
 .row {
	 --bs-gutter-x: 1.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);
 }
 .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;
 }
 .g-1,
 .gx-1 {
	 --bs-gutter-x: 0.25rem;
 }
 .g-1,
 .gy-1 {
	 --bs-gutter-y: 0.25rem;
 }
 .g-2,
 .gx-2 {
	 --bs-gutter-x: 0.5rem;
 }
 .g-2,
 .gy-2 {
	 --bs-gutter-y: 0.5rem;
 }
 .g-3,
 .gx-3 {
	 --bs-gutter-x: 1rem;
 }
 .g-3,
 .gy-3 {
	 --bs-gutter-y: 1rem;
 }
 .g-4,
 .gx-4 {
	 --bs-gutter-x: 1.5rem;
 }
 .g-4,
 .gy-4 {
	 --bs-gutter-y: 1.5rem;
 }
 .g-5,
 .gx-5 {
	 --bs-gutter-x: 3rem;
 }
 .g-5,
 .gy-5 {
	 --bs-gutter-y: 3rem;
 }
 @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;
	 }
	 .g-sm-1,
	 .gx-sm-1 {
		 --bs-gutter-x: 0.25rem;
	 }
	 .g-sm-1,
	 .gy-sm-1 {
		 --bs-gutter-y: 0.25rem;
	 }
	 .g-sm-2,
	 .gx-sm-2 {
		 --bs-gutter-x: 0.5rem;
	 }
	 .g-sm-2,
	 .gy-sm-2 {
		 --bs-gutter-y: 0.5rem;
	 }
	 .g-sm-3,
	 .gx-sm-3 {
		 --bs-gutter-x: 1rem;
	 }
	 .g-sm-3,
	 .gy-sm-3 {
		 --bs-gutter-y: 1rem;
	 }
	 .g-sm-4,
	 .gx-sm-4 {
		 --bs-gutter-x: 1.5rem;
	 }
	 .g-sm-4,
	 .gy-sm-4 {
		 --bs-gutter-y: 1.5rem;
	 }
	 .g-sm-5,
	 .gx-sm-5 {
		 --bs-gutter-x: 3rem;
	 }
	 .g-sm-5,
	 .gy-sm-5 {
		 --bs-gutter-y: 3rem;
	 }
 }
 @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;
	 }
	 .g-md-1,
	 .gx-md-1 {
		 --bs-gutter-x: 0.25rem;
	 }
	 .g-md-1,
	 .gy-md-1 {
		 --bs-gutter-y: 0.25rem;
	 }
	 .g-md-2,
	 .gx-md-2 {
		 --bs-gutter-x: 0.5rem;
	 }
	 .g-md-2,
	 .gy-md-2 {
		 --bs-gutter-y: 0.5rem;
	 }
	 .g-md-3,
	 .gx-md-3 {
		 --bs-gutter-x: 1rem;
	 }
	 .g-md-3,
	 .gy-md-3 {
		 --bs-gutter-y: 1rem;
	 }
	 .g-md-4,
	 .gx-md-4 {
		 --bs-gutter-x: 1.5rem;
	 }
	 .g-md-4,
	 .gy-md-4 {
		 --bs-gutter-y: 1.5rem;
	 }
	 .g-md-5,
	 .gx-md-5 {
		 --bs-gutter-x: 3rem;
	 }
	 .g-md-5,
	 .gy-md-5 {
		 --bs-gutter-y: 3rem;
	 }
 }
 @media (min-width: 992px) {
	 .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;
	 }
	 .g-lg-1,
	 .gx-lg-1 {
		 --bs-gutter-x: 0.25rem;
	 }
	 .g-lg-1,
	 .gy-lg-1 {
		 --bs-gutter-y: 0.25rem;
	 }
	 .g-lg-2,
	 .gx-lg-2 {
		 --bs-gutter-x: 0.5rem;
	 }
	 .g-lg-2,
	 .gy-lg-2 {
		 --bs-gutter-y: 0.5rem;
	 }
	 .g-lg-3,
	 .gx-lg-3 {
		 --bs-gutter-x: 1rem;
	 }
	 .g-lg-3,
	 .gy-lg-3 {
		 --bs-gutter-y: 1rem;
	 }
	 .g-lg-4,
	 .gx-lg-4 {
		 --bs-gutter-x: 1.5rem;
	 }
	 .g-lg-4,
	 .gy-lg-4 {
		 --bs-gutter-y: 1.5rem;
	 }
	 .g-lg-5,
	 .gx-lg-5 {
		 --bs-gutter-x: 3rem;
	 }
	 .g-lg-5,
	 .gy-lg-5 {
		 --bs-gutter-y: 3rem;
	 }
 }
 @media (min-width: 1200px) {
	 .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;
	 }
	 .g-xl-1,
	 .gx-xl-1 {
		 --bs-gutter-x: 0.25rem;
	 }
	 .g-xl-1,
	 .gy-xl-1 {
		 --bs-gutter-y: 0.25rem;
	 }
	 .g-xl-2,
	 .gx-xl-2 {
		 --bs-gutter-x: 0.5rem;
	 }
	 .g-xl-2,
	 .gy-xl-2 {
		 --bs-gutter-y: 0.5rem;
	 }
	 .g-xl-3,
	 .gx-xl-3 {
		 --bs-gutter-x: 1rem;
	 }
	 .g-xl-3,
	 .gy-xl-3 {
		 --bs-gutter-y: 1rem;
	 }
	 .g-xl-4,
	 .gx-xl-4 {
		 --bs-gutter-x: 1.5rem;
	 }
	 .g-xl-4,
	 .gy-xl-4 {
		 --bs-gutter-y: 1.5rem;
	 }
	 .g-xl-5,
	 .gx-xl-5 {
		 --bs-gutter-x: 3rem;
	 }
	 .g-xl-5,
	 .gy-xl-5 {
		 --bs-gutter-y: 3rem;
	 }
 }
 @media (min-width: 1442px) {
	 .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;
	 }
	 .g-xxl-1,
	 .gx-xxl-1 {
		 --bs-gutter-x: 0.25rem;
	 }
	 .g-xxl-1,
	 .gy-xxl-1 {
		 --bs-gutter-y: 0.25rem;
	 }
	 .g-xxl-2,
	 .gx-xxl-2 {
		 --bs-gutter-x: 0.5rem;
	 }
	 .g-xxl-2,
	 .gy-xxl-2 {
		 --bs-gutter-y: 0.5rem;
	 }
	 .g-xxl-3,
	 .gx-xxl-3 {
		 --bs-gutter-x: 1rem;
	 }
	 .g-xxl-3,
	 .gy-xxl-3 {
		 --bs-gutter-y: 1rem;
	 }
	 .g-xxl-4,
	 .gx-xxl-4 {
		 --bs-gutter-x: 1.5rem;
	 }
	 .g-xxl-4,
	 .gy-xxl-4 {
		 --bs-gutter-y: 1.5rem;
	 }
	 .g-xxl-5,
	 .gx-xxl-5 {
		 --bs-gutter-x: 3rem;
	 }
	 .g-xxl-5,
	 .gy-xxl-5 {
		 --bs-gutter-y: 3rem;
	 }
 }
 .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;
 }
 .m-0 {
	 margin: 0 !important;
 }
 .m-1 {
	 margin: 0.25rem !important;
 }
 .m-2 {
	 margin: 0.5rem !important;
 }
 .m-3 {
	 margin: 1rem !important;
 }
 .m-4 {
	 margin: 1.5rem !important;
 }
 .m-5 {
	 margin: 3rem !important;
 }
 .m-auto {
	 margin: auto !important;
 }
 .mx-0 {
	 margin-right: 0 !important;
	 margin-left: 0 !important;
 }
 .mx-1 {
	 margin-right: 0.25rem !important;
	 margin-left: 0.25rem !important;
 }
 .mx-2 {
	 margin-right: 0.5rem !important;
	 margin-left: 0.5rem !important;
 }
 .mx-3 {
	 margin-right: 1rem !important;
	 margin-left: 1rem !important;
 }
 .mx-4 {
	 margin-right: 1.5rem !important;
	 margin-left: 1.5rem !important;
 }
 .mx-5 {
	 margin-right: 3rem !important;
	 margin-left: 3rem !important;
 }
 .mx-auto {
	 margin-right: auto !important;
	 margin-left: auto !important;
 }
 .my-0 {
	 margin-top: 0 !important;
	 margin-bottom: 0 !important;
 }
 .my-1 {
	 margin-top: 0.25rem !important;
	 margin-bottom: 0.25rem !important;
 }
 .my-2 {
	 margin-top: 0.5rem !important;
	 margin-bottom: 0.5rem !important;
 }
 .my-3 {
	 margin-top: 1rem !important;
	 margin-bottom: 1rem !important;
 }
 .my-4 {
	 margin-top: 1.5rem !important;
	 margin-bottom: 1.5rem !important;
 }
 .my-5 {
	 margin-top: 3rem !important;
	 margin-bottom: 3rem !important;
 }
 .my-auto {
	 margin-top: auto !important;
	 margin-bottom: auto !important;
 }
 .mt-0 {
	 margin-top: 0 !important;
 }
 .mt-1 {
	 margin-top: 0.25rem !important;
 }
 .mt-2 {
	 margin-top: 0.5rem !important;
 }
 .mt-3 {
	 margin-top: 1rem !important;
 }
 .mt-4 {
	 margin-top: 1.5rem !important;
 }
 .mt-5 {
	 margin-top: 3rem !important;
 }
 .mt-auto {
	 margin-top: auto !important;
 }
 .me-0 {
	 margin-right: 0 !important;
 }
 .me-1 {
	 margin-right: 0.25rem !important;
 }
 .me-2 {
	 margin-right: 0.5rem !important;
 }
 .me-3 {
	 margin-right: 1rem !important;
 }
 .me-4 {
	 margin-right: 1.5rem !important;
 }
 .me-5 {
	 margin-right: 3rem !important;
 }
 .me-auto {
	 margin-right: auto !important;
 }
 .mb-0 {
	 margin-bottom: 0 !important;
 }
 .mb-1 {
	 margin-bottom: 0.25rem !important;
 }
 .mb-2 {
	 margin-bottom: 0.5rem !important;
 }
 .mb-3 {
	 margin-bottom: 1rem !important;
 }
 .mb-4 {
	 margin-bottom: 1.5rem !important;
 }
 .mb-5 {
	 margin-bottom: 3rem !important;
 }
 .mb-auto {
	 margin-bottom: auto !important;
 }
 .ms-0 {
	 margin-left: 0 !important;
 }
 .ms-1 {
	 margin-left: 0.25rem !important;
 }
 .ms-2 {
	 margin-left: 0.5rem !important;
 }
 .ms-3 {
	 margin-left: 1rem !important;
 }
 .ms-4 {
	 margin-left: 1.5rem !important;
 }
 .ms-5 {
	 margin-left: 3rem !important;
 }
 .ms-auto {
	 margin-left: auto !important;
 }
 .p-0 {
	 padding: 0 !important;
 }
 .p-1 {
	 padding: 0.25rem !important;
 }
 .p-2 {
	 padding: 0.5rem !important;
 }
 .p-3 {
	 padding: 1rem !important;
 }
 .p-4 {
	 padding: 1.5rem !important;
 }
 .p-5 {
	 padding: 3rem !important;
 }
 .px-0 {
	 padding-right: 0 !important;
	 padding-left: 0 !important;
 }
 .px-1 {
	 padding-right: 0.25rem !important;
	 padding-left: 0.25rem !important;
 }
 .px-2 {
	 padding-right: 0.5rem !important;
	 padding-left: 0.5rem !important;
 }
 .px-3 {
	 padding-right: 1rem !important;
	 padding-left: 1rem !important;
 }
 .px-4 {
	 padding-right: 1.5rem !important;
	 padding-left: 1.5rem !important;
 }
 .px-5 {
	 padding-right: 3rem !important;
	 padding-left: 3rem !important;
 }
 .py-0 {
	 padding-top: 0 !important;
	 padding-bottom: 0 !important;
 }
 .py-1 {
	 padding-top: 0.25rem !important;
	 padding-bottom: 0.25rem !important;
 }
 .py-2 {
	 padding-top: 0.5rem !important;
	 padding-bottom: 0.5rem !important;
 }
 .py-3 {
	 padding-top: 1rem !important;
	 padding-bottom: 1rem !important;
 }
 .py-4 {
	 padding-top: 1.5rem !important;
	 padding-bottom: 1.5rem !important;
 }
 .py-5 {
	 padding-top: 3rem !important;
	 padding-bottom: 3rem !important;
 }
 .pt-0 {
	 padding-top: 0 !important;
 }
 .pt-1 {
	 padding-top: 0.25rem !important;
 }
 .pt-2 {
	 padding-top: 0.5rem !important;
 }
 .pt-3 {
	 padding-top: 1rem !important;
 }
 .pt-4 {
	 padding-top: 1.5rem !important;
 }
 .pt-5 {
	 padding-top: 3rem !important;
 }
 .pe-0 {
	 padding-right: 0 !important;
 }
 .pe-1 {
	 padding-right: 0.25rem !important;
 }
 .pe-2 {
	 padding-right: 0.5rem !important;
 }
 .pe-3 {
	 padding-right: 1rem !important;
 }
 .pe-4 {
	 padding-right: 1.5rem !important;
 }
 .pe-5 {
	 padding-right: 3rem !important;
 }
 .pb-0 {
	 padding-bottom: 0 !important;
 }
 .pb-1 {
	 padding-bottom: 0.25rem !important;
 }
 .pb-2 {
	 padding-bottom: 0.5rem !important;
 }
 .pb-3 {
	 padding-bottom: 1rem !important;
 }
 .pb-4 {
	 padding-bottom: 1.5rem !important;
 }
 .pb-5 {
	 padding-bottom: 3rem !important;
 }
 .ps-0 {
	 padding-left: 0 !important;
 }
 .ps-1 {
	 padding-left: 0.25rem !important;
 }
 .ps-2 {
	 padding-left: 0.5rem !important;
 }
 .ps-3 {
	 padding-left: 1rem !important;
 }
 .ps-4 {
	 padding-left: 1.5rem !important;
 }
 .ps-5 {
	 padding-left: 3rem !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;
	 }
	 .m-sm-0 {
		 margin: 0 !important;
	 }
	 .m-sm-1 {
		 margin: 0.25rem !important;
	 }
	 .m-sm-2 {
		 margin: 0.5rem !important;
	 }
	 .m-sm-3 {
		 margin: 1rem !important;
	 }
	 .m-sm-4 {
		 margin: 1.5rem !important;
	 }
	 .m-sm-5 {
		 margin: 3rem !important;
	 }
	 .m-sm-auto {
		 margin: auto !important;
	 }
	 .mx-sm-0 {
		 margin-right: 0 !important;
		 margin-left: 0 !important;
	 }
	 .mx-sm-1 {
		 margin-right: 0.25rem !important;
		 margin-left: 0.25rem !important;
	 }
	 .mx-sm-2 {
		 margin-right: 0.5rem !important;
		 margin-left: 0.5rem !important;
	 }
	 .mx-sm-3 {
		 margin-right: 1rem !important;
		 margin-left: 1rem !important;
	 }
	 .mx-sm-4 {
		 margin-right: 1.5rem !important;
		 margin-left: 1.5rem !important;
	 }
	 .mx-sm-5 {
		 margin-right: 3rem !important;
		 margin-left: 3rem !important;
	 }
	 .mx-sm-auto {
		 margin-right: auto !important;
		 margin-left: auto !important;
	 }
	 .my-sm-0 {
		 margin-top: 0 !important;
		 margin-bottom: 0 !important;
	 }
	 .my-sm-1 {
		 margin-top: 0.25rem !important;
		 margin-bottom: 0.25rem !important;
	 }
	 .my-sm-2 {
		 margin-top: 0.5rem !important;
		 margin-bottom: 0.5rem !important;
	 }
	 .my-sm-3 {
		 margin-top: 1rem !important;
		 margin-bottom: 1rem !important;
	 }
	 .my-sm-4 {
		 margin-top: 1.5rem !important;
		 margin-bottom: 1.5rem !important;
	 }
	 .my-sm-5 {
		 margin-top: 3rem !important;
		 margin-bottom: 3rem !important;
	 }
	 .my-sm-auto {
		 margin-top: auto !important;
		 margin-bottom: auto !important;
	 }
	 .mt-sm-0 {
		 margin-top: 0 !important;
	 }
	 .mt-sm-1 {
		 margin-top: 0.25rem !important;
	 }
	 .mt-sm-2 {
		 margin-top: 0.5rem !important;
	 }
	 .mt-sm-3 {
		 margin-top: 1rem !important;
	 }
	 .mt-sm-4 {
		 margin-top: 1.5rem !important;
	 }
	 .mt-sm-5 {
		 margin-top: 3rem !important;
	 }
	 .mt-sm-auto {
		 margin-top: auto !important;
	 }
	 .me-sm-0 {
		 margin-right: 0 !important;
	 }
	 .me-sm-1 {
		 margin-right: 0.25rem !important;
	 }
	 .me-sm-2 {
		 margin-right: 0.5rem !important;
	 }
	 .me-sm-3 {
		 margin-right: 1rem !important;
	 }
	 .me-sm-4 {
		 margin-right: 1.5rem !important;
	 }
	 .me-sm-5 {
		 margin-right: 3rem !important;
	 }
	 .me-sm-auto {
		 margin-right: auto !important;
	 }
	 .mb-sm-0 {
		 margin-bottom: 0 !important;
	 }
	 .mb-sm-1 {
		 margin-bottom: 0.25rem !important;
	 }
	 .mb-sm-2 {
		 margin-bottom: 0.5rem !important;
	 }
	 .mb-sm-3 {
		 margin-bottom: 1rem !important;
	 }
	 .mb-sm-4 {
		 margin-bottom: 1.5rem !important;
	 }
	 .mb-sm-5 {
		 margin-bottom: 3rem !important;
	 }
	 .mb-sm-auto {
		 margin-bottom: auto !important;
	 }
	 .ms-sm-0 {
		 margin-left: 0 !important;
	 }
	 .ms-sm-1 {
		 margin-left: 0.25rem !important;
	 }
	 .ms-sm-2 {
		 margin-left: 0.5rem !important;
	 }
	 .ms-sm-3 {
		 margin-left: 1rem !important;
	 }
	 .ms-sm-4 {
		 margin-left: 1.5rem !important;
	 }
	 .ms-sm-5 {
		 margin-left: 3rem !important;
	 }
	 .ms-sm-auto {
		 margin-left: auto !important;
	 }
	 .p-sm-0 {
		 padding: 0 !important;
	 }
	 .p-sm-1 {
		 padding: 0.25rem !important;
	 }
	 .p-sm-2 {
		 padding: 0.5rem !important;
	 }
	 .p-sm-3 {
		 padding: 1rem !important;
	 }
	 .p-sm-4 {
		 padding: 1.5rem !important;
	 }
	 .p-sm-5 {
		 padding: 3rem !important;
	 }
	 .px-sm-0 {
		 padding-right: 0 !important;
		 padding-left: 0 !important;
	 }
	 .px-sm-1 {
		 padding-right: 0.25rem !important;
		 padding-left: 0.25rem !important;
	 }
	 .px-sm-2 {
		 padding-right: 0.5rem !important;
		 padding-left: 0.5rem !important;
	 }
	 .px-sm-3 {
		 padding-right: 1rem !important;
		 padding-left: 1rem !important;
	 }
	 .px-sm-4 {
		 padding-right: 1.5rem !important;
		 padding-left: 1.5rem !important;
	 }
	 .px-sm-5 {
		 padding-right: 3rem !important;
		 padding-left: 3rem !important;
	 }
	 .py-sm-0 {
		 padding-top: 0 !important;
		 padding-bottom: 0 !important;
	 }
	 .py-sm-1 {
		 padding-top: 0.25rem !important;
		 padding-bottom: 0.25rem !important;
	 }
	 .py-sm-2 {
		 padding-top: 0.5rem !important;
		 padding-bottom: 0.5rem !important;
	 }
	 .py-sm-3 {
		 padding-top: 1rem !important;
		 padding-bottom: 1rem !important;
	 }
	 .py-sm-4 {
		 padding-top: 1.5rem !important;
		 padding-bottom: 1.5rem !important;
	 }
	 .py-sm-5 {
		 padding-top: 3rem !important;
		 padding-bottom: 3rem !important;
	 }
	 .pt-sm-0 {
		 padding-top: 0 !important;
	 }
	 .pt-sm-1 {
		 padding-top: 0.25rem !important;
	 }
	 .pt-sm-2 {
		 padding-top: 0.5rem !important;
	 }
	 .pt-sm-3 {
		 padding-top: 1rem !important;
	 }
	 .pt-sm-4 {
		 padding-top: 1.5rem !important;
	 }
	 .pt-sm-5 {
		 padding-top: 3rem !important;
	 }
	 .pe-sm-0 {
		 padding-right: 0 !important;
	 }
	 .pe-sm-1 {
		 padding-right: 0.25rem !important;
	 }
	 .pe-sm-2 {
		 padding-right: 0.5rem !important;
	 }
	 .pe-sm-3 {
		 padding-right: 1rem !important;
	 }
	 .pe-sm-4 {
		 padding-right: 1.5rem !important;
	 }
	 .pe-sm-5 {
		 padding-right: 3rem !important;
	 }
	 .pb-sm-0 {
		 padding-bottom: 0 !important;
	 }
	 .pb-sm-1 {
		 padding-bottom: 0.25rem !important;
	 }
	 .pb-sm-2 {
		 padding-bottom: 0.5rem !important;
	 }
	 .pb-sm-3 {
		 padding-bottom: 1rem !important;
	 }
	 .pb-sm-4 {
		 padding-bottom: 1.5rem !important;
	 }
	 .pb-sm-5 {
		 padding-bottom: 3rem !important;
	 }
	 .ps-sm-0 {
		 padding-left: 0 !important;
	 }
	 .ps-sm-1 {
		 padding-left: 0.25rem !important;
	 }
	 .ps-sm-2 {
		 padding-left: 0.5rem !important;
	 }
	 .ps-sm-3 {
		 padding-left: 1rem !important;
	 }
	 .ps-sm-4 {
		 padding-left: 1.5rem !important;
	 }
	 .ps-sm-5 {
		 padding-left: 3rem !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;
	 }
	 .m-md-0 {
		 margin: 0 !important;
	 }
	 .m-md-1 {
		 margin: 0.25rem !important;
	 }
	 .m-md-2 {
		 margin: 0.5rem !important;
	 }
	 .m-md-3 {
		 margin: 1rem !important;
	 }
	 .m-md-4 {
		 margin: 1.5rem !important;
	 }
	 .m-md-5 {
		 margin: 3rem !important;
	 }
	 .m-md-auto {
		 margin: auto !important;
	 }
	 .mx-md-0 {
		 margin-right: 0 !important;
		 margin-left: 0 !important;
	 }
	 .mx-md-1 {
		 margin-right: 0.25rem !important;
		 margin-left: 0.25rem !important;
	 }
	 .mx-md-2 {
		 margin-right: 0.5rem !important;
		 margin-left: 0.5rem !important;
	 }
	 .mx-md-3 {
		 margin-right: 1rem !important;
		 margin-left: 1rem !important;
	 }
	 .mx-md-4 {
		 margin-right: 1.5rem !important;
		 margin-left: 1.5rem !important;
	 }
	 .mx-md-5 {
		 margin-right: 3rem !important;
		 margin-left: 3rem !important;
	 }
	 .mx-md-auto {
		 margin-right: auto !important;
		 margin-left: auto !important;
	 }
	 .my-md-0 {
		 margin-top: 0 !important;
		 margin-bottom: 0 !important;
	 }
	 .my-md-1 {
		 margin-top: 0.25rem !important;
		 margin-bottom: 0.25rem !important;
	 }
	 .my-md-2 {
		 margin-top: 0.5rem !important;
		 margin-bottom: 0.5rem !important;
	 }
	 .my-md-3 {
		 margin-top: 1rem !important;
		 margin-bottom: 1rem !important;
	 }
	 .my-md-4 {
		 margin-top: 1.5rem !important;
		 margin-bottom: 1.5rem !important;
	 }
	 .my-md-5 {
		 margin-top: 3rem !important;
		 margin-bottom: 3rem !important;
	 }
	 .my-md-auto {
		 margin-top: auto !important;
		 margin-bottom: auto !important;
	 }
	 .mt-md-0 {
		 margin-top: 0 !important;
	 }
	 .mt-md-1 {
		 margin-top: 0.25rem !important;
	 }
	 .mt-md-2 {
		 margin-top: 0.5rem !important;
	 }
	 .mt-md-3 {
		 margin-top: 1rem !important;
	 }
	 .mt-md-4 {
		 margin-top: 1.5rem !important;
	 }
	 .mt-md-5 {
		 margin-top: 3rem !important;
	 }
	 .mt-md-auto {
		 margin-top: auto !important;
	 }
	 .me-md-0 {
		 margin-right: 0 !important;
	 }
	 .me-md-1 {
		 margin-right: 0.25rem !important;
	 }
	 .me-md-2 {
		 margin-right: 0.5rem !important;
	 }
	 .me-md-3 {
		 margin-right: 1rem !important;
	 }
	 .me-md-4 {
		 margin-right: 1.5rem !important;
	 }
	 .me-md-5 {
		 margin-right: 3rem !important;
	 }
	 .me-md-auto {
		 margin-right: auto !important;
	 }
	 .mb-md-0 {
		 margin-bottom: 0 !important;
	 }
	 .mb-md-1 {
		 margin-bottom: 0.25rem !important;
	 }
	 .mb-md-2 {
		 margin-bottom: 0.5rem !important;
	 }
	 .mb-md-3 {
		 margin-bottom: 1rem !important;
	 }
	 .mb-md-4 {
		 margin-bottom: 1.5rem !important;
	 }
	 .mb-md-5 {
		 margin-bottom: 3rem !important;
	 }
	 .mb-md-auto {
		 margin-bottom: auto !important;
	 }
	 .ms-md-0 {
		 margin-left: 0 !important;
	 }
	 .ms-md-1 {
		 margin-left: 0.25rem !important;
	 }
	 .ms-md-2 {
		 margin-left: 0.5rem !important;
	 }
	 .ms-md-3 {
		 margin-left: 1rem !important;
	 }
	 .ms-md-4 {
		 margin-left: 1.5rem !important;
	 }
	 .ms-md-5 {
		 margin-left: 3rem !important;
	 }
	 .ms-md-auto {
		 margin-left: auto !important;
	 }
	 .p-md-0 {
		 padding: 0 !important;
	 }
	 .p-md-1 {
		 padding: 0.25rem !important;
	 }
	 .p-md-2 {
		 padding: 0.5rem !important;
	 }
	 .p-md-3 {
		 padding: 1rem !important;
	 }
	 .p-md-4 {
		 padding: 1.5rem !important;
	 }
	 .p-md-5 {
		 padding: 3rem !important;
	 }
	 .px-md-0 {
		 padding-right: 0 !important;
		 padding-left: 0 !important;
	 }
	 .px-md-1 {
		 padding-right: 0.25rem !important;
		 padding-left: 0.25rem !important;
	 }
	 .px-md-2 {
		 padding-right: 0.5rem !important;
		 padding-left: 0.5rem !important;
	 }
	 .px-md-3 {
		 padding-right: 1rem !important;
		 padding-left: 1rem !important;
	 }
	 .px-md-4 {
		 padding-right: 1.5rem !important;
		 padding-left: 1.5rem !important;
	 }
	 .px-md-5 {
		 padding-right: 3rem !important;
		 padding-left: 3rem !important;
	 }
	 .py-md-0 {
		 padding-top: 0 !important;
		 padding-bottom: 0 !important;
	 }
	 .py-md-1 {
		 padding-top: 0.25rem !important;
		 padding-bottom: 0.25rem !important;
	 }
	 .py-md-2 {
		 padding-top: 0.5rem !important;
		 padding-bottom: 0.5rem !important;
	 }
	 .py-md-3 {
		 padding-top: 1rem !important;
		 padding-bottom: 1rem !important;
	 }
	 .py-md-4 {
		 padding-top: 1.5rem !important;
		 padding-bottom: 1.5rem !important;
	 }
	 .py-md-5 {
		 padding-top: 3rem !important;
		 padding-bottom: 3rem !important;
	 }
	 .pt-md-0 {
		 padding-top: 0 !important;
	 }
	 .pt-md-1 {
		 padding-top: 0.25rem !important;
	 }
	 .pt-md-2 {
		 padding-top: 0.5rem !important;
	 }
	 .pt-md-3 {
		 padding-top: 1rem !important;
	 }
	 .pt-md-4 {
		 padding-top: 1.5rem !important;
	 }
	 .pt-md-5 {
		 padding-top: 3rem !important;
	 }
	 .pe-md-0 {
		 padding-right: 0 !important;
	 }
	 .pe-md-1 {
		 padding-right: 0.25rem !important;
	 }
	 .pe-md-2 {
		 padding-right: 0.5rem !important;
	 }
	 .pe-md-3 {
		 padding-right: 1rem !important;
	 }
	 .pe-md-4 {
		 padding-right: 1.5rem !important;
	 }
	 .pe-md-5 {
		 padding-right: 3rem !important;
	 }
	 .pb-md-0 {
		 padding-bottom: 0 !important;
	 }
	 .pb-md-1 {
		 padding-bottom: 0.25rem !important;
	 }
	 .pb-md-2 {
		 padding-bottom: 0.5rem !important;
	 }
	 .pb-md-3 {
		 padding-bottom: 1rem !important;
	 }
	 .pb-md-4 {
		 padding-bottom: 1.5rem !important;
	 }
	 .pb-md-5 {
		 padding-bottom: 3rem !important;
	 }
	 .ps-md-0 {
		 padding-left: 0 !important;
	 }
	 .ps-md-1 {
		 padding-left: 0.25rem !important;
	 }
	 .ps-md-2 {
		 padding-left: 0.5rem !important;
	 }
	 .ps-md-3 {
		 padding-left: 1rem !important;
	 }
	 .ps-md-4 {
		 padding-left: 1.5rem !important;
	 }
	 .ps-md-5 {
		 padding-left: 3rem !important;
	 }
 }
 @media (min-width: 992px) {
	 .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;
	 }
	 .m-lg-0 {
		 margin: 0 !important;
	 }
	 .m-lg-1 {
		 margin: 0.25rem !important;
	 }
	 .m-lg-2 {
		 margin: 0.5rem !important;
	 }
	 .m-lg-3 {
		 margin: 1rem !important;
	 }
	 .m-lg-4 {
		 margin: 1.5rem !important;
	 }
	 .m-lg-5 {
		 margin: 3rem !important;
	 }
	 .m-lg-auto {
		 margin: auto !important;
	 }
	 .mx-lg-0 {
		 margin-right: 0 !important;
		 margin-left: 0 !important;
	 }
	 .mx-lg-1 {
		 margin-right: 0.25rem !important;
		 margin-left: 0.25rem !important;
	 }
	 .mx-lg-2 {
		 margin-right: 0.5rem !important;
		 margin-left: 0.5rem !important;
	 }
	 .mx-lg-3 {
		 margin-right: 1rem !important;
		 margin-left: 1rem !important;
	 }
	 .mx-lg-4 {
		 margin-right: 1.5rem !important;
		 margin-left: 1.5rem !important;
	 }
	 .mx-lg-5 {
		 margin-right: 3rem !important;
		 margin-left: 3rem !important;
	 }
	 .mx-lg-auto {
		 margin-right: auto !important;
		 margin-left: auto !important;
	 }
	 .my-lg-0 {
		 margin-top: 0 !important;
		 margin-bottom: 0 !important;
	 }
	 .my-lg-1 {
		 margin-top: 0.25rem !important;
		 margin-bottom: 0.25rem !important;
	 }
	 .my-lg-2 {
		 margin-top: 0.5rem !important;
		 margin-bottom: 0.5rem !important;
	 }
	 .my-lg-3 {
		 margin-top: 1rem !important;
		 margin-bottom: 1rem !important;
	 }
	 .my-lg-4 {
		 margin-top: 1.5rem !important;
		 margin-bottom: 1.5rem !important;
	 }
	 .my-lg-5 {
		 margin-top: 3rem !important;
		 margin-bottom: 3rem !important;
	 }
	 .my-lg-auto {
		 margin-top: auto !important;
		 margin-bottom: auto !important;
	 }
	 .mt-lg-0 {
		 margin-top: 0 !important;
	 }
	 .mt-lg-1 {
		 margin-top: 0.25rem !important;
	 }
	 .mt-lg-2 {
		 margin-top: 0.5rem !important;
	 }
	 .mt-lg-3 {
		 margin-top: 1rem !important;
	 }
	 .mt-lg-4 {
		 margin-top: 1.5rem !important;
	 }
	 .mt-lg-5 {
		 margin-top: 3rem !important;
	 }
	 .mt-lg-auto {
		 margin-top: auto !important;
	 }
	 .me-lg-0 {
		 margin-right: 0 !important;
	 }
	 .me-lg-1 {
		 margin-right: 0.25rem !important;
	 }
	 .me-lg-2 {
		 margin-right: 0.5rem !important;
	 }
	 .me-lg-3 {
		 margin-right: 1rem !important;
	 }
	 .me-lg-4 {
		 margin-right: 1.5rem !important;
	 }
	 .me-lg-5 {
		 margin-right: 3rem !important;
	 }
	 .me-lg-auto {
		 margin-right: auto !important;
	 }
	 .mb-lg-0 {
		 margin-bottom: 0 !important;
	 }
	 .mb-lg-1 {
		 margin-bottom: 0.25rem !important;
	 }
	 .mb-lg-2 {
		 margin-bottom: 0.5rem !important;
	 }
	 .mb-lg-3 {
		 margin-bottom: 1rem !important;
	 }
	 .mb-lg-4 {
		 margin-bottom: 1.5rem !important;
	 }
	 .mb-lg-5 {
		 margin-bottom: 3rem !important;
	 }
	 .mb-lg-auto {
		 margin-bottom: auto !important;
	 }
	 .ms-lg-0 {
		 margin-left: 0 !important;
	 }
	 .ms-lg-1 {
		 margin-left: 0.25rem !important;
	 }
	 .ms-lg-2 {
		 margin-left: 0.5rem !important;
	 }
	 .ms-lg-3 {
		 margin-left: 1rem !important;
	 }
	 .ms-lg-4 {
		 margin-left: 1.5rem !important;
	 }
	 .ms-lg-5 {
		 margin-left: 3rem !important;
	 }
	 .ms-lg-auto {
		 margin-left: auto !important;
	 }
	 .p-lg-0 {
		 padding: 0 !important;
	 }
	 .p-lg-1 {
		 padding: 0.25rem !important;
	 }
	 .p-lg-2 {
		 padding: 0.5rem !important;
	 }
	 .p-lg-3 {
		 padding: 1rem !important;
	 }
	 .p-lg-4 {
		 padding: 1.5rem !important;
	 }
	 .p-lg-5 {
		 padding: 3rem !important;
	 }
	 .px-lg-0 {
		 padding-right: 0 !important;
		 padding-left: 0 !important;
	 }
	 .px-lg-1 {
		 padding-right: 0.25rem !important;
		 padding-left: 0.25rem !important;
	 }
	 .px-lg-2 {
		 padding-right: 0.5rem !important;
		 padding-left: 0.5rem !important;
	 }
	 .px-lg-3 {
		 padding-right: 1rem !important;
		 padding-left: 1rem !important;
	 }
	 .px-lg-4 {
		 padding-right: 1.5rem !important;
		 padding-left: 1.5rem !important;
	 }
	 .px-lg-5 {
		 padding-right: 3rem !important;
		 padding-left: 3rem !important;
	 }
	 .py-lg-0 {
		 padding-top: 0 !important;
		 padding-bottom: 0 !important;
	 }
	 .py-lg-1 {
		 padding-top: 0.25rem !important;
		 padding-bottom: 0.25rem !important;
	 }
	 .py-lg-2 {
		 padding-top: 0.5rem !important;
		 padding-bottom: 0.5rem !important;
	 }
	 .py-lg-3 {
		 padding-top: 1rem !important;
		 padding-bottom: 1rem !important;
	 }
	 .py-lg-4 {
		 padding-top: 1.5rem !important;
		 padding-bottom: 1.5rem !important;
	 }
	 .py-lg-5 {
		 padding-top: 3rem !important;
		 padding-bottom: 3rem !important;
	 }
	 .pt-lg-0 {
		 padding-top: 0 !important;
	 }
	 .pt-lg-1 {
		 padding-top: 0.25rem !important;
	 }
	 .pt-lg-2 {
		 padding-top: 0.5rem !important;
	 }
	 .pt-lg-3 {
		 padding-top: 1rem !important;
	 }
	 .pt-lg-4 {
		 padding-top: 1.5rem !important;
	 }
	 .pt-lg-5 {
		 padding-top: 3rem !important;
	 }
	 .pe-lg-0 {
		 padding-right: 0 !important;
	 }
	 .pe-lg-1 {
		 padding-right: 0.25rem !important;
	 }
	 .pe-lg-2 {
		 padding-right: 0.5rem !important;
	 }
	 .pe-lg-3 {
		 padding-right: 1rem !important;
	 }
	 .pe-lg-4 {
		 padding-right: 1.5rem !important;
	 }
	 .pe-lg-5 {
		 padding-right: 3rem !important;
	 }
	 .pb-lg-0 {
		 padding-bottom: 0 !important;
	 }
	 .pb-lg-1 {
		 padding-bottom: 0.25rem !important;
	 }
	 .pb-lg-2 {
		 padding-bottom: 0.5rem !important;
	 }
	 .pb-lg-3 {
		 padding-bottom: 1rem !important;
	 }
	 .pb-lg-4 {
		 padding-bottom: 1.5rem !important;
	 }
	 .pb-lg-5 {
		 padding-bottom: 3rem !important;
	 }
	 .ps-lg-0 {
		 padding-left: 0 !important;
	 }
	 .ps-lg-1 {
		 padding-left: 0.25rem !important;
	 }
	 .ps-lg-2 {
		 padding-left: 0.5rem !important;
	 }
	 .ps-lg-3 {
		 padding-left: 1rem !important;
	 }
	 .ps-lg-4 {
		 padding-left: 1.5rem !important;
	 }
	 .ps-lg-5 {
		 padding-left: 3rem !important;
	 }
 }
 @media (min-width: 1200px) {
	 .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;
	 }
	 .m-xl-0 {
		 margin: 0 !important;
	 }
	 .m-xl-1 {
		 margin: 0.25rem !important;
	 }
	 .m-xl-2 {
		 margin: 0.5rem !important;
	 }
	 .m-xl-3 {
		 margin: 1rem !important;
	 }
	 .m-xl-4 {
		 margin: 1.5rem !important;
	 }
	 .m-xl-5 {
		 margin: 3rem !important;
	 }
	 .m-xl-auto {
		 margin: auto !important;
	 }
	 .mx-xl-0 {
		 margin-right: 0 !important;
		 margin-left: 0 !important;
	 }
	 .mx-xl-1 {
		 margin-right: 0.25rem !important;
		 margin-left: 0.25rem !important;
	 }
	 .mx-xl-2 {
		 margin-right: 0.5rem !important;
		 margin-left: 0.5rem !important;
	 }
	 .mx-xl-3 {
		 margin-right: 1rem !important;
		 margin-left: 1rem !important;
	 }
	 .mx-xl-4 {
		 margin-right: 1.5rem !important;
		 margin-left: 1.5rem !important;
	 }
	 .mx-xl-5 {
		 margin-right: 3rem !important;
		 margin-left: 3rem !important;
	 }
	 .mx-xl-auto {
		 margin-right: auto !important;
		 margin-left: auto !important;
	 }
	 .my-xl-0 {
		 margin-top: 0 !important;
		 margin-bottom: 0 !important;
	 }
	 .my-xl-1 {
		 margin-top: 0.25rem !important;
		 margin-bottom: 0.25rem !important;
	 }
	 .my-xl-2 {
		 margin-top: 0.5rem !important;
		 margin-bottom: 0.5rem !important;
	 }
	 .my-xl-3 {
		 margin-top: 1rem !important;
		 margin-bottom: 1rem !important;
	 }
	 .my-xl-4 {
		 margin-top: 1.5rem !important;
		 margin-bottom: 1.5rem !important;
	 }
	 .my-xl-5 {
		 margin-top: 3rem !important;
		 margin-bottom: 3rem !important;
	 }
	 .my-xl-auto {
		 margin-top: auto !important;
		 margin-bottom: auto !important;
	 }
	 .mt-xl-0 {
		 margin-top: 0 !important;
	 }
	 .mt-xl-1 {
		 margin-top: 0.25rem !important;
	 }
	 .mt-xl-2 {
		 margin-top: 0.5rem !important;
	 }
	 .mt-xl-3 {
		 margin-top: 1rem !important;
	 }
	 .mt-xl-4 {
		 margin-top: 1.5rem !important;
	 }
	 .mt-xl-5 {
		 margin-top: 3rem !important;
	 }
	 .mt-xl-auto {
		 margin-top: auto !important;
	 }
	 .me-xl-0 {
		 margin-right: 0 !important;
	 }
	 .me-xl-1 {
		 margin-right: 0.25rem !important;
	 }
	 .me-xl-2 {
		 margin-right: 0.5rem !important;
	 }
	 .me-xl-3 {
		 margin-right: 1rem !important;
	 }
	 .me-xl-4 {
		 margin-right: 1.5rem !important;
	 }
	 .me-xl-5 {
		 margin-right: 3rem !important;
	 }
	 .me-xl-auto {
		 margin-right: auto !important;
	 }
	 .mb-xl-0 {
		 margin-bottom: 0 !important;
	 }
	 .mb-xl-1 {
		 margin-bottom: 0.25rem !important;
	 }
	 .mb-xl-2 {
		 margin-bottom: 0.5rem !important;
	 }
	 .mb-xl-3 {
		 margin-bottom: 1rem !important;
	 }
	 .mb-xl-4 {
		 margin-bottom: 1.5rem !important;
	 }
	 .mb-xl-5 {
		 margin-bottom: 3rem !important;
	 }
	 .mb-xl-auto {
		 margin-bottom: auto !important;
	 }
	 .ms-xl-0 {
		 margin-left: 0 !important;
	 }
	 .ms-xl-1 {
		 margin-left: 0.25rem !important;
	 }
	 .ms-xl-2 {
		 margin-left: 0.5rem !important;
	 }
	 .ms-xl-3 {
		 margin-left: 1rem !important;
	 }
	 .ms-xl-4 {
		 margin-left: 1.5rem !important;
	 }
	 .ms-xl-5 {
		 margin-left: 3rem !important;
	 }
	 .ms-xl-auto {
		 margin-left: auto !important;
	 }
	 .p-xl-0 {
		 padding: 0 !important;
	 }
	 .p-xl-1 {
		 padding: 0.25rem !important;
	 }
	 .p-xl-2 {
		 padding: 0.5rem !important;
	 }
	 .p-xl-3 {
		 padding: 1rem !important;
	 }
	 .p-xl-4 {
		 padding: 1.5rem !important;
	 }
	 .p-xl-5 {
		 padding: 3rem !important;
	 }
	 .px-xl-0 {
		 padding-right: 0 !important;
		 padding-left: 0 !important;
	 }
	 .px-xl-1 {
		 padding-right: 0.25rem !important;
		 padding-left: 0.25rem !important;
	 }
	 .px-xl-2 {
		 padding-right: 0.5rem !important;
		 padding-left: 0.5rem !important;
	 }
	 .px-xl-3 {
		 padding-right: 1rem !important;
		 padding-left: 1rem !important;
	 }
	 .px-xl-4 {
		 padding-right: 1.5rem !important;
		 padding-left: 1.5rem !important;
	 }
	 .px-xl-5 {
		 padding-right: 3rem !important;
		 padding-left: 3rem !important;
	 }
	 .py-xl-0 {
		 padding-top: 0 !important;
		 padding-bottom: 0 !important;
	 }
	 .py-xl-1 {
		 padding-top: 0.25rem !important;
		 padding-bottom: 0.25rem !important;
	 }
	 .py-xl-2 {
		 padding-top: 0.5rem !important;
		 padding-bottom: 0.5rem !important;
	 }
	 .py-xl-3 {
		 padding-top: 1rem !important;
		 padding-bottom: 1rem !important;
	 }
	 .py-xl-4 {
		 padding-top: 1.5rem !important;
		 padding-bottom: 1.5rem !important;
	 }
	 .py-xl-5 {
		 padding-top: 3rem !important;
		 padding-bottom: 3rem !important;
	 }
	 .pt-xl-0 {
		 padding-top: 0 !important;
	 }
	 .pt-xl-1 {
		 padding-top: 0.25rem !important;
	 }
	 .pt-xl-2 {
		 padding-top: 0.5rem !important;
	 }
	 .pt-xl-3 {
		 padding-top: 1rem !important;
	 }
	 .pt-xl-4 {
		 padding-top: 1.5rem !important;
	 }
	 .pt-xl-5 {
		 padding-top: 3rem !important;
	 }
	 .pe-xl-0 {
		 padding-right: 0 !important;
	 }
	 .pe-xl-1 {
		 padding-right: 0.25rem !important;
	 }
	 .pe-xl-2 {
		 padding-right: 0.5rem !important;
	 }
	 .pe-xl-3 {
		 padding-right: 1rem !important;
	 }
	 .pe-xl-4 {
		 padding-right: 1.5rem !important;
	 }
	 .pe-xl-5 {
		 padding-right: 3rem !important;
	 }
	 .pb-xl-0 {
		 padding-bottom: 0 !important;
	 }
	 .pb-xl-1 {
		 padding-bottom: 0.25rem !important;
	 }
	 .pb-xl-2 {
		 padding-bottom: 0.5rem !important;
	 }
	 .pb-xl-3 {
		 padding-bottom: 1rem !important;
	 }
	 .pb-xl-4 {
		 padding-bottom: 1.5rem !important;
	 }
	 .pb-xl-5 {
		 padding-bottom: 3rem !important;
	 }
	 .ps-xl-0 {
		 padding-left: 0 !important;
	 }
	 .ps-xl-1 {
		 padding-left: 0.25rem !important;
	 }
	 .ps-xl-2 {
		 padding-left: 0.5rem !important;
	 }
	 .ps-xl-3 {
		 padding-left: 1rem !important;
	 }
	 .ps-xl-4 {
		 padding-left: 1.5rem !important;
	 }
	 .ps-xl-5 {
		 padding-left: 3rem !important;
	 }
 }
 @media (min-width: 1442px) {
	 .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;
	 }
	 .m-xxl-0 {
		 margin: 0 !important;
	 }
	 .m-xxl-1 {
		 margin: 0.25rem !important;
	 }
	 .m-xxl-2 {
		 margin: 0.5rem !important;
	 }
	 .m-xxl-3 {
		 margin: 1rem !important;
	 }
	 .m-xxl-4 {
		 margin: 1.5rem !important;
	 }
	 .m-xxl-5 {
		 margin: 3rem !important;
	 }
	 .m-xxl-auto {
		 margin: auto !important;
	 }
	 .mx-xxl-0 {
		 margin-right: 0 !important;
		 margin-left: 0 !important;
	 }
	 .mx-xxl-1 {
		 margin-right: 0.25rem !important;
		 margin-left: 0.25rem !important;
	 }
	 .mx-xxl-2 {
		 margin-right: 0.5rem !important;
		 margin-left: 0.5rem !important;
	 }
	 .mx-xxl-3 {
		 margin-right: 1rem !important;
		 margin-left: 1rem !important;
	 }
	 .mx-xxl-4 {
		 margin-right: 1.5rem !important;
		 margin-left: 1.5rem !important;
	 }
	 .mx-xxl-5 {
		 margin-right: 3rem !important;
		 margin-left: 3rem !important;
	 }
	 .mx-xxl-auto {
		 margin-right: auto !important;
		 margin-left: auto !important;
	 }
	 .my-xxl-0 {
		 margin-top: 0 !important;
		 margin-bottom: 0 !important;
	 }
	 .my-xxl-1 {
		 margin-top: 0.25rem !important;
		 margin-bottom: 0.25rem !important;
	 }
	 .my-xxl-2 {
		 margin-top: 0.5rem !important;
		 margin-bottom: 0.5rem !important;
	 }
	 .my-xxl-3 {
		 margin-top: 1rem !important;
		 margin-bottom: 1rem !important;
	 }
	 .my-xxl-4 {
		 margin-top: 1.5rem !important;
		 margin-bottom: 1.5rem !important;
	 }
	 .my-xxl-5 {
		 margin-top: 3rem !important;
		 margin-bottom: 3rem !important;
	 }
	 .my-xxl-auto {
		 margin-top: auto !important;
		 margin-bottom: auto !important;
	 }
	 .mt-xxl-0 {
		 margin-top: 0 !important;
	 }
	 .mt-xxl-1 {
		 margin-top: 0.25rem !important;
	 }
	 .mt-xxl-2 {
		 margin-top: 0.5rem !important;
	 }
	 .mt-xxl-3 {
		 margin-top: 1rem !important;
	 }
	 .mt-xxl-4 {
		 margin-top: 1.5rem !important;
	 }
	 .mt-xxl-5 {
		 margin-top: 3rem !important;
	 }
	 .mt-xxl-auto {
		 margin-top: auto !important;
	 }
	 .me-xxl-0 {
		 margin-right: 0 !important;
	 }
	 .me-xxl-1 {
		 margin-right: 0.25rem !important;
	 }
	 .me-xxl-2 {
		 margin-right: 0.5rem !important;
	 }
	 .me-xxl-3 {
		 margin-right: 1rem !important;
	 }
	 .me-xxl-4 {
		 margin-right: 1.5rem !important;
	 }
	 .me-xxl-5 {
		 margin-right: 3rem !important;
	 }
	 .me-xxl-auto {
		 margin-right: auto !important;
	 }
	 .mb-xxl-0 {
		 margin-bottom: 0 !important;
	 }
	 .mb-xxl-1 {
		 margin-bottom: 0.25rem !important;
	 }
	 .mb-xxl-2 {
		 margin-bottom: 0.5rem !important;
	 }
	 .mb-xxl-3 {
		 margin-bottom: 1rem !important;
	 }
	 .mb-xxl-4 {
		 margin-bottom: 1.5rem !important;
	 }
	 .mb-xxl-5 {
		 margin-bottom: 3rem !important;
	 }
	 .mb-xxl-auto {
		 margin-bottom: auto !important;
	 }
	 .ms-xxl-0 {
		 margin-left: 0 !important;
	 }
	 .ms-xxl-1 {
		 margin-left: 0.25rem !important;
	 }
	 .ms-xxl-2 {
		 margin-left: 0.5rem !important;
	 }
	 .ms-xxl-3 {
		 margin-left: 1rem !important;
	 }
	 .ms-xxl-4 {
		 margin-left: 1.5rem !important;
	 }
	 .ms-xxl-5 {
		 margin-left: 3rem !important;
	 }
	 .ms-xxl-auto {
		 margin-left: auto !important;
	 }
	 .p-xxl-0 {
		 padding: 0 !important;
	 }
	 .p-xxl-1 {
		 padding: 0.25rem !important;
	 }
	 .p-xxl-2 {
		 padding: 0.5rem !important;
	 }
	 .p-xxl-3 {
		 padding: 1rem !important;
	 }
	 .p-xxl-4 {
		 padding: 1.5rem !important;
	 }
	 .p-xxl-5 {
		 padding: 3rem !important;
	 }
	 .px-xxl-0 {
		 padding-right: 0 !important;
		 padding-left: 0 !important;
	 }
	 .px-xxl-1 {
		 padding-right: 0.25rem !important;
		 padding-left: 0.25rem !important;
	 }
	 .px-xxl-2 {
		 padding-right: 0.5rem !important;
		 padding-left: 0.5rem !important;
	 }
	 .px-xxl-3 {
		 padding-right: 1rem !important;
		 padding-left: 1rem !important;
	 }
	 .px-xxl-4 {
		 padding-right: 1.5rem !important;
		 padding-left: 1.5rem !important;
	 }
	 .px-xxl-5 {
		 padding-right: 3rem !important;
		 padding-left: 3rem !important;
	 }
	 .py-xxl-0 {
		 padding-top: 0 !important;
		 padding-bottom: 0 !important;
	 }
	 .py-xxl-1 {
		 padding-top: 0.25rem !important;
		 padding-bottom: 0.25rem !important;
	 }
	 .py-xxl-2 {
		 padding-top: 0.5rem !important;
		 padding-bottom: 0.5rem !important;
	 }
	 .py-xxl-3 {
		 padding-top: 1rem !important;
		 padding-bottom: 1rem !important;
	 }
	 .py-xxl-4 {
		 padding-top: 1.5rem !important;
		 padding-bottom: 1.5rem !important;
	 }
	 .py-xxl-5 {
		 padding-top: 3rem !important;
		 padding-bottom: 3rem !important;
	 }
	 .pt-xxl-0 {
		 padding-top: 0 !important;
	 }
	 .pt-xxl-1 {
		 padding-top: 0.25rem !important;
	 }
	 .pt-xxl-2 {
		 padding-top: 0.5rem !important;
	 }
	 .pt-xxl-3 {
		 padding-top: 1rem !important;
	 }
	 .pt-xxl-4 {
		 padding-top: 1.5rem !important;
	 }
	 .pt-xxl-5 {
		 padding-top: 3rem !important;
	 }
	 .pe-xxl-0 {
		 padding-right: 0 !important;
	 }
	 .pe-xxl-1 {
		 padding-right: 0.25rem !important;
	 }
	 .pe-xxl-2 {
		 padding-right: 0.5rem !important;
	 }
	 .pe-xxl-3 {
		 padding-right: 1rem !important;
	 }
	 .pe-xxl-4 {
		 padding-right: 1.5rem !important;
	 }
	 .pe-xxl-5 {
		 padding-right: 3rem !important;
	 }
	 .pb-xxl-0 {
		 padding-bottom: 0 !important;
	 }
	 .pb-xxl-1 {
		 padding-bottom: 0.25rem !important;
	 }
	 .pb-xxl-2 {
		 padding-bottom: 0.5rem !important;
	 }
	 .pb-xxl-3 {
		 padding-bottom: 1rem !important;
	 }
	 .pb-xxl-4 {
		 padding-bottom: 1.5rem !important;
	 }
	 .pb-xxl-5 {
		 padding-bottom: 3rem !important;
	 }
	 .ps-xxl-0 {
		 padding-left: 0 !important;
	 }
	 .ps-xxl-1 {
		 padding-left: 0.25rem !important;
	 }
	 .ps-xxl-2 {
		 padding-left: 0.5rem !important;
	 }
	 .ps-xxl-3 {
		 padding-left: 1rem !important;
	 }
	 .ps-xxl-4 {
		 padding-left: 1.5rem !important;
	 }
	 .ps-xxl-5 {
		 padding-left: 3rem !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;
	 }
 }
 /*# sourceMappingURL=bootstrap-grid.min.css.map */
 
/* --- Source: ../../js/vendor/swiper/swiper-bundle.min.css --- */
/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* --- Source: ../../js/vendor/table-style/my-tables.css --- */
/*!
 * Bootstrap Grid v5.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 */

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}
.table > :not(:first-child) {
    border-top: 2px solid currentColor;
}

.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
    border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6;
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce;
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7;
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3;
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9;
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4;
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1;
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


/* --- Source: ./fonts.css --- */
@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-Thin.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-ThinItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
	font-display: swap;
}

@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'roboto';
  src: url('../../fonts/Roboto-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
	font-display: swap;
}

/* --- Source: ./blocks/header.css --- */
.header__wrapper{
	display: flex;
	align-items: center;	
	position: relative;
}
.header-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: -1;
	background-color: var(--gray-white);
	box-shadow: var(--shadow-level1);

}
.header__nav{
	list-style-type: none;
	padding-left: 0;
	display: flex;
	column-gap: 10px;
	font-size: 0.875rem;
}

.header__nav-item a{
	text-decoration: none;
	position: relative;
	color: var(--gray-main);
	display: block;
	width: 100%;
	height: 100%;
	padding: 6px;
	transition: var(--transition-duration);

}

.header__nav-item a::after{
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	translate: -50%;
	width: 0%;
	height: 1px;
	background: var(--gray-main);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.header__nav-item a:hover::after{
	width: 100%;
	background: var(--gray-light);
}
.header__nav-item a:hover{
	color: var(--gray-light);
}
.header__control-wrapper{
	display: flex;
	justify-content: end;
	align-items: center;
	column-gap: 20px;
}
.header__account{

	align-items: center;
}
.header__account > a{
	color: var(--gray-main);
	font-size: 0.875rem;
	margin-right: 12px;
	text-decoration: none;
	line-height: 2.1;
	margin-top: 1px;

	position: relative;
}
.header__account-btn{
	position: relative;
	width: fit-content;
	display: flex;
	cursor: pointer;
	transition: var(--transition-duration);
	z-index: 1100;
}
.header__account-btn:hover .header__acount-icon, .header__account-btn:hover::after{
	background-color: var(--gray-light);
}

.header__acount-icon{
	height: 24px;
	width: 42px;
	position: relative;
	/* border: 2px solid gold; */
	-webkit-mask: url('./blocks/../../icons/akar-icons_person.svg') no-repeat left top/24px;
	mask: url('./blocks/../../icons/akar-icons_person.svg') no-repeat left top/24px;
	background-color: var(--gray-main);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.header__account-btn::after{
	content: '';
	position: absolute;
	height: 18px;
	width: 18px;
	right: 0px;
	top: 3px;
	-webkit-mask: url('./blocks/../../icons/akar-icons_triangle-down-fill.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_triangle-down-fill.svg') no-repeat center/contain;
	background-color: var(--gray-main);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.header__account-btn.active::after{
	rotate: 180deg
}
.header__account-drop.is-visible{
	display: block;
	opacity: 1;
	@starting-style {
		opacity: 0;
}
}

.header__account-drop{
	display: none;
	opacity: 0;
	position: absolute;
	min-width: 160px;
	padding: 24px;
	background: var(--gray-white);
	z-index: 1;
	top: 40px;
	left: -155px;
	transition-duration: .4s;
	transition-behavior: allow-descrete;
	box-shadow: var(--shadow-level3);
	border-radius: var(--border-radius-lg);
	-webkit-border-radius: var(--border-radius-lg);
	-moz-border-radius: var(--border-radius-lg);
	-ms-border-radius: var(--border-radius-lg);
	-o-border-radius: var(--border-radius-lg);
}
.header__account-drop > span{
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 24px;
}
.header__acoount-list{
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
}

.headder__account-item{
	width: 290px;
	padding-top: 12px;
	padding-bottom: 12px;
	
}
.headder__account-item:not(:last-of-type){
	border-bottom: 1px solid var(--gray-extra-light);
}
.headder__account-item a{
	text-decoration: none;
	color: var(--gray-main);
	font-size: 0.875rem;
}

.z-block{
	width: 100%;
	height: 150px;
	border: 1px solid #000;
	position: relative;
	z-index: -2;
}
.scroll{
	width: 50px;
	height: 5000px;
	border: 1px solid #000;
}

#find-reset{
	position: absolute;
	right: 50px;
	top: 0;
	width: 2rem;
	color: red;
	font-size: 32px;
	cursor: pointer;
	z-index: 1;
	text-align: center;
}
#find-reset_m{
	position: absolute;
	left: -2rem;
	top: 0;
	width: 2rem;
	color: red;
	font-size: 32px;
	cursor: pointer;
	z-index: 100;
	text-align: center;
}

@media (min-width : 1199.98px) {
	.ui-autocomplete {
		z-index: 15 !important;
		padding-top: 10px!important;
	}
}

@media (max-width : 1459.98px) {
	.header__control-wrapper{
		column-gap: 12px;
	}
}

@media (max-width : 1199.98px) {
	body{
		overflow-x: hidden; /*запретить горизональный скролл на мобильных*/
		padding-top: 80px !important;    /* Высота вашего хедера */
		padding-bottom: 80px !important; /* Высота вашей нижней панели */
	}
	.header{
		/*position: sticky;
		top: 5px;
		z-index: 50;
		transition: var(--transition-duration);*/
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 1100 !important;
		margin: 0 !important;
	}
	.header__wrapper{
		width: 100%;
		height: 48px;
		display: flex;
		align-items: center;
		margin-left: 0;
		margin-right: 0;

	}
	.header__wrapper::before{
		content: '';
		position: absolute;
		z-index: 56;
		width: 100%;
		height: 48px;
		padding-right: 16px;
		border: 1px solid var(--gray-extra-light);
		background-color: var(--gray-white);
		box-shadow: var(--shadow-level3);
		border-radius: var(--border-radius-xl);
	}
	.header__mob-wrapper{
		height: 100dvh;
		width: 100vw;
		overflow-y: auto;
		position: absolute;
		padding-top: 64px;
		background: var(--body-bg);
		border-radius: 0 0 var(--border-radius-xl) var(--border-radius-xl);
		top: -105vh;
		max-width: 100vw;
		transition: var(--transition-duration);
	}

	.header__mob-wrapper.is-visibles{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;


	}
	/******* burder  *******/
	.header__burger{
		padding: 8px;
		width: fit-content;
		position: relative;
		z-index: 99;
	}
	.header__burger div:nth-of-type(1){
	height: 3px;
	width: 22px;
	margin-bottom: 4px;
	border-radius: 20px;
	background: var(--gray-light);
	transition: var(--transition-duration);
	}
	.header__burger div:nth-of-type(2){
		height: 3px;
		width: 28px;
		margin-bottom: 4px;
		border-radius: 20px;
		background: var(--gray-light);
		transition: var(--transition-duration);
		}
		.header__burger div:nth-of-type(3){
			height: 3px;
			width: 28px;
			border-radius: 20px;
			background: var(--gray-light);
			transition: var(--transition-duration);
			}
		.header__burger.active div:nth-of-type(1){
			width: 0;
		}
		.header__burger.active div:nth-of-type(2){
			rotate: 45deg;
			translate: 1px 0px;
		}
		.header__burger.active div:nth-of-type(3){
			rotate: -45deg;
			translate: 0px -7px;
		}


		/******* find ******/

		.header__find-wrapper{
			position: relative;
			z-index: 999;
			display: flex;
			align-items: center;
			justify-content: end;
			height: 100%;
		}
		.header__find-open-btn{
			height: 46px;
			width: 48px;
			outline: none;
			border: none;
			background: url('./blocks/../../icons/akar-icons_search.svg')center no-repeat, var(--gray-white);
			background-size: 24px;
			position: absolute;
			right: 4px;
			border-radius: var(--border-radius-xl);
			z-index: 99;
		}
		.header__mob-find-form{
			height: 44px;
			z-index: 98;
			position: absolute;
			top: 1px;
			right: 15px;

		}
		.header__mob-find-form input{
				height: 100%;
				width: 0;
				transition: var(--transition-duration);
				right: 0;
				border: none;
				padding-left: 16px;
				background: #F9F7F7;
				position: absolute;
				border-radius: var(--border-radius-xl);
				z-index: 98;

		}
		.header__mob-find-form.is-visible{
			height: 48px;
			z-index: 100;
			top: 0;
			right: -3px;
			position: relative;

		}
		.header__mob-find-form.is-visible input{
			transition: var(--transition-duration);
			position: relative;
			width: 70vw;
			border: 1px solid var(--gray-extra-light);
		}
		.header__mob-find-form .header__find-btn{
			display: none;
		}
		.header__mob-find-form.is-visible .header__find-btn{
			position: absolute;
			width: 50px;
			display: block;
			height: 50px;
			top: 0;
			right: 0;
			-webkit-mask: url('./blocks/../../icons/akar-icons_search.svg') no-repeat center/24px;
			mask: url('./blocks/../../icons/akar-icons_search.svg') no-repeat center/24px;
			background-color: var(--gray-dark);
			z-index: 999999;
		}
		.header__nav{
			flex-direction: column;
			align-items: center;
			row-gap: 28px;
			width: 100%;
			padding: 24px 0 24px 16px;
			background: var(--gray-white);
			margin-left: auto;
			margin-right: auto;
			margin-top: -10px;
			border-radius: var(--border-radius-xl);
			box-shadow: var(--shadow-level1);
		}
		.header__nav-item{
			text-align: left;
			width: 100%;
		}
		.header__social-links{
			display: flex;
			flex-direction: row;
			column-gap: 20px;
		}
		.header__social-links a{
			display: flex;
			align-items: center;
			justify-content: center;
			height: 40px;
			width: fit-content;
		}
		.header__social-links a img{
			height: 28px;
			width: auto;
		}


		/*************************/
		.catalog__dropdown.is-visible{
			bottom: 91px;
			top: auto;
		}
}


@media (max-width : 575.98px) {
	.header__mob-wrapper .container{
		padding-left: 0;
		padding-right: 0;
	}
	.header__nav{
		width: 100%;
	}
	.ui-autocomplete {
		left: 0!important;
	}
}





/* --- Source: ./blocks/top-panel.css --- */

.top-panel-wrapper{
	position: sticky;
	top: 50px;
	transition: var(--transition-duration);
	z-index: 1001;
}

.top-panel__fixed{
		top: 15px;
}
.top-panel{
	width: 100%;
	height: 64px;
	display: flex;
	align-items: center;
	padding-right: 16px;
	border: 1px solid var(--gray-extra-light);
	background-color: var(--gray-white);
	box-shadow: var(--shadow-level3);
	border-radius: var(--border-radius-xl);
	z-index: 1000;
	position: relative;
}


.top-panel__find{
	flex-grow: 1;
}
.top-panel__find form{
	position: relative;
	width: 100%;
}

.top-panel__find-input{
	height: 50px;
	width: 100%;
	background: #F9F7F7;
	font-size: .875rem;
	border: none;
	border-radius: 6px;
	padding-left: 16px;
}
.top-panel__find-input::placeholder{
	color: var(--gray-light);
}

.top-panel__find-btn{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	-webkit-mask: url('./blocks/../../icons/akar-icons_search.svg') no-repeat center/24px;
	mask: url('./blocks/../../icons/akar-icons_search.svg') no-repeat center/24px;
	background-color: var(--gray-dark);
}
.top-panel__cart-group{
	display: flex;
	align-items: center;
	column-gap: 20px;
	color: var(--gray-light);
}
.top-panel__description{
	font-size: 0.625rem;
}
.top-panel__volume{
	font-size: 1rem;
	font-weight: 500;
	margin-top: -5px;
}
.top-panel__volume > a{
	color: inherit;
	text-decoration: none;
}
.top-panel__favorites{
	width: 28px;
	height: 28px;
	margin-right: 24px;
	margin-left: 24px;
	display: block;
	position: relative;
	background: url('./blocks/../../icons/akar-icons_heart.svg') center;
	background-size: contain;
}
.top-panel_no_favorites{
	width: 28px;
	height: 28px;
	margin-right: 24px;
	margin-left: 24px;
	display: block;
	position: relative;
	background-size: contain;
}
.top-panel__favorites.select{
	background: url('./blocks/../../icons/akar-icons_heart-count.svg') center;
	background-size: contain;
}
.top-panel__favorites span{
	text-decoration: none;
	color: var(--gray-main);
	font-size: 0.75rem;
	position: absolute;
	top: -3px;
	right: -2px;
}
.favoriteblock{
	width: 100px;
	height: 100px;
	background: red;
}
.top-panel__cart{
	width: 28px;
	height: 28px;
	display: block;
	position: relative;
	background: url('./blocks/../../icons/akar-icons_cart.svg') center;
	background-size: contain;
}
.top-panel__cart > iframe {	overflow: hidden; border: none; width: 42px; height: 100%; margin-top: -2px;	margin-left: -8px; }

/************ Каталог ************/
.catalog{
	position: relative;
}
.catalog__dropdown{
	display: none;
	max-height: 80vh;
	height: 680px;
	top: 72px;
	position: absolute;
	transition: 0.3s ease-out;
	z-index: 50;

}

.catalog__dropdown.is-visible{
	display: flex;
	column-gap: 4px;
	opacity: 1;
	transition: 0.3s ease-out;
	@starting-style {
		opacity: 0;
}
	&::before{
		content: '';
		position: absolute;
		width: calc(100% - 14px);
		background: var(--blue-light);
		top: -14px;
		left: 6px;
}
}

.catalog__root{
	width: 318px;
	min-width: min-content;
	height: 100%;
	/*overflow-y: auto;*/
	background: rgba(255, 250, 250, 0.6);
	backdrop-filter: blur(12px);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level3);
}

.top-panel__open-btn{
	position: relative;
	height: 62px;
	font-size: 1.25rem;
	position: relative;
	margin-right: 8px;
	background: var(--gray-white);
	border: none;
	border-radius: calc(var(--border-radius-xl) - 2px);
	color: var(--gray-main);
	transition: var(--transition-duration);
}
.top-panel__open-btn::before{
	content: '';
	width: 0px;
	height: 3px;
	background: var(--blue-light);
	position: absolute;
	bottom: 0;
	left: 6px;
	transition: 0.3s ease-out;
}
.top-panel__open-btn span{
	position: relative;
}
.top-panel__open-btn span::before{
	content: '';
	position: absolute;
	left: -40px;	
	top: -5px;	
	width: 34px;
	height: 34px;
	transition: var(--transition-duration);
	-webkit-mask: url('./blocks/../../icons/akar-icons_grid.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_grid.svg') no-repeat center/contain;
	background-color: var(--gray-main);
}
.top-panel__open-btn:hover{
	background: var(--gray-extra-light);
}
.top-panel__open-btn:active{
	background: var(--gray-dark);
	color: var(--gray-white);
}
.top-panel__open-btn:active span::before{
	background-color: var(--gray-white);
}
.top-panel__open-btn.active{
	--js-width: 1px;
	background: var(--gray-main);
	color: var(--gray-white);
	



}
.top-panel__open-btn.active span::before{
	content: '';
	position: absolute;
	left: -40px;	
	top: -5px;	
	width: 34px;
	height: 34px;
	transition: var(--transition-duration);
	-webkit-mask: url('./blocks/../../icons/akar-icons_x-small.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_x-small.svg') no-repeat center/contain;
	background-color: var(--gray-white);
}
.top-panel__open-btn.active:hover{
	background: var(--gray-extra-light);
}
.top-panel__open-btn.active:active{
	background: var(--gray-dark);
}
.top-panel__open-btn.active::before{
	content: '';
	width: var(--js-width);
	height: 3px;
	transition: 0.3s ease-out;
	background: var(--blue-light);
	position: absolute;
	bottom: 0;
	left: 6px;
}

.catalog__root-list{
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 12px;
	/* padding-bottom: 92px; */
}
.catalog__root-item{
	list-style-type: none;
	padding-left: 18px;
	height: 44px;
	display: flex;
	align-items: center;
	border-radius: var(--border-radius-md);

}
.catalog__root-item a{
	text-decoration: none;
	font-size: .875rem;
	padding-left: 24px;
	display: block;
	position: relative;
	font-weight: 500;
	color: var(--gray-main);
	/* border: 1px solid #000; */
}
.catalog__root-item .is_child::before{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: -5px;
	top: -2px;
	transition: var(--transition-duration);
	-webkit-mask: url('./blocks/../../icons/akar-icons_arrow-right.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_arrow-right.svg') no-repeat center/contain;
	background-color: var(--gray-light);
}
.catalog__root-item:hover{
	background: var(--blue-extra-light);
}
.catalog__root-item:hover a::before{
	left: 0px;
}
.catalog__root-item:not(:last-of-type){
	margin-bottom: 6px;
}

.catalog__sub{
	padding: 30px 30px;
	flex-grow: 1;
	background: var(--gray-white);
	box-shadow: var(--shadow-level3);
	border-radius: var(--border-radius-lg);
	position: relative;
}
.catalog__sub-secondmenu{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	gap: 16px;
	margin-top: 0;
}
.catalog__sub-seconditem{
	position: relative;
	list-style-type: none;
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	transition: var(--transition-duration);
}
.catalog__sub-seconditem:hover a{
	color: var(--blue-light);
}
.catalog__sub-seconditem a{
	text-decoration: none;
	font-size: 0.875rem;
	color: var(--gray-main);
	position: relative;
	line-height: 1.2;
	display: block;
	transition: var(--transition-duration);
	padding: 8px 28px 8px 12px;
	width: 100%;
	height: 100%;
}

/*.catalog__sub-seconditem a::after{
	content: '';
	position: absolute;
	top: 8;
	right: 14px;
	height: 16px;
	width: 16px;
	-webkit-mask: url('./blocks/../../icons/akar-icons_chevron-down-small.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_chevron-down-small.svg') no-repeat center/contain;
	background-color: var(--gray-dark);

}*/
.catalog__sub-seconditem:first-of-type{
	border: none;
}
.catalog__sub-seconditem:first-of-type a{
	--boreder-width: 1px;
	--border-gradient: linear-gradient(to right, #d399d8 0%, #5ba3df 29%, #5ba3df 65%, #4cafb5 100%);
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
	padding: 8px 28px 8px 12px;
  border-radius: var(--border-radius-lg);
  
}
.catalog__sub-seconditem:first-of-type a::before{
	content: '';
	position: absolute;
	inset: 0;
	padding: var(--boreder-width);
	background-image: var(--border-gradient);
	border-radius: inherit;
	mask:
		conic-gradient(#000 0 0) content-box exclude,
		conic-gradient(#000 0 0);
}

.catalog__sub-breadcrumbs{
	margin-top: 47px;
}

.catalog__sub-breadcrumbs ul{
	display: flex;
	column-gap: 30px;
	padding-left: 0;
}
.catalog__sub-breadcrumbs ul li{
	list-style-type: none;
	position: relative;
	transition: var(--transition-duration);
}
.catalog__sub-breadcrumbs ul li:hover a{
	color: var(--gray-extra-light);
}
.catalog__sub-breadcrumbs ul li::after{
	content: '/';
	position: absolute;
	right: -18px;
}
.catalog__sub-breadcrumbs ul li a{
	text-decoration: none;
	color: var(--gray-main);
	font-size: 1rem;
	font-weight: 600;
	transition: var(--transition-duration);
}
.catalog__sub-list{
	height: fit-content;
	max-height: 376px;
	margin-top: 34px;
	max-width: 80%;
	position: relative;
}
.catalog__sub-list ul{
	padding-left: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
	column-gap: 65px;
	max-height: inherit;
	overflow: auto;
}
.catalog__sub-item{
	list-style-type: none;
	margin-bottom: 16px;
	height: 32px;
	display: flex;
	align-items: center;

	justify-content: space-between;
	width: 220px;
}

.catalog__sub-item a{
	text-decoration: none;
	color: var(--gray-main);
	font-size: .875rem;
	transition: var(--transition-duration);
}
.catalog__sub-item>.is_child + div{
	height: 16px;
	width: 16px;
	rotate: -90deg;
	-webkit-mask: url('./blocks/../../icons/akar-icons_chevron-down-small.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_chevron-down-small.svg') no-repeat center/contain;
	background-color: var(--gray-dark);
}
.catalog__sub-item:hover a{
	color: var(--blue-light);
}
.catalog__link-to-all{
	/*float: right;*/
	font-weight: 500;
}
.catalog__link-to-all a{
	color: var(--blue-light);
	font-size: .875rem;
}
.catalog__brands{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.catalog__brand-item{
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	margin-top: 8px;
}
.catalog__brand-item a{
	height: auto;
	width: 135px;
	display: block;
}
.catalog__brand-item a img{
	filter: grayscale(100%) contrast(0%) brightness(1.6);
	transition: var(--transition-duration);
}
.catalog__brand-item a img:hover{
	filter: none;
}
/* .catalog__sub-list *{
	border: 1px solid #000;
} */
@media (max-width : 1459.98px) {
	.catalog__sub-list{
		max-width: 100%;
	}
	.catalog__sub-list ul{
		column-gap: 30px;
	}
	.catalog__brands{
		display: flex;
		flex-direction: row;
		width: calc(100% - 60px);
		justify-content: space-between;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1199.98px) {
		.top-panel__fixed{
		top: unset;
	}			   
	.top-panel{
		height: 50px;
		padding-right: 0;
	}
	.top-panel-wrapper{
			/*position: sticky;
		top: 92dvh;
		transition: var(--transition-duration);*/
		position: fixed !important;
		bottom: 0 !important;
		top: auto !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 1100 !important;
		margin: 0 !important;	   
	}
	.catalog__dropdown{
		position: fixed;

		left: 50%;
		margin-left: -468px;
	}
	.top-panel__catalog{
		width: 25%;
		height: 48px;
	}
	/*.top-panel__open-btn{
		width: 100%;
		height: 100%;
		& span::before{
			height: 28px;
			width: 28px;
			left: 50%;
      margin-left: -14px;
			top: 50%;
			margin-top: -14px;
		}
	}*/
.top-panel__open-btn {
	position: relative; /* Обязательно для кнопки */
	display: flex;      /* Помогает Safari правильно вычислить центр */
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;       /* Кнопка должна занять высоту панели */

& span {
	  position: relative;
	  display: block;
	  width: 28px;    /* Задаем область для иконки */
	  height: 28px;
  }

& span::before {
	  content: '';
	  position: absolute;
	  height: 28px;
	  width: 28px;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%); /* Центрирует идеально */
	  margin: 0; /* Убираем старые маржины */
	  background-size: contain;
	  background-repeat: no-repeat;
  }
}	
	.top-panel__favorites{
		width: 25%;
		height: 50px;
		margin-left: 0;
		margin-right: 0;
	}
	.top-panel__favorites.select{
		background: url('./blocks/../../icons/akar-icons_heart-count.svg') center no-repeat;
    background-size: 28px;
	}
	.top-panel__cart-group{
		width: 25%;
	}
	.header__account{
		width: 25%;
		justify-content: center;
		height: 100%;

	}
	.header__account > a{
		display: none;
	}
	.top-panel__favorites span{
		right: 21px;
		top: 6px;
	}
	.top-panel__cart-group{
		justify-content: center;
	}

	.header__account-btn::after{
		display: none;
	}
	.header__acount-icon{
		height: 28px;
		width: 28px;
	}

	.top-panel__open-btn.active span::before{

			height: 28px;
			width: 28px;
			left: 50%;
			margin-left: -14px;
			top: 50%;
			margin-top: -14px;

	}
	.catalog__brands{
		display: none;
	}
	.catalog__sub{
		padding: 22px;
	}
	.catalog__sub-item{
		width: 175px;
	}
	.catalog__sub-list{
		max-height: 445px;
	}
}

@media (max-width : 991.98px) {
	.catalog__root{
		width: 300px;
	}
	.catalog__dropdown{
		left: 50%;
		translate: -50% 0;
		margin-left: 0;
	}
	.catalog__root-list{
		padding-left: 16px;
	}
	.catalog__sub-item{
		width: 165px;
	}
	.catalog__link-to-all{
		position: absolute;
		bottom: -12px;
		right: 0;
	}
	.catalog__sub-breadcrumbs{
		margin-top: 24px;
	}
	.top-panel__favorites span{
		right: 13px;
	}
	.catalog__dropdown{
		position: fixed;
		overflow-y: auto;
		width: 100vw;
		height: 100dvh;
		max-height: 100dvh;
		background: var(--body-bg);
		z-index: 999;
	}
	.catalog__dropdown.is-visible{
		top: 0;
		z-index: 1200;
	}
	.top-panel__close-btn{
		position: absolute;
		top: 36px;
		right: 15px;
		width: 32px;
		height: 32px;
		background: url('./blocks/../../icons/icons-gray-main/akar-icons_x-small.svg') no-repeat center;
		background-size: contain;
		border: none;
		outline: none;
	}

	.second-level-list,
.third-level-list {
	display: none;
}

.active-list {
	display: block;
}

.mob-catalog__dropdown ul{
	padding-left: 0;
	width: 100%;
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	
}
.mob-catalog__dropdown > ul{
	padding: 20px;
	box-shadow: var(--shadow-level1);
}
.mob-catalog__dropdown ul li{
	list-style: none;
	width: 100%;

}
.mob-catalog__dropdown ul li a{
	text-decoration: none;
	font-size: .875rem;
	margin-bottom: 20px;
	color: var(--gray-main);

}
.has-sublist{
	position: relative;
}
.has-sublist::after{
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	background: url('./blocks/../../icons/icons-gray-main/akar-icons_chevron-right-small.svg') no-repeat center;
	background-size: contain;
	top: 0;
	right: 0;
}
.mob-list-title{
	margin-top: 40px;
	text-align: center;
	font-weight: 500;
}
.mob-catalog__dropdown.is-visible{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 98vw !important;
}
.top-panel__back-btn{
	position: absolute;
	top: 40px;
	left: 20px;
	width: 28px;
	height: 28px;
	background: url('./blocks/../../icons/akar-icons_chevron-left-blue.svg') no-repeat center;
	background-size: contain;
	outline: none;
	border: none;
}
.mob-link-to-all{
	align-self: self-end;
	margin-right: 20px;
	font-weight: bold;			   
}
}
@media (max-width : 767.98px) {
	.top-panel__favorites span{
		right: 52px;
	}
}

@media (max-width : 575.98px) {
	.top-panel__favorites span{
		right: 30%;
	}
}
/* --- Source: ./blocks/logo.css --- */
.logo img{
	width: 121px;
	height: 44px;
}

.logo--white{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}


@media (max-width : 1199.98px) {
	.logo img{
		height: 28px;
		width: auto;
		position: relative;
		z-index: 999;
	}
}
/* --- Source: ./blocks/gototop.css --- */
#gototop {
	right: 23px;
	bottom: 0;
	position: fixed;
	padding: 0;
	width: 4em;
	height: 4em;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	z-index: 500;
	background: url('./blocks/../../ico-gotop.png') no-repeat;
	background-size: 80%;
	border-radius: 30px;
}
#gototop.show {opacity: 1;}

@media (max-width : 1199.98px) {
	#gototop.show{
		opacity: 1;
		position: sticky !important;
		position: -webkit-sticky !important;
		display: block;
		top: unset;
		left: 90%;
		width: 60px;
		height: 50px;
		bottom: 10%;
		margin-right: -10px;
	}
}

@media (max-width : 767.98px) {
	#gototop.show{
		opacity: 0;
	}
}

/* --- Source: ./blocks/callback.css --- */
#callbeck{
	opacity: 1;
	position: absolute;
	bottom: 5em;
	right: 28px;
	transition: transform 0.25s
	linear 0s, opacity 0.1s
	linear 0s;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	background-position: 50% 50%;
	margin: 8px;
	border-radius: 50%;
	transform: rotate(0deg) scale(1);
	background-image: url('./blocks/../../callback_ico.svg');
	background-size: 24px;
	background-color: #005293;
	box-shadow: rgb(0 0 0 / 10%) 0px 5px 15px 0px, rgb(0 0 0 / 15%) 0px 3px 5px 0px;
	z-index: 40;
}
#callbeck:hover{
	cursor: pointer;
	box-shadow: rgb(0 0 0 / 10%) 0px 10px 20px 0px, rgb(0 0 0 / 15%) 0px 5px 10px 0px;
}

#callback_shadow{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	z-index: 1001;
}
.hide_callbeck{
	display: none;
}
.freeze {
	position: sticky;
	height: 100vh;
	width: 100%;
	top: 0;
	margin: 0 auto;
}
#callback_block{
	width: 25em;
	max-height: 100vh;
	z-index: 120;
	margin: 3em auto 1em auto;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	background: #f9f9f9;
	border: 1px solid #f9f9f9;
	border-radius: 0.5em;
	box-shadow: 0.2em 0.2em 0.4em rgb(0 0 0 / 25%);
}
.callback_title{
	background-color: #005293;
	color: #fff;
	font-size: 1.2em;
	padding: 0.5em 2em;
	line-height: 1em;
	font-style: italic;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 600;
}
.callback_title>.my-button.my-close{height: 2em; background: #005293;right: -20px;}
.callback_title>.my-button.my-close:hover{
	color: #FF3333 !important;
	border-color: #005293;
}

.callback_form {padding: 0 1em 2em 1em;}

.callback_form>form>ul>li>span{
	font-weight: bold;
	padding: 0em;
	margin: 1em 0em 0.5em 1em;
}

.callback_info{
	top:35%;
	left: 40%;
	border: 1px solid #ddd;
	background: #f2f5f7 url('./blocks/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png') 50% top repeat-x;
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1.1em;
	border-radius: 6px;
	box-shadow: 2px 3px 4px rgb(81 81 81);
}

@media (max-width : 1459.98px) {
	#callbeck{
		bottom: 4em;
	}
}
@media (max-width: 1199.98px) {
	#callbeck{
		width: 50px;
		height: 50px;
		left: 86%;
		bottom: 18%;
	}
	/*#gototop.show {
		opacity: 1;
		position: sticky !important;
		position: -webkit-sticky !important;
		display: block;
		top: unset;
		left: 90%;
		width: 60px;
		height: 50px;
		bottom: 10%;
		margin-right: -10px;
	}*/
}

@media (max-width : 991.98px) {
	#callbeck {
		left: 83%;
		bottom: 20%;
	}
}

@media (max-width : 767.98px) {
	#callbeck{
		display: none;
	}
}
/* --- Source: ./blocks/info-list.css --- */
.info-list{
	display: flex;
	column-gap: 20px;
	padding-left: 0;
}
.info-list__item{
	font-size: 14px;
	font-weight: 400;
	list-style-type: none;
	display: flex;
	align-items: center;
	column-gap: 4px;
	& a, & span{
		color: var(--gray-main);
		text-decoration: none;
		position: relative;
	}
}
.info-list__contact{
	&::before{
		content: "";
		position: absolute;
		width: 24px;
		height: 24px;
		left: -28px;
		-webkit-mask: url('./blocks/../../icons/akar-icons_mobile-device.svg') no-repeat center/contain;
		mask: url('./blocks/../../icons/akar-icons_mobile-device.svg') no-repeat center/contain;
		background-color: var(--gray-light);
	}
}

.info-list__contact-drop.is-visible{
	display: block;
	opacity: 1;
	@starting-style {
		opacity: 0;
}
}
.info-list__contact-drop{
	display: none;
	opacity: 0;
	position: absolute;
	min-width: 160px;
	z-index: 3099;
	top: 40px;
	left: -55px;
	transition-duration: .4s;
	transition-behavior: allow-descrete;
}

@media (max-width : 1459.98px) {
	.info-list{
		padding-left: 0;
		flex-direction: column-reverse;
	}
	.info-list__contact{
		&::before{
			left: -22px;
			top: 0px;
			width: 20px;
			height: 20px;
		}
	}
}
/* --- Source: ./blocks/arrow-box.css --- */
.arrow-box{
	cursor: pointer;
	height: 18px;
	width: 18px;
	background: var(--gray-extra-light);
	position: relative;
	border-radius: var(--border-radius-sm);
	-webkit-border-radius: var(--border-radius-sm);
	-moz-border-radius: var(--border-radius-sm);
	-ms-border-radius: var(--border-radius-sm);
	-o-border-radius: var(--border-radius-sm);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}

.arrow-box::after{
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	top: 0;
	left: 0;
	-webkit-mask: url('./blocks/../../icons/akar-icons_chevron-down-small.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_chevron-down-small.svg') no-repeat center/contain;
	background-color: var(--gray-light);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.arrow-box:hover::after{
	background-color: var(--gray-dark);
}
.arrow-box.active::after{
	rotate: 180deg;
	background-color: var(--gray-dark);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}




/* --- Source: ./blocks/contact-drop.css --- */
.contact-drop{
	cursor: auto;
	padding: 24px;
	background: var(--gray-white);
	box-shadow: var(--shadow-level3);
	border-radius: var(--border-radius-lg);
	-webkit-border-radius: var(--border-radius-lg);
	-moz-border-radius: var(--border-radius-lg);
	-ms-border-radius: var(--border-radius-lg);
	-o-border-radius: var(--border-radius-lg);
}
.contact-drop::before{
	content: "";
	position: absolute;
	height: 30px;
	width: 30px;
	background: var(--gray-white);
	top: -15px;
	left: 50px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	z-index: -5;
	border-radius: var(--border-radius-md);
	-webkit-border-radius: var(--border-radius-md);
	-moz-border-radius: var(--border-radius-md);
	-ms-border-radius: var(--border-radius-md);
	-o-border-radius: var(--border-radius-md);

}
.contact-drop__wrapper{
	display: flex;
	column-gap: 24px;
}
.contact-drop__first-col, .contact-drop__second-col, .contact-drop__third-col{
	width: max-content;
}
.contact-drop__second-col > .contact-drop__list, .contact-drop__third-col > .contact-drop__list{
	margin-bottom: 24px;
}
.contact-drop__headline{
	font-size: 2.25rem;
	color: var(--gray-main);
	margin-bottom: 32px;
	width: 100%;
}
.contact-drop__list-title{
	font-size: 1rem;
	margin-bottom: 1rem;
}
.contact-drop__list-title--blue{
	color: var(--blue-light)
}
.contact-drop__list-title--red{
	color: var(--red-accent)
}
.contact-drop__list{
	list-style-type: none;
	padding-left: 0;
}
.contact-drop__list-item{
	display: flex;
	justify-content: space-between;
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.contact-drop__list-item a:hover{
	color: var(--gray-light);
}
.contact-drop__list-item:not(:last-of-type){
	margin-bottom: 12px;
}
.contact-drop__social-list{
	display: flex;
	column-gap: 12px;
}
.contact-drop__social-item{
	display: block;

}

/* --- Source: ./blocks/notif.css --- */
.notif{
	position: relative;
	width: fit-content;
	display: flex;
	cursor: pointer;
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.notif:hover .notif-icon, .notif:hover::after{
	background-color: var(--gray-light);
}

.notif-icon{
	height: 24px;
	width: 42px;
	position: relative;
	-webkit-mask: url('./blocks/../../icons/akar-icons_bell.svg') no-repeat left top/24px;
	mask: url('./blocks/../../icons/akar-icons_bell.svg') no-repeat left top/24px;
	background-color: var(--gray-main);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.notif::after{
	content: '';
	position: absolute;
	height: 18px;
	width: 18px;
	right: 0px;
	top: 3px;
	-webkit-mask: url('./blocks/../../icons/akar-icons_triangle-down-fill.svg') no-repeat center/contain;
	mask: url('./blocks/../../icons/akar-icons_triangle-down-fill.svg') no-repeat center/contain;
	background-color: var(--gray-main);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.notif.active::after{
	rotate: 180deg
}
.header__account-drop.is-visible{
	display: block;
	opacity: 1;
	@starting-style {
		opacity: 0;
}
}

@media (max-width : 1199.98px) {
	.header__account-drop{
		top: auto;
		left: auto;
		right: 0;
		bottom: 45px;
		max-height: 80vh;
		overflow-y: auto;
	}
}
/* --- Source: ./blocks/lang.css --- */
.lang{
	width: 48px;
	min-width: 48px;
	height: 28px;
	position: relative;
	font-size: 1rem;
}
.lang__dropdown{
	display: none;
	opacity: 0;
	position: absolute;
	width: 48px;
	/* height: 28px; */
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 26px;
	left: 0;
	background: var(--gray-extra-light);
	transition-duration: .4s;
	transition-behavior: allow-descrete;
	border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-webkit-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-moz-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-ms-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-o-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
}
.lang__dropdown.is-visible{
	display: block;
	opacity: 1;
	transition: var(--transition-duration);
	@starting-style {
		opacity: 0;
}
}
.lang__trigger{
	cursor: pointer;
	width: 100%;
	position: relative;
	height: 28px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: var(--gray-light);
	transition: var(--transition-duration);
	color: var(--gray-white);
	border-radius: var(--border-radius-lg);
	-webkit-border-radius: var(--border-radius-lg);
	-moz-border-radius: var(--border-radius-lg);
	-ms-border-radius: var(--border-radius-lg);
	-o-border-radius: var(--border-radius-lg);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.lang__trigger.active{
	transition: var(--transition-duration);
	border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-webkit-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-moz-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-ms-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-o-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}
/* .lang__trigger > span{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 10px;
} */
.lang__trigger > span:hover{
	color: var(--gray-dark);
}
.lang__dropdown-list{
	/* height: 28px; */
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--gray-white);
	border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
	cursor: pointer;
}
.lang__dropdown-item{
	transition: var(--transition-duration);
	width: 100%;
	text-align: center;
}
.lang__dropdown-item:last-of-type{
	border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
}
.lang__dropdown-item:hover{
	background: var(--gray-light);
}
/* --- Source: ./blocks/currency.css --- */
.currency{
	width: 48px;
	min-width: 48px;
	height: 28px;
	position: relative;
	font-size: 1rem;
}
.currency__dropdown{
	display: none;
	opacity: 0;
	position: absolute;
	min-width: 48px;
	/* height: 28px; */
	z-index: 2;
	justify-content: center;
	align-items: center;
	top: 26px;
	left: 0;
	border-left: 1px solid var(--gray-light);
	border-right: 1px solid var(--gray-light);
	border-bottom: 1px solid var(--gray-light);
	background: var(--gray-extra-light);
	transition-duration: .4s;
	transition-behavior: allow-descrete;
	border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-webkit-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-moz-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-ms-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	-o-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
}
.currency__dropdown.is-visible{
	display: block;
	opacity: 1;
	transition: var(--transition-duration);
	@starting-style {
		opacity: 0;
}
}
.currency__trigger{
	cursor: pointer;
	width: 100%;
	position: relative;
	height: 28px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--gray-light);
	transition: var(--transition-duration);
	color: var(--gray-main);
	border-radius: var(--border-radius-lg);
	-webkit-border-radius: var(--border-radius-lg);
	-moz-border-radius: var(--border-radius-lg);
	-ms-border-radius: var(--border-radius-lg);
	-o-border-radius: var(--border-radius-lg);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.currency__trigger.active{
	transition: var(--transition-duration);
	border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-webkit-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-moz-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-ms-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	-o-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}
/* .currency__trigger > span{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 10px;
} */
.currency__trigger > span:hover{
	color: var(--gray-dark);
}
.currency__dropdown-list{
	/* height: 28px; */
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--gray-main);
	border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.currency__dropdown-item{
	transition: var(--transition-duration);
	width: 100%;
	text-align: center;
	cursor: pointer;
}
.currency__dropdown-item:last-of-type{
	border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
}
.currency__dropdown-item:hover{
	background: var(--gray-light);
}
/* --- Source: ./blocks/catalog.css --- */

/* --- Source: ./blocks/main-carousels.css --- */
.main-carousels{
	margin-top: 14px;
	padding-top: 16px;
	height: 556px;
	/*box-shadow: var(--shadow-level1);*/
	/*background: var(--gray-white);*/
	overflow: hidden;
}
.main-carousels__banners{
	width: 100% !important;
	position: relative; 
}


.main-carousels__item{
	border-radius: var(--border-radius-lg);
}
.main-carousels__item img{
	width: auto;
	height: 100%;
	border-radius: 20px;				 
}
.main-carousels__banners::after {
  content: "";
  display: block;
  width: 100px;
  flex-shrink: 0;
}

.main-carousel__item-card{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: var(--gray-white);

	border-radius: var(--border-radius-xl);

	position: relative;
}

.main-carousel__name-line{
	width: 100%;
	padding: 0 20px;
}
.main-carousel__name-line span{
	transition: max-height 0.4s ease-in-out;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 600;

}

.main-carousel__achiv-line{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 12px;
}
.main-carousel__control-line{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;

}
.main-carousel__control-line{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}
.main-carousels__price{
	display: flex;
	align-items: end;
	flex-direction: column;
}
.main-carousels__price-new{
	font-size: 1.25rem;
	color: var(--red-accent);
	font-weight: 500;
	line-height: .8;
}
.main-carousels__price-old{
	font-size: 0.875rem;
	text-decoration: line-through;
	color: var(--gray-light);

}

@media (max-width : 1459.98px) {
	.main-carousels{
		height: 580px;
	}
	.main-carousels__items{
		width: 370px;
		height: 505px;

	}
	.main-carousels__items img{
		width: auto;
		height: 100%;
	}	
	.main-carousels__item{
		width: 370px;
		height: 505px;
	}
}
@media (max-width : 1199.98px) {
	.main-carousels {
		height: 500px;
}
	.main-carousels__items{
		width: 316px;
		height: 423px;
		/* border: 1px solid var(--orange-main);
		border-radius: var(--border-radius-lg); */

	}
	.main-carousels__item {
		width: 311px;
		height: 423px;
}
}

@media (max-width : 991.98px) {


	.main-carousels {
		height: max-content;
		padding-bottom: 50px;
	}
	.main-carousels__items{
		width: 280px;
		height: 477px;
	}
	.main-carousels__item {
		height: 477px;
	}
	.main-carousels__tab{
		display: flex;
		justify-content: space-between;
		margin-bottom: 2px;
	}
	.main-carousels__tablinks{
		border: none;
		border-bottom: 2px solid var(--gray-extra-light);
		color: var(--gray-extra-light);
		background: none;
		outline: none;
		width: calc(50% - 6px);
		transition: var(--transition-duration);
	}

	.main-carousels__tablinks.active-tab{
		border-bottom: 2px solid var(--blue-light);
		color: var(--gray-main);
	}
}

/* sm <= Medium (md) */
@media (max-width : 767.98px) {
	.main-carousels {
		height: max-content;
		padding-bottom: 50px;
		margin-top: -20px;
}
	.main-carousels__items{
		width: 280px;
		height: 356px;
	}
	.main-carousels__item {
		height: 356px;
	}
}

/* xs <= Small (sm) */
@media (max-width : 575.98px) {
	.main-carousels {
		height: max-content;
		padding-bottom: 50px;
}
	.main-carousels__items{
		width: 100%;
		height: auto;
	}
	.main-carousels__item {
		height: auto;
		width: 100%;
	}
	.main-carousels__item img {
    width: 100%;
    height: auto;
}
	.main-carousels__items img {
    width: 100%;
    height: auto;
}
}



/* --- Source: ./blocks/deal-marker.css --- */
.deal-marker {
  display: inline-flex;
  height: 24px;
  font-family: sans-serif;
  font-size: 14px;
  border-radius: 20px;
  overflow: hidden;

}

.deal-marker__text {
  background-color: white;
  color: #0e1e34;
  padding: 0 16px;
  display: flex;
	font-size: 1rem;
	border-radius: 20px 0 0 20px;
  align-items: center;
  position: relative;
  z-index: 1;
	border: 1px solid var(--blue-main);
}

.deal-marker__text::after {
  content: "";
  position: absolute;
  right: -12px;
  top: -1px;
  width: 24px;
  height: 24px;
  background: var(--gray-white);
  transform: skewX(-20deg);
  z-index: 0;
	border-right: 1px solid var(--blue-main);
	border-top: 1px solid var(--blue-main);
	border-bottom: 1px solid var(--blue-main);
}

.deal-marker__timer {
  color: white;
  padding: 0 12px 0 24px;
  display: flex;
  align-items: center;
  font-weight: bold;
	clip-path: polygon(16px 0%, 100% 0%, 104% 103%, 4% 103%);
}

.deal-marker__timer--orange{
	background: var(--orange-gradient);
}




/* --- Source: ./blocks/card-carousel.css --- */
.card-carousel__item img{
	width: auto;
	height: 256px;
}

.card-carousel .owl-dots{
	position: absolute;
	bottom: 40px;
	padding: 6px 12px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--gray-extra-light) !important;
	border-radius: 20px;
	z-index: 1;
}


/* --- Source: ./blocks/bye-btn.css --- */
.bye-btn{
	width: 48px;
	height: 48px;
	padding: 12px;
	border-radius: var(--border-radius-xl);
	background: var(--orange-main);
	outline: none;
	border: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	transition: var(--transition-duration);
	overflow: hidden;

}
.bye-btn:hover{
	background: var(--orange-light) !important;
}
.no-btn, .no-btn:hover {background:transparent!important;}
.my-button{
	display: block;
}
.bye-btn .reduce{
	display: block;
	opacity: 0;
	width: 0px;
	height: 30px;
	background: url('./blocks/../../icons/icons-gray-white/akar-icons_circle-minus.svg') no-repeat center;
	order: 0;
	transition: var(--transition-duration);
}


.bye-btn .increase{
	display: block;
	opacity: 0;
	width: 0px;
	height: 30px;
	background: url('./blocks/../../icons/icons-gray-white/akar-icons_circle-plus.svg') no-repeat center;
	order: 2;
	transition: var(--transition-duration);
}

.bye-btn .inbag{
	height: 32px;
	padding: 4px;
	width: 0px;
	opacity: 0;
	background: transparent;
	text-align: center;
	color: var(--gray-white);
	border: 0;
	outline: none;
	order: 1;
}


.bye-btn .addtobag{
	display: flex;
	width: 0;
	transition: var(--transition-duration);
}

.bye-btn__icon-wrapper{
	position: relative;
}
.bye-btn__icon-wrapper span{
	position: absolute;
	top: -3px;
	right: -3px;
	color: var(--gray-white);
	font-size: .75rem;
	
}

.card-2col__bye-btn >.await {
	background: url('./blocks/../../added_to_wait_list_white_ico.png') no-repeat !important;
	background-color: #3eaf0b!important;
	background-size: 15px!important;
	background-position: 1px 7px!important;
}
/* --- Source: ./blocks/main-categpries.css --- */
.main-categpries{
	overflow-x: hidden;
}
.main-categpries__swiper{
	padding-bottom: 20px;
}
/* .swiper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
} */
.main-categpries__item{
	display: block;
	text-decoration: none;
	text-align: center;
}

.main-categories__box{
	width: 100%;
	height: 113px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition-duration);
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level1);
}
.main-categories__box img{height: 100%;}

.main-categpries__item{
	display: block;
}
.main-categpries__item:hover .main-categories__box{
	box-shadow: var(--shadow-level2);
}
.main-categories__title span{
	font-size: 1rem;
	text-align: center;
	color: var(--gray-main);
	line-height: 1.2;
}
.swiper-scrollbar{
	bottom: 12px !important;
}
.swiper-scrollbar-drag{
	background: var(--blue-light) !important;

}


@media (max-width : 767.98px) {

	/*.main-categories__box img{
		width: 49px;
		height: 45px;
	}*/
	.main-categories__box{
		height: 62px;
	}
	.main-categories__title span{
		font-size: 0.875rem;
		line-height: 1;
	}
}
/* --- Source: ./blocks/title-line.css --- */
.title-line{
	font-size: 2.25rem;
	position: relative;
	display: flex;
	align-items: center;
}
.title-line *{
	font-weight: 500;
	color: var(--gray-main);
}
/* .title-line::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background: var(--blue-light);
	top: 50%;
	translate: (0, -50%);
} */
.title-line__title{
	display: block;
}
.title-line__line{
	flex-grow: 1;
	height: 3px;
	background: var(--gray-extra-light);
	margin: 0;
	margin-left: 20px;
}

@media (max-width : 991.98px) {
	.title-line{
		font-size: 1.5rem;

	}
	.title-line__line{
		height: 2px;
	}
}

@media (max-width : 767.98px) {
	.title-line{
		font-size: 1.25rem;

	}

}

@media (max-width : 575.98px) {
	.title-line{
		font-size: 1rem;


	}
}



/* --- Source: ./blocks/card-short.css --- */
.card-short{
	height: fit-content;
	/* display: flex;
	flex-direction: column; */
	position: relative;
	z-index: 5;
	align-items: center;
	flex-wrap: nowrap;
	
}
.card-short__wrapper{
	height: fit-content;
	width: 100%;
	display: flex;
	padding: 18px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: var(--shadow-level1);
	background: var(--gray-white);
	border-radius: var(--border-radius-md);
}
.card-short:hover .card-short__wrapper{
	/*position: absolute;*/
	top: 0;
	left: 0;

}
.card-short__wrapper .card-2col__bye-btn{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 8px;
}
/* �������� ����� � ������ ������ ����� ������ */
.card-short__wrapper .card-2col__bye-btn >.await, .card-short__wrapper .card-2col__bye-btn >.wait{
	color: transparent !important; /* ������ ����� ���������� */
	background-image: none !important;
}

.card-short__image-wrapper {
  position: relative;
  width: 75%;
  overflow: hidden;
	height: 100%;
	margin-bottom: 12px;
	padding-bottom: 20px;
}

.card-short__image-wrapper .swiper-pagination{
	bottom: -7px;
}


.card-short__hover-zones {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 10;
  pointer-events: none;
}

.card-short__hover-zone {
  flex: 1;
  pointer-events: all;
}

.card-short .swiper-pagination-bullet{
	height: 2px;
	width: 12px;
	background: var(--gray-main);
	margin: 0 2px !important;
}
.card-short .swiper-pagination-bullet-active{
	background: var(--blue-light);
}

.card-short__slide-wrapper{
	width: 50%;
}
.card-short__item{
	width: 20%;
	padding: 0.25rem !important;
}
.card-short__item-name{
	width: 100%;
	margin-bottom: 12px;
	min-height: 2em;
}
.card-short__item-name span{
	transition: max-height 0.4s ease-in-out;
	overflow: hidden;
	max-height: 3em;
	text-overflow: ellipsis;
	font-size: 0.875rem;
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 600;
	/* transform: scaleY(1); */
}

.card-short__item-price{
	width: 100%;
}
.card-short__item-price span{
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 600;
	color: var(--red-accent);
}
.card-short:hover{
	/* transform: scale(1.04); */
	overflow: visible;
	z-index: 6;
}

.card-short:hover .card-short__item-name span{
	overflow: hidden;
	max-height: 12em;
	/* transform: scaleY(1); */

	transition: max-height var(--transition-duration);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}
.card-short__mob-btn{
	display: none;
}

@media (max-width : 1459.98px) {

  .card-short__item {
    width: 25%;
  }
}

@media (max-width : 1199.98px) {
	.card-short__item {
		width: 20%;
	}
	.card-short__mob-btn{
		display: block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: var(--blue-light);
		position: absolute;
		left: 50%;
		bottom: -10px;
		transform: translate(-50%, 0);
	}
	.card-short:hover .card-short__item-name span {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
}
@media (max-width : 991.98px) {
  .card-short__item {
    width: 25%;
  }
	.card-short__wrapper .card-2col__bye-btn{
		position: relative;
	}									  
}

@media (max-width : 767.98px) {
  .card-short__item {
    width: 33.333%;
  }
}

/* @media (hover: none) {
	.card-short__item-name span{
		-webkit-line-clamp: 2;
	}
} */

/*  ��� ����� �������� � ������ � �������*/
.add_to_order_scroll{
	display: flex;
	flex-wrap: nowrap !important; /* � ���� ������ */
	overflow-x: auto;             /* �������������� ������ */
	overflow-y: hidden;
	scroll-behavior: smooth;      /* ������� ��������� */
	padding-bottom: 10px;
	gap: 10px;
}

.add_to_order_scroll > .card-short__item {
	flex: 0 0 auto;               /* ������ �������� */
	width: 250px;                 /* ���� ��� ����� */
}
/* --- Source: ./blocks/month-items.css --- */
.month-items{
	overflow-x: hidden;
}
.month-items__img {
  width: 100%;
  height: auto;
  display: block;
}

.month-items__tabcontent{
	display: flex;
	flex-wrap: wrap;
}
.month-items__tablinks{
	width: 100%;
	position: relative;
	padding: 16px 48px 16px 16px;
	text-align: left;
	outline: none;
	border: none;
	box-shadow: var(--shadow-level1);
	margin-bottom: 18px;
	background: var(--gray-white);
	border-radius: var(--border-radius-md);
	transition: var(--transition-duration);
	cursor: pointer;
}
.month-items__tablinks::after{
	content: "";
	height: 24px;
	width: 24px;
	position: absolute;
	top: 50%;
	right: -26px;
	opacity: 0;
	transform: translate(0, -50%);
	-webkit-mask: url('./blocks/../../icons/akar-icons_chevron-right.svg') no-repeat left top / 24px;
    mask: url('./blocks/../../icons/akar-icons_chevron-right.svg') no-repeat left top / 24px;
	background-color: var(--gray-main);
	border-radius: var(--border-radius-md);
	transition: var(--transition-duration);
}
.month-items__tablinks:hover::after{
	opacity: 1;
	right: 16px;
}
.month-items__tablinks:hover{
	box-shadow: var(--shadow-level2);
}
.month-items__tablinks.active-tab{
	width: 100%;
	box-shadow: var(--shadow-level-c);
	color: var(--gray-white);
	background: var(--blue-light);
}

.active-tab.month-items__tablinks::after{
	opacity: 1;
	right: 16px;
	background-color: var(--gray-white);
}

@media (max-width : 1199.98px) {
	.month-items__tablinks{
		width: fit-content;
		padding: 8px 12px;

	}
	.month-items__tablinks::after{
		display: none;
		font-size: 0.875rem;
	}
	.month-items__tablinks.active-tab{
		width: fit-content;
		color: var(--blue-light);
		border: 1px solid var(--blue-light);
		background: var(--gray-white);
	}
}
/* --- Source: ./blocks/category-group.css --- */
.category-group{
	overflow-x: hidden;
}
.category-group__slide-wrapper{
	padding: 16px  20px;
	box-shadow: var(--shadow-level1);
	border-radius: var(--border-radius-xl);
	background: var(--gray-white);
	display: grid;
	grid-template-columns: 0.7fr 1.3fr;
	grid-template-rows: max-content 1fr;
	gap: 12px;
}
.category-group__slide-wrapper:hover{
	box-shadow: var(--shadow-level2);
}
.category-group__card-swiper{
	padding-bottom: 5px;
}
.category-group__wrapper{
	padding-right: 0;
}
.category-group__title{
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--gray-main);
	width: 100%;
	grid-area: 1 / 1 / 2 / 3
}
.category-group__image{
	width: 110px;
	height: fit-content;
	border: 1px solid var(--blue-extra-light);
	border-radius: var(--border-radius-lg);
	grid-area: 2 / 1 / 3 / 2
}
.category-group__image img{
	width: 100%;
	height: auto;

}
.category-group__list{
	margin-bottom: 0;
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
	grid-area: 2 / 2 / 3 / 3
}
.category-group__item{
	transition: var(--transition-duration);
	max-width: 85%;
}
.category-group__item:hover a{
	color: var(gray-extra-light);
}
.category-group__item:not(:last-of-type){
	margin-bottom: 12px;
}
.category-group__item a{
	text-decoration: none;
	color: var(--gray-main);
	font-size: .875rem;
	font-weight: 400;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100%;
}

@media (max-width : 1199.98px) {
	.category-group__mob-container {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: 0;
    margin-left: auto;
	}
	
}

@media (max-width : 767.98px) {
	.category-group__image{
		width: 88px;
	}
	.category-group__item a{
		font-size: .75rem;
	}
}


/* --- Source: ./blocks/swiper-btn-main.css --- */
.swiper-btn-main__next{
	width: 26px;
	height: 26px;
	background: url('./blocks/../../icons/akar-icons_chevron-left-small.svg') center var(--gray-extra-light);
	background-size: 100%;
	border-radius: 50% 0 0 50%;
	rotate: 180deg;
}
.swiper-btn-main__prev{
	width: 26px;
	height: 26px;
	background: url('./blocks/../../icons/akar-icons_chevron-left-small.svg') center var(--gray-extra-light);
	background-size: 100%;
	border-radius: 50% 0 0 50%;
}

.swiper-banner{
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

@media (max-width : 1459.98px) {
	.swiper-banner{
		width: 26px;
		height: 26px;
		border-radius: 50%;
	}
}

@media (max-width :991.98px) {
	.swiper-banner{
		display: none;
	}
}

/* --- Source: ./blocks/news-block.css --- */
.block-news{
	overflow-x: hidden;
	margin-top: 60px;
	margin-bottom: 60px;
}

.block-news__link{
	display: block;
	text-decoration: none;
}

.block-news .tabcontent{
	position: relative;
}
.block-news__btn-prev{
	position: absolute;
	right: 26px !important;
	top: -14px !important;
	left: auto;
}
.block-news__btn-next{
	position: absolute;
	right: 0px !important;
	top: -14px !important;
	left: auto;
}
.swiper-button-next::after{
	content: "";
}
.swiper-button-prev::after{
	content: "";
}


.block-news__cover{
	width: 100%;
	height: auto;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
}
.block-news__cover img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.block-news__title{
	font-size: .875rem;
	font-weight: 500;
	color: var(--gray-main);
	text-decoration: none;

}

.block-news__date{
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--gray-light);
	float: right;
	margin-top: 20px;
	text-decoration: none;
}

@media (max-width : 991.98px) {
	.block-news__link{
		line-height: 1.1;
	}
  .block-news .swiper-button-next,
  .block-news .swiper-button-prev {
    display: none !important;
  }
	.block-news__title{
		font-size: .725rem;
		font-weight: 400;
	}
	.block-news__date{
		margin-top: 12px;
	}
	.block-news__date{
		font-size: 0.725rem;
	}
}
/* --- Source: ./blocks/brands.css --- */
.brands{
	overflow-x: hidden;
	margin-top: 60px;
	margin-bottom: 40px;
}
.brand__item{
	display: block;
	width: 130px;
	height: auto;
}
.brands__wrapper{
	position: relative;
}
.brand__img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	filter: saturate(0.8) grayscale(1) opacity(0.3);
	transition: var(--transition-duration);
}
.brand__item:hover .brand__img{
	filter: saturate(1) grayscale(0) opacity(1);
}	
.brands__swiper .swiper-slide{
	width: fit-content;
	height: fit-content;
}

.brands__btn-next{
	position: absolute;
	right: 26px !important;
	top: -31px !important;
	left: auto;
}

.brands__btn-prev{
	position: absolute;
	right: 52px !important;
	top: -31px !important;
	left: auto;
}
@media (max-width : 991.98px) {
	.brands__btn-next{
		display: none !important;
	}
	
	.brands__btn-prev{
		display: none !important;
	}
}
/* --- Source: ./blocks/card-3col.css --- */
.card-3col{
	position: relative;
}
.card-3col> .card-2col__wrapper{
	padding: 44px 12px 12px 12px;
	width: calc(100% - .25rem);
	max-width: none;
	min-width: none;
}

.card-3col__wrapper{
	padding: 44px 12px 12px 12px;
	width: calc(100% - .25rem);
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	flex-direction: column;
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level1);
	/* transition: var(--transition-duration); */
	top: .25rem;
	left: 50%;
	translate: -50% 0;

}
.card-3col__marker-line{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-direction: row;
	flex-wrap: nowrap;
	position: absolute;
	padding: 12px;
	z-index: 2;
	top: 0;
	left: 0;
	border-radius: var(--border-radius-lg);
	background: rgba(255, 255, 255, 0.8);

}

.card-3col__dif-markers{
	/* width: fit-content; */
	width: 75%;

	display: flex;
	gap: 8px;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	flex-shrink: 1;
}



.marker-toggle-btn.active{
	rotate: 180deg;
}

.card-3col__swiper{
	width: 100%;
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.card-3col__slide-wrapper{
	height: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-3col__swiper .card-img-swiper{
	height: 100%;
}
/* .card-img-swiper .swiper-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
} */
.card-3col__slide-wrapper img{ 
	height: 100%;
	width: auto;
}

.card-3col__swiper .swiper-pagination-bullet {
	height: 2px;
	width: 12px;
	background: var(--gray-main);
	margin: 0 2px !important;
}

.card-3col__title{
	margin-bottom: 22px;
}
.card-3col__title span{
	transition: max-height 0.4s ease-in-out;
	overflow: hidden;
	max-height: 3em;
	min-height: 2.4em;
	text-overflow: ellipsis;
	color: var(--gray-main);
	font-size: 1rem;
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 600;
	/* transform: scaleY(1); */
}

.card-3col:hover .card-3col__title span{
	overflow: hidden;
	max-height: 12em;
	/* transform: scaleY(1); */
	transition: max-height var(--transition-duration);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}

.card-3col:hover .card-3col__wrapper{
	/* transform: scale(1.04); */
	position: absolute;
	width: calc(100% - .5rem);
	top: .5rem;
	left: 50%;
	translate: -50% 0;
	overflow: visible;
	z-index: 6;
}
.card-3col__achiv{
	margin-top: 14px;
}
.card-3col__status{
	margin-top: 14px;
	display: flex;
	justify-content: space-between;
}

.card-3col__find-chiper a{
	font-size: .875rem;
	color: var(--blue-light);
}
.card-3col__bye-line{
	margin-top: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-3col__price-wrapper{
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: end;
}
.card-3col__old-price{
	font-size: .875rem;
	color: var(--gray-light);
	text-decoration: line-through;
	min-height: 21px;
}

.card-3col__price{
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--gray-main);
	line-height: 0.8;
}
.card-3col__price--sale{
	color: var(--red-accent);
}

.product-buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cart-count {
	position: absolute;
	top: -6px;
	right: -6px;
	background: white;
	color: #ff4c00;
	font-size: 12px;
	font-weight: bold;
	border-radius: 50%;
	padding: 2px 5px;
}

.card-3col:hover .bye-btn{
	width: fit-content;
}

.card-3col:hover .addtobag{
	width: fit-content;
}

.card-3col:hover .reduce{
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;
	
}

.card-3col:hover .increase{
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;

}

.card-3col:hover .inbag{
	height: 32px;
	padding: 4px;
	width: 34px;
	opacity: 1;
}
.card-3col__info{
	width: calc(100% - 20px);
	display: none;
}
.card-3col:hover .card-3col__info{
	display: block;
}
.card-3col__info-code, .card-3col__info-brand, .card-3col__info-article, .card-3col__info-oem, .card-3col__info-kit_parent, .card-3col__info-dropPrePayBlock{
	font-size: .875rem;
	color: var(--gray-light);
	display: flex;
	justify-content: space-between;
	position: relative;
}
.card-3col__info-code::after, .card-3col__info-brand::after, .card-3col__info-article::after, .card-3col__info-oem::after{
	content: '';
	height: 16px;
	width: 16px;
	position: absolute;
	right: 0;
	opacity: 0;
	transition: var(--transition-duration);
}
.card-3col__info-code:hover::after, .card-3col__info-brand:hover::after, .card-3col__info-article:hover::after, .card-3col__info-oem:hover::after{
	opacity: 1;
	top: 0;
	right: -20px;
	background: url('./blocks/../../icons/akar-icons_copy.svg') center no-repeat;
	background-size: contain;
}

.copy-toast {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: #333;
	color: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 9999;
	font-size: 0.875rem;
}
.copy-toast.show {
	opacity: 1;
}




@media (max-width : 991.98px) {
	.card-3col__dif-markers{
		width: 65%;
	}	
	.card-3col__swiper{
		height: 210px;
	}
	.card-3col__title span{
		font-size: .875rem;
	}


	.card-3col .bye-btn{
		width: fit-content;
	}
	.card-3col .bye-btn .addtobag{
		width: fit-content;
	}
	.card-3col .bye-btn .inbag {
		width: 34px;
		opacity: 1;
		height: 32px;
		width: 34px;
			opacity: 1;
	}
	.card-3col .bye-btn .reduce {
		display: block;
		opacity: 1;
		width: 30px;
		height: 30px;
	}
	.card-3col .bye-btn .increase {
		display: block;
		opacity: 1;
		width: 30px;
		height: 30px;
	}
}
/* --- Source: ./blocks/marker.css --- */
.marker{
	display: inline-block;
	width: fit-content;
	font-size: 0.75rem;
	padding: 0px 8px;
	border-radius: 50px;
	text-align: center;
}

.marker--yellow{
	background: var(--yellow-main);
	color: var(--gray-main);
}
.marker--gray{
	background: var(--gray-extra-light);
	color: var(--gray-main);
}
.marker--purple{
	background: var(--purple-main);
	color: var(--gray-main);
}
.marker--blue{
	background: var(--blue-main);
	color: var(--gray-white);
}
.marker--red{
	background: var(--red-accent);
	color: var(--gray-white);
}
.marker--green_white{
	background: var(--green-dark);
	color: var(--gray-white);
}
.marker--green{
	background: var(--green-main);
	color: var(--gray-main);
}
	.marker--black{
	background: var(--gray-dark);
	color: var(--gray-white);
	}
	.marker--blue-gradient{
	background: var(--blue-gradient);
	color: var(--gray-dark);
	}

.marker--bonus{
	background: var(--gray-white);
	color: var(--red-accent);
	border: 1px solid;
}

.marker--quant{
	background: var(--gray-white);
	color: var(--gray-dark);
	border: 1px solid;
	min-width: 80px;
	height: 20px;
}

.marker--action{
	background: var(--red-accent);
	color: var(--gray-white);
	font-weight: bold;
}

.marker--orange{
	background: var(--orange-main);
	color: var(--gray-white);
}

.marker--blackFriday{
	background: var(--red-black-gradient);
	color: var(--gray-white);
}
.marker--winterOutlet{
	background: var(--blue-cyan-gradient);
	color: var(--gray-white);
}


	.marker--orange-gradient{
	background: var(--orange-gradient);
	color: var(--gray-white);
	}
	.marker--big{
		font-size: .875rem;
		padding: 4px 12px;
	}

	.marker--hidden {
		/* position: absolute; */
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease, transform 0.3s ease;
		z-index: -1;
	}
	.marker--visible {
		opacity: 1;
		pointer-events: auto;
		position: static;
	}
	.marker-toggle-btn {
		height: 20px;
		width: 20px;
		background: var(--gray-extra-light) url('./blocks/../../icons/akar-icons_chevron-down-small.svg') center no-repeat;
		background-size: contain;
		border: 1px solid var(--gray-light);
		border-radius: 50px;
		padding: 4px 8px;
		cursor: pointer;
		font-size: 0.875rem;
		border: none;
		color: var(--gray-extra-light);
		position: absolute;
		top: 0;
		right: -20px;
		transition: var(--transition-duration);
	}

	@media (max-width : 1459.98px) {
		.marker-toggle-btn{
			right: -22px;
		}

	}


/* --- Source: ./blocks/card-aviable.css --- */

.card-aviable{
	font-size: .875rem;
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--gray-light);
}

.card__aviable-marker{
	height: 8px;
	width: 8px;
	border-radius: 20px;
	background: red;
}

.card__aviable-marker--red{
	background: var(--red-accent);
}
.card__aviable-marker--gray{
	background: var(--gray-light);
}
.card__aviable-marker--green{
	background: var(--green-main);
}
.card__aviable-marker--yellow{
	background: var(--yellow-main);
}
/* --- Source: ./blocks/seo-text.css --- */
.seo-text__wrapper {
  position: relative;
  max-width: 1800px;
  margin: 0 auto;
	padding-top: 40px;
}

.seo-text__content {
  max-height: 100px; /* высота видимой части */
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}
.seo-text__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    var(--body-bg)
  );
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.seo-text__content.active {
  max-height: 1800px; /* можно указать большое значение */
}
.seo-text__content.active::after {
  opacity: 0;
}
.seo-text__btn {
	margin-top: 40px;
  height: 36px;
  width: 36px;
  background: url('./blocks/../../icons/akar-icons_chevron-down.svg')
    no-repeat center var(--gray-extra-light);
  border: none;
  color: #007bff;
  cursor: pointer;
  border-radius: var(--border-radius-md);
}

.seo-text__btn.active {
  rotate: 180deg;
}

/* --- Source: ./blocks/tablinks.css --- */
.main-tablink{
	width: fit-content;
	padding: 4px 12px;
	font-size: .875rem;
	background: var(--gray-white);
	border-radius: var(--border-radius-md);
	outline: none;
	margin-right: 8px;
	border: none;
	color: var(--gray-main);
	box-shadow: var(--shadow-level1);
	transition: var(--transition-duration);
}
.main-tablink.active-tab{
	border: 1px solid var(--blue-light);
	box-shadow: var(--shadow-level-c);
}
/* --- Source: ./blocks/footer.css --- */
.footer{
	background: var(--gray-dark);
	padding-top: 56px;
}

.footer__logo{
	margin-bottom: 56px;
}

.footer__title{
	font-size: 2rem;
	font-weight: 500;
	color: var(--gray-white);
	margin-bottom: 24px;
}

.footer__wrapper{
	margin-bottom: 64px;
}

.footer__phone a{
	text-decoration: none;
	color: var(--gray-white);
	font-size: 1.5rem;
	font-weight: 500;
}

.footer__work-hours{
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: var(--gray-white);
	font-weight: 300;
	font-size: 1rem;
	margin-bottom: 64px;
}

.footer__mail-links{
	display: flex;
	flex-direction: column;
	gap: 12px;
	
	margin-bottom: 64px;
}
.footer__mail-links a{
	color: var(--gray-white);
	font-weight: 300;
	font-size: 1rem;
	text-decoration: none;
}

.footer__nav ul{
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}
.footer__nav a{
	text-decoration: none;
	color: var(--gray-white);
	font-size: 1rem;
}
.footer__nav li:not(:last-of-type){
	margin-bottom: 20px;
}

.footer__catalog ul{
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}

.footer__catalog a{
	text-decoration: none;
	color: var(--gray-white);
	font-size: 1rem;
}

.footer__catalog li:not(:last-of-type){
	margin-bottom: 20px;
}
.footer__partner-logo{
	margin-bottom: 64px;
}
.footer__usefool-links{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 64px;
}
.footer__usefool-links a{
	text-decoration: none;
	color: var(--gray-white);
	font-size: 1rem;
}

.footer__social-line{
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: start;
	height: 52px;
}
.footer__social-line a{
	display: block;
	height: 100%;

}

.footer__social-line img{
	height: 100%;
	width: auto;
}

.footer__payment{
	height: 26px;
	display: flex;
	align-items: center;
	justify-self: center;
}

.footer__payment img{
	height: 100%;
	width: auto;
	margin-bottom: 12px;
}

.footer__bottom-line{
	background: var(--blue-main);
	color: var(--gray-white);
	font-weight: 300;
	font-size: 0.875rem;
	padding-top: 4px;
	padding-bottom: 4px;
}
summary{
	position: relative;
}
.responsive-details {
  display: block;
	position: relative;
}

.responsive-details[open] .details-content {
  display: block;
}

/* Убираем стандартный треугольник */
.responsive-details summary {
  list-style: none;
}

/* Safari и Firefox */
.responsive-details summary::-webkit-details-marker {
  display: none;
}
.footer-banner{
	margin-top: 80px;
	margin-bottom: 20px;
	overflow-x: hidden;
}
.footer-banner img{
	width: 100%;
	height: auto;
}

@media (max-width : 1199.98px) {
	.responsive-details{
		margin-bottom: 20px;
		transition: var(--transition-duration);
	}
  .responsive-details .details-content {
    display: none;
  }

  .responsive-details[open] .details-content {
    display: block;
  }
	.responsive-details summary::after{
		content: "";
		position: absolute;
		width: 24px;
		height: 24px;
		background: url('./blocks/../../icons/akar-icons_chevron-right.svg') no-repeat center;
		top: 50%;
		right: 32px;
		translate: 0 -50%;
	}
	summary{
		transition: var(--transition-duration);
	}
.details-content{
	transition: var(--transition-duration);
}
	.responsive-details[open] summary::after{
		rotate: 90deg;
	}
  .responsive-details summary {
    cursor: pointer;
		padding: 8px 0 8px 12px ;
    pointer-events: auto;
    user-select: auto;
		background: var(--gray-main);
		border-radius: var(--border-radius-md);
  }
	.footer__title{
		font-size: 1.5rem;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.footer__title h4{
		margin-bottom: 0;
	}
	.footer__wrapper{
		margin-bottom: 32px;
	}
	.footer__mail-links{
		margin-bottom: 32px;
	}
	.footer__work-hours{
		margin-bottom: 32px;
	}
	.footer__partner-logo{
		margin-bottom: 32px;
	}
	.footer__usefool-links{
		margin-bottom: 32px;
	}
}

@media (min-width: 1200px) {
  .responsive-details {
    display: block;
  }

  .responsive-details summary {
    pointer-events: none;
    user-select: none;
  }

  .responsive-details[open] .details-content,
  .responsive-details .details-content {
    display: block !important;
  }
}

@media (max-width : 991.98px) {
	.footer__social-line{
		height: 40px;
	}
	.footer__payment{
		margin-top: 28px;
	}
}

#true-user {position: fixed; top:10em; right:0;max-width: fit-content; z-index: 1005;}
#true-user.my-fixed {top:1em; right: 15%;}
/* --- Source: ./blocks/breadcrumbs.css --- */

.breadcrumbs ul{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	column-gap: 38px;
}
.breadcrumbs ul li{
	position: relative;
	
}
.breadcrumbs ul li:not(:last-of-type):after{
	content: '/';
	position: absolute;
	right: -22px;
	top: 2px;
	color: var(--gray-light);
	font-size: .875rem;
}
.breadcrumbs ul li a{
	text-decoration: none;
	font-size: .875rem;
	color: var(--gray-light);
	font-weight: 400;
	transition: var(--transition-duration);
}
.breadcrumbs ul li:hover a{
	color: var(--gray-extra-light);
}
@media (max-width : 1199.98px) {
.breadcrumbs{
	margin-top: -30px;
}
}
/* --- Source: ./blocks/variants.css --- */
.variant{
	cursor: pointer;
	position: relative;
	font-weight: 500;
	color: var(--gray-main);
	padding: 8px 12px;
	border-radius: var(--border-radius-md);
	background: var(--gray-white);
	border: 1px solid var(--gray-extra-light);
	transition: var(--transition-duration);
}
.variant:hover{
	border: 1px solid var(--blue-extra-light);
}
.variant.active{
	border: 1px solid var(--blue-light);
}
.variants__wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-auto-rows: 1fr;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	gap: 8px;
}

.variant>a.rel_item_clear{
	display: block;
	position: absolute;
	top: 1px;
	right: 0em;
	color: #FF3333;
	font-size: 2em;
	line-height: 0.8;
	border-radius: 35%;
	height: 22px;
	width: 4px;
}
.variant>a.rel_item_clear::before {content: '\D7'; margin-left: -16px;}
/* --- Source: ./blocks/counter-container.css --- */
.counter-container{
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.counter-container__counter-wrapper {
background: var(--gray-white);
border-radius: var(--border-radius-lg);
box-shadow: var(--shadow-level1);
padding: 12px 18px;
width: fit-content;
display: flex;
align-items: center;
transition: var(--transition-duration);
}
.counter-container__counter-wrapper:hover {
	box-shadow: var(--shadow-level2);
}
.counter-container__counter-btn{
	height: 24px;
	width: 24px;
	background: none;
	outline: none;
	border: none;
	cursor: pointer;
}
.counter-container__counter-btn.decrease-btn{
	background: url('./blocks/../../icons/icons-gray-main/akar-icons_circle-minus.svg') center;
	background-size: contain;

}
.counter-container__counter-btn.increase-btn{
	background: url('./blocks/../../icons/icons-gray-main/akar-icons_circle-plus.svg') center;
	background-size: contain;

}
.counter-container__counter-input{
	border: none;
	width: 40px;
	text-align: center;
	font-size: 1.25rem;
	-moz-appearance: textfield;
}
.counter-container input[type="number"]::-webkit-outer-spin-button,
.counter-container input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.counter-container__buy-btn{
	flex-grow: 1;
	position: relative;
	height: 56px;
	background: var(--orange-main);
	border: none;
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level-c);
	color: var(--gray-white);
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	transition: var(--transition-duration);
	text-decoration: none;
	display: flex;
	justify-content: center; /* ������������ �� ����������� */
	align-items: center;
}
.wait.counter-container__buy-btn{background: #005293;}
.await.counter-container__buy-btn{background: #3eaf0b;}
.wait.counter-container__buy-btn:hover{background: #005293;}
.await.counter-container__buy-btn:hover{background: #3eaf0b;}
.wait.counter-container__buy-btn span::before{background:none;}
.await.counter-container__buy-btn span::before{background: url('./blocks/../../added_to_wait_list_white_ico.png') center;}
.counter-container__buy-btn span{
	position: relative;
}
.counter-container__buy-btn span::before{
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url('./blocks/../../icons/icons-gray-white/akar-icons_cart.svg') center;
	background-size: contain;
	left: -28px;
}
.counter-container__buy-btn:hover{
	background: var(--orange-light);

}
/* --- Source: ./blocks/input-wrapper.css --- */
.input-wrapper{
	position: relative;
	width: 100%;
}

.input-wrapper__label{
	cursor: text;
	position: absolute;
	top: 18px;
	left: 13px;
	font-size: .875rem;
	color: var(--gray-light);
	transition: var(--transition-duration);
	z-index: 2;
}
.input-wrapper__textarea-label{
	cursor: text;
	position: absolute;
	top: 13px;
	left: 13px;
	font-size: .875rem;
	color: var(--gray-light);
	transition: var(--transition-duration);
}

.input-wrapper__label span, .input-wrapper__textarea-label span{
	color: var(--red-accent);
}
.input-wrapper__input{
	padding-top: 8px;
	padding-left: 12px;
	height: 48px;
	width: 100%;
	font-size: 1rem;
	color: var(--gray-main);
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	transition: var(--transition-duration);
}
.input-wrapper__select{padding-right: 12px; }

.input-wrapper__textarea{
	padding-top: 8px;
	padding-left: 12px;
	height: 96px;
	width: 100%;
	font-size: 1rem;
	color: var(--gray-main);
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	transition: var(--transition-duration);
}
.input-wrapper__textarea:hover{
	border-color: var(--blue-extra-light);
}
.input-wrapper__input:hover{
	border-color: var(--blue-extra-light);
}
.input-wrapper__input:focus{
	outline: none;
	box-shadow: var(--shadow-level3);
}

.input-wrapper__textarea:focus{
	outline: none;
	box-shadow: var(--shadow-level3);
}
.input-wrapper__input:not(:placeholder-shown) + .input-wrapper__label{
	color: var(--blue-light);
	scale: .7;
	translate: -6px -16px;
}
.input-wrapper__textarea:not(:placeholder-shown) + .item-presen__textarea-label{
	color: var(--blue-light);
	scale: .7;
	translate: -6px -16px;
}

/*********************/
.input-wrapper__switcher {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.input-wrapper__switcher-input{ 
  opacity: 0;
  width: 0;
  height: 0;
}

.input-wrapper__switcher-btn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray-extra-light);
  transition: .4s;
	border-radius: 50px;
}

.input-wrapper__switcher-btn:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: var(--gray-white);
  transition: .4s;
	border-radius: 50px;
	box-shadow: var(--shadow-level1);
}

.input-wrapper__switcher input:checked + .input-wrapper__switcher-btn {
  background-color: var(--blue-light);
}

.input-wrapper__switcher input:focus + .input-wrapper__switcher-btn {
  box-shadow: 0 0 1px var(--blue-light);
}

.input-wrapper__switcher input:checked + .input-wrapper__switcher-btn:before {
  transform: translateX(26px);
}

.input-wrapper__select{
	height: 48px;
	padding-top: 8px;
	padding-left: 12px;
	font-size: .875rem;
	color: var(--gray-light);
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	transition: var(--transition-duration);
	outline: none;
	width: 100%;
}

.submit-btn{
	padding-left: 12px;
	padding-right: 12px;
	height: 48px;
	width: 100%;
	background: var(--blue-light);
	font-size: 1rem;
	font-weight: 500;
	color: var(--gray-white);
	border: none;
	border-radius: var(--border-radius-lg);
	transition: var(--transition-duration);
	outline: none;
}

.submit-btn:hover{
	background: var(--blue-extra-light);
	color: var(--gray-light);
}
.btn-disabled{
	background: var(--gray-light);
	color: var(--gray-white);
}


@media (max-width : 575.98px) {
	.submit-btn{
		font-size: .875rem;
	}
}
/* --- Source: ./blocks/favorite-btn.css --- */
.favorite-btn{
	height: 28px;
	width: 28px;
	background: url('./blocks/../../icons/icons-gray-extra-light/akar-icons_heart.svg') no-repeat center;
	background-size: contain;
	transition: var(--transition-duration);
}
.favorite-btn:hover{
	background: url('./blocks/../../icons/icons-gray-extra-light/akar-icons_heart-field.svg') no-repeat center;
	background-size: contain;
	scale: 1.1;
}
.favorite-btn.active{
	background: url('./blocks/../../icons/akar-icons_heart-grad.svg') no-repeat center;
	background-size: contain;
}
/* --- Source: ./blocks/card-2col.css --- */
.card-2col{
	width: calc(50% - 0.25rem);
	position: relative;
	/* background: var(--gray-white);
	border-radius: var(--border-radius-md); */
}
.card-2col__wrapper{
	position: relative;
	/* width: calc(100% - .25rem); */
	width: 100%;
	padding: 44px 8px 8px 8px;
	grid-template-columns: 1.7fr 1.3fr;
  grid-template-rows: repeat(6, auto);
  grid-auto-rows: 1fr;
  gap: 8px 0px;
  grid-auto-flow: row;
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level1);
  grid-template-areas:
    "card-2col__swiper card-2col__swiper"
    "card-2col__title card-2col__title"
	"card-2col__action_favorite card-2col__action_favorite"
    "card-3col__achiv card-3col__achiv"
    "card-2col__aviable card-2col__quantity-line "
    "card-2col__find-chiper card-2col__price-wrapper"
    "card-2col__bye-btn card-2col__bye-btn"
;
}

.catalog--view-small .card-2col:hover .card-2col__wrapper {
	/* transform: scale(1.04); */
	/*position: absolute;*/
	/* width: calc(100% - .25rem); */
	/* top: .5rem; */
	/* left: 50%;
	translate: -50% 0; */
	top: 0;
	left: 0;
	overflow: visible;
	z-index: 6;
	border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}

.card-2col__marker-line {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-direction: row;
	flex-wrap: nowrap;
	position: absolute;
	padding: 8px;
	z-index: 2;
	top: 0;
	left: 0;
	border-radius: var(--border-radius-lg);
	background: rgba(255, 255, 255, 0.8);
	min-height: 30px;
}

.card-2col__dif-markers {
	/* width: fit-content; */
	width: 60%;
	display: flex;
	gap: 8px;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	flex-shrink: 1;
}
.card-2col__swiper .card-img-swiper{
	height: 170px;
}
.card-2col__swiper {
	width: 100%;
	height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.card-2col__slide-wrapper {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-2col__slide-wrapper img {
	height: 100%;
	width: auto;
}

.card-2col__swiper .swiper-pagination-bullet {
	height: 2px;
	width: 12px;
	background: var(--gray-main);
	margin: 0 2px !important;
}

.card-2col__swiper .swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.card-2col__swiper .swiper-pagination{
	top: auto;
	bottom: -16px;
}
.card-2col__find-chiper{
	font-size: .75rem;
	grid-area: card-2col__find-chiper; 
	align-self: end; 
}
.card-2col__find-chiper>span{
	cursor: pointer;
	color: var(--link-before);
	text-decoration: underline;
}
.card-2col__find-chiper.select>span{
	color: var(--link-after);
}


.card-2col__title{
	margin-top: 20px;
	min-height: 34px;
}
/*.card-2col__title span{
	transition: max-height 0.4s ease-in-out;
	overflow: hidden;
	max-height: 3em;
	min-height: 2.4em;
	text-overflow: ellipsis;
	color: var(--gray-main);
	font-size: .875rem;
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 600;
}*/
.card-2col__title span {
	transition: max-height 0.4s ease-in-out;
	overflow: hidden;
	max-height: 2.4em;
	min-height: 2.4em;
	color: var(--gray-main);
	font-size: .875rem;
	line-height: 1.2;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-word;
}

.card-2col__title a{text-decoration: none;}

.card-2col:hover{
	z-index: 10; /* ����-��� �����, ����� �� 1 */
	position: relative; /* ����'������ ��� ������ z-index */
}

/*.card-2col:hover .card-2col__title span{
	overflow: hidden;
	max-height: 12em;
	transition: max-height var(--transition-duration);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}*/
.card-2col:hover .card-2col__title span {
	/* ������� ����������� ����� �����, ����� ����� �� �������� ��� ���������� */
	-webkit-line-clamp: 10;
	/* ����� ����������� ������ ��� �������� */
	max-height: 15em;
}
.card-2col__info {
	width:100%;
	display: none;
}

.catalog--view-small .card-2col__info.prod-info{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%; /* ���������� ������ �� ������� */
	z-index: 11;
	background: #fff; /* ��� �� ���� ������� */
	box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* ������ ��� ��� ��'��� */
	pointer-events: auto; /* ���������� ������� � ������ */
	padding: 0em 1em 0.5em 0.5em;
	border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);
}
.catalog--view-large .card-2col__info.prod-info{padding: 0em 1em 0em 0em;}

.card-2col:hover .card-2col__info, .card-2col__info:hover {
	display: block;
}

.card-2col__action_favorite{
	width:100%;
}

.card-2col:hover .bye-btn{
	width: fit-content;
}

.card-2col:hover .addtobag{
	width: fit-content;
}

.card-2col:hover .reduce{
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;
	
}

.card-2col:hover .increase{
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;

}

.card-2col:hover .inbag{
	height: 32px;
	padding: 4px;
	width: 34px;
	opacity: 1;
}

.card-2col__wrapper {  display: grid; max-width: 277px; min-width: 235px}

.card-2col__swiper { grid-area: card-2col__swiper; }

.card-2col__title { grid-area: card-2col__title; }

.card-3col__achiv { grid-area: card-3col__achiv; height: 45px;}

.card-3col__achiv > img{height: 45px; margin-right: 5px;}

.card-2col__aviable {
	 grid-area: card-2col__aviable; 
	 justify-self: center;
	}

.card-2col__quantity-line{
	grid-area: card-2col__quantity-line;
	width: fit-content;
}



.card-2col__price-wrapper {
	 grid-area: card-2col__price-wrapper;
	 justify-self: end;
	 text-align: right;
	 align-self: end;
	}

.card-2col__bye-btn { 
	grid-area: card-2col__bye-btn; 
	justify-self: end;
}

.card-2col__action_favorite{
	grid-area: card-2col__action_favorite;
	display: flex;
	/* ����������� �������� �� ����������� � ���������� ����������� ����� ���� */
	justify-content: space-between;
	/* ����������� �������� �� ������ ��������� */
	align-items: center;
}

card-2col__quantity-line{
	grid-area: card-2col__action_favorite;
	display: flex;
	/* ����������� �������� �� ����������� � ���������� ����������� ����� ���� */
	justify-content: flex-start;
	/* ����������� �������� �� ������ ��������� */
	align-items: center;
}

@media (max-width : 1199.98px) {
	.card-2col{
		width: calc(33.3333% - 0.25rem);
	}
	.card-2col__wrapper{
		grid-template-rows: repeat(5, auto);
	}
	.card-2col__action_favorite{
		grid-area: 3/ 1 / 4 / 4;
	}
	.card-3col__achiv{
		grid-area: 4/ 1 / 6 / 2;
	}
	.card-2col__find-chiper{
		grid-area: 5/ 2 / 6 / 4;
	}
	.card-2col__quantity-line{
		grid-area: 4/ 2 / 5 / 4;
	}
	.card-2col__aviable{
		grid-area: 6/ 1 / 7 / 2;
		align-self: self-end;
	}
	.card-2col__info
	{
		grid-area: 8/ 1 / 9 / 4;
	}
	.catalog--view-small .card-2col__title {
		grid-area: 2/ 1 / 3 / 4;
	}									 
}

@media (max-width : 991.98px) {
	.card-2col__wrapper{
		gap: 4px;
	}
	.card-2col{
		width: calc(50% - 0.25rem);
	}
	.card-3col__achiv{
		display: none;
	}
	.card-2col__aviable{
		grid-area: 4/ 2 / 2 / 4;
		align-self: self-end;
		justify-self: center;
	}
	.card-2col__quantity-line{
		grid-area: 3/ 1 / 4 / 2;
	}
	.card-2col__find-chiper{
		grid-area: 5/ 1 / 6 / 2;
	}

	.card-2col__price-wrapper{
		grid-area: 5/ 3 / 6 / 4;
	}
	.card-2col__action_favorite{
		grid-area: 4/ 1 / 5 / 4;
	}
	.bye-btn{
		width: 100%;
	}
	.bye-btn .addtobag{
		width: fit-content;
	}
	.card-2col .inbag{
		width: 34px;
		opacity: 1;
	}
	.card-2col .reduce {
    display: block;
    opacity: 1;
    width: 30px;
    height: 30px;
}
.card-2col .increase {
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;
}
.card-2col:hover .card-2col__info {
	display: none;
}
}

@media (max-width : 575.98px) {

}
/* --- Source: ./blocks/comments-list.css --- */
.comment-item{
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	padding: 20px 24px 28px 16px;
	margin-bottom: 8px;
}
.comment-item__top-line{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}
.comment-item__user{
	margin-right: 16px;
}
.comment-item__user span{
	font-weight: 500;
}
.comment-item__data{
	font-size: .875rem;
	color: var(--gray-light);
	/* font-style: italic; */
	width: fit-content;
}
/* .comment-item__data span{
	border: 1px solid #000;
} */
.comment-item__data span:not(:last-of-type){
	margin-right: 8px;
}

.comment-item__text{
	font-size: .875rem;
	margin-bottom: 28px;
}
.comment-item__toolbar span{
	font-size: .75rem;
	color: var(--blue-light);
	text-decoration: underline;
}
.comment-item__toolbar span:not(:last-of-type){
	margin-right: 8px;
}
.comment-item__answer{
	padding-left: 24px;
	position: relative;
	margin-top: 20px;
}
.comment-item__answer::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0;
	width: 2px;
	border-radius: 20px;
	height: 100%;
	background-color: var(--gray-extra-light);
}


@media (max-width : 575.98px) {
	.comment-item__top-line{
		align-items: flex-start;
	}
	.comment-item__data{
		text-align: right;
	}
	.comment-item__data span{
		margin-right: 8px;
		text-align: right;
	}
}

.comments_list> .comment_tree > li.comment{
	min-height: 4em;
	margin-top: .5em;
	background: #fff;
	border: 2px solid #3288c9;
	border-radius: 10px;
	position: relative;
	padding: 0.5em;
}

/* --- Source: ./blocks/main-headline.css --- */
.main-headline h1{
	font-size: 36px;
	text-align: center;
	margin-top: 56px;
	margin-bottom: 60px;
}

.main-headline h2{
    font-size: 24px;
    text-align: center;
    margin-top: 56px;
    margin-bottom: 60px;
}



@media (max-width : 767.98px) {

    .main-headline h1{
        font-size: 24px;
        margin-top: 26px;
        margin-bottom: 32px;
    }

    .main-headline h2{
        font-size: 16px;
        margin-top: 26px;
        margin-bottom: 32px;
    }
}
/* --- Source: ./blocks/content_editor.css --- */
.ui-dialog {z-index: 1001!important; top:50px!important;}

.editor_right_panel a, .editor_left_panel a {text-decoration: none; color: inherit;}


/* --- Source: ./blocks/table-blocks.css --- */

.difference-table{
    margin: 25px auto;
    padding: 10px;
    font-size: 18px;
    line-height: 1.5;
    color: #383E48;
}
.difference-table th, .difference-table td {
    border-radius: 5px;
}

.table_item_text{
    font-family: Roboto;
    text-align: center;
}

.horisontal_border > :not(caption) > * {
    border: 1px solid var(--bs-border-color, #dee2e6);
}

@media (max-width: 575.98px) {
    .difference-table{
        font-size: 12px;
        line-height: 1;
    }
    .difference-table > table th:first-child{
        min-width: 200px !important;
    }

}

@media (max-width: 768px) {
    .tab_list{
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .tab_list li:not(:last-of-type) {
        margin-bottom: 0px!important;
    }
}
/* --- Source: ./blocks/export_style.css --- */
.export-style li:not(:last-of-type) {
    margin-bottom: 0px !important;
}

.export-style.my-form input[type=text], .export-style.my-form input[type=number], .export-style.my-form input[type=password],.export-style.my-form textarea,.export-style.my-form select{
    width: 100%;
    border: 2px solid #D7D8DA;
    border-radius: 18px;
}
.export-style.my-form input[type=text]:hover, .export-style.my-form input[type=number]:hover, .export-style.my-form input[type=password]:hover, .export-style.my-form textarea:hover,.export-style.my-form select:hover{
    border: 1px solid #CCDCEA;
    filter: drop-shadow(0px 0px 4px rgba(76, 133, 181, 0.81));
}
.export-style.my-form input[type=text]:focus,.export-style.my-form input[type=number]:focus, .export-style.my-form input[type=password]:focus, .export-style.my-form textarea:focus, .export-style.my-form select:focus{
    border: 1px solid #005293;
}
.export-style.my-form .my-button.my-small {color: inherit;}

.export-style select, .export-style input, .export-style textarea {font-size: 1em; border: 2px solid #005293; line-height: 1em; cursor: pointer;}
.export-style input, .export-style textarea, .export-style input:focus, textarea:focus {outline: none;}
/*
.my-form select{
    border-radius: 9px;
}

.my-form input[type=text]:hover, .my-form input[type=number]:hover, .my-form input[type=password]:hover, .my-form textarea:hover, .my-form select:hover {
    border: 1px solid #CCDCEA !important;
    filter: drop-shadow(0px 0px 4px rgba(76, 133, 181, 0.81)) !important;
}
.my-form input[type=text]:focus, .my-form input[type=number]:focus, .my-form input[type=password]:focus, .my-form textarea:focus, .my-form select:focus {
    border: 1px solid #005293!important;
}

.ui-widget-shadow {box-shadow: 2px 3px 4px rgb(81 81 81)!important;}
.ui-widget.ui-widget-content {
    border: 1px solid #D7D8DA!important;
}

.my-form input[type=text], .my-form input[type=number], .my-form input[type=password], .my-form textarea, .my-form select{
    border: 1px solid #D7D8DA !important;
    border-radius: 1.25em;
}

*/
/* --- Source: ./item-page.css --- */
.item-page__item-logo{
	float: right;
}
.item-present{
	margin-bottom: 40px;
}
.item-present__swiper-wrapper{
	position: sticky;
	top: 90px;
	background: var(--gray-white);
	border-radius: var(--border-radius-xl);
	padding: 50px;
	box-shadow: var(--shadow-level1);
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.item-present__swiper{
	height: 514px;
	width: 514px;

	
}
.item-present__swiper-thumbs{
	width: 100px;
	height: 480px;
}
.item-present__item-thumb{
	position: relative;
	cursor: pointer;
	width: 100px !important;
	height: 100px !important;
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	overflow: hidden;
	transition: var(--transition-duration);
}
.item-present__item-thumb:hover{
	border: 1px solid var(--blue-extra-light);
}
.swiper-slide-thumb-active{
	border: 1px solid var(--blue-light);
}
.item-present__item-thumb img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.item-present__swiper-wrapper .swiper-button-next{
	width: 24px;
	height: 24px;
	bottom: 40px;
	left: 120px;
	top: auto;
	background: url(../icons/icons-gray-light/akar-icons_chevron-down-small.svg) center;
	background-size: contain;
}
.item-present__swiper-wrapper .swiper-button-prev{
	width: 24px;
	height: 24px;
	left: 120px;
	top: 55px;
	background: url(../icons/icons-gray-light/akar-icons_chevron-up-small.svg) center;
	background-size: contain;
}
.item-present__item{
	height: 514px;
	width: 514px;
	border-radius: var(--border-radius-xl);
	transition: var(--transition-duration);
	overflow: hidden;
}
.item-present__item img{
	height: 100%;
	width: 100%;
	object-fit: contain;

}
.item-present__item:not(.swiper-slide-active){
	opacity: 0 !important;
	transition: var(--transition-duration);
}

.item-present__item.swiper-slide-active{
	opacity: 1 !important;
}

.item-present__info-wrapper{
	display: flex;
	flex-direction: column;
}

.item-present__aviable{
	margin-top: 48px;
	margin-bottom: 14px;
}

.item-present__markers{
	margin-bottom: 20px;
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.item-present__markers-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}
.item-present_quantity-line{
	margin-bottom: 20px;
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.item-present_quantity-line-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}
.item-present_quantity-line-wrapper>.marker--big {line-height: 1;}

.item-present__info-title{
	margin-bottom: 32px;
}
.item-present__info-title h1{
	font-size: 2.25rem;
	margin-bottom: 0;
	line-height: 1.2;
	color: var(--gray-main);
}

.item-present__prod-info{
	position: relative;
	width: 300px;
	margin-bottom: 32px;
}
.item-present__achiv{
	margin-bottom: 32px;
}
.item-present__achiv img{
	height: 50px;
	width: auto;
	margin-right: 5px;
}

.item-present__variants{
	margin-bottom: 32px;
}
.item-present__price{
	margin-bottom: 4px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.item-present__price-wrapper{
	display: flex;
	align-items: baseline;
}
.item-present__price-reg{
	font-size: 2rem;
	color: var(--gray-main);
	font-weight: 600;
}
.item-present__price-new{
	font-size: 2rem;
	color: var(--red-accent);
	font-weight: 600;
}
.item-present__price-old{
	font-size: 1.25rem;
	color: var(--gray-light);
	text-decoration: line-through;
	margin-left: 10px;
}
.item-present__find-chiper{
	font-size: .875rem;
	color: var(--blue-light);
}
.item-present__counter-container{
	margin-bottom: 32px;
}
.item-presen__my-form{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.item-present__1c-code.drop-menu{
	display: none;
	opacity: 0;

}
.item-present__1c-code.drop-menu.is-visible{
	display: block;
	opacity: 1;
	transition: var(--transition-duration);
	@starting-style {
		opacity: 0;
}
}

.item-present__1c-code.drop-container{
	margin-bottom: 32px;
	border: 1px solid var(--gray-extra-light);
	padding: 12px;
	border-radius: var(--border-radius-lg);
	transition: var(--transition-duration);
}
.item-present__1c-code.drop-container:hover{
	border-color: var(--blue-light);
}
.item-present__1c-code.drop-trigger{
	cursor: pointer;
	position: relative;
	transition: var(--transition-duration);
}
.item-present__1c-code.drop-trigger.active{
	margin-bottom: 32px;
}
.item-present__1c-code.drop-trigger::after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 0;
	top: 0px;
	background: url(../icons/icons-gray-main/akar-icons_chevron-down.svg) center;
	background-size: contain;
	transition: var(--transition-duration);
}
.item-present__1c-code.drop-trigger.active::after{
	transform: rotate(180deg);
}





.item-present__price-list .drop-menu{
	display: none;
	opacity: 0;
}
.item-present__price-list ul{
	margin: 0;
}
.item-present__price-list .drop-menu.is-visible{
	display: block;
	opacity: 1;
	transition: var(--transition-duration);
	@starting-style {
		opacity: 0;
}
}
.item-present__price-list{
	margin-bottom: 32px;
}
.item-present__price-list ul{
	margin-left: 0;
	padding-left: 0;
}
.item-present__price-list ul li{
	list-style-type: none;
}
.item-present__price-list-item{
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 8px 0;
	position: relative;
	transition: var(--transition-duration);
}
.item-present__price-list-item.drop-trigger{
	cursor: pointer;
}
.item-present__price-list-item.drop-trigger span:last-of-type::after{
	content: "";
	cursor: pointer;
	position: absolute;
	width: 24px;
	height: 24px;
	right: -48px;
	top: -1px;
	background: url(../icons/icons-gray-main/akar-icons_chevron-down-small.svg) center;
	background-size: contain;
	transition: var(--transition-duration);
}
.item-present__price-list-item.drop-trigger.active span:last-of-type::after{
	transform: rotate(180deg);
}
.item-present__price-list-item span:nth-of-type(1){
	color: var(--gray-main);
	margin-right: 20px;
}
.item-present__price-list-item span:nth-of-type(2){
	color: var(--red-accent);
	font-weight: 500;
}
.item-present__price-list-item span:nth-of-type(3){
	color: var(--gray-light);
	text-decoration: line-through;
	position: relative;
}
.item-present__sale-block{
	margin-bottom: 32px;

}
.item-present__sale-item{
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
	padding: 12px;
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 12px;
	transition: var(--transition-duration);
}
.item-present__sale-wrapper{
	display: flex;
	flex-direction: row;
	gap: 8px;
	flex-wrap: wrap;
}
.item-present__sale-item:hover{
	border-color: var(--blue-light);
}	

.item-present__sale-item span:last-of-type{
	color: var(--red-accent);
	font-weight: 500;
}

.item-page-description .tab{
	margin-bottom: 20px;
}
.item-page-recommendations .tab{
	margin-bottom: 20px;
}
.item-page-description__wrapper{
	width: 100%;
	padding: 30px;
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level1);
}
.item-page-description__wrapper img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.item-page-description__wrapper > .tabcontent > p{
	/* Разрешает разрывать строку в любом месте, даже если там неразрывный пробел */
	overflow-wrap: anywhere;
	word-break: normal;
	white-space: normal;
}

.item-page-recommendations__wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.item-page-description__review-input-wrapper{
	width: calc(35% - 8px);
}
.item-page-description__input-wrapper{
	margin-bottom: 16px;
}
.terms_of_use{
	color: var(--gray-light);
	font-size: .75rem;
}
.terms_of_use ul{
	padding-left: 14px;
}
.item-page-description__review{
	display: flex;
	flex-direction: row;
	gap: 16px;
	position: relative;
}
.item-page-description__comments-wrapper{
	width: calc(65% - 8px);
}
.item-page-description__characteristics{
	padding: 48px;
}
.item-page-description__characteristics-list{
	padding-left: 0;
	margin: 0;
}
.item-page-description__characteristics-item{
	list-style-type: none;
	font-size: .875rem;
}
.item-page-description__characteristics-item:not(:last-of-type){
	margin-bottom: 22px;
}
.item-page-description__characteristics-title{
	width: 60%;
	display: inline-block;
	color: var(--gray-light);
}
.item-page-description__video{
	display: flex;
	align-items: center;
	justify-content: center;
}
.iframe-container{
	position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Соотношение сторон 16:9 (9 / 16 = 0.5625 = 56.25%) */
    height: 0;
    overflow: hidden;
		margin-bottom: 16px;
}
.iframe-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
/* элементы для комплектов*/
.kit_parent {position: relative;}
.kit_parent>#kit_configuration {
	position: absolute;
	top: -10px;
	z-index: 110;
	padding-top: 2em;
	width: 40em;
}
.action_block >.kit_parent>#kit_configuration {right: -45px; top: 20px;}
.kit_parent>#kit_configuration>table{
	width: fit-content;
	height: fit-content;
	background: #f6f6f6;
	border-radius: 10px;
	padding: 8px;
	margin-right: 3em;
	display: none;
	text-align: center;
	vertical-align: middle;
}
.kit_parent:hover>#kit_configuration>table{display: block;}

/************ Образец звука *************/
#audiosample {
	display: flex;
	flex-direction: column;
	width: fit-content;
}
#audiosample > strong {
	text-align: center;
}
#audiosample > audio {
	display: block;
	/*filter: invert(100%);*/
	width: 215px;
	height: 35px;
}
audio::-webkit-media-controls-panel{
	background-color: #D7D8DA;
}
audio::-webkit-media-controls-timeline {
	display: none;
}
audio::-internal-media-controls-overflow-button {
	display: none;
}
audio::-webkit-media-controls-volume-control-container{
	width: 100px;
}
/************ Блок для ссылки на акционную страницу *************************/
a > div.action_block{display: flex;justify-content: space-around;}
a > div.action_block >.action_block_img {width: 30%;}
a > div.action_block >.action_block_info {width: 70%;}
a > div.action_block >.action_block_img> img { height: 5em; margin: 0 .5em 0 0; float: left;max-width: 100%;}
a > div.action_block >.action_block_info> span {display: block; width: auto; text-align: center; font-size: .75em; line-height: 1.2em; padding: .25em 0;}
a > div.action_block >.action_block_info> span > b {font-size: 1.25em; color: var(--red-accent); line-height: 1.5em;}

.added_links > div.action_block {
	min-height: 5em;
	border: 1px solid var(--red-accent);
	margin: 2em 0px 0px 15.5%;
	padding: 0;
	width: 320px;
}
div.action_block > a {text-decoration: none;}
div.action_block > a > div> img {width: auto; height: 5em; margin: 0 .5em 0 0; float: left;}
div.action_block > a > div> span {display: block; width: auto; text-align: center; font-size: .75em; line-height: 1.2em; padding: .25em 0;}
div.action_block > a > div> span > b, .added_links > div.action_block > a > div> span > b  {font-size: 1.25em; var(--red-accent); line-height: 1.5em;}
div.action_block > a:hover > div> span > b, .added_links > div.action_block > a:hover > div> span > b  { color: #01a715;}
div.action_block > a:active > div> span > b, .added_links > div.action_block > a:active > div> span > b  { color: var(--red-accent);}
div.action_block > a:focus  > div> span > b, .added_links > div.action_block > a:focus  > div> span > b { color: #005293;}

/**************** стили для выбора дворников******************/
.catalog_tree ul {list-style: none; padding: 0; user-select: none;}
.catalog_tree > ul li {position: relative; padding: .25em 0 .25em 2em; margin: .5em 0; border-bottom: 1px solid #D7D8DA;}
.catalog_tree > ul li > label {position: absolute; top:.25em; left:0; width: 1em; height: 1em; background: url(../ico-arrow_blue.png) no-repeat center center; background-size: 100% 100%;}
.catalog_tree > ul li > input {display: none;}
.catalog_tree > ul li > span.value {position: absolute; top:0; right:0;}
.catalog_tree > ul > li ul {display: none;}
.catalog_tree > ul input:checked ~ ul {display: block;}
.catalog_tree > ul input:checked ~ label {transform: rotate(90deg);}

/********** поясняющее поле **************/
.tooltip {
	position: absolute;
	right: -15px;
	top: -25px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Roboto';
	border-bottom: 1px dotted black;
	cursor: pointer;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	text-align: center;
	background: var(--blue-light);
	color: var(--gray-white);
	font-size: 14px;
	font-weight: 300;
	border-radius: 9px;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	font-weight: bold;
	margin-left: -300px;
	padding: 4px 8px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}
/*******	блок редактирования комментов   ****************/
.comments_tools_bar {font-style: italic; height:1.5em; font-size: .8em;}
.comments_tools_bar span {cursor: pointer; margin: 0 .2em; display: inline-block; line-height: 1.5em; color:#157fe1;text-decoration: underline; vertical-align: top;}
.comments_tools_bar span:hover {}
.comments_tools_bar span.img {width:1.5em; height:1.5em; padding:0; background-size: 100% 100%; background-repeat: no-repeat;}
.comments_tools_bar span.img.c_3 {background-image: url(../myEdit/toolsturnon.png);}
.comments_tools_bar span.img.c_4 {background-image: url(../myEdit/toolsturnoff.png);}
.comments_tools_bar span.img.c_5 {background-image: url(../myEdit/toolstrash.png);}
.comments_tools_bar span.img.c_6 {background-image: url(../myEdit/toolsusblock.png);}
.comments_tools_bar span.img.c_7 {background-image: url(../myEdit/toolsipblock.png);}
.comments_tools_bar span.hide {display: none;}

/* прокрутка табов для связанных товаров*/
.item-page-recommendations >.tab-group>.tab>.swiper-wrapper_noscrollbar{
	overflow-x: auto;
	scrollbar-width: none;
}
.item-page-recommendations >.tab-group>.tab>.swiper-wrapper_noscrollbar::-webkit-scrollbar {
	display: none;
}

@media (max-width : 1459.98px) {
	.item-present__swiper{
		width: 450px;
		height: 450px;
	}
	.item-present__item{
		height: 450px;
		width: 450px;
	}
	.item-present__item-thumb{
		height: 90px !important;
		width: 90px !important;
	}
	.item-present__swiper-thumbs{
		width: 90px;
		height: 450px;
	}
	.item-present__swiper-wrapper .swiper-button-prev {
    width: 24px;
    height: 24px;
    left: 87px;
    top: 50px;

}
.item-present__swiper-wrapper .swiper-button-next {
	bottom: 27px;
	left: 87px;
}
.item-present__info-title h1{
	font-size: 1.75rem;
	margin-bottom: 0;
}
}

@media (max-width : 1199.98px) {
	.item-present__swiper-wrapper .swiper-button-prev{
		left: 160px;
	}
	.item-present__swiper-wrapper .swiper-button-next{
		left: 160px;
	}

	.item-present__aviable{
		margin-top: 0;
		margin-bottom: 20px;
		order: 0;
	}
	.item-present__info-title{
		order: 1;
	}
	.item-present__markers{
		order: 2;
	}
	.item-present__prod-info{
		order: 3;
	}
	.item-present_quantity-line{
		order: 3;
	}
	#audiosample{
		order: 3;
	}
	.item-present__achiv{
		order: 4;
	}
	.item-present__price-list{
		order: 5;
	}
	.item-present__variants{
		order: 6;
	}
	.item-present__1c-code.drop-container{
		order: 7;
	}
	.item-present__price{
		order: 8;
	}
	.item-present__counter-container{
		order: 9;
	}
	.item-present__sale-block{
		order: 10;
	}

	.item-present__prod-info,
	.item-present__price-list,
	.item-present__achiv,
	.item-present__1c-code.drop-container,
	.item-present__sale-block,
	.item-present__variants,
	.item-present__info-title,
	.item-present__counter-container {
		margin-bottom: 20px;
	}


	.item-present__1c-code.drop-container{
		margin-bottom: 20px;
	}
	.item-present__sale-block{
		margin-bottom: 20px;
	}
	.item-page-description__review{
		flex-direction: column-reverse;
		gap: 16px;
	}
	.item-page-description__review-input-wrapper{
		width: 100%;
	}
	.item-page-description__comments-wrapper{
		width: 100%;
	}
}

/* md <= Large (lg) */
@media (max-width : 991.98px) {
	.item-present__swiper-wrapper .swiper-button-next {
		left: 102px;
}
	.item-present__swiper-wrapper .swiper-button-prev {
		left: 102px;
}
	
}

@media (max-width : 767.98px) {
	.item-present__swiper-thumbs{
		display: none;
	}
	.item-present__swiper-wrapper .swiper-button-next{
		width: 32px;
		height: 32px;
		bottom: 50%;
		translate: 0 50%;
		left: 20px;
		top: auto;
		rotate: 90deg;
	
	}
	.item-present__swiper-wrapper .swiper-button-prev{
		width: 32px;
		height: 32px;
		left: auto;
		right: 20px;
		top: auto;
		bottom: 50%;
		translate: 0 50%;
		rotate: 90deg;
	}
	.item-present__title{
		margin-bottom: 36px;
	}
}

@media (max-width : 575.98px) {
	.item-present__swiper-wrapper .swiper-button-prev{
		right: 5px;
	}
	.item-present__swiper-wrapper .swiper-button-next{
		left: 5px;
	}
	.item-present__swiper{
		width: 400px;
		height: 400px;
	}
	.item-present__item{
		height: 400px;
		width: 400px;
	}
	.item-present__price-new{
		font-size: 1.5rem;
	}
	.item-present__price-old{
		font-size: .875rem;
	}
	.item-page-recommendations__wrapper{		
		flex-wrap: nowrap !important; /* Запрещаем перенос на новую строку */
		overflow-x: auto !important;  /* Включаем горизонтальную прокрутку */
		overflow-y: hidden;
		gap: 12px;                    /* Расстояние между карточками */
		padding: 10px 15px 20px 15px !important; /* Отступы, чтобы тени не обрезались */
		-webkit-overflow-scrolling: touch; /* Плавный скролл на iPhone */
		scroll-snap-type: x mandatory;    /* Магнитный эффект при скролле */
	}
	/* Скрываем стандартный некрасивый скроллбар (по желанию) */
	.item-page-recommendations__wrapper::-webkit-scrollbar {
		height: 4px;
	}
	.item-page-recommendations__wrapper::-webkit-scrollbar-thumb {
		background: var(--blue-light);
		border-radius: 10px;
	}

	/* 2. Настраиваем сами карточки */
	.item-page-recommendations__wrapper .card-2col {
		flex: 0 0 260px !important;   /* Жестко задаем ширину карточки (не даем сжиматься) */
		min-width: 260px !important;
		max-width: 260px !important;
		scroll-snap-align: start;     /* Карточка "примагничивается" к краю при скролле */
		margin: 0 !important;
	}

	/* Исправляем внутреннюю сетку карточки, если она ломается */
	.card-2col__wrapper {
		width: 100% !important;
	}
								 
}
/* --- Source: ./contact-page.css --- */
.contact-section .container{
	background: var(--gray-white);
	border-radius: var(--border-radius-xl);
	box-shadow: var(--shadow-level1);
	padding: 44px 28px;
}
.contact-section__wrapper{
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}
.contact-section__wrapper p{
	font-size: .875rem;
	line-height: 1.2;
	margin: 0;
}

.contact-section__link{
	/*color: var(--gray-main);
	text-decoration: none;*/
	font-size: .875rem;
	width: 80%;
}
.contact-section__link span{
	float: right;
}
.contact-section__headline{
	font-weight: 500;
	font-size: 1rem;
	margin-bottom: 16px;
}
.contact-section__info{
	font-size: .875rem;
}
.contact-section__info:not(:last-child){
	margin-bottom: 12px;
}
.contact-section__link:not(:last-child){
	margin-bottom: 12px;
}
.contact-section__paragraph:not(:last-child){
	margin-bottom: 12px;
}
.contact-section__icon-span{
	padding-left: 26px;
}
.line--red{
	color: var(--red-accent);
}
.line--blue{
	color: var(--blue-light);
}
.line--orange{
	color: var(--orange-dark);
}
.line--lite-gray{
	color: var(--gray-light);
}
.telegrem-span{
	position: relative;
}
.atention-span{
	position: relative;
}
.telegrem-span::before{
	content: '';
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(../icons/icons-gray-main/akar-icons_telegram-fill.svg) no-repeat center;
	background-size: contain;
	left: -2px;
	top: -2px;
}

.atention-span::before{
	content: '';
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(../icons/akar-icons_circle-alert-red.svg) no-repeat center;
	background-size: contain;
	left: -2px;
	top: -2px;
}

.contact-section__social-list{
	height: 62px;
	display: flex;
	gap: 32px;
	margin-top: 96px;
}
.contact-section__social-item{
	display: block;
	height: 100%;
}

.contact-section__social-item img{
	height: 100%;
	width: auto;
}

.contact-section__tele-poster{
	margin-top: 130px;
	width: 100%;
}

.contact-section__tele-poster img{
	width: 100%;
	height: auto;
}

@media (max-width : 1199.98px) {

    .contact-section__tele-poster {
        margin-top: 40px;
    }
}

@media (max-width : 575.98px) {
	.contact-section__social-list{
		height: 50px;
	}
}
/* --- Source: ./info-page.css --- */
.info-page__block{
	margin-bottom: 12px;
}

.info-page__block .container{
	background: var(--gray-white);
	border-radius: var(--border-radius-xl);
	box-shadow: var(--shadow-level1);
	padding: 44px 28px;
}

.info-page__block img{
	max-width: 100%;
}

.info-page__top-title{
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 28px;
}
.info-page__middle-title{
	font-weight: 500;
	font-size: .875rem;
	margin-bottom: 16px;
}
.info-page__block p{
	font-size: .875rem;
}
.info-page__block p:not(:last-child){
	margin-bottom: 20px;
}

.info-page__img-link{
	display: block;
	height: 68px;
	margin-top: 36px;
	margin-bottom: 36px;
}

.info-page__img-link img{
	height: 100%;
	width: auto;
}
.info-page__block ul{
	padding-left: 20px;
}
.info-page__block li{
	padding-left: 12px;
	font-size: .875rem;
}
.info-page__block li:not(:last-of-type){
	margin-bottom: 12px;
}
.info-page__block li::marker{
	color: var(--gray-main);
	font-weight: 300;
	content: "\2022 ";
}
.no-custom-marker li::marker {
	color: initial;
	font-weight: initial;
	content: none;
}
.info-page__atention{
	position: relative;
	padding-left: 26px;
}
.info-page__atention::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background-image: url("../icons/akar-icons_circle-alert-red.svg");
	background-repeat: no-repeat;
	background-size: cover;
}

.news-date{
	color: var(--gray-light);
	font-weight: 600;
	font-size: 14px;
}
.date_begin {
	display: grid;
}

.date_end {
	display: grid;
	justify-content: end;
}

.personal_history_table {
	font-size: 12px;
	border-collapse: separate; /* ���������� ��� ������ border-spacing */
	border-spacing: 10px 5px; /* 15px �� �����������, 5px �� ��������� */
}


/* --- Source: ./cart.css --- */
.cart-list{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background: var(--gray-white);
	box-shadow: var(--shadow-level1);
	border-radius: var(--border-radius-xl);
}
.cart-list__item{
	position: relative;
	padding: 28px 44px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: normal;
	
}
.cart-list__item:not(:last-of-type){
	border-bottom: 1px solid var(--gray-extra-light);
}
.cart-list__checkeditem{
	position: absolute;
	top: 12px;
	left: 12px;
}

.cart-list__img{
	height: 76px;
	width: 76px;
	margin-right: 38px;
}
.cart-list__img img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.cart-list__info{
	width: 34%;
	margin-right: 60px;
}
.cart-list__info-link{
	display: block;
	font-size: .875rem;
	color: var(--gray-main);
	text-decoration: none;
	cursor: pointer;
	transition: var(--transition-duration);
}
.cart-list__info-link:hover{
	color: var(--gray-light);
}	
.cart-list__price{
	position: relative;
	margin-right: 64px;
	height: 100%;

}
.cart-list__price-wrapper b{
	font-size: 1.25rem;
	font-weight: 500;
}
.cart-list__gift_quantity b{
	font-size: 1.25rem;
	font-weight: 500;
}
.cart-list__price .marker{
	position: absolute;
	top: -30px;
	right: -30px;
}
.cart-list__price .sticer_amount {
	position: absolute;
	top: -90px;
	right: -30px;
}
.cart-list__price .sticer_bonus {
	position: absolute;
	top: -120px;
	right: -30px;
}

.cart-block__total-wrapper{
	position: sticky;
	top: 100px;
}
.cart-list__counter{
	/*border: 1px solid var(--gray-extra-light);*/
	border-radius: var(--border-radius-lg);
	/*padding: 18px 22px;*/
	margin-right: 52px;
}
.cart-list__counter .counter-container__counter-wrapper{
	border: 1px solid var(--gray-extra-light);
}

.cart-list__total{
	display: flex;
	flex-direction: column;
}
.cart-list__total-reg{
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--gray-main);
	line-height: 0.8;
	flex-direction: row;
	text-align: right;
}

.cart-list__total-old{
	font-size: 1rem;
	font-weight: 500;
	color: var(--gray-light);
	text-decoration: line-through;
	text-align: right;
}

.cart-list__total-new{
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--red-accent);
	line-height: 1;
	text-align: right;
	font-style: normal;
}

.cart-list__bag_clear{
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(../icons/icons-gray-main/akar-icons_trash-can.svg) center;
	background-size: contain;
	cursor: pointer;
	transition: var(--transition-duration);
	top: 24px;
	right: 24px;
}

.cart-list__bag_clear:hover{
	background: url(../icons/icons-gray-extra-light/akar-icons_trash-can.svg) center;
	background-size: contain;
}

.cart-block__total{
	padding: 24px 18px 12px 18px;
	background: var(--gray-white);
	border-radius: var(--border-radius-xl);
	box-shadow: var(--shadow-level1);
	margin-bottom: 8px;
}

.cart-block__total-price{
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--gray-main);
	line-height: 1.2;
	margin-bottom: 10px;
}

.cart-block__total-price span{
	float: right;
}

.cart-block__total-paragraph{
	font-size: .75rem;
	color: var(--gray-light);
	line-height: 1.2;
	margin-bottom: 32px;
}

.cart-block__total-sale{
	font-size: 1rem;
	font-weight: 500;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--gray-extra-light);
	margin-bottom: 12px;
}
.cart-block__total-sale span{
	float: right;
}

.cart-block__total-sum{
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--gray-main);
	line-height: 1.2;
	margin-bottom: 12px;
}
.cart-block__total-sum span{
	float: right;
}

.cart-block__politic_link{
	font-size: .625rem;
	color: var(--gray-extra-light);
	margin-bottom: 8px;
	line-height: 1.2;
}

.cart-block__promocode{
	padding: 24px 18px 12px 18px;
	background: var(--blue-gradient);
	border-radius: var(--border-radius-xl);
	box-shadow: var(--shadow-level-c);
}
.cart-block__input-wrapper{
	position: relative;
}
.cart-block__input-wrapper input{
	position: relative;
	z-index: 1;
}
.cart-block__promocode-title{
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--gray-white);
	line-height: 1.2;
	margin-bottom: 20px;
}
.confirm_promocode{
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px;
	height: 48px;
	width: 100px;
	background: var(--gray-dark);
	font-size: 1rem;
	font-weight: 500;
	color: var(--gray-white);
	border: none;
	border-radius: var(--border-radius-lg);
	transition: var(--transition-duration);
	outline: none;
	text-align: center;
	transition: var(--transition-duration);
	cursor: pointer;
	z-index: 2;
}
.confirm_promocode:hover{
	background: var(--gray-main);
	color: var(--gray-white);
}
.confirm_promocode:active{
	background: var(--gray-light);
	color: var(--gray-white);
}
.cart-block__promocode-disclamer{
	font-size: .625rem;
	color: var(--gray-white);
	line-height: 1.2;
	margin-top: 8px;
	margin-bottom: 0;
}

.cart-checkout__form p{
	font-size: .75rem;
	line-height: 1.2;
	margin-bottom: 12px;
}

.cart-checkout__form .input-wrapper__switcher{
	float: right;
	clear: both;
}
.input-wrapper__switcher-span {
	width: 60%;
	display: inline-block;
}

.cart-checkout__form .input-wrapper{
	margin-bottom: 12px;
}

.hide_cart_element{ display: none;}
.hide_gift{ display: none;}

.card-it_gift{
	font-size: .875rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	color: var(--red-accent);
}

/*  ������� ������ � ������� ���������*/

.cart-block__payment_types{
	height: 25px;
	width: 100%;
	background: url(../footer__payment-methods.png) no-repeat left;
	background-size: contain;
	position: relative;
	cursor: pointer;
}

.cart-block__payment_types >.hiden_text{
	position: absolute;
	font-size: 16px;
	width: 100%;
	background: var(--gray-white);
	border: 2px solid var(--gray-extra-light);
	border-radius: 9px;
	padding: 5px;
	top: 40px;
	font-weight: 600;
	z-index: 5;
	display: none;
}
#bag_info> .payment_types:hover>.hiden_text{
	display: block;
}
#np-text, #city-text {color: var(--gray-light);}


@media (max-width : 1459.98px) {
	.cart-list__info{
		margin-right: 32px;
	}
	.cart-list__price{
		margin-right: 48px;
	}
	.cart-list__counter{
		margin-right: 24px;
	}
}


@media (max-width : 1199.98px) {
	.cart-list__item {
		padding: 12px 18px;
		display: grid; 
		grid-auto-rows: 1fr; 
		grid-template-columns: auto auto auto auto; 
		grid-template-rows: auto auto auto; 
		gap: 0px 0px; 
		grid-template-areas: 
			"cart-list__img cart-list__info cart-list__price cart-list__total"
			"cart-list__img cart-list__info cart-list__price cart-list__total-old"
			"cart-list__img cart-list__info cart-list__price cart-list__counter"; 
	}
	.cart-list__img {
		grid-area: cart-list__img; 
		margin-right: 0;
		align-self: center;
		justify-self: start;
		width: 110px;
	}
	.cart-list__info {
		 grid-area: cart-list__info; 
		 margin-right: 0;
		 width: 270px;
		}
	.cart-list__price {
		grid-area: cart-list__price; 
		margin-right: 0;
		width: 142px;
		height: auto;
		text-align: center;
		align-self: center;
		justify-self: center;
	}
	.cart-list__total {
		grid-area: 2 / 4 / 3 / 5; 

	}
	.cart-list__total-old {
		 grid-area: 2 / 4 / 3 / 5; 
		}
	.cart-list__total-reg {
		grid-area: 2 / 4 / 3 / 5;
	}
	.cart-list__counter{
		grid-area: 3 / 4 / 4 / 5;
		margin-right: 0;
	}
	.cart-list__price .marker {
    top: -25px;
    right: 0px;
}
.cart-list__bag_clear{
	top: 10px;
	right: 10px;
}
.cart-list__counter{
	/*padding: 12px 22px;*/
	margin-top: 4px;
}
.confirm_promocode{
	width: 76px;
	font-size: .875rem;
}
}

@media (max-width : 991.98px) {
	.cart-block__total-wrapper{
		position: relative;
		top: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.cart-block__total{
		width: calc(50% - .25rem);
	}
	.cart-block__promocode{
		width: calc(50% - .25rem);
		height: fit-content;
	}
	.cart-list__item  .selectedGift{
		font-size: .75rem;
		line-height: 1.2;
		width: 80%;
	}
	.cart-list__item  .selectedGift select{
		width: 100%;
	}
}

@media (max-width : 767.98px) {
	.cart-block__total-wrapper{
		display: block;
	}
	.cart-block__total{
		width: 100%;
	}
	.cart-block__promocode{
		width: 100%;
		height: fit-content;
	}
	.cart-list__item{
		grid-template-columns: auto auto auto auto auto; 
		grid-template-rows: auto auto; 
	}

	.cart-list__img{
		grid-area: 1 / 1 / 2 / 2;
		align-self: start;
	}
	.cart-list__info{
		grid-area: 1 / 2 / 2 / 6;
		width: 350px;
	}
	.cart-list__counter{
		grid-area: 2 / 1 / 3 / 3;
		justify-content: space-between;
	}
	.cart-list__total{
		grid-area: 2 / 4 / 3 / 6;
	}
	.cart-list__price{
		grid-area: 2 / 3 / 3 / 4;
	}
}

@media (max-width : 575.98px) {
	.cart-list__item{
		gap: 8px;
		padding: 8px;
	}
	.cart-list__info{
		width: auto;
	}
	.cart-list__img{
		width: 50px;
	}
	.cart-list__img img{
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
	.cart-list__price{
		display: none;
	}
	.cart-list__info-link{
		font-size: .875rem;
		line-height: 1.2;
		width: 80%;
		margin-bottom: 8px;
		margin-top: 8px;
	}
	.cart-list__item .prod-info{
		font-size: .75rem;
		line-height: 1.2;
		width: 80%;
	}

	.cart-list__counter{
		/*padding: 8px 16px;*/
	}
}

/************************* ������ �������� ������� �� ������� **************************/
.deleteTimer{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 15;
	top:0;
	display: flex;
	text-align: center;
	background: var(--gray-white);
	margin-left: -44px;
}

.deleteTimer>.stepTimer{
	width: 10%;
	height: 100%;
	display: flex;
	align-content: space-around;
	justify-content: center;
	align-items: center;
}
.deleteTimer>.stepTimer>#clock{
	width: 40px;
	height: 40px;
	/*box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);*/
	background-color: #fff;
	border-radius: 50%;
	border:1px solid #D7D8DA;
	display: flex;
	justify-content: center;
	align-items: center;

}
.deleteTimer>.stepTimer>#clock>b{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: consolas;
	font-weight: bold;
	font-size: 20px;
}

.deleteTimer>.textTimer{
	width: 75%;
	height: 100%;
	display: flex;
	align-content: space-around;
	justify-content: flex-start;
	align-items: center;
	margin-left:1em;
	padding-left: 6%;
}
.deleteTimer>.textTimer>span{
	font-size: 20px;
	font-weight: 600;
}
.deleteTimer>.backBtnTimer{
	width: 15%;
	height: 100%;
	display: flex;
	align-content: space-around;
	justify-content: center;
	align-items: center;
	justify-content: flex-end;
	margin-right: 0.8em;
}
.deleteTimer>.backBtnTimer>.stopTimer{
	cursor: pointer;
	text-decoration: underline;
	color: #0e2fe5;
	font-size: 20px;
	font-weight: 600;
}

.resOrder{
	width:560px; margin: 50px auto;padding: 0.5em 2em; border:3px solid #005293; border-radius: 20px; font-size: 18px; line-height: 1.5;
}

@media (max-width : 1199.98px) {
	.deleteTimer{
		margin-left: 0px;
	}
}
@media (max-width : 767.98px) {
	.deleteTimer {
		flex-direction: column;
		margin-left: 0px;
	}
	.deleteTimer>.stepTimer{
		width: 100%;
		height: 30%;
	}
	.deleteTimer>.textTimer{
		width: 100%;
		height: 50%;
		justify-content: center;
		margin-left:unset;
		padding-left: unset;
	}
	.deleteTimer>.textTimer>span{
		font-size: 18px;
	}
	.deleteTimer>.backBtnTimer{
		width: 100%;
		height: 20%;
		justify-content: center;
		margin-right:unset;
		padding-bottom: 1em;
	}
	.deleteTimer>.backBtnTimer>.stopTimer{
		font-size: 18px;
	}
	.resOrder{
		width: 79%;
	}
}

/********* ���� ������� ��� �������� ********/
#drop_items_list{
	background: #fff;
	z-index: 100;
	padding: .5em 1em;
	width: 100%;
	border: 1px solid #D7D8DA;
	border-radius: 18px;
	list-style: none;
	box-sizing: border-box;
	outline: none;
	line-height: 1em;
	cursor: pointer;
	margin-bottom: 0.5em;
}
#drop_items_list>li .drop2line {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	border-bottom: 1px solid #D7D8DA;
	padding-bottom: 5px;
}
#drop_items_list>li{
	line-height: 2;
	border-bottom: 1px solid #D7D8DA;
	font-weight: 600;
}

#drop_items_list>li input{
	font-weight: 550;
	color: #3f474d;
}
#drop_items_list>li .dropItemName{
	white-space: nowrap;
	width: 98%;
	overflow: hidden;
}

.hide_drop_list {
	display: none;
}
/**** ����� �����  ������� ��� �������� ********/

/* --- Source: ./shop-page.css --- */
.categorie-list__wrapper{
	position: relative;
}
.cards-wrapper{
	width: 100%;
	min-height: 870px;
}
.cards-control{
	padding: 10px 32px;
	/* width: 100%; */
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level1);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}
.cards-control-select{
	border: none;
	font-size: .875rem;
	background: transparent;
	color: var(--blue-light);
}
.cards-control-select:not(:last-of-type){
	margin-right: 12px;
}
.catalog__grid {
  display: grid;
  gap: 16px;
  transition: all 0.3s ease;
}
.cards-control__view-toggle{
	display: flex;
	gap: 4px;
	align-items: center;
	flex-direction: row;
}
.cards-control__view-btn{
	width: 28px;
	height: 28px;
	cursor: pointer;
	border: none;
	background: transparent;
	transition: var(--transition-duration);
}
.cards-control__view-btn[data-view="small"]{
	background: url(../icons/icons-gray-extra-light/view-toggle__btn--small.svg) no-repeat center;
	background-size: contain;
}
.cards-control__view-btn[data-view="large"]{
	background: url(../icons/icons-gray-extra-light/view-toggle__btn--big.svg) no-repeat center;
	background-size: contain;
}


.cards-control__view-btn[data-view="small"]:hover{
	background: url(../icons/icons-gray-light/view-toggle__btn--small.svg) no-repeat center;
	background-size: contain;
}
.cards-control__view-btn[data-view="large"]:hover{
	background: url(../icons/icons-gray-light/view-toggle__btn--big.svg) no-repeat center;
	background-size: contain;
}


.cards-control__view-btn.active[data-view="small"]{
	background: url(../icons/icons-gray-main/view-toggle__btn--small.svg) no-repeat center;
	background-size: contain;
}
.cards-control__view-btn.active[data-view="large"]{
	background: url(../icons/icons-gray-main/view-toggle__btn--big.svg) no-repeat center;
	background-size: contain;
}
.widescreen{
	font-size: .875rem;
}
.shop-block .row{
	position: relative;
}
/*   ���� � �������� ����� ��� ��������� ������� */
.left_menu_panel {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 3.5em 0 2em 0;
}
.left_menu_panel a{
	color: var(--gray-main);
	text-decoration: none;
}

.left_panel > .left_block {margin-top: -2px;}

.left_panel {
	display: inline-block;
	vertical-align: top;
	max-width: 285px;
	padding: 3.5em 0 2em 0;
}

.left_block {
	font-size: 1.25em;
	border: none;
	margin-top: -15px;
	border: 2px solid #D7D8DA;
	position: relative;
	transition: all .3s	ease 0.1s;
	border-radius: 9px;
	padding: 5px;
	margin-bottom: 10px;
}

.left_block> .title {
	padding: 0.5em 0.5em 0px 0.5em;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: bold;
	font-size: 1.25em;
	border-bottom: 2px solid #D7D8DA;
}

.left_block .section_list{
	display: block;
	padding: 0em 18px;
}

.left_block .section_list > ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.left_block .section_list > ul > li {
	border: none;
	width: 100%;
	margin-bottom: 0.5em;
	height: 35px;
	font-size: 1em;
}

.left_block .section_list > ul > li> a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.left_block .section_list > ul > li >a >span{
	padding: 0 10px;
	font-size: 1.25em;
	top: 18px !important;
	font-weight: 600;
	line-height: 1em;
	display: inline-block;
	position: absolute;
	left: -18px;
	transform: translate(0, -50%);
	width: 63%;
	max-height: 60px;
	vertical-align: bottom;
	overflow: hidden;
	transition: all 1s
	ease 0.5s;
	z-index: 1;
}
.my-pagelist { margin-top: 4em!important;}

.my-pagelist a{
	color: inherit;
	text-decoration: none;
}
.my-pagelist .select_page{
	background: transparent;
}

/********************************/
/*********** large ***************/
/********************************/


.catalog--view-large {
	grid-template-columns: auto auto; 
  gap: .5rem .5rem; 
}
.catalog--view-large .card-2col{
	width: auto;
}
.catalog--view-large .card-2col__wrapper{
	width: auto;
	display: grid;
	padding: 12px;
	max-width: none;
	grid-template-columns: 2fr 1.5fr 1.5fr; 
  grid-template-rows: auto auto auto auto auto auto; 
  gap: 0px 0px;
	grid-template-areas: 
    "card-2col__swiper card-2col__marker-line card-2col__marker-line"
    "card-2col__swiper card-2col__title card-2col__title"
    "card-2col__swiper card-2col__info card-2col__info"
    "card-2col__swiper card-3col__achiv card-2col__aviable"
	"card-2col__swiper card-2col__action_favorite card-2col__action_favorite"
    "card-2col__swiper card-3col__achiv card-2col__find-chiper"
    "card-2col__swiper card-2col__price-wrapper card-2col__bye-btn";  
}
.catalog--view-large .card-2col__swiper{
	grid-area: 1 / 1 / 7 / 2;
	width: 250px;
	align-self: center;
}
.catalog--view-large .card-2col__marker-line{
	grid-area: 1 / 2 / 2 / 4;
	position: relative;
	padding: 0;
}
.catalog--view-large .card-2col__title{
	grid-area: 2 / 2 / 3 / 4;
}
.catalog--view-large .card-2col__info{
	display: block;
	grid-area: 3 / 2 / 4 / 4;
}
.catalog--view-large .card-2col__action_favorite{
	grid-area: 1 / 1 / 1 / 2;
}
.catalog--view-large .card-2col__quantity-line{
	grid-area: 6 / 2 / 7 / 3;
}
.catalog--view-large .card-3col__achiv{
	grid-area: 4 / 2 / 6 / 3;
}
.catalog--view-large .card-2col__aviable{
	grid-area: 4 / 3 / 5 / 4;
	justify-self: flex-end;
	align-self: flex-end;
}
.catalog--view-large .card-2col__find-chiper{
	grid-area: 5 / 3 / 6 / 4;
	justify-self: flex-end;
	align-self: center;
}
.catalog--view-large .card-2col__price-wrapper{
	grid-area: 6 / 2 / 7 / 3;
	justify-self: start;
}
.catalog--view-large .card-2col__bye-btn{
	grid-area: 6 / 3 / 7 / 4;
	margin-top: 46px;
}
.catalog--view-large .card-2col__dif-markers{
	width: 70%;
}
.catalog--view-large .card-2col .card-2col__title span{
	-webkit-line-clamp: 8;
}
.catalog--view-large .card-2col__title span{
	max-height: 5em;
}
.catalog--view-large .bye-btn{
	width: fit-content;
}
.catalog--view-large .bye-btn .addtobag{
	width: fit-content;
}
.catalog--view-large .card-2col .bye-btn .inbag {
	width: 34px;
	opacity: 1;
	height: 32px;
	width: 34px;
    opacity: 1;
}
.catalog--view-large .card-2col .bye-btn .reduce {
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;
}
.catalog--view-large .card-2col .bye-btn .increase {
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;
}
@media (max-width : 1459.98px) {
	.catalog__grid{
		display: flex;
		flex-direction: column;
	}
	.catalog--view-large {
		grid-template-columns: auto auto; 
		gap: .5rem .5rem; 
	}
	.catalog--view-large .card-2col__wrapper{
		padding: 12px;
		position: relative;
		grid-template-columns: auto auto auto auto; 
		grid-template-rows: auto auto auto auto auto; 
		/* gap: 12px; */
	}
	.catalog--view-large .card-2col:hover .card-2col__wrapper{
		position: relative;
	}
	.catalog--view-large .card-2col__swiper{
		grid-area: 1 / 1 / 6 / 2;
		width: 250px;
		align-self: center;
	}
	.catalog--view-large .card-2col__price-wrapper{
		grid-area:3 / 4 / 4 / 5;
		justify-self: flex-end;
		/* margin-bottom: -20px; */
	}
	.catalog--view-large .card-2col__bye-btn{
		grid-area: 4 / 4 / 6 / 5;
		margin-top: 5px;
	}
	.catalog--view-large .card-2col__dif-markers{
		width: 70%;
	}
	.catalog--view-large .card-3col__achiv{
		margin-top: 23px;
	}
	/* .catalog--view-large .card-2col__marker-line{
		grid-area: 1 / 2 / 2 / 4;
		position: relative;
		padding: 0;
	} */
	.catalog--view-large .card-2col__find-chiper{
		margin-right: 20px;
		justify-self: flex-end;
		align-self: flex-start;
	}
	.catalog--view-large .card-2col__title{
		grid-area: 2 / 2 / 3 / 4;
		width: 400px;
		margin-top: 4px;
	}
	.catalog--view-large .card-2col__aviable{
		margin-right: 20px;
	}
	/* .catalog--view-large .card-2col__info{
		display: block;
		grid-area: 3 / 2 / 4 / 4;
	} */
}

@media (max-width : 1199.98px) {
	.catalog--view-large .card-2col__swiper{
		width: 150px;
	}
	.card-2col__swiper .card-img-swiper {
    height: 145px;
}
.catalog--view-large .card-2col__title{
	width: 395px;
}
}

@media (max-width : 767.98px) {
	.catalog--view-large {
		/* grid-template-columns: auto auto;  */
		gap: .5rem; 
	}
	.catalog__grid{
		display: flex;
	}
	.catalog--view-large .card-2col__wrapper{
		width: 100%;
		grid-template-columns: auto auto; 
		grid-template-rows: auto auto auto auto auto auto;
		padding: 50px 12px 12px 12px;
	}
	.catalog--view-large .card-2col__title{
		grid-area: 2 / 1 / 3 / 3;
		width: auto;
		margin-top: 20px;
		width: 80%;
		justify-self: center;
	}
	.catalog--view-large .card-2col__swiper{
		grid-area: 1 / 1 / 2 / 3;
		width: 200px;
		justify-self: center;
	}
	.card-2col__swiper .card-img-swiper{
		height: 200px;
	}
	.catalog--view-large .card-2col__info{
		grid-area: 3 / 1 / 4 / 3;
		width: 80%;
		margin-top: 12px;
		justify-self: center;
	}
	.catalog--view-large .card-2col:hover .card-2col__info{
		display: block;

	}

	.catalog--view-large .card-2col__action_favorite{
		grid-area: 4 / 1 / 4 / 3;
		width: 80%;
		margin-top: -15px;
		justify-self: center;
	}
	.catalog--view-large .card-2col__quantity-line{
		grid-area: 6 / 2 / 6 / 2;
	}

	.catalog--view-large .card-2col__aviable{
		grid-area: 4 / 2 / 5 / 3;
		margin-right: 48px;
	}
	.catalog--view-large .card-3col__achiv{
		display: block;
		grid-area: 4 / 1 / 6 / 2;
		justify-self: center;
		margin-right: 34px;
	}
	.catalog--view-large .card-2col__find-chiper{
		grid-area: 5 / 2 / 6 / 3;
		margin-right: 44px;
	}
	.catalog--view-large .card-2col__price-wrapper{
		grid-area: 6 / 1 / 7 / 2;
		justify-self: flex-start;
		margin-left: 44px;
	}
	.catalog--view-large .card-2col__bye-btn{
		grid-area: 6 / 2 / 7 / 3;
		margin-right: 40px;
	}
	.catalog--view-large .card-2col__marker-line{
		position: absolute;
		width: 100%;
		grid-area: none;
		padding: 12px;
	}

}
@media (max-width : 575.98px) {
	.catalog--view-large .card-2col__quantity-line{
		grid-area: 6 / 1 / 6 / 2;
		justify-self: center;
	}
}
/********************************/
/*********** small ***************/
/********************************/
.catalog--view-small {
	display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: .5rem .5rem; 
}
.catalog--view-small .card-2col{
	width: auto;
}
@media (max-width : 1459.98px) {
	.catalog--view-small {
		grid-template-columns: 1fr 1fr 1fr;
 
	}
	.catalog--view-small .card-2col__dif-markers{
		width: 75%;
	}

	/* .catalog--view-small .card-2col{
		width: 33%;
	} */
}

@media (max-width : 1199.98px) {
	.catalog--view-small .card-2col__dif-markers{
		width: 65%;
	}
}
@media (max-width : 767.98px) {
	.catalog--view-small {
		grid-template-columns: 1fr 1fr;

	}
}
@media (max-width : 575.98px) {
	.catalog--view-small {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important; /* ��� ������ ������� */
		gap: 8px !important; /* ��������� ����� ����� ����������, ����� ���������� ����� */
		padding-left: 4px;
		padding-right: 4px;
	}
	.catalog--view-small  .card-2col__title {
		font-size: 0.8rem !important; /* ��������� ����� ��������� */
		line-height: 1.1;
	}
	.catalog--view-small .card-2col {
		width: 100% !important; /* �������� �������� ��� ������ ������� grid */
		min-width: 0;           /* ����� ��� �������������� "������������" ����� ��������� */
	}
	.catalog--view-small .card-2col__wrapper {
		padding: 35px 6px 8px 6px !important; /* ��������� ������� ������� ������ �������� */
		gap: 4px 0px !important;             /* ������� ������������ ���������� ����� ���������� */
		display: grid;
		max-width: none;
		min-width: 150px;
		grid-template-rows: repeat(6, auto);
	}
	.catalog--view-small .card-2col__marker-line {
		background: none;
	}
	.catalog--view-small .marker--big {
		margin-top: 25px;
		margin-right: -5px;
	}
	.catalog--view-small .card-2col__dif-markers {
		width: 85%;
	}
	.catalog--view-small  .card-2col__price-wrapper {
		font-size: 0.9rem !important;
	}
	.catalog--view-small .card-2col__swiper {
		height: 100px;
	}

	.catalog--view-small  .card-2col__swiper .card-img-swiper {
		height: 100px;
		width: 100px;
	}
	.catalog--view-small .card__aviable-marker{
		height: 12px;
		width: 12px;
		margin-bottom: 6px;
	}
	.catalog--view-small .card-2col__aviable > span{
		display: none;
	}
	.catalog--view-small .bye-btn {
		padding: unset;
	}
	.catalog--view-small .card-2col__bye-btn{
		grid-area: 6 / 1 / 7 / 4;
		margin-right: 0px;
	}
	.catalog--view-small  .card-2col:hover .bye-btn {
		width: 100%;
	}
}
/* �������������� �������� ��� ������ ��������� ������� (�� 336px �� 375px) */
@media (max-width: 375px) {
	.catalog--view-small {
		gap: 4px !important; /* ����������� ����� */
	}
	.catalog--view-small .card-2col__title {
		height: 2.4em; /* ������������ ������ ���������, ����� �������� ���� ����� ������ */
		overflow: hidden;
	}
}
/*******************************/



/********************************/
/*********** list ***************/
/********************************/
.catalog--view-list .card-2col__wrapper{
	display: grid;
	padding: 8px;
	position: relative; 
	grid-template-columns: 200px 340px auto auto 110px 110px;
	grid-template-rows: auto auto auto;
	gap: 0px 0px;
	max-width: none;
  grid-template-areas: 
    "card-2col__swiper card-2col__title . card-2col__marker-line card-2col__purchase-block"
    "card-2col__swiper card-2col__info . card-2col__marker-line card-2col__purchase-block"
    "card-2col__swiper card-2col__info . card-2col__marker-line card-2col__purchase-block";
}


.catalog--view-list .card-2col__purchase-block {
  grid-area: 1 / 5 / 3 / 7;
	width: 220px;
	align-self: self-end;
	justify-self: end;
  border: 1px solid var(--gray-extra-light);
  padding: 8px;
  border-radius: var(--border-radius-lg);
	/* display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: start;
	justify-content: end; */
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  gap: 6px;
}



.catalog--view-list .card-2col__swiper {
	 grid-area: 1 / 1 / 4 / 2;
	 width: 126px; 
	 height: 126px;
	 margin-left: 30px;
	}
	.catalog--view-list	.card-2col__swiper .swiper-pagination{
		display: none;
	}
	.catalog--view-list	.card-2col__swiper .card-img-swiper{
		height: 126px;
	}
.catalog--view-list .card-2col__title { 
	grid-area: 1 / 2 / 2 / 3; 
	margin-top: 0;
}
.catalog--view-list .card-2col .card-2col__title span{
	overflow: hidden;
	max-height: 12em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}
.catalog--view-list .card-2col__info {
	 grid-area: 2 / 2 / 3 / 3;
	 display: block;
	}
.catalog--view-list .card-2col__action_favorite{
	grid-area: 3 / 2 / 3 / 3;
}

.catalog--view-list .card-2col__quantity-line{
	grid-area: 3 / 6 / 4 / 7;
	justify-self: self-end;
	margin-top: 5px;
}
.catalog--view-list .card-2col__aviable {
	 grid-area: 1 / 1 / 2 / 2;
	 align-self: flex-start;
	 }
.catalog--view-list .card-2col__price-wrapper {
	 grid-area: 1 / 2 / 2 / 3;
	 }
.catalog--view-list .card-2col__bye-btn {
	 grid-area: 2 / 1 / 3 / 3; 
	}
.catalog--view-list .card-2col__marker-line {
	 grid-area: 1 / 4 / 4 / 5; 
	 position: static;
	 justify-content: end;
	}
	.catalog--view-list .card-2col__find-chiper {
		grid-area: 3 / 5 / 4 / 7; 
		align-self: center;
		justify-self: self-start;
		/* margin-left: 18px; */
		/* grid-area: 3 / 6 / 4 / 7;  */
	
	 }
	.catalog--view-list .card-2col{
		width: 100%;
	}
	.catalog--view-list .card-2col:hover .card-2col__wrapper{
		position: relative;
		top: auto;
		left: auto;
		translate: 0 0;
		width: 100%;
	}
	.catalog--view-list .card-2col__marker-line > .marker{
		position: absolute;
		left: 12px;
		top: 12px;
	}
	.catalog--view-list .card-2col__dif-markers{
		flex-direction: column;
		align-items: end;
	}
	.catalog--view-list .marker-line .marker{
		position: relative !important;
		opacity: 1;
	}
	.catalog--view-list .marker-toggle-btn {
		display: none !important;
	}

.catalog--view-list .card-3col__achiv{
	display: none;
}
.catalog--view-list {
  display: flex;
  flex-direction: column;
	gap: 8px;
}
.catalog--view-list .bye-btn{
	width: fit-content;
}
.catalog--view-list .bye-btn .addtobag{
	width: fit-content;
}
.catalog--view-list .card-2col .bye-btn .inbag {
	width: 34px;
	opacity: 1;
	height: 32px;

    width: 34px;
    opacity: 1;
}
.catalog--view-list .card-2col .bye-btn .reduce {
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;
}
.catalog--view-list .card-2col .bye-btn .increase {
	display: block;
	opacity: 1;
	width: 30px;
	height: 30px;
}
.cards-control__view-btn.active[data-view="list"]{
	background: url(../icons/icons-gray-main/view-toggle__btn--list.svg) no-repeat center;
	background-size: contain;
}
.cards-control__view-btn[data-view="list"]:hover{
	background: url(../icons/icons-gray-light/view-toggle__btn--list.svg) no-repeat center;
	background-size: contain;
}
.cards-control__view-btn[data-view="list"]{
	background: url(../icons/icons-gray-extra-light/view-toggle__btn--list.svg) no-repeat center;
	background-size: contain;
}


@media (max-width : 1459.98px) {
	.catalog--view-list .card-2col__wrapper{
		grid-template-columns: 150px 300px auto 100px 100px;
		grid-template-rows: auto auto auto;
	}
	.card-2col__dif-markers{
		width: fit-content;
	}
	.catalog--view-list .card-2col__find-chiper{
		margin-left: 28px;
	}
	.catalog--view-list .card-2col__swiper {
    margin-left: 10px;
    margin-top: 8px;
}
}

@media (max-width : 1199.98px) {
	.catalog--view-list .card-2col__wrapper{
		grid-template-columns: 130px 250px auto 110px 110px;
		grid-template-rows: auto auto auto;
	}
	.catalog--view-list .card-2col__swiper {
    margin-left: 0px;
    margin-top: 8px;
}
.catalog--view-list .card-2col__purchase-block{
	width: 200px;
}
.catalog--view-list .card-2col__find-chiper{
	margin-left: 0;
	justify-self: flex-start;
}
}
@media (max-width : 991.98px) {
	.catalog--view-list .card-2col__wrapper{
		grid-template-columns: 150px auto auto auto;
		grid-template-rows: auto auto auto;
	}
	
	.catalog--view-list .card-2col__swiper {
	grid-area: 1 / 1 / 4 / 2;
	/* width: 126px; 
	height: 126px; */
	}
 .catalog--view-list .card-2col__marker-line {
		grid-area: 1 / 2 / 2 / 5; 
		position: static;
		justify-content: start;
		padding: 0;
		margin-bottom: 8px;
	}
	.catalog--view-list .card-2col__dif-markers{
		flex-direction: row;
	}
	.catalog--view-list .card-2col__title { 
		grid-area: 2 / 2 / 3 / 4; 
		margin-top: 0;
		width: 350px;
	}
	.catalog--view-list .card-2col__aviable {
		grid-area: 2 / 2 / 2 / 3;
		align-self: flex-start;
		justify-self: flex-start;
	}
	.catalog--view-list .card-2col__price-wrapper {
		grid-area: 2 / 4 / 3 / 5;
		margin-bottom: 8px;
	}
	.catalog--view-list .card-2col__bye-btn {
		grid-area: 3 / 4 / 4 / 5; 
	}
	.catalog--view-list .card-2col__info{
		display: none;
	}
	.catalog--view-list .card-2col__find-chiper{
		grid-area: 3 / 3 / 4 / 4;
		align-self: start;
	}
}

@media (max-width : 767.98px) {
	.catalog--view-list .card-2col__wrapper{
		grid-template-columns: 150px auto auto;
		grid-template-rows: auto auto auto auto;
	}
	.catalog--view-list .card-2col__swiper {
		grid-area: 1 / 1 / 5 / 2;
		/* width: 126px; 
		height: 126px; */
		}
		.catalog--view-list .card-2col__marker-line {
			grid-area: 1 / 2 / 2 / 4; 
		}
		.catalog--view-list .card-2col__title { 
			grid-area: 2 / 2 / 3 / 4; 
			margin-top: 0;
			width: 350px;
		}
		.catalog--view-list .card-2col__aviable {
			grid-area: 3 / 2 / 4 / 3;
			/* align-self: flex-start;
			justify-self: flex-start; */
		}
		.catalog--view-list .card-2col__find-chiper{
			grid-area: 3 / 3 / 4 / 4;
			/* align-self: start; */
			justify-self: flex-end;
		}
		.catalog--view-list .card-2col__bye-btn {
			grid-area: 4 / 3 / 5 / 4; 
			margin-top: 12px;
		}
		.catalog--view-list .card-2col__price-wrapper {
			grid-area: 4 / 2 / 5 / 3;
			justify-self: flex-start;
			margin-bottom: 12px;
		}
		.catalog--view-list .card-2col .card-2col__title span{
			-webkit-line-clamp: 1;
		}
	.catalog--view-list .card-2col__action_favorite{
		grid-area: 3 / 2 / 3 / 3;
		margin-top: 30px;
	}
	.catalog--view-list .card-2col__quantity-line{
		grid-area: 3 / 2 / 3 / 4;
		justify-self: center;
		margin-top: -3px;
	}

		@media (max-width : 575.98px) {
			.catalog--view-list .card-2col__wrapper{
				grid-template-columns: auto auto auto;
				grid-template-rows: auto auto auto auto;
			}
			.catalog--view-list	.card-2col__swiper .card-img-swiper{
				height: 100px;
			}
			.catalog--view-list .card-2col__swiper{
				width: 100px;
				height: 100px;
			}
			.catalog--view-list .card-2col__title{
				width: auto;
			}
			.catalog--view-list .card-2col__quantity-line{
				grid-area: 4 / 3 / 4 / 4;
				justify-self: center;
				margin-top: -30px;
			}
			.catalog--view-list .card-2col__find-chiper {
				grid-area: 3 / 2 / 4 / 4;
			}
		}
}
/********************************/
/********************************/
/*********** medium ***************/
/********************************/
.catalog--view-medium {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: .5rem .5rem;
}
.catalog--view-medium .card-2col{
	width: auto;
	min-width: 310px;
}
.catalog--view-medium .card-2col__wrapper{
	min-width: unset;
	max-width: unset;
	padding-top: unset;
	display: inherit;
}
.catalog--view-medium a{
	color: inherit;
	text-decoration: none;
}

.catalog--view-medium .medium_img {
	margin: 0 -8px;
}
.catalog--view-medium .medium_img img{
	border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
	width: 100%;
}
.catalog--view-medium .card-2col__marker-line{position: unset;}

.catalog--view-medium .card-2col__title{margin-top: 10px;
}
.catalog--view-medium .card-2col__title >span{
	font-weight: bold;
	font-size: 20px;
}
.catalog--view-medium .date > span{
	font-weight: 600;
	color: var(--gray-light);
}

.catalog--view-medium .days_rest{
	margin: 1em -1em;
}

.catalog--view-medium .days_rest > span{
	border: 1px solid var(--gray-light);
	border-radius: 16px;
	padding: 8px 16px;
	margin-left: 0.8em;
}
.catalog--view-medium .days_rest > span > b{
	margin-right: 0.5em;
	color: red;
	font-size: 20px;
}


@media (max-width : 1459.98px) {
	.catalog--view-medium {
		grid-template-columns: 1fr 1fr;

	}
}

@media (max-width : 767.98px) {
	.catalog--view-medium {
		grid-template-columns: 1fr;
	}
}


/********************************/
.product-card {
  background: #fff;
  border: 1px solid #ccc;
  padding: 12px;
  border-radius: 8px;
  transition: transform 0.3s;
}

.catalog--view-list .product-card {
  display: flex;
  align-items: center;
  gap: 16px;
}

.catalog--view-list .product-card img {
  width: 100px;
}

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




.accordion .accordion-item{
	margin-bottom: 8px;
	padding: 12px 16px;
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level1);
}
.accordion__item-num{
	width: fit-content;
	padding: 1px 20px;
	border: 2px solid var(--red-accent);
	color: var(--gray-main);
	text-align: center;
	vertical-align: bottom;
}
.accordion .accordion-button{
	text-align: left;
	width: 100%;
	font-size: 1rem;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: var(--transition-duration);
	margin-left: 0;
	

}

.accordion-content{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: var(--transition-duration);
	will-change: opacity, max-height;
	}

	/* .accordion-button[aria-expanded='true'] .icon{
		background: url(../images/accord-arrow.svg) no-repeat center;
		background-size: contain;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
		-webkit-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
		-moz-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
		-ms-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
		-o-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
	}
	.accordion-button[aria-expanded='true'] .icon{
			transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
			-webkit-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
			-moz-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
			-ms-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
			-o-transition: .8s cubic-bezier(0.075, 0.82, 0.165, 1);
	} */

	.accordion-button[aria-expanded='true'] + .accordion-content{
			opacity: 1;
			max-height: 200px;
			overflow: auto;
			transition: var(--transition-duration);
	}
	.accordion-button[aria-expanded='false'] + .accordion-content{
		transition: var(--transition-duration);
	}
	
	.filters-wrapper .data{
		display: flex;
		flex-direction: row;
		gap: .5rem;
		justify-content: space-around;
	}
	.filters-wrapper .input-wrapper{
		width: calc(50% - 0.25rem);
	}

	.filter__title{
		font-size: 1rem;
		font-weight: 600;
		margin-bottom: 20px;
		position: relative;
		padding-left: 26px;
		transition: var(--transition-duration);
	}
	.filter__title::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 24px;
		height: 24px;
		background: url(../icons/icons-gray-light/akar-icons_chevron-down-small.svg) no-repeat center;
		background-size: contain;
		transition: var(--transition-duration);
	}

	.accordion-button[aria-expanded='true'] > .filter__title::before {
		rotate: 180deg;
	}
	.accordion-button[aria-expanded='false'] > .filter__title{
		margin-bottom: 0;
	}

	.filter__checkbox-list{
		padding-left: 16px;
		width: 100%;
		margin: 0;
	}

	.filter__checkbox-list li{
		list-style: none;
		width: 100%;
		font-size: .875rem;
		
	}
	.filter__checkbox-list li:not(:last-child){
		margin-bottom: 12px;
	}
	.filter__checkbox-list input{
		float: left;
		clear: both;
		margin-right: 10px;
	}
	.pre-filters{
		margin-bottom: 8px;
		display: flex;
	}
	.pre-filters .swiper-slide{
		width: fit-content;
	}


	.filter-mobile-btn{
		padding: 4px 12px 4px 30px;
		font-size: .875rem;
		position: relative;
		background: var(--gray-white);
		border-radius: var(--border-radius-lg);
		box-shadow: var(--shadow-level1);
		outline: none;
		border: none;
	}
	.filter-mobile-btn::before{
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		top: 6px;
		left: 8px;
		background: url(../icons/icons-gray-main/akar-icons_settings-horizontal.svg) no-repeat center;
		background-size: contain;
	}
	.filter-mobile-btn.active{
		position: fixed;
		top: 24px;
		right: 24px;
		width: 30px;
		height: 30px;
		color: transparent;
		padding: 8px;
		z-index: 99999;
	}


	.filter-mobile-btn.active::before{
		background: url(../icons/icons-gray-main/akar-icons_x-small.svg) no-repeat center;
		top: 5px;
		left: 5px;

	}
	.shop-baner{
		display: block;
		margin-bottom: 8px;
	}
	.shop-baner img{
		width: 100%;
		height: auto;
	}

	@media (max-width : 991.98px) {
		.pre-filters{
			gap: 8px;
		}
		.filters-mobile{
			padding: 60px 0px 16px 16px !important;
			position: fixed;
			top: 0;
			width: 100%;
			height: 100vh;
			background: var(--body-bg);
			overflow-y: auto;
			left: -128vw;
			transition: var(--transition-duration);
		}
		.filters-mobile.is-visibles{
			left: 0;
			transition: var(--transition-duration);
			z-index: 9999;
		}
		.accordion-item{
			width: 70%;
		}
		.filter-mobile-btn.active {right: 210px;}
	}

	@media (max-width : 767.98px) {
		.cards-control{
			padding: 10px;
		}
		.cards-control-select{
			float: right;
			clear: both;
		}
		.cards-control-select:not(:last-of-type){
			margin-right: 0;
			margin-bottom: 8px;
		}
		.filter-mobile-btn.active {right: 100px;}
	}
	@media (max-width : 575.98px) {
		.filters-mobile{display: none;}
	}

.shop-info-page__block{
	margin-bottom: 50px;
}
.shop-info-page__block .container{
	background: var(--gray-white);
	border-radius: var(--border-radius-xl);
	box-shadow: var(--shadow-level1);
	padding: 15px 28px;
}

.shop-info-page__block p{
	font-size: .875rem;
}
.shop-info-page__block p:not(:last-child){
	margin-bottom: 20px;
}
.shop-info-page__block ul{
	padding-left: 20px;
}
.shop-info-page__block li{
	padding-left: 12px;
	font-size: .875rem;
}
.shop-info-page__block li:not(:last-of-type){
	margin-bottom: 12px;
}
.shop-info-page__block iframe {
	width: 100% !important;   /* ���������� ����� �������� ��� ������ ������� */
	max-width: 100%;         /* �� ���� �������� �� ������� */
	height: auto;            /* ���������� ������������� ������ */
	aspect-ratio: 16 / 9;    /* ��������� ��������� ����� ������������� */
	border-radius: 12px;     /* �����������: �������� ���� ��� ������� */
}

.action-info-btn{
	position: relative;
	width: fit-content;
	display: flex;
	cursor: pointer;
	transition: var(--transition-duration);
	z-index: 1;
}

.action-info-marker{
	position: relative;
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.action-info-drop{
	display: none;
	opacity: 0;
	position: absolute;
	min-width: 180px;
	padding: 10px;
	background: var(--gray-white);
	z-index: 1;
	top: 30px;
	left: -50px;
	transition-duration: .4s;
	transition-behavior: allow-descrete;
	box-shadow: var(--shadow-level3);
	border-radius: var(--border-radius-lg);
	-webkit-border-radius: var(--border-radius-lg);
	-moz-border-radius: var(--border-radius-lg);
	-ms-border-radius: var(--border-radius-lg);
	-o-border-radius: var(--border-radius-lg);
}
.action-info-drop.is-visible{
	display: block;
	opacity: 1;
	z-index: 1;
@starting-style {
	opacity: 0;
}
}

.gift{
	overflow: hidden;
	border: 1px solid #e44100;
	text-align: center;
	transition: all .3s ease 0.1s;
	background: #f9f9f9;
}
.gift > .title {height: 1em; line-height: 1em; overflow: hidden; background:#e44100; color: #fff; margin-top: 0;font-size: 14px;}
.gift > img {width: 100%; height: auto; margin: 0;}
.gift > .article {position: absolute; bottom:.5em; left:0; width: 100%; overflow: hidden; color:#00a3d3; font-size: .8em;}

.price-types-btn{
	position: relative;
	width: fit-content;
	display: flex;
	cursor: pointer;
	transition: var(--transition-duration);
	z-index: 1;
}

.price-types-icon{
	height: 24px;
	width: 42px;
	position: relative;
	-webkit-mask: url(../coin.png) no-repeat left top / 24px;
	mask: url(../coin.png) no-repeat left top / 24px;
	background-image: url(../coin.png);
	background-size: 24px 24px;
	transition: var(--transition-duration);
	-webkit-transition: var(--transition-duration);
	-moz-transition: var(--transition-duration);
	-ms-transition: var(--transition-duration);
	-o-transition: var(--transition-duration);
}
.price-types-drop{
	display: none;
	opacity: 0;
	position: absolute;
	min-width: 200px;
	padding: 10px;
	background: var(--gray-white);
	z-index: 1;
	top: 30px;
	left: -160px;
	transition-duration: .4s;
	transition-behavior: allow-descrete;
	box-shadow: var(--shadow-level3);
	border-radius: var(--border-radius-lg);
	-webkit-border-radius: var(--border-radius-lg);
	-moz-border-radius: var(--border-radius-lg);
	-ms-border-radius: var(--border-radius-lg);
	-o-border-radius: var(--border-radius-lg);
	font-size: 12px;
	line-height: 1;
}

.price-types-drop.is-visible{
	display: block;
	opacity: 1;
	z-index: 2;
@starting-style {
	opacity: 0;
}
}

.card-2col__quantity-line-btn{
	position: relative;
	width: fit-content;
	display: flex;
	cursor: pointer;
	transition: var(--transition-duration);
}

.card-2col__quantity-line-icon{
	height: 12px;
	width: 12px;
	position: absolute;
	top: 7px;
	right: 2px;
	-webkit-mask: url(../select_arrow_blue.png) no-repeat left top / 12px;
	mask: url(../select_arrow_blue.png) no-repeat left top / 12px;
	background-color: var(--gray-main);
}

.card-2col__quantity-line-drop{
	display: none;
	opacity: 0;
	position: absolute;
	min-width: 100px;
	/*padding: 10px;*/
	background: var(--gray-white);
	z-index: 1;
	top: 25px;
	left: -80px;
	transition-duration: .4s;
	transition-behavior: allow-descrete;
	border-radius: var(--border-radius-lg);
	-webkit-border-radius: var(--border-radius-lg);
	-moz-border-radius: var(--border-radius-lg);
	-ms-border-radius: var(--border-radius-lg);
	-o-border-radius: var(--border-radius-lg);
	font-size: 12px;
}
.card-2col__quantity-line-drop>div{ margin-bottom: 3px}
.card-2col__quantity-line-drop>div:last-child{ margin-bottom: 0px}

.card-2col__quantity-line-drop.is-visible{
	display: block;
	opacity: 1;
	z-index: 1;
@starting-style {
	opacity: 0;
}
}
/* --- Source: ./reg-page.css --- */
.login-block{
	margin-bottom: 80px;
}
.login-wrapper{
	padding: 57px 70px 16px 70px;
	width: 100%;
	background: var(--gray-white);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-level1);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.button_type_google{
	display: flex;
	gap: 4px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--gray-main);
	padding: 18px 72px;
	border: 1px solid var(--gray-extra-light);
	border-radius: var(--border-radius-lg);
}
.login__separator{
	color: var(--gray-extra-light);
	position: relative;
	margin-top: 38px;
	margin-bottom: 38px;
}
.login__separator::before{
	content: "";
	height: 1px;
	width: 50px;
	background: var(--gray-extra-light);
	position: absolute;
	top: 50%;
	left: -60px;
}
.login__separator::after{
	content: "";
	height: 1px;
	width: 50px;
	background: var(--gray-extra-light);
	position: absolute;
	top: 50%;
	right: -60px;
}
.password-control{
	width: 24px;
	height: 24px;
	background: url(../icons/icons-gray-extra-light/akar-icons_eye-slashed.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	right: 12px;
	top: 12px;
}
.password-control.show-password{
	background: url(../icons/icons-gray-extra-light/akar-icons_eye-open.svg) no-repeat center;
}


.forget-psw{
	font-size: .875rem;
	text-align: right;
	align-self: flex-end;
	margin-top: 8px;
}
.login__input-wrapper:not(:first-of-type){
	margin-top: 25px;
}
.login__input-sbm-wrapper{
	margin-top: 42px;
}

.login__reg-link{
	font-size: .875rem;
	margin-top: 50px;
}
.login-wrapper p{
	font-size: .875rem;
	margin-top: 50px;
	margin-bottom: 0;
}

.error-message {
	color: #cc0000;
	font-size: 0.85em;
	margin-top: 5px;
	display: none;
	width: 100%;
	text-align: left;
}

/* ����� ��� ���� ����� ��� ������ */
.input-wrapper__input.error {
	border-color: #cc0000 !important;
	box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
}

/* --- Source: ./katalog_page.css --- */
.katalog-block .row{
    position: relative;
}

.katalog-section .container{
    background: var(--gray-white);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-level1);
    padding: 44px 28px;
}

.katalog-flex {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}
.katalog-flex .katalog-img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ����� ��� ��������� ������, ����� ��� ������������ */
.katalog-flex .katalog-body {
    padding-top: 15px;
    position: relative;
}


.katalog_width{
    min-width: 300px;
}

/* �����-������ ��� ������� ������� */
@media (min-width: 992px) {
    .katalog-flex .katalog-body {
        padding-left: 15px;
        padding-top: 0;
    }
    .katalog-flex .katalog-img {
        max-width: 150px; /* ������������ ������ ����������� �� ������� ������� */
    }
}

.katalog-btn {
    padding-left: 12px;
    padding-right: 12px;
    height: 48px;
    width: 100%;
    background: var(--blue-main);
    font-size: 1rem;
    font-weight: 500;
    color: var(--gray-white);
    border: none;
    border-radius: var(--border-radius-md);
    transition: var(--transition-duration);
    outline: none;
}

.katalog-text {
    font-size: .875rem;
    line-height: 1.75;
    margin: 0;
}

.katalog-btn-pos {
    position: absolute;
    bottom: 0;
    right: 0;
}