.ocera-mobile-menu{
	position:fixed;inset:0;
	z-index:9998;
	display:none;
}
.ocera-mobile-menu.is-open{display:block;}
.ocera-mobile-menu__overlay{
	position:absolute;inset:0;
	background:rgba(0,0,0,.5);
}
.ocera-mobile-menu__panel{
	position:absolute;top:0;right:0;
	height:100%;
	width:100%;
	max-width:100%;
	background:rgb(12,25,58);
	color:#fff;
	display:flex;
	flex-direction:column;
	transform:translateX(100%);
	transition:transform .3s ease;
}
.ocera-mobile-menu.is-open .ocera-mobile-menu__panel{
	transform:translateX(0);
}

.ocera-mobile-menu__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:24px;
	border-bottom:1px solid rgba(255,255,255,.08);
}
.ocera-mobile-menu__brand{
	display:flex;
	align-items:center;
	gap:10px;
}
.ocera-mobile-menu__brand .mark{width:32px;height:32px;}
.ocera-mobile-menu__brand-text strong{
	display:block;
	font-size:18px;
	line-height:1.1;
}
.ocera-mobile-menu__brand-text em{
	display:block;
	font-style:normal;
	font-size:9px;
	letter-spacing:1.5px;
	color:rgb(201,168,76);
}
.ocera-mobile-menu__close{
	width:36px;height:36px;
	border:1px solid rgba(255,255,255,.15);
	border-radius:8px;
	background:rgba(255,255,255,.05);
	color:#fff;
	font-size:20px;
	cursor:pointer;
	display:flex;align-items:center;justify-content:center;
}

.ocera-mobile-menu__scroll{
	flex:1;
	overflow-y:auto;
	padding:20px 24px 0;
}
.ocera-mobile-menu__label{
	display:block;
	font-size:11px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#8891a5;
	margin:18px 0 10px;
}
.ocera-mobile-menu__nav ul{display:flex;flex-direction:column;gap:8px;}
.ocera-mobile-menu__nav a{
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 14px;
	border-radius:10px;
	font-size:15px;
	color:#fff;
	border:1px solid transparent;
}
.ocera-mobile-menu__nav .icon{
	width:32px;height:32px;
	flex:0 0 32px;
	display:flex;align-items:center;justify-content:center;
	border:1px solid rgba(255,255,255,.15);
	border-radius:8px;
	font-size:14px;
}
.ocera-mobile-menu__nav .chev{margin-left:auto;color:#7d869a;}
.ocera-mobile-menu__nav .icon img{width:16px;height:16px;}
.ocera-mobile-menu__nav li.is-active a{
	background:rgba(201,168,76,.12);
	border-left:3px solid rgb(201,168,76);
	color:rgb(201,168,76);
}
.ocera-mobile-menu__nav li.is-active .icon{
	border-color:rgb(201,168,76);
	color:rgb(201,168,76);
}
.ocera-mobile-menu__nav li.is-active .chev{color:rgb(201,168,76);}

.ocera-mobile-menu__actions{
	padding:20px 24px;
	display:flex;
	flex-direction:column;
	gap:12px;
}
.ocera-mobile-menu__actions .btn{width:100%;border-radius:30px;}

.ocera-mobile-menu__footer{
	padding:16px 24px 24px;
	border-top:1px solid rgba(255,255,255,.08);
}
.ocera-mobile-menu__social{
	display:flex;
	gap:10px;
	margin-bottom:12px;
}
.ocera-mobile-menu__social a{
	width:34px;height:34px;
	display:flex;align-items:center;justify-content:center;
	border:1px solid rgba(255,255,255,.2);
	border-radius:8px;
}
.ocera-mobile-menu__social img{width:16px;height:16px;}
.ocera-mobile-menu__footer p{
	font-size:12px;
	color:#8891a5;
	margin:0;
}