@import url(reset.css);
body{
	background-color: var(--bg);
	font-size: 16px;
	line-height: 20px;
	&:has(.var2){background-color: #fff;}
}
.flexbox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
@keyframes circleLoading{
	0%{rotate: 0deg;}
	100%{rotate: 360deg;}
}
.btn{
	align-items: center;
	background-color: var(--blue);
	border: none;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 16px;
	font-weight: 500;
	height: 48px;
	justify-content: center;
	line-height: 22px;
	padding: 0 15px;
	transition: all .3s linear;
	&:hover{background-color: var(--lblue);}
	&.orange{
		background-color: var(--orange);
		color: #fff;
		&:hover{background-color: var(--dorange);}
		&[disabled],&[disabled]:hover{
			background-color: var(--lorange);
			color: var(--orange);
			cursor: auto;
		}
	}
	&.gray{
		background-color: var(--bg);
		color: var(--black);
		&:hover{
			background-color: var(--orange);
			color: #fff;
		}
	}
	&.white{
		background-color: #fff;
		color: var(--orange);
		&:hover{background-color: var(--lyellow);}
	}
	&.middle{
		font-size: 14px;
		height: 40px;
		line-height: 18px;
	}
	&.border{
		background: none;
		border: 1px var(--orange) solid;
		color: var(--orange);
		&:hover{
			background-color: var(--orange);
			color: #fff;
		}
	}
	&.ico_plus span{
		background: url(../images/plus.svg) right / 18px auto no-repeat;
		padding-right: 30px;
	}
	.btn__load{
		animation: circleLoading 1.3s linear infinite;
		border: 2px solid;
		border-color: rgba(255,255,255,.5) #fff #fff #fff;
		border-radius: 50%;
		height: 20px;
		margin-left: 10px;
		width: 20px;
	}
}
.mini-title{
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 16px;
}
.small-title{
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 32px;
}
.input-text,.textarea{
	background-color: var(--bg);
	border: 1px transparent solid;
	border-radius: 8px;
	color: var(--black);
	display: block;
	font-size: 16px;
	height: 48px;
	padding: 0 0 0 12px;
	transition: all .3s linear;
	width: 100%;
	&::placeholder{
		color: var(--gray);
		opacity: 1;
	}
	&:focus{border-color: var(--focus);}
	&.ico-search{
		background: var(--bg) url(../images/ico_search.svg) 11px center no-repeat;
		padding: 0 44px 0 38px;
	}
	&.middle{
		font-size: 14px;
		height: 40px;
	}
	&.error{border-color: var(--lred);}
}
.textarea{
	height: 112px;
	padding: 8px 12px;
	&.middle{height: 66px;}
}
.label{
	color: var(--black);
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: 6px;
}
.error-text{
	color: var(--red);
	display: block;
	font-size: 12px;
	line-height: 18px;
}
/* Header */
.header-container{
	margin-bottom: 16px;
	padding: 0px 24px;
	&.var2{
		margin-bottom: 32px;
		.header{
			align-items: center;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
		}
		.header-nav{margin-bottom: 0;}
		.logo{margin-right:  52px;}
		.region-btn{margin-left: 24px;}
	}
}
.header{
	background-color: #fff;
	border-radius: 0 0 16px 16px;
	margin: 0 auto;
	max-width: 100%;
	padding: 16px;
	width: 1344px;
	.flexbox{
		align-items: center;
		flex-wrap: nowrap;
		gap: 16px;
	}
}
	.mob-address-btn,.mob-menu-btn,.mob-menu,.main-mob-menu{display: none;}
	.header-nav{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 24px;
		justify-content: center;
		margin-bottom: 16px;
		a{
			color: #000;
			font-size: 12px;
			line-height: 16px;
			transition: all .3s linear;
			&:hover{color: var(--lblue);}
		}
	}
	.logo{
		background: url(../images/logo.svg) center / auto 100% no-repeat;
		height: 48px;
		width: 23.87%;
	}
	.search{
		background-color: var(--bg);
		border-radius: 8px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 55.48%;
	}
		.search__text{
			background: none;
			border: none;
			font-size: 16px;
			height: 48px;
			padding: 0 12px;
			width: calc(100% - 40px);
			&::placeholder{
				color: var(--gray);
				opacity: 1;
			}
		}
		.search__btn{
			background: url(../images/search_btn.svg) center no-repeat;
			border: none;
			cursor: pointer;
			height: 48px;
			width: 40px;
		}
	.region-btn{
		background: url(../images/ico_region.svg) center no-repeat;
		height: 24px;
		width: 24px;
	}
	.login-btn{
		width: 20.65%;
		span{
			background: url(../images/ico_user.svg) left no-repeat;
			overflow: hidden;
			padding-left: 32px;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
	.header__city{
		background: url(../images/arrow_down.svg) right no-repeat;
		color: var(--orange);
		cursor: pointer;
		font-size: 12px;
		font-weight: 600;
		line-height: 14px;
		margin-left: auto;
		padding-right: 22px;
		&:hover{text-decoration: underline;}
	}
	.social{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 16px;
		justify-content: flex-end;
		margin-left: 55px;
		a{
			background: url(../images/ico_whatsapp.svg) no-repeat;
			height: 24px;
			width: 24px;
			&.ico_tg{background-image: url(../images/ico_tg.svg);}
			&.ico_tg{background-image: url(../images/ico_tg.svg);}
			&.ico_tiktok{background-image: url(../images/ico_tiktok.svg);}
			&.ico_inst{background-image: url(../images/ico_inst.svg);}
		}
	}
	.search-header{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 16px;
		justify-content: space-between;
		padding-top: 30px;
		width: 100%;
		.search{width: calc(79.35% - 16px);}
	}
@media (max-width: 1400px){
.header-container.var2{
	.header-nav{gap: 12px;}
	.logo{
		background-size: auto 100%;
		height: 38px;
		margin-right: 24px;
		width: 178px;
	}
	.region-btn{margin-left: 16px;}
	.social{
		gap: 10px;
		margin-left: 24px;
	}
}
}/* END 1400px */
@media (max-width: 1200px){
.logo{background-size: 100% auto;}
}/* END 1200px */
@media (max-width: 1023px){
:root{
	--margin: 32px;
}
.header-nav,.header .flexbox,.search-header{display: none;}
.header-container{
	margin-bottom: 8px;
	padding: 0 16px;
	&.var2{
		.header{background: none;}
		.mob-menu-btn{margin-left: 24px;}
		.region-btn{margin-left: auto;}
	}
}
.header{
	align-items: center;
	background-color: var(--bg);
	border-radius: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 16px 0;
}
	.mob-address-btn{
		background: url(../images/arrow_right_small.svg) right no-repeat;
		cursor: pointer;
		display: block;
		font-size: 14px;
		font-weight: 600;
		line-height: 18px;
		padding-right: 24px;
	}
	.mob-menu-btn{
		background: url(../images/menu_btn.svg) center no-repeat;
		cursor: pointer;
		display: block;
		height: 26px;
		width: 34px;
	}
.mob-menu{
	background-color: #fff;
	height: 100dvh;
	left: 0;
	padding: 72px 16px 24px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1001;
	.login-btn{
		margin-bottom: 16px;
		width: 100%;
	}
	.header-nav{
		display: block;
		width: 100%;
		li a{
			background: url(../images/arrow_right_small.svg) right no-repeat;
			border-top: 1px var(--lgray) solid;
			display: block;
			font-size: 14px;
			font-weight: bold;
			padding: 22px 24px 22px 0;
			width: 100%;
		}
		li:last-child a{border-bottom: 1px var(--lgray) solid;}
	}
}
	.mob-menu__close{
		background: url(../images/arrow_left.svg) center no-repeat;
		cursor: pointer;
		height: 24px;
		left: 16px;
		position: absolute;
		top: 12px;
		width: 24px;
	}
	.mob-menu-content{
		max-height: calc(100dvh - 96px);
		overflow-y: auto;
		.btn{
			margin-bottom: 15px;
			width: 260px;
		}
	}
.main-mob-menu{
	background-color: #fff;
	height: 100dvh;
	left: 0;
	padding: 16px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1001;
	.logo{
		display: block;
		height: 32px;
		margin-bottom: 16px;
		width: 164px;
	}
	.mob-menu__close{
		background: url(../images/ico_main_close.svg) center no-repeat;
		left: auto;
		right: 16px;
		top: 20px;
	}
	.flexbox{
		align-items: flex-start;
		margin-bottom: 16px;
		.header__city{
			margin-left: 0;
		}
	}
	.mob-menu-content{max-height: calc(100dvh - 126px);}
	.header-nav{
		display: block;
		li:not(:last-child){margin-bottom: 24px;}
		a{
			color: #000;
			font-size: 12px;
			line-height: 14px;
		}
	}
}
.header-container.var2 .main-mob-menu .social{
	justify-content: flex-start;
	margin: 16px 0 0 0;
}
}/* END 1023px */
@media (max-width: 768px){
.header-container.var2{
	.social,.region-btn,.header__city{display: none;}
	.mob-menu-btn{margin-left: auto;}
}
.mob-menu-content .btn{width: 100%;}
 .header-container.var2 .mob-menu-content .social{display: flex;}
}/* END 768px */
/* END header */
/* Left-menu */
.wrapper{
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	margin: 0 auto 56px;
	max-width: 100%;
	padding: 0 24px;
	position: relative;
	width: 1392px;
	&:not(:has(.sidebar)){
		display: block;
		margin-bottom: 0;
		min-height: calc(100vh - 349px);
		overflow: hidden;
	}
	&:not(:has(.sidebar)) .content{
		padding: 24px;
		width: 100%;
	}
	&:has(.promo-slider){min-height: auto;}
	&:has(.app){min-height: auto;}
}
.sidebar{
	background-color: #fff;
	border-radius: 8px;
	padding: 16px;
	position: relative;
	width: 312px;
	&:has(.sidebar-map){
		background: none;
		border-radius: 0;
		padding: 0;
	}
	.search{display: none;}
	&.left-menu{
		position: sticky;
		top: 20px;
		.left-menu-content{
			max-height: calc(100vh - 76px);
			overflow: auto;
		}
	}
}
	.mob-left-menu{display: none;}
	.left-menu__item{
		align-items: center;
		border-radius: 8px;
		color: var(--mgray);
		cursor: pointer;
		display: flex;
		flex-wrap: wrap;
		font-size: 12px;
		font-weight: bold;
		gap: 16px;
		height: 44px;
		justify-content: flex-start;
		line-height: 16px;
		transition: all .3s linear;
		&:not(:last-child){margin-bottom: 8px;}
		&:hover{background-color: var(--lgreen);}
	}
	.sidebar-map img{
		border-radius: 24px;
		height: auto;
		object-fit: cover;
		object-position: center;
		width: 100%;
	}
@media (max-width: 1400px){
.sidebar.left-menu{width: 226px;}
}/* END 1400px */
@media (max-width: 1023px){
.wrapper{
	overflow: hidden;
	padding: 0 16px;
	&:has(.content){padding: 0;}
}
.mob-sidebar.left-menu{
	align-items: flex-start;
	border-radius: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -16px 24px 0;
	width: calc(100% + 16px);
	.search{
		display: flex;
		margin: 0 16px 24px 0;
		width: 100%;
	}
}
	.mob-left-menu__btn{
		background: url(../images/left_menu_btn.svg) center no-repeat;
		cursor: pointer;
		height: 32px;
		margin: 2px 8px 0 0;
		width: 32px;
	}
	.left-menu-content{
		display: flex;
		flex-direction: row;
		gap: 8px;
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 16px;
		width: calc(100% - 40px);
		.left-menu__item{
			background-color: var(--bg);
			border-radius: 20px;
			color: var(--dgray);
			flex-wrap: nowrap;
			font-weight: 600;
			gap: 8px;
			height: auto;
			padding: 8px;
			white-space: nowrap;
			&:not(:last-child){margin-bottom: 0;}
			&:hover,&.active{
				background-color: var(--blue);
				color: #fff;
			}
			img{
				height: 20px;
				width: 24px;
			}
		}
	}
}/* END 1023px */
@media (max-width: 768px){
.wrapper:not(:has(.sidebar)) .content{padding: 16px;}
}/* END 768px */
/* END left-menu */
/* Catalog */
.content{
	background-color: #fff;
	border-radius: 8px;
	padding: 16px;
	width: calc(100% - 656px);
	.cart-empty{padding: 162px 0;}
	&.hidden-page{display: none;}
}
	.mob-sidebar{display: none;}
	.main-slider{
		margin: 0 36px 24px;
		.slick-slide{margin: 0 4px;}
		img{
			/*border: 3px solid;
			border-image-slice: 1;
			border-image-source: linear-gradient(to right,#FFE500,#00A0E3);
			border-radius: 8px;*/
			height: auto;
			max-width: 100%;
		}
	}
		.slick-arrow{
			background: none;
			border: none;
			cursor: pointer;
			height: 100%;
			left: -40px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			text-indent: -999999px;
			top: 0;
			width: 32px;
			z-index: 1;
			&:before{
				background: var(--orange) url(../images/slider_nav.svg) center no-repeat;
				border-radius: 50%;
				content: "";
				height: 32px;
				left: 0;
				position: absolute;
				top: calc(50% - 16px);
				transition: all .3s linear;
				width: 32px;
			}
			&.slick-next{
				left: auto;
				right: -40px;
				rotate: 180deg;
			}
		}
		.slick-dots{
			bottom: 16px;
			display: flex;
			flex-direction: row;
			gap: 4px;
			justify-content: center;
			left: 0;
			position: absolute;
			width: 100%;
			z-index: 9;
			button{
				background-color: #D0EBAB;
				border: none;
				border-radius: 4px;
				display: block;
				height: 8px;
				padding: 0;
				overflow: hidden;
				text-indent: -999999px;
				transition: all .2s linear;
				width: 8px;
			}
			.slick-active button{
				background-color: #78B833;
				width: 30px;
			}
		}
	.promo{
		margin-bottom: 24px;
		img{
			border-radius: 12px;
			height: auto;
			max-width: 100%;
		}
	}
	.catalog{
		align-items: stretch;
		display: grid;
		grid-gap: 24px 16px;
		grid-template-columns: repeat(4, 1fr);
	}
		.catalog-block{
			cursor: pointer;
			display: flex;
			flex-direction: column;
			gap: 8px;
			justify-content: space-between;
		}
			.catalog-block-img{
				align-items: center;
				background-color: var(--lgreen);
				border-radius: 16px;
				display: flex;
				height: 152px;
				justify-content: center;
				position: relative;
				img{
					height: auto;
					max-height: 90%;
					object-fit: cover;
					object-position: center;
					max-width: 90%;
				}
				.catalog-block-fav{
					cursor: pointer;
					height: 20px;
					position: absolute;
					right: 8px;
					top: 8px;
					width: 20px;
					z-index: 9;
					&:before,&:after{
						background: url(../images/ico_fav.svg) center no-repeat;
						content: "";
						height: 100%;
						position: absolute;
						right: 0;
						top: 0;
						transition: all .3s linear;
						width: 100%;
					}
					&:after{background-image: url(../images/ico_fav_hover.svg);}
					&:hover:before,&:not(:hover):after,&.active:before{opacity: 0;}
					&.active:after{opacity: 1;}
				}
			}
			.catalog-block__title{
				color: var(--black);
				font-size: 12px;
				font-weight: bold;
				line-height: 20px;
			}
			.catalog-block__desc{
				color: var(--gray);
				font-size: 12px;
				line-height: 16px;
                margin-top: auto;
			}
			.catalog-block__add{
				align-items: center;
				background: var(--orange) url(../images/plus.svg) center right 13px no-repeat;
				border-radius: 16px;
				color: #fff;
				cursor: pointer;
				display: inline-flex;
				flex-wrap: wrap;
				font-size: 12px;
				font-weight: 500;
				height: 32px;
				justify-content: flex-start;
				line-height: 16px;
				margin: auto auto 0 0;
				padding: 0 34px 0 12px;
				transition: all .3s linear;
				&:hover{background-color: var(--dorange);}
			}
@media (max-width: 1600px){
.catalog{grid-template-columns: repeat(2, 1fr);}
}/* END 1600px */
@media (max-width: 1400px){
.content{width: calc(100% - 580px);}
	.promo img{
		height: 160px;
		object-fit: cover;
		object-position: center;
		width: 100%;
	}
}/* END 1400px */
@media (max-width: 1200px){
.main-slider{margin: 0 24px 24px;}
.slick-arrow{
	left: -32px;
	width: 24px;
	&:before{
		background-size: 11px auto;
		height: 24px;
		width: 24px;
	}
	&.slick-next{
		left: auto;
		right: -32px;
	}
}
}/* END 1200px */
@media (max-width: 1023px){
.sidebar.left-menu{display: none;}
.content{
	border-radius: 0;
	width: 100%;
	.cart-empty{padding: 40px 0;}
}
	.main-slider{
		margin: 0 -48px 16px -8px;
		width: calc(100% + 56px);
	}
	.promo img{height: 206px;}
	.catalog{grid-template-columns: repeat(4, 1fr);}
}/* END 1023px */
@media (max-width: 768px){
.catalog{grid-template-columns: repeat(3, 1fr);}
}/* END 768px */
@media (max-width: 600px){
.catalog{grid-template-columns: repeat(2, 1fr);}
.promo img{height: 136px;}
}/* END 600px */
/* END catalog */
/* Cart */
.cart-sidebar .small-title.mob,.cart-sidebar .popup__back{display: none;}
.mob-basket{
	background: var(--blue) url(../images/ico_basket.svg) center no-repeat;
	border-radius: 50%;
	bottom: 40px;
	display: none;
	height: 48px;
	position: fixed;
	right: 20px;
	width: 48px;
	z-index: 9990;
}
.cart .btn{
	margin-top: 20px;
	width: 100%;
}
	.cart-block{
		border-bottom: 1px var(--lgray) solid;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
		.cart-block__address{
			align-items: center;
			color: var(--gray);
			display: flex;
			flex-direction: column;
			font-size: 12px;
			line-height: 16px;
			text-align: center;
			strong{
				background: url(../images/arrow_right_small.svg) right no-repeat;
				color: var(--black);
				font-size: 14px;
				font-weight: 600;
				line-height: 18px;
				padding-right: 21px;
			}
		}
		.cart-block__comm{
			background: url(../images/arrow_right.svg) center right 7px no-repeat;
			color: var(--black);
			cursor: pointer;
			display: flex;
			font-size: 16px;
			line-height: 20px;
			padding-right: 40px;
			span{margin-left: auto;}
		}
		.toggle{
			cursor: pointer;
			display: block;
			font-size: 16px;
			line-height: 28px;
			position: relative;
			input{display: none;}
			&:before{
				background-color: var(--lgray);
				border-radius: 14px;
				content: "";
				height: 28px;
				position: absolute;
				right: 0;
				top: 0;
				transition: all .2s linear;
				width: 48px;
			}
			&.active:before{background-color: var(--orange);}
			&:after{
				background-color: #fff;
				border-radius: 50%;
				box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);
				content: "";
				height: 24px;
				position: absolute;
				right: 22px;
				top: 2px;
				transition: all .2s linear;
				width: 24px;
			}
			&.active:after{right: 2px;}
		}
		.cart-block__title{
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			margin-bottom: 16x;
		}
		.order-block{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 8px;
			& + &{border-top: 1px var(--lgray) solid;}
		}
			.order-block__img{
				align-items: center;
				background-color: var(--lgreen);
				border-radius: 8px;
				display: flex;
				height: 66px;
				justify-content: center;
				width: 66px;
				img{
					height: auto;
					max-height: 100%;
					object-fit: cover;
					object-position: center;
					max-width: 100%;
				}
			}
			.order-block-content{
				width: calc(100% - 82px);
				.flexbox{align-items: center;}
			}
				.order-block__title{
					color: var(--black);
					display: inline-block;
					font-size: 12px;
					font-weight: 600;
					line-height: 14px;
					margin-bottom: 4px;
				}
				.order-block__weight{
					color: var(--gray);
					font-size: 12px;
					line-height: 14px;
				}
				.order-block__price{
					color: var(--black);
					font-size: 14px;
					font-weight: bold;
					&:only-child{margin: auto 0 0 auto;}
				}
				.calc{
					align-items: center;
					background-color: var(--orange);
					border-radius: 16px;
					display: flex;
					height: 32px;
					justify-content: space-between;
					width: 106px;
				}
					.minus,.plus{
						background: url(../images/minus.svg) right no-repeat;
						cursor: pointer;
						height: 32px;
						width: 34px;
					}
					.plus{background: url(../images/plus.svg) left no-repeat;}
					.calc-text{
						background: none;
						border: none;
						color: #fff;
						font-size: 16px;
						font-weight: 500;
						height: 32px;
						padding: 0 5px;
						text-align: center;
						width: 38px;
						&[type="number"]{-moz-appearance: textfield;}
					}
		.number-persons{
			align-items: center;
			background-color: var(--lyellow);
			border-radius: 8px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin-top: 8px;
			padding: 8px;
			p{
				color: var(--black);
				font-size: 12px;
				font-weight: bold;
				line-height: 14px;
			}
		}
	.cart-empty p{
		margin-top: -8px;
		text-align: center;
	}
	.cart-empty-img{
		margin-bottom: 32px;
		text-align: center;
		img{
			height: auto;
			max-width: 100%;
		}
	}
	.cart-empty .mini-title{text-align: center;}
	.cart-block + .cart-empty{padding: 86px 0;}
	.cart-empty:has(.btn){
		text-align: center;
		p{margin: 0 0 48px;}
		.btn{width: 300px;}
	}
@media (max-width: 1023px){
.mob-basket{display: block;}
.sidebar.cart-sidebar{
	background: #fff;
	border-radius: 0;
	box-shadow: 0 20px 20px rgba(0,0,0,.3);
	height: 100vh;
	padding-top: 20px;
	position: fixed;
	right: -312px;
	top: 0;
	transition: all .3s linear;
	width: 312px;
	z-index: 999;
	&.active{right: 0;}
	.small-title.mob,.popup__back{display: block;}
	.small-title{
		font-size: 18px;
		text-align: center;
	}
	.popup__back{top: 10px;}
}
}/* END 1023px */
@media (max-width: 480px){
.cart-empty:has(.btn) .btn{width: 100%;}
}/* END 480px */
/* END cart */
/* Favorite */
.title-container{
	margin-bottom: 24px;
	position: relative;
	.back{
		background: url(../images/arrow_left.svg) center no-repeat;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 24px;
	}
	.mini-title{
		margin-bottom: 0;
		text-align: center;
	}
}
.favorite{
	display: grid;
	grid-gap: 16px;
	grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1400px){
.favorite{grid-template-columns: repeat(5, 1fr);}
}/* END 1400px */
@media (max-width: 1200px){
.favorite{grid-template-columns: repeat(4, 1fr);}
}/* END 1200px */
@media (max-width: 1024px){
.favorite{grid-template-columns: repeat(3, 1fr);}
}/* END 1024px */
@media (max-width: 768px){
.favorite{grid-template-columns: repeat(2, 1fr);}
}/* END 768px */
/* END favorite */
/* Text page */
.text-page{
	padding-top: 16px;
	p{
		color: #666;
		font-size: 14px;
		line-height: 16px;
	}
}
	.text-page__image{
		display: block;
		margin: 0 auto 16px;
	}
	.text-center{
		color: var(--black);
		display: block;
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 8px;
		text-align: center;
		& + p{margin-top: 32px;}
	}
	.about-links{
		margin: 48px 0 50px;
		li{
			padding: 16px 0;
			position: relative;
			&:before,&:first-child:after{
				background-color: var(--lgray);
				bottom: 0;
				content: "";
				height: 1px;
				left: 50%;
				max-width: 60%;
				position: absolute;
				transform: translate(-50%,0);
				width: 358px;
			}
			&:first-child:after{
				bottom: auto;
				top: 0;
			}
			a{
				background: url(../images/arrow_right.svg) right no-repeat;
				color: var(--black);
				display: block;
				font-size: 16px;
				line-height: 18px;
				transition: all .3s linear;
				&:hover{color: var(--blue);}
			}
		}
	}
/* END text page */
/* Settings */
.form-settings{
	text-align: center;
	fieldset{
		border-bottom: 1px var(--bg) solid;
		padding: 16px 0;
		&:first-child{padding-top: 0;}
	}
	.btn{
		margin-bottom: 24px;
		width: 100%;
	}
}
	.delete-me{
		color: var(--red);
		font-size: 14px;
		font-weight: 600;
		&:hover{text-decoration: underline;}
	}
/* END settings */
/* Payment */
.payment-cards{
	fieldset{
		margin-bottom: 16px;
		&:has(.del-card){
			display: flex;
			gap: 8px;
			justify-content: space-between;
		}
	}
	.btn{width: 100%;}
}
	.card{
		align-items: center;
		background-color: var(--sky);
		border-radius: 8px;
		color: #666;
		cursor: pointer;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-size: 14px;
		gap: 8px;
		justify-content: flex-start;
		line-height: 16px;
		padding: 12px 44px 12px 16px;
		position: relative;
		width: 100%;
		input{display: none;}
		strong{
			color: #00AFFF;
			display: block;
			font-size: 12px;
			line-height: 14px;
			margin-bottom: 4px;
		}
		&:before{
			border: 1px #64748B solid;
			border-radius: 50%;
			box-sizing: border-box;
			content: "";
			height: 20px;
			position: absolute;
			right: 16px;
			top: 12px;
			width: 20px;
		}
		&.active:before{
			background-color: #fff;
			border: 6px var(--orange) solid;
		}
	}
	.del-card{
		background: var(--lred) url(../images/del_card.svg) center no-repeat;
		border-radius: 16px;
		min-width: 42px;
		transition: all .3s linear;
		width: 42px;
		&:hover{background-color: var(--red);}
	}
.payment-address{
	fieldset{
		margin-bottom: 8px;
		min-width: 0;
		position: relative;
	}
	.btn{
		margin-top: 16px;
		width: 100%;
	}
}
	.payment-address__radio{
		background-color: var(--sky);
		border-radius: 8px;
		color: var(--black);
		cursor: pointer;
		display: block;
		font-size: 14px;
		line-height: 16px;
		overflow: hidden;
		padding: 14px 52px 14px;
		position: relative;
		text-overflow: ellipsis;
		width: 100%;
		white-space: nowrap;
		input{display: none;}
		&:before{
			border: 1px #64748B solid;
			border-radius: 50%;
			box-sizing: border-box;
			content: "";
			height: 20px;
			left: 16px;
			position: absolute;
			top: 12px;
			width: 20px;
		}
		&.active:before{
			background-color: #fff;
			border: 6px var(--orange) solid;
		}
	}
	.payment-address__edit{
		background: url(../images/ico_edit.svg) center no-repeat;
		border-radius: 8px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 42px;
		z-index: 9;
	}
/* END payment */
/* Settings orders */
.orders{
	.mini-title:has(+ .settings-orders){
		border-bottom: 1px var(--bg) solid;
		margin-bottom: 20px;
		padding-bottom: 8px;
	}
	.cart-block:has(+ .btn){border-bottom: none;}
	.cart-block__address{
		display: block;
		text-align: left;
		strong{
			background: none;
			display: block;
			padding-right: 0;
		}
	}
	.cart-block__comm{
		background: none;
		flex-wrap: wrap;
		padding-right: 0;
		strong{
			color: var(--gray);
			display: block;
  			font-size: 12px;
  			font-weight: 400;
  			line-height: 16px;
  			width: 100%;
		}
	}
	.btn{width: 100%;}
}
.settings-orders{
	border-bottom: 1px var(--bg) solid;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 20px;
	&:last-child{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}
	.settings-orders-img{
		position: relative;
		&:before{
			background: url(../images/ico_ok.svg) no-repeat;
			content: "";
			height: 14px;
			left: calc(50% - 7px);
			position: absolute;
			top: calc(50% - 7px);
			z-index: 9;
		}
		&.not_ok:before{background-image: url(../images/ico_not_ok.svg);}
	}
	.settings-orders-content{
		display: flex;
		flex-direction: column;
		width: calc(100% - 120px);
	}
		.settings-orders__address{
			color: var(--mgray);
			font-size: 12px;
			line-height: 14px;
			strong{
				color: var(--black);
				display: block;
				font-size: 14px;
				line-height: 18px;
			}
		}
		.settings-orders__price{
			color: var(--mgray);
			font-size: 12px;
			font-weight: 600;
			line-height: 14px;
			margin: auto 0 6px;
			span{
				display: inline-block;
				padding-left: 10px;
				position: relative;
				&:before{
					background-color: var(--blue);
					border-radius: 50%;
					content: "";
					height: 5px;
					left: 0;
					position: absolute;
					top: 7px;
					width: 5px;
				}
			}
		}
.order-status{
	background: url(../images/ico_ok.svg) top center / 46px auto no-repeat;
	border-bottom: 1px var(--bg) solid;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 12px;
	padding: 58px 0 20px;
	&.not_ok{background-image: url(../images/ico_not_ok.svg);}
	.mini-title{
		text-align: center;
		width: 100%;
	}
	.btn{
		margin: 0 8px;
		width: 160px;
	}
}
@media (max-width: 480px){
.order-status .btn{
	margin: 0 0 16px;
	width: 100%;
	&:last-child{margin-bottom: 0;}
}
}/* END 480px */
/* END setting orders */
/* Product-popup */
.product-popup.popup{
	left: 50%;
	position: fixed;
	right: auto;
	top: 50%;
	transform: translate(-50%, -50%);
	.grid{
		display: grid;
		grid-gap: 16px;
		grid-template-columns: 402px 445px;
	}
}
	.product-slider{
		margin-bottom: 45px;
		padding: 0 40px;
		.slick-arrow{
			left: 0;
			&.slick-next{
				left: auto;
				right: 0;
			}
		}
	}
		.slick-initialized .slick-slide.product-slider-block{
			align-items: center;
			background-color: #F5FBEA;
			border-radius: 16px;
			display: flex;
			flex-direction: column;
			height: 324px;
			justify-content: center;
			img{
				height: 280px;
				max-height: 90%;
				max-width: 90%;
				object-fit: cover;
				object-position: center;
				width: 280px;
			}
		}
	.product-popup-similar{
		display: grid;
		grid-gap: 16px;
		grid-template-columns: repeat(3, 1fr);
	}
	.product-popup-content{
		padding-top: 64px;
		p{
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 16px;
		}
		.btn{
			border-radius: 24px;
			width: 100%;
		}
	}
		.tags{
			display: flex;
			flex-direction: row;
			gap: 8px;
			justify-content: flex-start;
			margin-bottom: 32px;
			overflow-x: auto;
			padding-bottom: 8px;
		}
			.tag{
				align-items: center;
				background-color: var(--bg);
				border-radius: 16px;
				color: var(--dgray);
				display: flex;
				font-size: 12px;
				font-weight: 600;
				height: 32px;
				justify-content: center;
				line-height: 14px;
				padding: 0 8px 1px;
				transition: all .3s linear;
				white-space: nowrap;
				&.active{
					background-color: var(--blue);
					color: #fff;
				}
			}
		.product-title{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-bottom: 16px;
			.mini-title{
				margin-bottom: 0;
				width: calc(100% - 32px);
			}
		}
			.product-fav{
				background-color: #DEF2FF;
				border-radius: 8px;
				height: 28px;
				position: relative;
				width: 28px;
				&:before,&:after{
					background: url(../images/ico_product_fav.svg) center no-repeat;
					content: "";
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					transition: all .2s linear;
					width: 100%;
				}
				&:after{background-image: url(../images/ico_product_fav_hover.svg);}
				&:hover:before,&:not(:hover):after,&.active:before{opacity: 0;}
				&.active:after{opacity: 1;}
			}
		.product-composition{
			background-color: var(--sky);
			border-radius: 8px;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 8px 14px;
			justify-content: space-around;
			margin-bottom: 32px;
			padding: 8px;
		}
			.product-composition__title{
				color: var(--gray);
				font-size: 14px;
				font-weight: 700;
				line-height: 18px;
				width: 100%;
			}
			.product-composition__item{
				font-size: 14px;
				line-height: 18px;
				text-align: center;
				strong{
					display: block;
					text-align: center;
				}
			}
		.product-desc{
			border-top: 1px var(--lgray) solid;
			margin-bottom: 32px;
			padding-top: 32px;
			&:has(.with-btn) .product-desc-text{display: none;}
		}
			.product-desc__title{
				color: var(--gray);
				display: block;
				font-size: 14px;
				font-weight: bold;
				line-height: 18px;
				margin-bottom: 10px;
				&.with-btn{
					background: url(../images/arrow_down_gray.svg) center right 5px no-repeat;
					cursor: pointer;
				}
			}
@media (max-width: 1023px){
.popup.product-popup .grid{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	max-height: calc(100dvh - 135px);
	overflow-y: auto;
	padding-top: 10px;
}
.product-popup-img{width: 402px;}
	.product-slider{
		margin-bottom: 25px;
		padding: 0;
	}
.product-popup-content{
	padding-top: 0;
	width: calc(100% - 418px);
}
}/* END 1023x */
@media (max-width: 840px){
.product-popup-img{
	margin-bottom: 20px;
	width: 100%;
}
	.product-slider{
		margin: 0 auto 25px;
		max-width: 322px;
	}
.product-popup-content{width: 100%;}
}/* END 840px */
@media (max-width: 600px){
.product-popup-similar{
	grid-template-columns: repeat(2, 1fr);
	.catalog-block:last-child{display: none;}
}
}/* END 600px */
/* END product-popup */

/* Auth */
.overlay{
	background-color: var(--black);
	display: none;
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: .5;
	position: fixed;
	top: 0;
	transition: all .3s linear;
	width: 100%;
	z-index: 999;
	&.active{display: block;}
}
.popup{
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 20px 50px rgba(18,27,33,.2);
	display: none;
	flex-direction: column;
	justify-content: flex-start;
	padding: 88px 24px 24px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 435px;
	z-index: 1000;
	&.active{display: flex;}
	&.address-popup{padding: 16px;}
	&.small{
		width: 312px;
		.popup__close{display: none;}
	}
	&.big{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 24px;
		width: 910px;
	}
}
	.popup__back{
		background: url(../images/arrow_left.svg) center no-repeat;
		border-radius: 50%;
		cursor: pointer;
		height: 48px;
		left: 12px;
		position: absolute;
		top: 24px;
		transition: all .3s linear;
		width: 48px;
		&:hover{background-color: var(--bg);}
	}
	.popup__close{
		background: url(../images/ico_close.svg) center no-repeat;
		border-radius: 50%;
		cursor: pointer;
		height: 48px;
		position: absolute;
		right: 12px;
		top: 24px;
		transition: all .3s linear;
		width: 48px;
		&:hover{background-color: var(--bg);}
	}
	.auth-popup{
		min-height: 560px;
		.mini-title{text-align: center;}
		p:not([class]){
			margin-bottom: 32px;
			text-align: center;
		}
	}
	.organization-popup{
		left: 50%;
		max-width: 100%;
		top: 50%;
		right: auto;
		transform: translate(-50%, -50%);
        z-index: 10000;
        position: fixed;
		&.fancybox-content{
			padding-top: 24px;
			.popup__back,.popup__close{display: none;}
		}
	}
	.fancybox-inner:has(.organization-popup) .fancybox-button--close{display: none;}
	.form{
		display: flex;
		flex-direction: column;
		gap: 24px;
		.flexbox{
			gap: 16px;
			justify-content: center;
			.input-text{
				padding: 0 5px;
				text-align: center;
				width: 44px;
			}
		}
	}
	.agreement{
		font-size: 14px;
		margin-top: auto;
		text-align: center;
		a{
			color: var(--blue);
			&:hover{text-decoration: underline;}
		}
	}
@media (max-width: 1023px){
.popup:not(.organization-popup){
	border-radius: 24px 24px 0 0;
	bottom: -100dvh;
	left: 0;
	max-height: calc(100dvh - 80px);
	padding: 24px 16px 16px;
	position: fixed;
	top: auto;
	transition: all .3s linear;
	width: 100%;
	&.active{bottom: 0;}
	&.small{
		.popup__close{display: block;}
		width: 100%;
	}
	&.big{
		padding: 24px 16px 16px;
		width: 100%;
	}
	&.product-popup{transform: none;}
}
	.popup__close{
		background: url(../images/ico_close.svg) center 12px no-repeat;
		height: 24px;
		right: 0;
		top: 5px;
		width: 15%;
		&:hover{background-color: transparent;}
	}
	.popup__back{display: none;}
.popup.organization-popup:has(.popup__close){padding-top: 35px;}
}/* END 1023px */
/* END auth */
/* Address popup */
.city-content{
	.mini-title{
		&.open-city{
			background: url(../images/arrow_right_small.svg) right no-repeat;
			display: inline-block;
			padding-right: 21px;
		}
	}
	p{margin-bottom: 16px;}
	.flexbox{
		flex-wrap: nowrap;
		gap: 16px;
		.btn{width: calc(50% - 8px)}
		.btn:only-child{width: 100%;}
	}
}
.address-search-map{
	position: relative;
	width: calc(53.13% - 16px);
	img{
		border-radius: 24px;
		height: auto;
		width: 100%;
	}
}
.address-search-content{
	padding-top: 56px;
	width: calc(46.87% - 16px);
	.mini-title.open-city{
		background: url(../images/arrow_right_small.svg) right no-repeat;
		display: block;
		padding-right: 21px;
	}
}
	.change-city{
		background-image: url(../images/arrow_right_small.svg), url(../images/ico_dot.svg);
		background-position: right center, left center;
		background-repeat: no-repeat;
		color: var(--black);
		display: block;
		font-size: 14px;
		font-weight: 600;
		line-height: 22px;
		margin-bottom: 16px;
		padding: 0 21px 0 40px;
		&.blue{background-image: url(../images/arrow_right_small.svg), url(../images/ico_dot_blue.svg);}
	}
	.address-tabs{
		background-color: var(--blue);
		border-radius: 16px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 24px;
		padding: 4px;
		li{
			align-items: center;
			border-radius: 16px;
			color: #fff;
			cursor: pointer;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			font-size: 12px;
			font-weight: 600;
			height: 27px;
			justify-content: center;
			line-height: 14px;
			transition: all .3s linear;
			width: calc(50% - 5px);
			&.active{
				background-color: #fff;
				color: var(--blue);
			}
		}
	}
	.address-search{
		margin-bottom: 16px;
		position: relative;
		.address-search__clear{
			background: url(../images/search_clear.svg) center no-repeat;
			cursor: pointer;
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
			width: 44px;
			z-index: 1;
		}
	}
	.address-search-list{
		display: flex;
		flex-direction: column;
		height: 527px;
		.btn{margin-top: auto;}
		li{
			padding: 16px 0;
			position: relative;
			&:first-child{padding-top: 0;}
			&:before{
				background-color: var(--lgray);
				bottom: 0;
				content: "";
				height: 1px;
				left: 30px;
				position: absolute;
				width: calc(100% - 30px);
			}
			&:has(.address-search-list__distance) p{width: calc(100% - 80px);}
			p{
				color: var(--gray);
				font-size: 12px;
				line-height: 16px;
				padding-left: 40px;
				position: relative;
				strong{
					color: var(--black);
					display: block;
					font-size: 14px;
					font-weight: 600;
					line-height: 18px;
				}
				&:before{
					background: url(../images/ico_dot.svg) no-repeat;
					content: "";
					height: 22px;
					left: 0;
					position: absolute;
					top: 0;
					width: 22px;
				}
			}
		}
	}
		.address-search-list__distance{
			background: url(../images/ico_address.svg) left center / 15px auto no-repeat;
			bottom: 16px;
			color: var(--gray);
			font-size: 12px;
			line-height: 16px;
			padding-left: 24px;
			position: absolute;
			right: 0;
		}
		.address-search-choise{
			background: url(../images/ico_address.svg) left no-repeat;
			color: var(--orange);
			cursor: pointer;
			display: block;
			font-size: 14px;
			font-weight: 600;
			line-height: 22px;
			padding-left: 40px;
		}
	.form-address{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 16px;
		justify-content: space-between;
		fieldset{width: calc(50% - 8px);}
		fieldset:has(.textarea){width: 100%;}
		.btn{width: 100%;}
	}
	.address-more{
		display: flex;
		flex-direction: column;
		height: 591px;
		li{
			color: var(--gray);
			display: flex;
			flex-direction: row;
			font-size: 12px;
			justify-content: space-between;
			line-height: 14px;
			margin-bottom: 16px;
			&:first-child{
				display: block;
				margin-bottom: 8px;
			}
			strong{
				color: var(--black);
				display: block;
				font-size: 14px;
				font-weight: 600;
				line-height: 22px;
			}
			span:not(.address-search-list__distance){color: var(--green);}
			.address-search-list__distance{position: static;}
		}
		.btn{margin-top: auto;}
	}
@media (max-width: 1023px){
.address-search-content{padding-top: 0;}
	.form-address fieldset{width: 100%;}
.address-search-list,.address-more{height: auto;}
}/* END 1023px */
@media (max-width: 768px){
.address-search-map{
	margin-bottom: 24px;
	width: 100%;
	img{
		height: 200px;
		object-fit: cover;
		object-position: center;
		width: 100%;
	}
}
.address-search-content{width: 100%;}
}/* END 768px */
/* END address popup */
/* Left-menu-popup popup */
.popup.left-menu-popup{
	display: none;
	.mini-title{margin-bottom: 24px;}
	p{
		color: var(--gray);
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		margin-bottom: 8px;
	}
	&.active{display: block;}
}
	.content-scroll{
		height: calc(100% - 72px);
		.scroll{
			height: 300px;
			overflow-y: auto;
		}
	}
/* END address popup */
/* Order-popup */
.order-popup{
	.cart-block__address{
		border-bottom: 1px var(--lgray) solid;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	.form-address{
		border-bottom: 1px var(--lgray) solid;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	.btn{width: 100%;}
	.cart-empty{margin-bottom: 24px;}
	.cart-empty + .btn:not(:last-child){margin-bottom: 24px;}
}
	.add-card{
		display: flex;
		flex-direction: column;
		gap: 16px;
		.mini-title{margin-bottom: 0;}
		.btn{width: 100%;}
	}
	.order-popup-comm{
		border-bottom: 1px var(--lgray) solid;
		margin-bottom: 12px;
		padding-bottom: 12px;
		.textarea,.input-text{
			display: none;
			margin-top: 16px;
		}
		& + .btn{margin-top: 8px;}
	}
		.open-input{
			color: var(--black);
			cursor: pointer;
			display: block;
			font-size: 16px;
			line-height: 20px;
			position: relative;
			&:before{
				background: url(../images/arrow_right.svg) no-repeat;
				content: "";
				height: 16px;
				position: absolute;
				right: 7px;
				top: calc(50% - 8px);
				width: 16px;
			}
			&.active:before{rotate: 90deg;}
			span{
				color: var(--gray);
				display: block;
				font-size: 12px;
				line-height: 16px;
			}
		}
/* END order-popup */
/* Review order */
.review-popup{
	.rating{
		margin-bottom: 24px;
		&:before{
			background-color: var(--lgray);
			bottom: -12px;
			content: "";
			height: 1px;
			left: 0;
			position: absolute;
			width: 100%;
		}
	}
	.btn{width: 100%;}
}
.popup-content:has(.review-hide){text-align: center;}
.review-hide{
	color: var(--orange);
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin-top: -8px;
	&:hover{text-decoration: underline;}
}
.review-order{
	border-bottom: 1px var(--lgray) solid;
	color: var(--gray);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	text-align: center;
	span{
		color: var(--black);
		display: block;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
	}
}
.rating{
	background: url(../images/rating.svg) no-repeat;
	height: 58px;
	position: relative;
	width: 100%;
	span{
		background: url(../images/rating.svg) left -58px no-repeat;
		height: 58px;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 1;
	}
}
.review-checkboxes{margin-bottom: 12px;}
	.checkbox{
		color: var(--black);
		cursor: pointer;
		display: block;
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 12px;
		position: relative;
		input{display: none;}
		&:before{
			border: 1px #64748B solid;
			border-radius: 4px;
			content: "";
			height: 24px;
			position: absolute;
			right: 0;
			top: 0;
			transition: border .3s linear,background-color .3s linear;
			width: 24px;
		}
		&.active:before{
			background: var(--orange) url(../images/checkbox.svg) center no-repeat;
			border-color: var(--orange);
		}
	}
.review-product{
	margin-bottom: 46px;
	text-align: center;
	img{
		border-radius: 12px;
		height: auto;
		margin-bottom: 12px;
		max-width: 100%;
	}
	p{
		color: var(--black);
		text-align: center;
	}
	& + .mini-title{
		border-bottom: 1px var(--lgray) solid;
		margin-bottom: 12px;
		padding-bottom: 12px;
		text-align: center;
	}
}
/* END review order */
/* Logout popup */
.logout-popup{
	left: 50%;
	padding-top: 24px;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
	.mini-title{text-align: center;}
	p{
		color: var(--black);
		margin-bottom: 16px;
		text-align: center;
	}
	.flexbox .btn{width: calc(50% - 8px);}
}
@media (max-width: 1023px){
.logout-popup{
	left: 0;
	top: auto;
	transform: none;
}
}/* END 1023px */
/* END logout-popup */
/* Promo-slider */
.promo-slider{
	border-radius: 12px;
	margin-bottom: 56px;
	overflow: hidden;
	.slick-arrow{
		left: 43px;
		&:before{background-color: rgba(255,255,255,.4);}
		&.slick-next{
			left: auto;
			right: 43px;
		}
	}
	.slick-dots button{background-color: var(--lblue);}
	.slick-dots .slick-active button{background-color: var(--blue);}
}
	.promo-item{
		position: relative;
		img{
			height: auto;
			width: 100%;
		}
	}
		.promo__title{
			color: #fff;
			font-size: 64px;
			font-weight: bold;
			line-height: 70px;
			left: 112px;
			position: absolute;
			top: 98px;
			z-index: 9;
			&:before{
				background: url(../images/promo_bg.svg) 0 0 / 100% auto no-repeat;
				content: "";
				height: 277px;
				left: 0;
				position: absolute;
				top: -63px;
				width: 312px;
				z-index: -1;
			}
		}
@media (max-width: 1200px){
.promo-slider .slick-arrow{
	width: 32px;
	&:before{
		background-size: auto;
		height: 32px;
		width: 32px;
	}
}
.promo__title{
	font-size: 44px;
	line-height: 50px;
	&:before{
		height: 216px;
		top: -52px;
		width: 243px;
	}
}
}/* END 1200px */
@media (max-width: 1023px){
.promo-slider{margin-bottom: var(--margin);}
.promo-item img{
	height: 450px;
	object-fit: cover;
	object-position: center;
}
.promo__title{
	font-size: 32px;
	left: 32px;
	line-height: 40px;
	top: 145px;
	&:before{
		height: 252px;
		left: -16px;
		top: -72px;
		width: 218px;
	}
}
}/* END 1023px */
@media (max-width: 480px){
.promo-item img{height: 650px;}
}/* END 480px */
/* END promo-slider */
/* App */
.app{
	background: radial-gradient(50.4% 204.64% at 75.95% 60.33%, #93C0F7 0%, #00A0E3 100%);
	border-radius: 12px;
	margin-bottom: var(--margin);
	padding: 67px 0 67px 114px;
	position: relative;
	&:before{
		background: url(../images/app_bg.webp) 0 0 / 100% auto no-repeat;
		content: "";
		height: 492px;
		position: absolute;
		right: 0;
		top: -35px;
		width: 612px;
	}
	&.index-app{
		padding: 350px 30px 30px;
		&:before{
			height: 292px;
			left: 50%;
			right: auto;
			top: 30px;
			transform: translate(-50%,0);
			width: 360px;
		}
		.app-content{max-width: 100%;}
	}
	&.no-img{
		padding: 30px;
		&:before{display: none;}
	}
	&:first-child{margin-top: 35px;}
}
	.app-content{
		max-width: 392px;
		position: relative;
		p{
			color: #fff;
			margin-bottom: 30px;
			&:has(+ p){margin-bottom: 15px;}
		}
		ul{
			&:not(:last-child){margin-bottom: 32px;}
			li{
				color: #fff;
				font-size: 16px;
				line-height: 20px;
				padding-left: 20px;
				position: relative;
				&:not(:last-child){margin-bottom: 10px;}
				&:before{
					background-color: #fff;
					border-radius: 50%;
					content: "";
					height: 4px;
					left: 0;
					position: absolute;
					top: 10px;
					width: 4px;
				}
			}
		}
		.flexbox{
			width: 268px;
			a{
				background: url(../images/apple.svg) no-repeat;
				height: 36px;
				width: 122px;
				&.google{background-image: url(../images/google.svg);}
			}
		}
	}
@media (max-width: 1200px){
.app{padding-left: 30px;}
}/* END 1200px */
@media (max-width: 1023px){
.app:before{
	height: 362px;
	right: -70px;
	top: 5px;
	width: 450px;
}
}/* END 1023px */
@media (max-width: 768px){
.app{
	background: radial-gradient(50.4% 204.64% at 75.95% 60.33%, #93C0F7 0%, #00A0E3 100%);
	padding: 16px 16px 328px;
	&:before{
		background-position: center;
		background-size: auto 100%;
		bottom: 32px;
		height: 248px;
		right: 0;
		top: auto;
		width: 100%;
	}
	&.index-app{padding: 350px 16px 20px;}
	&.no-img{padding: 20px 16px;}
}
	.app-content{
		.flexbox{
			max-width: 100%;
			width: 326px;
			a{
				background-size: 100% auto;
				height: 45px;
				max-width: calc(50% - 8px);
				width: 155px;
			}
		}
	}
}/* END 768px */
/* END app */
/* Action */
.action{
	margin-bottom: var(--margin);
	height: 500px;
	position: relative;
	img{
		height: 100%;
		left: 0;
		object-fit: cover;
		object-position: center;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.wrapper{
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		min-height: auto;
		position: relative;
		z-index: 9;
	}
}
	.action-content{
		max-width: 100%;
		position: relative;
		width: 414px;
		z-index: 10;
		p{
			color: #fff;
			margin-bottom: 32px;
		}
		.btn{width: 100%;}
		&:before{
			background: url(../images/action_bg.svg) no-repeat;
			content: "";
			height: 384px;
			left: -121px;
			position: absolute;
			top: -112px;
			width: 426px;
			z-index: -1;
		}
	}
		.block-title{
			color: #fff;
			font-size: 32px;
			font-weight: bold;
			line-height: 40px;
			margin-bottom: 32px;
		}
@media (max-width: 1200px){
.action-content:before{left: -24px;}
}/* END 1200px */
@media (max-width: 1023px){
.action .wrapper{
	justify-content: flex-start;
	padding-top: 145px;
}
.action-content{
	padding-left: 16px;
	width: 342px;
	&:before{
		left: 0;
		top: -102px;
		width: 358px;
	}
}
}/* END 1023px */
@media (max-width: 768px){
.block-title{
	font-size: 26px;
	line-height: 30px;
}
}/* END 768px */
@media (max-width: 480px){
.action,.action img{height: 650px;}
}/* END 480px */
/* END action */
/* Mission */
.mission{
	display: grid;
	grid-gap: 32px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: var(--margin);
	img{
		border-radius: 12px;
		height: auto;
		width: 100%;
	}
}
	.mission-content{
		.mini-title{
			color: var(--orange);
			margin-bottom: 32px;
			& + p{
				font-size: 16px;
				line-height: 20px;
			}
		}
		p{
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 32px;
			&:last-child{margin-bottom: 0;}
		}
		ul{
			&:not(:last-child){margin-bottom: 32px;}
			li{
				font-size: 18px;
				line-height: 20px;
				padding-left: 20px;
				position: relative;
				&:not(:last-child){margin-bottom: 10px;}
				&:before{
					background-color: var(--black);
					border-radius: 50%;
					content: "";
					height: 6px;
					left: 0;
					position: absolute;
					top: 7px;
					width: 6px;
				}
			}
		}
		.btn{width: 312px;}
	}
@media (max-width: 1023px){
.mission{
	grid-template-columns: 100%;
	img{
		height: 512px;
		margin: 0 auto;
		max-width: 100%;
		object-fit: cover;
		object-position: center;
		width: 542px;
	}
}
}/* END 1023px */
@media (max-width: 480px){
.mission .btn{width: 100%;}
}/* END 480px */
/* END mission */
/* creator */
.creator{
	display: grid;
	grid-gap: 32px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: var(--margin);
	img{
		border-radius: 12px;
		height: auto;
		width: 100%;
	}
}
	.creator-content{
		margin: 0 auto;
		max-width: 427px;
		.small-title{
			& + p{
				font-size: 18px;
				font-weight: 500;
				line-height: 20px;
				span{color: var(--orange);}
			}
		}
		p{
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 32px;
			&:last-child{margin-bottom: 0;}
		}
		.btn{width: 198px;}
	}
@media (max-width: 1023px){
.creator{
	grid-template-columns: 100%;
	picture{
		display: block;
		margin: 0 auto;
	}
	img{
		height: 355px;
		margin: 0 auto;
		max-width: 100%;
		object-fit: cover;
		object-position: center;
		width: 358px;
	}
}
}/* END 1023px */
@media (max-width: 480px){
.creator-content,.creator-content .btn{width: 100%;}
}/* END 480px */
/* END creator */
/* Job */
.job{
	background: var(--lyellow) url(../images/job_bg.webp) 24px center / 517px auto no-repeat;
	border-radius: 12px;
	margin-bottom: var(--margin);
	padding: 24px 24px 24px 574px;
	.small-title{
		color: var(--orange);
		& + p{
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 32px;
		}
	}
	ul:not([class]){
		margin-bottom: 32px;
		padding-left: 28px;
		li{
			font-size: 18px;
			line-height: 20px;
			list-style: disc;
		}
	}
	.btn{width: 198px;}
}
	.job-slider{
		margin-bottom: 32px;
		padding-bottom: 56px;
		.slick-arrow{
			bottom: 0;
			height: 32px;
			left: 0;
			top: auto;
			&.slick-next{left: 56px;}
		}
		.slick-arrow:before{
			background-color: #FCD5AC;
			height: 100%;
			width: 100%;
		}
		.slick-current,.job-slider-item{
			display: flex;
			gap: 32px;
		}
		.job-block{
			background-color: #78B833;
			color: #fff;
			padding: 16px;
			width: 100%;
			&.orange{background-color: var(--orange);}
			.mini-title{margin-bottom: 8px;}
		}
	}
@media (max-width: 1200px){
.job{
	background-size: 360px auto;
	padding-left: 400px;
}
.job-slider .slick-arrow{
	height: 32px;
	width: 32px;
	&:before{background-size: auto;}
}
}/* END 1200px */
@media (max-width: 1023px){
.job{
	background-position: center 24px;
	background-size: 310px auto;
	padding: 270px 24px 24px;
}
	.slick-current,.job-slider-item{flex-direction: column;}
}/* END 1023px */
@media (max-width: 480px){
.job .btn{width: 100%;}
}/* END 480px */
/* END job */
/* News */
.news{
	margin-bottom: var(--margin);
	.grid{
		display: grid;
		grid-gap: 32px;
		grid-template-columns: repeat(4, 1fr);
	}
}
	.news-block{
		display: flex;
		flex-direction: column;
		gap: 16px;
		word-wrap: break-word;
		img{
			border-radius: 12px;
			height: 268px;
			object-fit: cover;
			object-position: center;
			width: 100%;
		}
	}
		.news-block__date{
			color: #64748B;
			font-size: 14px;
			line-height: 18px;
		}
		.news-block__title{
			color: #000;
			font-size: 18px;
			font-weight: 500;
			line-height: 24px;
			transition: all .3s linear;
			&:hover{color: var(--blue);}
		}
		.news-block__text{
			font-size: 16px;
			line-height: 18px;
		}
@media (max-width: 1023px){
.news .grid{
	grid-gap: 16px;
	grid-template-columns: repeat(2, 1fr);
}
}/* END 1023px */
@media (max-width: 768px){
.news-block img{height: 172px;}
}/* END 768px */
/* END news */
/* Download-menu */
.download-menu{
	background: linear-gradient(90deg, #F58735 0%, #FEB57F 100%);
	border-radius: 12px;
	color: #fff;
	height: 372px;
	margin-bottom: var(--margin);
	overflow: hidden;
	padding: 92px 0 0 114px;
	position: relative;
	p{margin-bottom: 32px;}
	.btn{width: 197px;}
	&:before{
		background: url(../images/download_menu_bg.webp) 0 0 / 100% auto no-repeat;
		content: "";
		height: 582px;
		position: absolute;
		right: -38px;
		top: -198px;
		width: 692px;
	}
}
@media (max-width: 1400px){
.download-menu{padding-left: 60px;}
}/* END 1400px */
@media (max-width: 1200px){
.download-menu:before{right: -180px;}
}/* END 1200px */
@media (max-width: 1023px){
.download-menu{
	height: auto;
	padding: 90px 90px 220px;
	&:before{
		bottom: -235px;
		right: -266px;
		top: auto;
	}
}
}/* END 1023px */
@media (max-width: 768px){
.download-menu{
	padding: 16px 16px 315px;
	&:before{
		bottom: -296px;
		right: -220px;
		width: 542px;
	}
}
}/* END 768px */
@media (max-width: 480px){
.download-menu .btn{width: 100%;}
}/* END 480px */
/* END download-menu */
/* Contancts */
.contancts{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;
	.small-title span{color: var(--orange);}
}
.tabs{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: flex-start;
	margin-bottom: 20px;
	li{
		align-items: center;
		background-color: var(--blue);
		border: none;
		border-radius: 8px;
		color: #fff;
		cursor: pointer;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-size: 16px;
		font-weight: 500;
		height: 48px;
		justify-content: center;
		line-height: 22px;
		padding: 0 15px;
		transition: all .3s linear;
		&:hover,&.active{background-color: var(--lblue);}
	}
}
	.box:not(.visible){display: none;}
	.contancts-content{width: calc(32.96% - 16px);}
		.contancts__address{
			background: url(../images/ico_map.svg) left no-repeat;
			display: block;
			font-size: 18px;
			line-height: 28px;
			margin-bottom: 32px;
			padding-left: 40px;
			&:last-child{margin-bottom: 0;}
		}
	.contancts-map{
		border-radius: 12px;
		min-height: 300px;
		overflow: hidden;
		width: calc(67.04% - 16px);
		img{
			border-radius: 12px;
			display: block;
			height: auto;
			margin: 0 auto;
			max-width: 100%;
		}
		iframe{
			border-radius: 12px;
			display: block;
			overflow: hidden;
			height: 100%;
			width: 100%;
		}
	}
.contancts-info{
	margin-bottom: var(--margin);
	.small-title{color: var(--orange);}
	p{
		margin-bottom: 20px;
		a{
			color: var(--blue);
			&:hover{text-decoration: underline;}
		}
	}
}
@media (max-width: 1023px){
.contancts-content{
	margin-bottom: 32px;
	width: 100%;
}
.contancts-map{width: 100%;}
}/* END 1023px */
@media (max-width: 768px){
.contancts-map{
	height: 358px;
	img{
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}
}/* END 768px */
/* END contancts */
/* News-text */
.news-text{
	display: grid;
	grid-gap: 32px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: var(--margin);
	word-wrap: break-word;
}
	.news-text-content{
		word-wrap: break-word;
		p{
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 32px;
			&:last-child{margin-bottom: 0;}
		}
		.btn{width: 312px;}
	}
		.news-text__title{
			font-size: 56px;
			font-weight: bold;
			line-height: 60px;
			margin-bottom: 32px;
		}
	.news-text-img img{
		border-radius: 12px;
		height: auto;
		max-width: 100%;
	}
@media (max-width: 1200px){
.news-text__title{
	font-size: 34px;
	line-height: 40px;
}
}/* END 1200px */
@media (max-width: 1023px){
.news-text{grid-template-columns: 100%;}
	.news-text-content p{font-size: 16px;}
	.news-text-img img{
		display: block;
		height: 620px;
		margin: 0 auto;
		object-fit: cover;
		object-position: center;
	}
}/* END 1023px */
@media (max-width: 768px){
.news-text__title{
	font-size: 28px;
	line-height: 32px;
}
}/* END 768px */
@media (max-width: 480px){
.news-text-content .btn{width: 100%;}
}/* END 480px */
/* END news-text */
/* Reviews */
.reviews{
	margin-bottom: var(--margin);
	text-align: center;
	.grid{
		align-items: stretch;
		display: grid;
		grid-gap: 32px;
		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 32px;
	}
	.btn{width: 312px;}
}
	.reviews-block{
		border: 1px var(--bg) solid;
		border-radius: 12px;
		box-shadow: 0 4px 12px rgba(13,10,44,.06);
		min-height: 212px;
		padding: 16px;
		p{
			font-size: 14px;
			line-height: 16px;
		}
	}
		.reviews-block-user{
			align-items: center;
			border-bottom: 1px var(--lgray) solid;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-bottom: 16px;
			padding-bottom: 16px;
			img{
				border-radius: 50%;
				height: 45px;
				object-fit: cover;
				object-position: center;
				width: 45px;
			}
		}
			.reviews-block-user-content{
				width: calc(100% - 61px);
				span{
					display: block;
					font-size: 14px;
					font-weight: bold;
					line-height: 16px;
					margin-bottom: 4px;
				}
			}
				.reviews-block-user__rating{
					background: url(../images/reviews_rating.svg) no-repeat;
					height: 22px;
					position: relative;
					width: 136px;
					span{
						background: url(../images/reviews_rating.svg) left -22px no-repeat;
						height: 22px;
						left: 0;
						position: absolute;
						top: 0;
						z-index: 1;
					}
				}
@media (max-width: 1023px){
.reviews .grid{grid-template-columns: repeat(2, 1fr);}
}/* END 1023px */
@media (max-width: 768px){
.reviews .grid{grid-template-columns: 100%;}
}/* END 768px */
@media (max-width: 480px){
.reviews .btn{width: 100%;}
}/* END 480px */
/* END reviews */
/* Vacancies */
.vacancies{
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: var(--margin);
}
	.vacancies-content{
		width: calc(58.56% - 16px);
		p{
			font-size: 18px;
			line-height: 20px;
		}
	}
		.vacancies-title{
			font-size: 56px;
			font-weight: bold;
			line-height: 60px;
			margin-bottom: 32px;
		}
	.vacancies-img{
		width: calc(41.44% - 16px);
		img{
			height: 532px;
			max-width: 100%;
			object-fit: cover;
			object-position: center;
			width: 541px;
		}
	}
@media (max-width: 1023px){
.vacancies-content{
	margin-bottom: 32px;
	width: 100%;
}
	.vacancies-title{
		font-size: 44px;
		line-height: 48px;
	}
.vacancies-img{
	text-align: center;
	width: 100%;
}
}/* END 1023px */
@media (max-width: 768px){
.vacancies-title{
	font-size: 32px;
	line-height: 36px;
}
}/* END 768px */
/* END vacancies */
/* Offers */
.offers{
	margin-bottom: var(--margin);
	.grid{
		align-items: stretch;
		display: grid;
		grid-gap: 32px;
		grid-template-columns: repeat(2, 1fr);
		&:has(.offers-block:only-child){grid-template-columns: 100%;}
		&:not(:last-child){margin-bottom: 32px;}
	}
}
	.offers-block{
		background-color: var(--lorange);
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		padding: 24px;
		.small-title{color: var(--orange);}
		.mini-title{margin-bottom: 8px;}
		p{
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 32px;
			&:last-child{margin-bottom: 0;}
			&.orange{
				color: var(--orange);
				font-weight: 500;
			}
		}
		ul:not([class]){
			margin-bottom: 32px;
			padding-left: 28px;
			li{
				font-size: 18px;
				line-height: 20px;
				list-style: disc;
			}
		}
		.flexbox{
			flex-wrap: nowrap;
			gap: 32px;
			margin-top: auto;
			.btn{width: 50%;}
		}
	}
@media (max-width: 1023px){
.offers .grid{grid-template-columns: 100%;}
}/* END 1023px */
@media (max-width: 768px){
.offers-block .flexbox{
	flex-direction: column;
	.btn{width: 100%;}
}
}/* END 768px */
/* END offers */
/* Delivery */
.delivery{
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: var(--margin);
}
	.delivery-content{
		width: calc(58.56% - 16px);
		p{
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 20px;
			&:last-child{margin-bottom: 0;}
			strong{
				font-weight: 500;
				span{color: var(--orange);}
			}
		}
		ul{
			&:not(:last-child){margin-bottom: 20px;}
			li{
				font-size: 18px;
				line-height: 20px;
				padding-left: 20px;
				position: relative;
				&:not(:last-child){margin-bottom: 10px;}
				&:before{
					background-color: var(--black);
					border-radius: 50%;
					content: "";
					height: 6px;
					left: 0;
					position: absolute;
					top: 7px;
					width: 6px;
				}
			}
		}
		.btn{
			width: 150px;
		}
		.flexbox{
			width: 268px;
			a{
				background: url(../images/apple.svg) no-repeat;
				height: 36px;
				width: 122px;
				&.google{background-image: url(../images/google.svg);}
			}
		}
	}
		.delivery-title{
			font-size: 56px;
			font-weight: bold;
			line-height: 60px;
			margin-bottom: 32px;
		}
	.delivery-img{
		width: calc(41.44% - 16px);
		img{
			max-width: 100%;
			object-fit: cover;
			object-position: center;
			width: 541px;
		}
	}
@media (max-width: 1023px){
.delivery-content{
	margin-bottom: 32px;
	width: 100%;
}
	.delivery-title{
		font-size: 44px;
		line-height: 48px;
	}
.delivery-img{
	margin-bottom: 32px;
	text-align: center;
	width: 100%;
}
}/* END 1023px */
@media (max-width: 768px){
.delivery-title{
	font-size: 32px;
	line-height: 36px;
}
}/* END 768px */
/* END delivery */
/* About-text */
.about-text{
	margin-bottom: var(--margin);
	text-align: center;
	blockquote{
		display: inline-block;
		font-size: 20px;
		font-style: italic;
		line-height: 22px;
		margin-bottom: 56px;
		text-align: center;
	}
	img{
		border-radius: 12px;
		margin-bottom: 32px;
		max-width: 100%;
		object-fit: cover;
		object-position: center;
	}
	p{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 32px;
		&:last-child{margin-bottom: 0;}
	}
}
@media (max-width: 768px){
.about-text blockquote br{display: none;}
.about-text img{height: 650px;}
}/* END 768px */
/* END about-text */
/* Restaurants */
.restaurants{
	align-items: center;
	display: grid;
	grid-gap: 32px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: var(--margin);
	img{
		height: auto;
		max-width: 100%;
	}
}
	.restaurants-content{
		font-size: 18px;
		line-height: 20px;
		strong{
			color: var(--orange);
			font-weight: 500;
		}
	}
.green-block{
	background-color: #78B833;
	color: #fff;
	margin-bottom: var(--margin);
	padding: 74px 24px;
	text-align: center;
	p{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
		line-height: 26px;
		max-width: 842px;
		text-align: center;
	}
}
@media (max-width: 1023px){
.restaurants{
	grid-template-columns: 100%;
	img{
		display: block;
		height: 536px;
		margin: 0 auto;
		object-fit: cover;
		object-position: center;
	}
}
}/* END 1023px */
@media (max-width: 768px){
.green-block{
	padding: 24px;
	p{
		font-size: 20px;
		line-height: 24px;
	}
}
}/* END 768px */
/* END restaurants */
/* Priorities */
.priorities{
	margin-bottom: var(--margin);
	.grid{
		display: grid;
		grid-gap: 32px;
		grid-template-columns: repeat(2, 1fr);
	}
	.mini-title{margin-bottom: 32px;}
	p{
		font-size: 18px;
		line-height: 20px;
		&:not(:last-child){margin-bottom: 32px;}
	}
}
.certificates{
	display: grid;
	grid-gap: 32px;
	grid-template-columns: repeat(5, 1fr);
	img{
		height: auto;
		max-width: 100%;
	}
}
@media (max-width: 1023px){
.priorities .grid{grid-template-columns: 100%;}
.certificates{grid-gap: 8px;}
}/* END 1023px */
/* END priorities */
/* Cabinet */
.cabinet-name{
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
	margin-bottom: 12px;
	strong{
		display: block;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 8px;
	}
}
.cabinet-links{
	&:not(:last-child){margin-bottom: 30px;}
	li{
		padding: 20px 0;
		position: relative;
		a{
			align-items: center;
			background: url(../images/arrow_right_small.svg) right no-repeat;
			color: var(--black);
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			font-size: 16px;
			gap: 8px;
			justify-content: flex-start;
			line-height: 18px;
			transition: all .3s linear;
			&:hover{color: var(--blue);}
		}
	}
}
/* END cabinet */
/* Footer */
.footer-container{padding: 0px 24px;}
.footer{
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	max-width: 100%;
	padding: 56px 0 24px;
	width: 1344px;
	.logo{
		margin-right: 52px;
		width: 247px;
	}
	.header-nav{margin-bottom: 0;}
	.social{margin-left: auto;}
}
	.footer-bottom{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-top: 16px;
		p{
			font-size: 12px;
			line-height: 15px;
			position: relative;
			&:not(:first-child){
				margin-left: 16px;
				padding-left: 20px;
				&:before{
					background-color: var(--lgray);
					border-radius: 50%;
					content: "";
					height: 4px;
					left: 0;
					position: absolute;
					top: 6px;
					width: 4px;
				}
			}
			a{
				color: inherit;
				&:hover{text-decoration: underline;}
			}
		}
	}
@media (max-width: 1023px){
.footer{
	display: flex;
	flex-direction: column;
	.logo{margin: 0 0 24px;}
	.header-nav{
		display: flex;
		gap: 24px;
		margin-bottom: 24px;
	}
	.social{
		justify-content: center;
		margin: 0 0 16px;
	}
}
	.footer-bottom{
		align-items: center;
		flex-direction: column;
		padding-top: 0;
		p:not(:first-child){
			margin: 16px 0 0;
			padding: 20px 0 0;
			&:before{
				left: calc(50% - 2px);
				top: 0;
			}
		}
	}
}/* END 1023px */
@media (max-width: 768px){
.header-nav{
	align-items: center;
	flex-direction: column;
}
}/* END 768px */
/* END footer */