/*=========================================
MASB SHOP
=========================================*/

.masb-shop-page{
	padding:40px 0;
	background:#f8f9fb;
	min-height:600px;
}

.masb-shop-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-bottom:35px;
	padding-bottom:20px;
	border-bottom:1px solid #ececec;
}

.masb-shop-title h1{
	font-size:34px;
	font-weight:700;
	color:#222;
	margin-bottom:8px;
}

.masb-shop-wrapper{
	display:grid;
	grid-template-columns:280px 1fr;
	gap:30px;
}

.masb-shop-sidebar{
	background:#fff;
	border:1px solid #ececec;
	border-radius:12px;
	padding:20px;
	height:max-content;
}

.masb-shop-content ul.products{
	display:grid !important;
	grid-template-columns:repeat(4,1fr);
	gap:25px;
	list-style:none;
	margin:0;
	padding:0;
}

.masb-shop-content ul.products li.product{
	background:#fff;
	border:1px solid #ececec;
	border-radius:12px;
	padding:15px;
	transition:.3s;
}

.masb-shop-content ul.products li.product:hover{
	transform:translateY(-6px);
	box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.masb-shop-content ul.products img{
	width:100%;
	height:auto;
	border-radius:10px;
}

@media(max-width:1200px){

	.masb-shop-content ul.products{
		grid-template-columns:repeat(3,1fr);
	}

}

@media(max-width:991px){

	.masb-shop-wrapper{
		grid-template-columns:1fr;
	}

	.masb-shop-sidebar{
		display:none;
	}

	.masb-shop-content ul.products{
		grid-template-columns:repeat(2,1fr);
	}

}

@media(max-width:576px){

	.masb-shop-header{
		flex-direction:column;
		align-items:flex-start;
	}

	.masb-shop-content ul.products{
		grid-template-columns:1fr;
	}

}

/*=========================================
MASB PRODUCT CARD
=========================================*/

.masb-product-card{
	position:relative;
	background:#fff;
	border:1px solid #ececec;
	border-radius:14px;
	overflow:hidden;
	transition:.35s;
}

.masb-product-card:hover{
	transform:translateY(-6px);
	box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.masb-product-image{
	display:block;
	position:relative;
	padding:15px;
	background:#fff;
}

.masb-product-image img{
	width:100%;
	height:260px;
	object-fit:contain;
	transition:.35s;
}

.masb-product-card:hover .masb-product-image img{
	transform:scale(1.06);
}

.masb-sale-badge{
	position:absolute;
	top:12px;
	left:12px;
	background:#ef3b36;
	color:#fff;
	font-size:12px;
	font-weight:700;
	padding:6px 10px;
	border-radius:30px;
	z-index:5;
}

.masb-product-content{
	padding:18px;
}

.masb-product-title{
    font-size:31px;
    line-height:1.35;
    font-weight:700;
    color:#111;
    margin:0 0 12px;
    letter-spacing:-0.3px;
}

.masb-product-title a{
	color:#222;
	text-decoration:none;
}

.masb-product-title a:hover{
	color:#ef3b36;
}

.masb-rating{
	margin-bottom:10px;
}

.masb-price{
	font-size:22px;
	font-weight:700;
	color:#ef3b36;
	margin-bottom:18px;
}

.masb-buttons .button,
.masb-buttons .add_to_cart_button{
	width:100%;
	height:46px;
	border:none;
	border-radius:8px;
	background:#ef3b36;
	color:#fff;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	transition:.3s;
}

.masb-buttons .button:hover,
.masb-buttons .add_to_cart_button:hover{
	background:#d92f2a;
}
.masb-sold{
	margin:10px 0 18px;
	font-size:14px;
	font-weight:600;
	color:#444;
}

.masb-buttons{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.masb-buy-now{
	display:flex;
	align-items:center;
	justify-content:center;
	height:46px;
	border-radius:8px;
	background:#111;
	color:#fff;
	font-weight:600;
	text-decoration:none;
	transition:.3s;
}

.masb-buy-now:hover{
	background:#ef3b36;
	color:#fff;
}
/* Wishlist */

.masb-product-actions{
	position:absolute;
	top:14px;
	right:14px;
	z-index:10;
}

.masb-wishlist{
	width:42px;
	height:42px;
	border:none;
	border-radius:50%;
	background:#fff;
	box-shadow:0 4px 12px rgba(0,0,0,.12);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color:#444;
	transition:.3s;
}

.masb-wishlist:hover{
	background:#ef3b36;
	color:#fff;
	transform:scale(1.08);
}

.masb-wishlist.active{
	background:#ef3b36;
	color:#fff;
}
.masb-shop-toolbar{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin-bottom:20px;
}

.masb-filter-toggle{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 18px;
	background:#111827;
	color:#fff;
	border:none;
	border-radius:8px;
	cursor:pointer;
	font-size:14px;
	font-weight:600;
	transition:.3s;
}

.masb-filter-toggle:hover{
	background:#000;
}