body {
	font-family: Raleway;
	font-size: 16px;
	background: var(--color-card_bg_white-96);
	font-variant-numeric: lining-nums;
	font-feature-settings: 'lnum';
	-moz-font-feature-settings: 'lnum=1';
	-ms-font-feature-settings: 'lnum';
	-webkit-font-feature-settings: 'lnum';
	-o-font-feature-settings: 'lnum';
	-webkit-tap-highlight-color: transparent !important;
}

input, textarea {
	font-variant-numeric: lining-nums;
	font-feature-settings: 'lnum';
	-moz-font-feature-settings: 'lnum=1';
	-ms-font-feature-settings: 'lnum';
	-webkit-font-feature-settings: 'lnum';
	-o-font-feature-settings: 'lnum';
	font-family: Raleway;
}

.clean-hist-btn {
	color: #00AD5C;
	font-size: 16px;
	font-weight: 600;
	line-height: 160%;
	margin-top: 5px;
	cursor: pointer;
	transition: .1s;
}







.swiper-pagination {
	position: static!important;
}
.swiper-pagination-bullets {
	/* height: 8px; */
	text-align: center;
}

.container-lg {
	max-width: 1424px;
} 

.main-header-col {
	height: 23px;
	transform: translateY(-3px);
}

.main-loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background: var(--color-card_bg_white-96);
	z-index: 999;
	/* display: none; */
}


.main-loader img {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: blinkingEffect 2s infinite;
	width: 170px;
}

#main-content {
    display: none;
    min-height: 100vh;
    position: relative;
}


.main-content {
	margin-top: 20px;
}


.main-ctg-btn {
	width: 120px;
	height: 39px;
	border-radius: 10px;
	background: linear-gradient(90deg, #00D688 0%, #00B856 100%);
	cursor: pointer;
	position: relative;
	
	svg {
		display: block;
		transform: translateY(1px);
	}
	
	.label {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		
		.text {
			color: #FFF;
			font-size: 16px;
			font-weight: 700;
			line-height: 120%;
			padding-top: 1px;
		}
	}
	
	
}

.header-background .main-categories-menu {
	display: none;
}

.header-background.category-index .main-categories-menu {
	display: block;
}


.main-categories-menu {
	position: absolute;
	top: 72px;
	left: 0px;
	width: 100%;
	
	.m-cat-row {
		margin-left: -20px;
		margin-right: -20px;
	}
	.m-cat-col {
		padding-left: 20px;
		padding-right: 20px;
	}
	.cat-header {
		color: var(--tokens-color-txt-txt_secondary_gray-12);;
		font-size: 18px;
		font-weight: 700;
		line-height: 120%;
		padding: 0px 2px;
		margin-bottom: 12px;
		cursor: pointer;
		transition: .1s;
		display: inline-block;
	}
	.cat-header:hover {
		color: var(--tokens-color-txt-txt_accent_green-34);
	}
	.cat-pointer {
		color: var(--tokens-color-txt-txt-subtitle-black-40);
		font-size: 16px;
		font-weight: 600;
		line-height: 130%;
		padding: 0px 2px;
		margin-bottom: 12px;
		cursor: pointer;
		transition: .1s;
		display: inline-block;
		
	}
	.cat-pointer:hover {
		color: var(--tokens-color-txt-txt_accent_green-34);
	}
	
	.category-col-block {
		margin-bottom: 28px;
	}
	
	
	
	.main-category-list {
		border-radius: 20px;
		background: var(--color-card_bg_white);
		box-shadow: 0 6px 26px 0 rgba(0, 34, 51, 0.12);
		backdrop-filter: blur(30px);
		padding: 6px;
		width: 329px;
		margin-right: 12px;
	}
	
	.m-categories-body {
		border-radius: 20px;
		background: var(--color-card_bg_white);
		box-shadow: 0 6px 26px 0 rgba(0, 34, 51, 0.12);
		backdrop-filter: blur(30px);
		padding: 40px 40px 0px 40px;
	}
	
	
	.main-category-item {
		padding: 10px 16px 10px 14px;
		cursor: pointer;
		transition: .1s;
		
		.label {
			color: var(--tokens-color-txt-txt_primary_black-5);
			font-size: 16px;
			font-weight: 600;
			line-height: 140%;
			padding-top: 1px;
		}
		.icon path {
			stroke-opacity: 1;
			stroke: var(--color-black-icon-black-25);
		}
		.arrow {
			display: none;
			path {
				stroke-opacity: 1;
				stroke: var(--color-black-icon-black-30);
				
			}
		}
	}
	
	.main-category-item:hover, .main-category-item.active {
		border-radius: 14px;
		background: var(--color-bg-input-bg-static-5);
		
		.icon path {
			stroke-opacity: 1;
			stroke: #00AD5C;
		}
	}
	
	
	.main-category-item.active {
		.arrow {
			display: block;
		}
	}
	
}

.header-background.category-index {
	z-index: 2100;
    position: relative;
}


.fixed-header {
	/* position: static;	 */
	/* z-index: 20; */
	/* top: 0px; */
	/* left: 0px; */

		
	/* border-bottom: 1px solid #E9EBF0; */
	/* background: rgb(255, 255, 255); */
	/* padding: 6px 0px 7px 0px; */
}

.mobile-main-logo {
	height: 20px;
	padding: 0px 4px 2px 4px;
}

.main-header-logo {
	margin-right: 14px;
	/* width: 166px; */
}
.main-header-logo img {
	/* height: 27px; */
	display: block;
}


.width-160 {
	min-width: 160px;
}

.default-black-btn {
	position: relative;
	border-radius: 8px;
	background: rgb(24, 35, 57);
	width: 100%;
	height: 44px;
	cursor: pointer;
	transition: .1s;
}

.default-black-btn .label {
	width: 100%;
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	transition: .1s;
	
}

.default-black-btn:hover {
	background: rgb(54, 69, 99);
	
	
}
#messenger-area {
	position: relative;
}

.custom-scroll::-webkit-scrollbar {
	width: 4px;
}

.custom-scroll::-webkit-scrollbar-thumb {
	background: rgba(0, 34, 102, 0.1);
	border-radius: 999px;
}

.custom-scroll::-webkit-scrollbar-track {
	background: transparent;
}

.custom-scroll::-webkit-scrollbar-button {
	display: none!important;
	height: 0!important;
	width: 0!important;
}
.custom-scroll::-webkit-scrollbar-button:single-button {
	display: none !important;
}

.modal-690 .modal-content {
	border-radius: 20px;
	box-shadow: 0px 14px 26px 0px rgba(0, 17, 51, 0.1);
	background: rgb(255, 255, 255);
	border: none;
	outline: none;
	padding: 20px 20px 40px 20px;
	position: relative;
}
.modal-615 .modal-content {
	border-radius: 20px;
	box-shadow: 0px 14px 26px 0px rgba(0, 17, 51, 0.1);
	background: var(--color-card_bg_white);
	border: none;
	outline: none;
	padding: 20px 20px 40px 20px;
	position: relative;
}


.modal-615 .auth-header {
	padding: 20px 30px 10px 30px;
	
	color: var(--tokens-color-txt-txt_primary_black-5);
	font-size: 30px;
	font-weight: 700;
	line-height: 130%;
	text-align: left;
	
}


