.top-line{
	background: #f1f1f1;
}

.main-nav{
	/*display: flex;*/
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translate3d(-1000%, 0, 0);
    transition: opacity 0.3s ease-out, transform 0s linear 0.3s;
    transition: opacity 0.9s;
    transition-delay: 0.1s;
    z-index: 998;
    
    padding-top: 78px;
}

body.m-open .main-nav{
	/*opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 0.3s ease-out;
    background-color: rgb(255 255 255 / 97%);*/
    
    display: flex;
}

body.an .main-nav{
	opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 0.3s ease-out;
    background-color: rgb(255 255 255 / 97%);
}

.promo-section{
	height: 100%;
    position: relative;
    display: none;
	
    
}


.promo-cover{
	transform: translateY(30px);
	background: url(/assets/images/elements/nav-promo-lg-min.webp) no-repeat 50% 50%;
	background-size: cover;
	width: 100%;
    height: 100%;
    transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1);
}
.an .promo-cover{
	transform: translateY(0);
}


.menu-section{
	width: 100%;
    height: 100%;
    position: relative;
    
    display: flex;
    align-items: center;
}

@media(min-width: 992px){
	.promo-section{
		width: calc(100% - 460px);
		display: flex;
	}
	.menu-section{
		width: 460px;
	}
}

.menu-section nav{
	padding-left: 20px;
	padding-bottom: 90px;
	
	display: flex;
	gap: 16px;
}
@media(min-width: 992px){
	.menu-section nav{
		padding-left: 40px;
	}
}
@media(min-width: 1200px){
	.menu-section{
		width: 690px;
	}
	.menu-section nav{
		padding-left: 0;
		justify-content: space-evenly;
        width: 100%;
        padding-right: 60px;
	}
}

.nav-header{
	font-weight: 400;
    font-family: 'OptimaMadoki', 'OptimaMadoki Fallback', Palatino Linotype, Palatino, serif;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.subnav{
	margin-bottom: 40px;
	font-size: 15px;
}
.subnav:last-of-type{
	margin-bottom: 0;
}

.subnav>div{
	padding: 5px 0;
	transform: translateY(15px);
	transition: opacity 0.3s ease-out, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.an .subnav>div{
	transform: translateY(0);
}

.main-nav .bottom{
	border-top: 1px solid #000;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 9;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    padding: 0 20px;
}
.main-nav .promo-section .bottom{
	justify-content: flex-end;
}
@media(min-width: 992px){
	.main-nav .bottom{
		padding: 0 40px;
	}
}



.swiper-p-list .swiper-slide-next img{
	transform: scale(1.2);
	transform-origin: bottom; 
}
@media(min-width: 768px){
	.swiper-p-list img{
		transition: transform 0.85s ease;
	    will-change: transform;
	}
}

@media(max-width: 575.98px){
	.proc-descr{
		text-align:center;
	}
}

.cart-btn.active:before{
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #00c4ff;
	background: #e94e58;
	bottom: 5px;
	right: 5px;
	z-index: 5;
	border: 2px solid #fff;
}