/*--------------------------------------------------------------
# MarocOffers
# Store Layout
# Version 0.5.2
--------------------------------------------------------------*/

.mo-store-layout{

	display:grid;
	grid-template-columns:3fr 1fr;
	gap:40px;
	align-items:start;

}

.mo-store-main{

	min-width:0;

}

.mo-store-sidebar{

	position:sticky;
	top:30px;
	align-self:start;

}

@media (max-width:992px){

	.mo-store-layout{

		grid-template-columns:1fr;

	}

	.mo-store-sidebar{

		position:static;

	}

}

/*--------------------------------------------------------------
# Smart Catalog Sections
--------------------------------------------------------------*/

.mo-store-section{

	margin-bottom:70px;

}

.mo-store-section:last-child{

	margin-bottom:0;

}

.mo-store-section .section-title{

	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;

	margin-bottom:30px;

	font-size:30px;
	font-weight:700;
	line-height:1.3;

}

.mo-count{

	display:inline-flex;
	align-items:center;
	justify-content:center;

	padding:4px 12px;

	background:#f4f4f4;

	border-radius:20px;

	font-size:15px;
	font-weight:700;

	color:#666;

}

/* Navigation Sidebar */

.mo-sidebar-divider{

	margin:30px 0;

	border:0;

	border-top:1px solid #eee;

}

.mo-store-nav a{

	display:flex;
	align-items:center;
	gap:10px;

}

.mo-store-nav h3{

	font-size:18px;

	margin-bottom:16px;

}

.mo-store-nav ul{

	list-style:none;

	padding:0;

	margin:0;

}

.mo-store-nav a{

	display:block;

	padding:12px 14px;

	margin-bottom:10px;

	border-radius:10px;

	background:#f8f8f8;

	color:#333;

	font-weight:600;

	text-decoration:none;

	transition:.25s;

}

.mo-store-nav a:hover{

	background:#0F9D58;

	color:#fff;

}

@media (max-width:768px){

	.mo-store-section .section-title{

		font-size:24px;

	}

	.mo-count{

		font-size:14px;

	}

}

/*--------------------------------------------------------------
# Catalog Grid
--------------------------------------------------------------*/

.mo-catalog-grid{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));

    gap:30px;

}

.mo-store-catalogs{

    width:100%;

}