.modal-515 .modal-content {
	
	border-radius: 20px;
	box-shadow: 0px 6px 26px 0px rgba(0, 17, 51, 0.12);
	background: var(--color-card_bg_white);
	
	border: none;
	outline: none;
	padding: 20px 20px 40px 20px;
}


.modal-515 .modal-dialog {
	max-width: 515px;
}

.cross-btn {
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	path {
		stroke-opacity: 1;
		stroke: var(--color-black-icon-black-30);
		transition: .1s;
	}
}
.cross-btn:hover svg path {
	stroke: var(--color-black-icon-black-30);
	stroke-opacity: .8;
}
.cross-btn:hover svg {
	transform: scale(1.1);
}

.modal-615 .auth-body {
	padding: 10px 30px;
}


.default-input {
	width: 100%;
	padding: 12px 60px 12px 16px;
	outline: none;
	box-sizing: border-box;
	border: 1px solid var(--color-black-icon-black-30);
	border-radius: 8px;
	background: var(--color-card_bg_white);
	
	color: var(--tokens-color-txt-txt_primary_black-5);
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
	text-align: left;
	transition: .1s;
	
	caret-color: rgb(50, 79, 93);
	
}
.default-input::placeholder {
	color: var(--tokens-color-txt-txt-dop-black-25);
	font-weight: 500;
	
}

.input-block.error .default-input {
	border: 1px solid var(--color-red-icon_red-58);
}

.error-text {
	color: var(--color-red-icon_red-58);
	font-size: 14px;
	font-weight: 600;
	line-height: 130%;
	margin-top: 9px;
	padding-left: 16px;
}
.error-text:empty {
	display: none;
}

.auth-btn-style {
	position: relative;
	height: 54px;
	
	border-radius: 8px;
	background: var(--color-black-icon-black-5);
	
	cursor: pointer;
	
	.label {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		
		color: var(--color-black-icon-black-20);
		font-size: 18px;
		font-weight: 700;
		line-height: 130%;
		text-align: center;
		
		
	}
	
}


.auth-btn-block .auth-btn-style.active {
	background: var(--color-bg-btn_bg_gray-15);
	border-radius: 8px;
	transition: .1s;
	
	.label {
		color: var(--color-txt-btn_txt_white);
		transition: .1s;
	}
	
}

.auth-btn-block .auth-btn-style.active:hover {
	background: var(--color-bg-btn_bg_gray-12);
}

.auth-doc-text {
	padding: 0px 30px 10px 30px;
	font-size: 14px;
	font-weight: 600;
	line-height: 160%;
	text-align: left;
	color: var(--color-black-icon-black-30);
}
.auth-doc-text a {
	color: var(--tokens-color-txt-txt-title-h-2-black-50);
	text-decoration: none;
}

.default-input-block {
	position: relative;
}

.clear-input-btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	cursor: pointer;
	text-align: center;
	z-index: 3;
}

.clear-input-btn svg {
	display: block;
}

.clear-input-btn svg path, .clear-input-btn svg {
	transition: .1s;
	
}
.clear-input-btn svg path {
	stroke-opacity: 1;
	stroke: var(--color-black-icon-black-30);
	
}

.clear-input-btn:hover svg path {
	stroke: var(--color-black-icon-black-30);
	stroke-opacity: 1;
	
}
.clear-input-btn:hover svg {
	transform: scale(1.2);
}

.return-to-email-input-arrow {
	margin-top: -8px;
	cursor: pointer;
}

.default-input[disabled="disabled"],
.default-input[disabled="disabled"]:-webkit-autofill {
	color: rgba(20, 41, 82, 0.5)!important;
    border: 1px solid rgba(20, 41, 82, 0.5)!important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}


.split-input {
	box-sizing: border-box;
	border: 1px solid var(--color-black-icon-black-15);
	border-radius: 8px;
	background: var(--color-card_bg_white);
	
	width: 54px;
	height: 54px;
	
	outline: none;
	text-align: center;
	
	color: var(--tokens-color-txt-txt_primary_black-5);
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
	text-align: center;
}


.split-input:focus {
	border: 1px solid var(--color-black-icon-black-30);
	caret-color: var(--tokens-color-txt-txt_caption_gray-28);
}







@keyframes blinkingEffect {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@media (min-width: 576px) {
    .modal-615 .modal-dialog {
        max-width: 615px;
    }
    .modal-690 .modal-dialog {
        max-width: 690px;
    }
}


.swal2-confirm.swal2-styled {
	color: var(--tokens-color-txt-txt_invert_white);
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
	
	
	box-sizing: border-box;
	border: none;
	border-radius: 8px;
	background: var(--color-green-icon_green-34);
	width: 100%;
	max-width: 300px;
	padding: 14px 0px;
	transition: .1s;
	box-shadow: none;
	
}



.swal2-confirm.swal2-styled:hover, .swal2-confirm.swal2-styled:active {
	color: var(--tokens-color-txt-txt_invert_white);
	border: none;
	background: var(--color-green-icon_green-40);
	box-shadow: none;
	background-image: none!important;
}

div:where(.swal2-container) div:where(.swal2-actions) {
	width: 100%!important;
}


div:where(.swal2-container) div:where(.swal2-html-container) {
	font-weight: 500!important;
	color: var(--tokens-color-txt-txt_primary_black-5)!important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
	color: var(--tokens-color-txt-txt_primary_black-5) !important;
	
}


div:where(.swal2-container) div:where(.swal2-popup) {
	border-radius: 20px!important;
}

.user-auth-block {
	box-sizing: border-box;
	border: 1px solid rgba(0, 51, 153, 0.15);
	border-radius: 999px;
	padding: 3px 18px 3px 4px;
	width: 190px;
	cursor: pointer;
	transition: .1s;
}


.one-line-text {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
	word-break: break-all;
}
.two-line-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}
.three-line-text {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
	word-break: break-all;
}
.four-line-text {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
	word-break: break-all;
}
.five-line-text {
	display: -webkit-box; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
	word-break: break-all;
}


.no-avatar {
	width: 100%;
	height: 100%;
	position: relative;
	background: rgb(194, 214, 255);
	border-radius: 999px;
}

.main-user-avatar-set {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	border-radius: 999px;
}
.no-avatar .label{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	color: rgb(255, 255, 255);
	font-size: 17px;
	font-weight: 800;
	line-height: 120%;
	text-align: center;
	
	
}





.user-auth-block:hover .main-user-name {
	color: rgb(0, 18, 26);
}
.user-auth-block:hover {
	border: 1px solid rgb(50, 79, 93);
}


.a-unstyled,
.a-unstyled:hover,
.a-unstyled:active,
.a-unstyled:focus {
	all: unset;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}


.bc-text {
	color: var(--tokens-color-txt-txt-subtitle-black-40);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	padding: 0px 8px 1px 8px;
	text-decoration: none;
	transition: .1s;
}

.bc-text:hover {
	color: rgb(50, 79, 93);
}

.bc-separator {
	
	color: var(--color-black-icon-black-15);
	
}


.block-with-tooltip {
    cursor: pointer;
	position: relative;
}

