/* ==========================================
   MASB MOBILE
========================================== */

@media (max-width:768px){

	.top-right{
		display:none;
	}

	.mobile-menu-btn{
		display:flex;
		align-items:center;
		justify-content:center;
		width:44px;
		height:44px;
		border:none;
		border-radius:8px;
		background:#f5f5f5;
		font-size:22px;
		cursor:pointer;
	}

	.main-header{
		padding:14px 0;
	}

	.main-header .container{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		gap:15px;
	}

	.site-logo{
		flex:1;
	}

	.site-logo img{
		max-width:130px;
	}

	.header-icons{
		display:none;
	}

	.main-navigation{
		display:none;
	}

	.header-search{
		order:10;
		flex:0 0 100%;
		width:100%;
	}

	.header-search form{
		display:flex;
		width:100%;
	}

	.header-search input{
		flex:1;
		height:46px;
	}

	.header-search button{
		width:56px;
	}

	.mobile-bottom-nav{
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		height:60px;
		display:flex;
		align-items:center;
		justify-content:space-around;
		background:#fff;
		border-top:1px solid #ececec;
		box-shadow:0 -5px 18px rgba(0,0,0,.08);
		z-index:99999;
	}

	.mobile-bottom-nav a{
		flex:1;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		font-size:12px;
		color:#333;
	}

	.mobile-bottom-nav i{
		font-size:18px;
		margin-bottom:4px;
	}

	.mobile-bottom-nav a.active{
		color:#ef3b36;
	}

	.mobile-cart-count{
		position:absolute;
		margin-top:-18px;
		margin-left:14px;
		background:#ef3b36;
		color:#fff;
		font-size:10px;
		width:18px;
		height:18px;
		border-radius:50%;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	body{
		padding-bottom:70px;
	}

.main-navigation{
	display:none;
}

.main-navigation.menu-open{
	display:block;
	width:100%;
	background:#fff;
	border-top:1px solid #ececec;
}

.main-navigation.menu-open .primary-menu{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0;
	padding:10px 15px;
}

.main-navigation.menu-open .primary-menu li{
	width:100%;
}

.main-navigation.menu-open .primary-menu a{
	display:block;
	width:100%;
	padding:14px 0;
	border-bottom:1px solid #ececec;
}

}

@media (max-width:768px){

	.top-right{
		display:none !important;
	}

}
@media (max-width:768px){

	.top-right .masb-login-trigger,
	.top-right .masb-register-trigger{
		display:none !important;
	}

}