.tooltip-body {
	position: absolute;
	top: calc(100% + 16px);
	left: 50%;
	z-index: 22421!important;
	transform: translateX(-50%);
	border-radius: 8px;
	background:  var(--color-bg-btn_bg_gray-28);
	padding: 8px 12px 10px 12px;
	
	color: var(--tokens-color-txt-txt_invert_white);
	font-size: 13px;
	font-weight: 600;
	line-height: 132%;
	text-align: left;
	
	/* box-shadow: 0px 4px 22px 0px rgba(0, 17, 51, 0.16); */
}
.tooltip-body::before {	
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid var(--color-bg-btn_bg_gray-28);
	z-index: 1;
}


.fancybox__container {
	z-index: 1060!important;
}



.modal-header {
	color: var(--tokens-color-txt-txt_primary_black-5);
	font-size: 30px;
	font-weight: 700;
	line-height: 120%;
	padding: 20px 30px 0px 30px;
}
.modal-description {
	color: rgba(0, 17, 51, 0.55);
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
	padding: 0px 30px 16px 30px;
}


.cross-close-modal {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}


.cross-close-modal svg {
	transition: .1s;
	path {
		stroke-opacity: 1;
        stroke: var(--tokens-color-txt-txt-subtitle-black-40);
		transition: .1s;
	}
}

.cross-close-modal:hover svg {
	transform: scale(1.1);
}
.cross-close-modal:hover svg path {
	stroke-opacity: .8;
}




.remove-control-btns {
	padding: 10px 0px;
}


.remove-default-btn {
	box-sizing: border-box;
	border: 1px solid var(--tokens-color-txt-txt_caption_gray-28);
	border-radius: 8px;
	background: var(--color-card_bg_white);
	width: 203px;
	height: 54px;
	position: relative;
	cursor: pointer;
	transition: .1s;
}

.remove-default-btn .label {
	color: var(--tokens-color-txt-txt_caption_gray-28);
	font-size: 15px;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .1s;
}

.remove-default-btn:hover {
	border: 1px solid rgb(0, 173, 92);
}

.remove-default-btn:hover .label {
	color: rgb(0, 173, 92);
}


.remove-default-btn.red {
	border: 1px solid rgb(244, 65, 52);
	background: var(--color-card_bg_white);
	
}
.remove-default-btn.red .label {
	color: rgb(244, 65, 52);
}


.remove-default-btn.red:hover {
	background: rgb(244, 65, 52);
}
.remove-default-btn.red:hover .label {
	color: rgb(255, 255, 255);
}



.main-footer {
	padding: 60px 0px;
	border-top: 1px solid var(--color-black-icon-black-10);
	
	.footer-block-1 {
		width: 474px;
	}
	
	.footer-block-2 {
		width: 258px;
	}
	
	.footer-block-3 {
		width: 236px;
	}
	.footer-block-4 {
		width: 162px;
	}
	
	.ecosystem-header {
		color: var(--tokens-color-txt-txt_secondary_gray-12);
		font-size: 20px;
		font-weight: 700;
		line-height: 130%;
		padding: 0px 2px 2px 2px;
		
		span {
			color: var(--tokens-color-txt-txt_accent_green-34);
		}
		
	}
	
	.ecosystem-selector {
		padding: 4px;
		border-radius: 900px;
		background: var(--color-bg-input-bg-hover-7);
		
		
	}
	
	.selector-btn {
		border-radius: 900px;
		
		width: 126px;
		height: 42px;
		position: relative;
		
		.label {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			
			color: var(--tokens-color-txt-txt_caption_gray-28);

			
			font-size: 16px;
			font-weight: 600;
			line-height: 130%;
			transition: .1s;
			
		}
		
	}
	.selector-btn:hover {
		.label {
			color: var(--tokens-color-txt-txt_primary_black-5);
		}
		
	}
	
	
	
	.selector-btn.active {
		background: var(--color-bg-input_bg_active);
		box-shadow: 0 3px 12px 0 rgba(0, 41, 61, 0.10), 0 3px 6px 0 rgba(0, 41, 61, 0.05);
		backdrop-filter: blur(25px);
		
		.label {
			color: var(--tokens-color-txt-txt_primary_black-5);
		}
	}
	
	.footer-gray-text {
		color: var(--tokens-color-txt-txt-description-black-35);
		font-size: 14px;
		font-weight: 500;
		line-height: 140%;
		padding: 0px 2px 2px 2px;
		max-width: 435px;
	}
	.main-content {
		margin-top: 0px;
	}
	
	.main-header {
		color: var(--tokens-color-txt-txt_secondary_gray-12);
		font-size: 20px;
		font-weight: 700;
		line-height: 130%;
		padding: 0px 2px;
	}
	.footer-link {
		a {
			color: var(--tokens-color-txt-txt-title-h-2-black-50);
			font-size: 16px;
			font-weight: 500;
			line-height: 140%;
			padding: 0px 2px;
			transition: .1s;
		}
		a:hover {
			color: #00AD5C;
		}
	}
	
	.ptypes {
		max-width: 236px;
	}
	
	
	.support-btn {
		height: 50px;
		position: relative;
		border-radius: 10px;
		background: var(--color-card_bg_white);
		cursor: pointer;
		transition: .1s;
		outline: 1px solid transparent;
		
		svg {
			display: block;
			
			path {
				transition: .1s;
				
			}
		}
		
		.label {
			color: var(--tokens-color-txt-txt_caption_gray-28);
			font-size: 16px;
			font-weight: 600;
			line-height: 130%;
			
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			
			transition: .1s;
		}
		
	}
	
	

	@media (min-width: 924px) {
		.support-btn:hover {
			border-radius: 10px;
			outline: 1.5px solid var(--color-card_bg_white);
			background: var(--color-card_bg_white);
			backdrop-filter: blur(25px);
			
			svg {
				path {
					stroke: #00CC6D;
					stroke-opacity: 1;
				}
			}
			
			.label {
				color: var(--tokens-color-txt-txt_secondary_gray-12);
			}
			
		}
	}
	
}

.main-footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
}


.footer-shadow {
	height: 278.22px;
}



.agreement-checkbox {
	box-sizing: border-box;
	border: 1px solid rgba(43, 72, 130, 0.05);
	border-radius: 5px;
	background: var(--color-bg-btn_bg_gray-28);
	width: 18px;
	height: 18px;
	cursor: pointer;
	transition: .1s;
	position: relative;
	
	svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
	}
	
}


.agreement-checkbox.active {
	border: none;
	
	svg {
		display: block;
	}
}


.cookie-window {
	
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 12px 40px 12px 40px;
	
	box-shadow: 0px 4px 22px 0px rgba(0, 17, 51, 0.16);
	background: rgb(0, 173, 92);
	
}

.cookie-window .text {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 600;
	line-height: 150%;
}


.cookie-accept-btn {
	position: relative;
	width: 143px;
	height: 45px;
	border-radius: 8px;
	box-shadow: 0px 12px 20px 0px rgba(0, 17, 51, 0.08);
	background: rgb(255, 255, 255);
	cursor: pointer;
}
.cookie-accept-btn .label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	color: rgb(0, 173, 92);
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
}







a, .nav-button, .a-unstyled {
	-webkit-tap-highlight-color: transparent; /* Убирает голубой фон при нажатии */
	-webkit-touch-callout: none; /* Отключает контекстное меню iOS */
	touch-action: manipulation; /* Оптимизирует взаимодействие для тач-устройств */
}
a:focus,
.nav-button:focus {
	outline: none;
}
a, a * {
	-webkit-tap-highlight-color: transparent !important;
}

.footer-margin {
	margin-top: 100px;
}

.footer-header-margin {
	/* margin-top: 18px; */
}



.footer-header-margin-payment {
	margin-top: 22px;
}

.return-to-email-input-arrow {
	padding-top: 1px;
	
	path {
		stroke-opacity: 1;
		stroke: var(--tokens-color-txt-txt-subtitle-black-40);
	}
}


.extra-large-modal {
	.modal-dialog {
		max-width: 910px;
	}
	.modal-content {
		border: none;
		border-radius: 20px;
		box-shadow: 0px 6px 26px 0px rgba(0, 34, 51, 0.12);
		background: rgb(255, 255, 255);
		padding: 40px 50px 50px 50px;
	}
	.header {
		color: rgb(0, 18, 26);
		font-size: 30px;
		font-weight: 700;
		line-height: 120%;
	}
}


.fancybox__thumbs .carousel__slide {
	width: 56px!important;
	border: 1px solid rgba(255, 255, 255, 0)!important;
	border-radius: 13px!important;
	box-shadow: 0px 4px 22px 0px rgba(0, 34, 51, 0.16)!important;
	backdrop-filter: blur(60px)!important;
}
.fancybox__thumbs .carousel__slide.is-nav-selected {
	border: 1px solid rgb(255, 255, 255)!important;
}
.fancybox__thumb {
	padding-top: 100%!important;
	border-radius: 10px!important;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	border: 1px solid rgba(255, 255, 255, 0)!important;
}

.fancybox__thumbs .carousel__slide {
	padding: 2px!important;
}
.fancybox__thumbs {
	margin-bottom: 30px!important;
}

.carousel__track {
	gap: 7px!important;
}

.menu-nav-item a.active {
	color: rgb(0, 173, 92);
}
.menu-nav-item a.active-only-color {
	color: rgb(0, 173, 92);
}

.mobile-modal .modal-content {
	min-height: 100vh;
	border-radius: 0px;
	background: #f3f5f7;
	padding: 0px;
}


.mobile-modal .header {
	border-radius: 0px 0px 20px 20px;
	background: rgba(255, 255, 255, 1);
	padding: 0px 18px;
}

.mobile-modal .header .text {
	color: rgba(0, 18, 26, 1);
	font-family: Raleway;
	font-size: 22px;
	font-weight: 700;
	line-height: 50px;
	text-align: left;
}

.mobile-modal .cross {
	height: 26px;
}

.mobile-modal .cross svg {
	display: block;
	margin-top: -2px;
}



.lot-paddings {
	padding-left: 4px;
	padding-right: 4px;
}




.lot-rows {
	margin-left: -4px;
	margin-right: -4px;
}

.between-childs {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}





.header-background {
	padding: 0px 24px;
	border-radius: 0px 0px 20px 20px;
	background: var(--color-card_bg_white);

	.search-block {
		padding: 10px 0px;
		position: relative;
		
		.inputrow {
			width: 100%;
			height: 40px;
			outline: none;
			box-sizing: border-box;
			color: var(--tokens-color-txt-txt_primary_black-5);
			border: 1px solid transparent;
			border-radius: 8px;
			background: var(--color-bg-input-bg-hover-7);
			
			padding: 0px 90px 0px 16px;
			
			font-size: 17px;
			font-weight: 500;
			line-height: 100%;
			transition: .1s;
			
		}
		.inputrow::placeholder {
			color: var(--tokens-color-txt-txt-title-h-2-black-50);
		}
		
		.search-btn {
			position: absolute;
			top: 50%;
			right: 1px;
			transform: translateY(-50%);
			cursor: pointer;
			height: 38px;
		}
		.search-btn {
			transition: .1s;
			border-radius: 7px;
		}
		
		.search-btn:hover {
			background: var(--color-bg-btn_bg_gray-28);
		}
		.search-btn path {
			transition: .1s;
			stroke: var(--color-black-icon-black-25);
			stroke-opacity: 1;
		}
		
		.search-btn:hover path {
			stroke: var(--tokens-color-txt-txt_invert_white);
			stroke-opacity: 1;
		}
		
		
	}




	.nav-btn {
		padding: 0px 10px;
		cursor: pointer;
		transition: .1s;
		
		.icon {
			text-align: center;
			position: relative;
			
		}
		
		.notification-badge {
			position: absolute;
			top: -1px;
			right: -6px;
			outline: 2px solid var(--color-stroke-btn_stroke_white);
			border-radius: 99px;
			background: var(--color-red-icon_red-58);
			text-align: center;
			color: var(--tokens-color-txt-txt_invert_white);
			font-size: 10px;
			font-weight: 700;
			line-height: 15px;
			min-width: 15px;
		}
		.notification-badge:empty {
			display: none;
		}
		
		.icon svg {
			margin-left: auto;
			margin-right: auto;
		}
		.icon svg path {
			transition: .1s;
		}
		.description {
			transition: .1s;
			color: var(--tokens-color-txt-black-txt-subtitle-black-40);
			font-size: 12px;
			font-style: normal;
			font-weight: 600;
			line-height: 130%; 
			
		}
		
			
		.icon.fill-hover svg path {
			fill: var(--tokens-color-txt-txt-description-black-35);
			fill-opacity: 1;
		}
		.icon.stroke-hover svg path {
			stroke: var(--tokens-color-txt-txt-description-black-35);
			stroke-opacity: 1;
		}
	}

	
	.nav-btn:hover, .nav-btn.active {
		.description {
			color: var(--tokens-color-txt-txt_caption_gray-28);
		}
		.icon.fill-hover svg path {
			fill: var(--color-gray-icon_gray);
			fill-opacity: 1;
		}
		.icon.stroke-hover svg path {
			stroke: var(--color-gray-icon_gray);
			stroke-opacity: 1;
		}
	}
	
	
	.auth-btn {
		position: relative;
		width: 170px;
		height: 42px;
		border-radius: 10px;
		background: var(--color-bg-btn_bg_gray-15);
		transition: .1s;
	}
	.auth-btn .label {
		position: absolute;
		top: 49%;
		left: 50%;
		transform: translate(-50%, -49%);
		
		color: var(--color-txt-btn_txt_white);
		font-size: 15px;
		font-weight: 600;
		line-height: 20px;
	}
	.auth-btn:hover {
		background: var(--color-bg-btn_bg_gray-12);
	}
	
	
	
	
	
	.seller-no-avatar {
		box-sizing: border-box;
		border: 0.5px solid rgba(55, 118, 149, 0.05);
		border-radius: 999px;
		background: rgba(55, 118, 149, 0.05);
		width: 36px;
		height: 36px;
		position: relative;
	}
	.seller-no-avatar .label {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		
		color: rgba(15, 63, 87, 0.25);
		font-size: 16px;
		font-weight: 700;
		line-height: 14px;
	}
	
	.seller-avatar {
		box-sizing: border-box;
		box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
		border-radius: 999px;
		background: rgba(255, 255, 255, 1);
		
		width: 40px;
		height: 40px;
		
		background-size: cover!important;
		background-position: center!important;
	}
	
	.main-user-avatar {
		height: 40px;
		width: 40px;
	}
	
	.main-user-data-block {
		width: 112px;
	}
	
	
	
	
	.main-user-name {
		color: var(--tokens-color-txt-txt_base_gray-15);
		font-size: 14px;
		font-weight: 600;
		line-height: 17px;
	}
	
	.main-user-balance {
		color: var(--tokens-color-txt-txt-subtitle-black-40);
		font-size: 13px;
		font-weight: 600;
		line-height: 16px;
		margin-top: 1px;
	}
	
	
	.dropdown-menu {
		border-radius: 10px;
		box-shadow: 0px 6px 26px 0px rgba(0, 34, 51, 0.12);
		/* backdrop-filter: blur(60px); */
		background: var(--color-card_bg_white);
		margin-top: 16px!important;
		min-width: 280px;
		padding: 6px;
		/* transform: translate(-94px, 42px)!important; */
		
	}
	
	.dropdown-center {
		cursor: pointer;
	}
	
	.dropdown-item-custom {
		padding: 8px 12px 8px 10px;
		
		color: var(--tokens-color-txt-txt_primary_black-5);
		font-size: 15px;
		font-weight: 600;
		line-height: 18px;
		transition: .1s;
	}
	
	.dropdown-item-custom:hover {
		border-radius: 10px;
		background: var(--color-bg-input-bg-static-5);
		
	}
	
	.dropdown-item-custom sup {
		color: var(--tokens-color-txt-txt-description-black-35);
		margin-left: 2px;
		
	}
	
	.b-arrow {
		path {
			stroke-opacity: 1;
			stroke: var(--color-black-icon-black-25);
		}
	}
	
	.paddings-2 {
		padding: 2px;
	}
	.paddings-4 {
		padding: 4px;
	}
	
	.nav-hr {
		height: 0.5px;
		background: var(--color-black-icon-black-10);
		margin: 6px 0px;
	}
	
	.dropdown-item-custom.balance {
		
		.title {
			color: var(--color-purple-icon_purple-70);
			font-size: 12px;
			font-weight: 500;
			line-height: 16px;
			margin-bottom: 2px;
		}
	}
	
	.topup-btn {
		color: var(--tokens-color-txt-txt_caption_gray-28);
		font-size: 14px;
		font-weight: 600;
		line-height: 44px;
		padding: 0px 16px;
		text-align: center;
		border-radius: 6px;
		background: var(--color-bg-input-bg-static-5);
		transition: .1s;
	}
	.topup-btn:hover {
		background: var(--color-bg-input-bg-hover-7);
	}
	
	
	
	
	
}

.main-navbar {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	box-shadow: inset 0 0 0 0.5px var(--color-black-icon-black-15);
	border-radius: 16px 16px 0px 0px;
	background: var(--color-card_bg_white);
	padding: 2px 12px 2px 12px;
	z-index: 50;
}


.nav-button {
	padding: 6px;
	text-align: center;
	
	.nav-ico, .nav-label {
		text-align: center;
	}
	.nav-label {
		color: var(--tokens-color-txt-txt-subtitle-black-40);
		font-size: 12px;
		font-weight: 600; 
		line-height: 14px;
	}
	svg {
		display: inline-block;
		path {
			stroke-opacity: 1;
			stroke: var(--color-black-icon-black-30);
		}
	}
	
	.nav-ico {
		position: relative;
		width: 26px;
		display: inline-block;
	}
	
}

.nav-button.active svg path {
	stroke: var(--color-gray-icon_gray);
	stroke-opacity: 1;
}
.nav-button.active .nav-label {
	color: var(--tokens-color-txt-txt_secondary_gray-12);
}

.nav-iterator {
	position: absolute;
	top: -2px;
	right: -7px;
}


.search-block {
	
	
	.search-label {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 3.5px;
		opacity: 0;
		visibility: hidden;
		transition: opacity .1s, visibility .1s;
	}
	.search-label .label {
		padding: 0px 10px;
		border-radius: 5px;
		background: rgba(50, 79, 93, 1);
		line-height: 33px;
		font-size: 14px;
		font-weight: 600;
		color: rgba(255, 255, 255, 1);
		
	}
	
	.search-label-cross {
		margin-right: -10px;
		cursor: pointer;
	}
	
	.clear-search-input {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 50px;
		opacity: 0;
		visibility: hidden;
		transition: opacity .1s, visibility .1s;
		cursor: pointer;
		path {
			stroke: var(--color-black-icon-black-25);
			stroke-opacity: 1;
		}
	}
	
}

.mobile-search-block {
	.clear-search-input {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 50px;
		opacity: 0;
		visibility: hidden;
		transition: opacity .1s, visibility .1s;
		cursor: pointer;
		
	}
	
}



.search-block.active {
	.clear-search-input { 
		opacity: 1;
		visibility: visible;
	}
}

.search-block.active {
	.search-label { 
		opacity: 1;
		visibility: visible;
	}
	
	
	
}

.search-block.inputed {
	.search-label { 
		opacity: 1;
		visibility: visible;
	}
}



.search-block.all {
	.search-label .label {
		box-sizing: border-box;
		border-radius: 5px;
		background: rgba(243, 245, 247, 1);
		box-shadow: inset 0 0 0 0.5px rgba(20, 61, 82, 0.1);
		color: rgba(20, 61, 82, 0.5);
	}
}


.catalog-selector .block {
	border-radius: 18px;
	background: rgba(255, 255, 255, 1);
	padding: 20px 26px 22px;
}


.catalog-selector .header {
	color: rgba(0, 18, 26, 1);
	font-size: 22px;
	font-weight: 700;
	line-height: 29px;
	padding: 0px;
}
.catalog-selector .label {
	color: rgba(20, 61, 82, 0.5);
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	margin-top: 2px;
}

.catalog-btn-rows {
	margin-left: -4px;
	margin-right: -4px;
}
.catalog-btn-col {
	padding-right: 4px;
	padding-left: 4px;
}

.catalog-btn {
	color: var(--tokens-color-txt-txt_secondary_gray-12);
	font-size: 16px;
	font-weight: 600;
	line-height: 46px;
	text-align: center;
	
	/* border: 0.5px solid rgba(55, 118, 149, 0.05); */
	border-radius: 10px;
	background: var(--color-card_bg_white);
	padding: 0px 18px;
	cursor: pointer;
	min-width: 149px;
}

.review-block {
	
	margin-top: 8px;
	padding: 22px 24px;
	border-radius: 10px;
	background: var(--color-bg-input-bg-static-5);
	
	
}

.review-author-avatar {
	width: 40px;
    height: 40px;
    box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
    border-radius: 999px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
	
}

.review-author-no-avatar-block {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
	background: rgba(55, 118, 149, 0.05);
	position: relative;
	
	.label {
		position: absolute;
		top: 50%;
		left: 52%;
		transform: translate(-50%, -50%);
		color: rgba(15, 63, 87, 0.25);
		font-size: 16px;
		font-weight: 700;
		text-align: center;
	}
	
}

.review-author-name {
	color: var(--tokens-color-txt-txt_primary_black-5);
	font-size: 16px;
	font-weight: 600;
	line-height: 120%;
}

.review-advert-name {
	color: var(--tokens-color-txt-txt-subtitle-black-40);
	font-size: 13px;
	font-weight: 500;
	line-height: 120%;
}

.review-date-dot {
	width: 3px;
	height: 3px;
	border-radius: 999px;
	background: rgba(43, 81, 100, 0.15);
}

.review-date-block {
	color: var(--tokens-color-txt-txt-description-black-35);
	font-size: 13px;
	font-weight: 500;
	line-height: 130%; 
	margin-top: 3px;
}

.review-text {
	color: var(--tokens-color-txt-txt_base_gray-15);
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
}



.rating-row {
	margin-right: -1.75px;
	margin-left: -1.75px;
}
.rating-col {
	padding-right: 1.75px;
	padding-left: 1.75px;
	
	svg {
		display: block;
	}
}


#mobile-catalog-modal {
	
	.modal-content {
		min-height: 100dvh;
		border-radius: 0px;
		background: var(--color-card_bg_white-96);
	}
	
	.catalog-header {
		padding: 6px 0px;
		border-radius: 0 0 20px 20px;
		background: var(--color-card_bg_white);
		backdrop-filter: blur(25px);
		
		.text {
			padding: 6px 12px;
			
			.label {
				padding: 7px 4px 0px 4px;
				color: var(--tokens-color-txt-txt_primary_black-5);
				font-size: 20px;
				font-weight: 700;
				line-height: 120%;
				letter-spacing: -0.2px;
			}
		}
		
		.cross path {
			stroke-opacity: 1;
			stroke: var(--color-black-icon-black-25);
		}
		.return-back-arrow path {
			stroke-opacity: 1;
			stroke: var(--color-gray-icon_gray);
		}
		
	}
	
	.catalog-body {
		border-radius: 20px;
		background: var(--color-card_bg_white);
		padding: 4px 0px;
		margin-top: 8px;
	}
	
	.category-item {
		padding: 14px 14px;
		border-bottom: 0.5px solid var(--color-black-icon-black-10);
		transition: .1s;
		position: relative;
		
		.label {
			color: var(--tokens-color-txt-txt_primary_black-5);
			font-size: 16px;
			font-weight: 600;
			line-height: 140%;
			padding: 2.5px 1px 2px 1px;
		}
		
	}
	
	
	.category-item:last-child {
		border-bottom: none;
	}
	
	
	.return-back-arrow.blocked {
		display: none;
	}
	
	.category-item .checked {
		opacity: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 14px;
		transition: .1s;
	}
	.category-item.active .checked {
		opacity: 1;
	}
	
}

body.no-scroll {
  position: fixed;
  width: 100%;
}






.custom-backdrop {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(0, 3, 5, 0.40);
	z-index: 2050;
}
.search-block.opened {
	position: relative;
	z-index: 2070;
	
	.search-block-wrapper {
		outline: 4px solid var(--color-card_bg_white);
		border-radius: 8px;

	}
	.search-history-block {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	
	
	.inputrow {
		background: var(--color-bg-input_bg_active);
		border: 1px solid var(--stroke-input_stroke_active);
		
	}
	
}
.search-history-block {
	width: 100%;
	position: absolute;
	inset: 64px auto auto 0px;
	
	border-radius: 10px;
	background: var(--color-card_bg_white);
	box-shadow: 0 0 0 4px var(--color-card_bg_white), 0 6px 26px rgba(0, 34, 51, 0.12);
	backdrop-filter: blur(30px);
	transition: .1s;
	
	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transition: opacity .2s ease, visibility .2s ease;
	
	.hist-header {
		border-radius: 8px;
		padding: 12px 16px 10px 16px;
		
		
		.label {
			color: var(--tokens-color-txt-txt-description-black-35);
			font-size: 16px;
			font-weight: 600;
			line-height: 150%;
		}
		.clear-btn {
			padding: 3px 0px 2px 0px;
			color: var(--tokens-color-txt-txt_accent_green-34);
			font-size: 15px;
			font-weight: 500;
			line-height: 130%;
			cursor: pointer;
			transition: .1s;
		}
		.clear-btn:hover {
			color: #00CC6D;

		}
	}
	
	.hr {
		height: 0.5px;
		background: var(--color-black-icon-black-10);
		margin: 4px 15px;
	}
	
	.hist-body {
		.hist-item {
			padding: 10.75px 11px 13.25px 17px;
			cursor: pointer;
			transition: .1s;
			position: relative;
			
			.text {
				color: var(--tokens-color-txt-txt_caption_gray-28);
				font-size: 16px;
				font-weight: 500;
				line-height: 140%;
				padding-right: 27px;
			}
			
			.cross {
				display: none;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 10px;
				
				path {
					stroke-opacity: 1;
					stroke: var(--color-black-icon-black-25);
				}
				
			}
		}
		
		.cross {
			path {
				transition: .1s;
			}
		}
		.cross:hover {
			path {
				stroke: var(--color-gray-icon_gray);
				stroke-opacity: 1;
			}
		}
		
		
		.hist-item:hover {
			border-radius: 10px;
			background: var(--color-bg-input-bg-static-5);
			
			.cross {
				display: block;
			}
		}
	}
	
}



	
	
.search-block.inputed.opened {
	.clear-search-input {
		opacity: 1!important;
		visibility: visible!important;
		
	}
}





#mobile-search-modal {
	
	.modal-content {
        min-height: 100dvh;
        border-radius: 0px;
        background: var(--color-card_bg_white-96);
		
		.search-history-block {
			transition: none;
			outline: none;
			box-shadow: none;
			position: static;
			inset: none;
			margin-top: 8px;
			
			
			.hist-header { 
				padding: 12px 6px 6px 16px;
				
				.label {
					font-size: 15px;
					font-weight: 600;
					line-height: 150%;
				}
				.clear-btn {
					font-size: 14px;
					font-weight: 500;
					line-height: 130%;
					padding: 2px 8px;
				}
			}
			
			
			.hist-body {
				.hist-item {
					padding: 13px 10px 13px 16px;
					
					.text {
						color: var(--tokens-color-txt-txt_base_gray-15);
						font-size: 15px;
						font-weight: 500;
						line-height: 140%;
					}
					.cross {
						display: block!important;
						
					}
					
				}
			}
			
			
		}
		
		.modal-close-btn {
			color: #00AD5C;
			font-size: 16px;
			font-weight: 600;
			line-height: 130%;
			padding: 3px 2px;
			cursor: pointer;
			transition: .1s;
		}
		
    }
	
	.header-background {
		background: var(--color-card_bg_white-96);
		padding: 0px;
		
		.search-block {
			padding: 0px;
			
			
		}
		
	}
	
	
	.search-block {
		.search-btn {
			display: none;
		}
		
		.inputrow {
			padding-right: 40px;
			padding-left: 14px;
		}
		
		.clear-search-input {
			right: 15px!important;
		}
		
		.search-block-wrapper {
			outline: none;
			padding: 12px;
			
			border-radius: 0 0 20px 20px;
			background: var(--color-card_bg_white);
			backdrop-filter: blur(25px);
			
		}
		
		.inputrow {
			/* border: none; */
			/* outline: 1px solid rgba(50, 79, 93, 1); */
		}
		
	}
	
}





.themes-slider {
	width: 48px;
	height: 27px;
	border-radius: 900px;
	background: var(--color-bg-input-bg-hover-7);
	position: relative;
	
	.dot {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		height: 100%;
		
		content: url(/imgs/light-theme-ico.webp);
	}
}


html.theme-dark {
	.themes-slider {
		background: var(--color-bg-btn_bg_gray-28);
		.dot {
			right: 0px;
			left: auto;
			
			content: url(/imgs/dark-theme-ico.webp);
		}
	}
}






@media (max-width: 924px) {
	.theme-trigger-height {
		height: 27px;
	}
	.mobile-trigger-block {
		padding: 6px 12px;
	}
	.swiper-pagination-bullet {
        width: 8px!important;
        height: 8px!important;
        background: var(--color-black-icon-black-15)!important;
        opacity: 1!important;
        transition: .1s!important;
    }
	
	.swiper-pagination-bullet-active {
		background: rgba(0, 204, 109, 1)!important;
		width: 22px!important;
		border-radius: 999px!important;
	} 
	
	
	.reviews-block .reviews-not-found {
		font-size: 14px;
	}
	
	.review-advert-name {
		font-size: 13px;
		font-weight: 500;
		line-height: 120%;
	}

	.review-author-name {
		font-size: 16px;
		font-weight: 600;
		line-height: 120%;
	}
	


	.review-block {
		
		padding: 14px 16px;
		
	}
	.review-text {
		margin-top: 10px!important;
		
		overflow: hidden;
		font-size: 14px;
		font-weight: 500;
		line-height: 144%;
		padding: 2px;
		
	}

	
	
	.clean-hist-btn {
		
		font-size: 14px;
		font-weight: 600;
		line-height: 180%;
		
		margin-top: 4px;
	}

	
	
	#main-banner-setter {
		padding: 0px 8px;
	}
	
	
	.mobile-search-block {
		position: relative;
		
	}
	.mobile-search-block input {
		box-sizing: border-box;
		border: 0.5px solid rgba(55, 118, 149, 0.05);
		border-radius: 8px;
		background: rgba(243, 245, 247, 1);
		width: 100%;
		outline: none;
		height: 44px;
		color: rgba(20, 61, 82);
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		padding-left: 35px;
		padding-right: 10px;
	}
	.mobile-search-block input::placeholder {
		color: rgba(20, 61, 82, 0.5);
	}
	
	.mobile-search-block svg {
		position: absolute;
		top: 50%;
		left: 12px;
		transform: translateY(-50%);
		display: block;
		
	}
	
	.mobile-header .mobile-catalogs-row .mobile-catalog-btns .mobile-catalogs-col:last-child {
		padding-right: 12px;
	}
	
	.mobile-header .catalog-btn {
		line-height: 40px;
		padding: 0px 13px!important;
	}
	
	
	.mobile-catalogs-row {
		margin-left: -2.5px;
		margin-right: -2.5px;
		
	}
	
	.scroll-x {
		overflow-x: auto; 
		overflow-y: hidden; 
		-ms-overflow-style: none;
		scrollbar-width: none; 
	}

	.scroll-x::-webkit-scrollbar {
		display: none;
	}
	
	.mobile-catalogs-col {
		padding-left: 2.5px;
		padding-right: 2.5px;
	}
	
	.mobile-header .catalog-btn {
		min-width: auto;
	}
	
	.mobile-header .catalog-btn svg {
		display: block;
	}
	
	
	.mobile-header .catalog-btn.modal-open-btn {
		width: 38px;
		height: 38px;
		padding: 0px;
		position: relative;
	}
	.mobile-header .catalog-btn.modal-open-btn svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		
	}
	
	
	
	.mobile-modal .modal-dialog {
		max-width: 100%!important;
	}
	.catalog-btn {
		padding: 0px 16px;
		min-width: 93px;
        margin-bottom: 0px;
        background: var(--color-bg-input-bg-hover-7);
	}
	
	.mobile-header .catalog-btn.modal-open-btn {
        width: 38px;
        height: 38px;
        padding: 0px;
        position: relative;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.modal-515 {
		.modal-header {
			padding: 0px;
			font-size: 31px;
			font-weight: 600;
		}
		.remove-default-btn {
			width: 100%;
			height: 50px;
		}
	}
	.modal-515 .modal-content {
		padding-bottom: 20px;
	}
	
	.lot-rows {
		margin-left: 0;
		margin-right: 0;
	}
	.lot-paddings {
		padding-left: 2.5px;
		padding-right: 2.5px;
	}
	
	.hide-on-mobile {
		display: none;
	}
	#chat-modal .modal-content {
		margin-top: 0px!important;
	}
	.footer-margin {
		margin-top: 40px;
	}
	.notification-badge:empty {
		display: none;
	}
	.notification-badge {
		font-size: 10px!important;
		border: none!important;
		outline: 2px solid var(--color-card_bg_white)!important;
		line-height: 14.9px!important;
		padding-bottom: 0.1px!important;
		min-width: 15px!important;
		background: var(--color-red-icon_red-58)!important;
		border-radius: 99px!important;
		
		color: var(--tokens-color-txt-txt_invert_white);
		font-size: 10px;
		font-weight: 700;
		
		
	}
	.footer-shadow {
		height: 550.44px;
	}
	.main-content  {
		margin-top: 10px;
	}
	.main-footer .container-lg {
		padding-left: 24px;
		padding-right: 24px;
	}
	
	
	.main-footer {
		
		padding: 20px 0px 89px 0px;
		border-radius: 20px 20px 0 0;
		background: var(--color-card_bg_white);
		border: none;
		
		
		.ecosystem-header {
			font-size: 18px;
			font-weight: 700;
			line-height: 130%;
			padding: 0px 4px;
			color: var(--tokens-color-txt-txt_primary_black-5);
			span {
				color: var(--tokens-color-txt-txt_accent_green-34);
			}
			
		}
		.ecosystem-selector {
			width: auto;
			margin-top: 10px;
			
			.label {
				padding-bottom: 2px;
			}
			
		}
		
		.selector-btn {
			width: auto;
		}
		
		.footer-block-1, .footer-block-2, .footer-block-3, .footer-block-4 {
			width: auto;
		}
		
		
		.footer-block-2 {
			margin-top: 32px;
		}
		
		.main-header {
			color: var(--tokens-color-txt-txt_primary_black-5);
			padding: 0px 4px;
			font-size: 18px;
			font-weight: 700;
			line-height: 130%;
		}
		
		.footer-link {
			a {
				padding: 0px 4px;
				font-size: 14px;
				font-weight: 500;
				line-height: 140%;
			}
		}
		
		.footer-block-3 {
			margin-top: 32px;
		}
		
		.footer-block-4 {
			margin-top: 32px;
		}
		
		
		.support-btn {
			border-radius: 10px;
			background: var(--color-bg-input-bg-hover-7);
			
			.label {
				padding-bottom: 2px;
				
				svg {
					margin-top: 1px;
				}
				
			}
		}
		
		
		
	}
	
	
	
	
	
	.footer-tg-link .footer-tg-link-text {
		font-size: 18px;
	}
	.footer-header {
		font-size: 18px;
	}
	
	.footer-header {
		margin-top: 30px;
	}
	
	.footer-header-margin {
		/* margin-top: 8px; */
	}
	.footer-header-margin-payment {
		margin-top: 14px;
	}
	
	
	#auth-modal {
		.auth-btn-block {
			
		}
		.modal-content {
			padding: 18px 16px!important;
		}
		.auth-header {
			padding: 0px!important;
			
			font-size: 22px;
			font-weight: 700;
			line-height: 126%;
			max-width: 300px;
		}
		
		.auth-body {
			padding: 0px!important;
		}
		.default-input {
			height: 52px;
			
			font-size: 18px;
			font-weight: 500;
			line-height: 140%;
			
		}
		.auth-btn-style {
			height: 48px;
		}
		.auth-btn-style .label {
			font-size: 16px;
			font-weight: 600;
			line-height: 130%;
		}
		.auth-doc-text {
			padding: 0px!important;
			margin-top: 20px;
			color: rgba(0, 17, 51, 0.55);
		}
		.agreement-checkbox {
			margin-top: 2px;
		}
		
		
		
		
		
	}
	
	
	#send-auth-code-modal {
		.modal-content {
			padding: 18px 16px!important;
		}
		.auth-header {
			padding: 0px!important;
			
			font-size: 22px;
			font-weight: 700;
			line-height: 126%;
			max-width: 300px;
		}
		.return-to-email-input-arrow {
			padding-top: 3px;
		}
		.auth-body {
			padding: 0px!important;
		}
		.split-input-block {
			display: flex;
			justify-content: space-between;
		}

		.split-input {
			width: 52px; /* или нужная ширина */
			text-align: center;
		}
		
		.auth-btn-style {
			height: 48px;
		}
		.auth-btn-style .label {
			font-size: 16px;
			font-weight: 600;
			line-height: 130%;
		}
		.auth-doc-text {
			color: rgba(0, 17, 51, 0.55);
			padding: 0px!important;
			margin-top: 15px;
		}
	}
	
	
	
	
	
	.modal-dialog {
		margin: 0;
	}

	
	
	.mobile-fixed-footer {
		position: sticky!important;
		bottom: 0px;
		left: 0px;
		width: 100%!importnant;
		border: 1px solid rgba(43, 72, 130, 0.05);
		border-radius: 20px 20px 0px 0px;
		background: rgb(255, 255, 255);
	}
	
	
	
	.notification-modal-padding {
		.modal-content {
			padding: 0px!important;
            margin-left: 14px!important;
            margin-right: 14px!important;
			
		}
		.application-header, .modal-header {
			padding: 24px 26px 8px 26px!important;
			font-size: 22px!important;
			font-weight: 700!important;
			line-height: 126%!important;
		}
		.application-description, .modal-description {
			padding: 0px 26px 16px 26px!important;
			margin-top: 0px!important;
			font-size: 14px!important;
			font-weight: 600!important;
			line-height: 140%!important;
		}
		.application-control-btns, .remove-control-btns {
			padding: 8px 24px 26px 24px!important;
			margin-top: 0px!important;
		}
		.application-btn {
			height: 46px!important;
			width: 100%!important;
		}
		.application-btn .label {
			font-size: 15px!important;
			font-weight: 600!important;
			line-height: 130%!important;
		}
		.cross-close-modal {
			top: 24px!important;
			right: 22px!important;
		}
	}
	
	.cookie-window {
		outline: 1px solid rgba(0, 34, 102, 0.1);
		border-radius: 20px 20px 0px 0px;
		box-shadow: 0px 6px 26px 0px rgba(0, 17, 51, 0.12);
		z-index: 9;
		padding: 16px 16px 80px 16px!important;
	}
	.cookie-window .text {
		font-size: 15px;
		font-weight: 600;
		line-height: 130%;
		margin-bottom: 14px;
	}
	.cookie-accept-btn {
		width: 100%;
	}
	.cookie-accept-btn .label {
		font-size: 15px;
		font-weight: 600;
		line-height: 130%;
	}
	
	
	#catalog-selection-modal {
		
		.search-block {
			display: none;
		}
		.select-category-label {
			color: rgba(0, 18, 26, 1);
			font-size: 18px;
			font-weight: 700;
			line-height: 21px;
			display: none;
			margin-bottom: 14px;
		}
	}
	
	#catalog-selection-modal.search {
		
		.header {
			display: none;
		}
		.search-block {
			margin-top: 0px;
			border-radius: 0px 0px 20px 20px;
			display: block;
		}
		.select-category-label {
			display: block;
		}
		
	}
	
	
	.green-close-modal-btn {
		color: rgba(23, 60, 79, 0.40);
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        padding: 0px 2px;
	}
	
	
	
	
	#catalog-selection-modal .search-block {
		/* padding: 18px; */
		padding: 12px;
		border-radius: 20px;
		background: rgba(255, 255, 255, 1);
		margin-top: 8px;
	}
	
	
	#catalog-selection-modal .search-block.inputed {
		.clear-search-input {
			opacity: 1;
			visibility: visible;
			
		}
	}
	.clear-search-input {
		left: auto!important;
		right: 5px!important;
	}
	.mobile-search-block {
		position: relative;
	}


	
	#catalog-selection-modal .catalog-selector {
		border-radius: 20px;
		background: rgba(255, 255, 255, 1);
		padding: 18px 18px 20px 18px;
		margin-top: 8px;
	}
	
	
	#catalog-selection-modal .catalog-btn {
		padding: 0px 0px;
		text-align: left;
		padding: 0px 14px;
		line-height: 41px;
		min-width: auto!important;
		display: inline-block;
		position: relative;
	}
	
	#catalog-selection-modal .catalog-btn.active {
		padding-right: 37px;
		
	}
	#catalog-selection-modal .catalog-btn-col {
		padding-right: 3px;
		padding-left: 3px;
		
	}
	
	#catalog-selection-modal .catalog-btn svg {
		margin-top: -1px!important;
	}
	
	#catalog-selection-modal .catalog-btn-rows {
		margin-top: 0px!important;
		margin-left: -3px;
		margin-right: -3px;
	}



	.mobile-header {
		padding: 6px 0px;
		background: var(--color-card_bg_white);
		backdrop-filter: blur(25px);
		
	}
	#catalog-btns-setter {
		margin-bottom: 14px!important;
	}
	.search-input-mobile { 
		position: relative;
		margin: 6px 12px;
		
		.search-ico path {
			stroke-opacity: 1;
			stroke: var(--color-black-icon-black-25);
		}
		
	}
	
	.search-ico {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 10px;
		
	}
	
	.m-search-query-text {
		height: 40px;
		width: 100%;
		color: var(--tokens-color-txt-txt_primary_black-5);
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		
		border-radius: 10px;
		background: var(--color-bg-input-bg-hover-7);
		border: none;
		outline: none;
		
		padding: 0px 12px 0px 36px;
		
	}
	.m-search-query-text::placeholder {
		color: var(--tokens-color-txt-txt-title-h-2-black-50);
	}
	
	.catalog-btn-modal {
		border-radius: 10px;
        background: var(--color-bg-input-bg-hover-7);
		width: 40px;
		height: 40px;
		position: relative;
		
		svg {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			
			path {
				stroke-opacity: 1;
				stroke: var(--color-gray-icon_gray-12);
			}
		}
		
	}


	.btns-col {
		padding-right: 5px;
		
	}
	
	.btns-col:last-of-type {
		padding-right: 12px !important;
	}


}
















@media (max-width: 575px) {
	
	.modal-515 .modal-dialog,
	.modal-615 .modal-dialog,
	.modal-690 .modal-dialog {
		max-width: 100%;
	}
	
}

.is-standalone .main-navbar {
	padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
}