/*=========================================================
Trending Section
=========================================================*/

.trending-section{
	padding:90px 0;
	background:#f8fafc;
}

.trending-section .container{
	max-width:1400px;
	margin:auto;
	padding:0 24px;
}

.trending-layout{
	display:grid;
	grid-template-columns:1.45fr 1fr;
	gap:34px;
	align-items:start;
}

/*=========================================================
Featured
=========================================================*/

.trending-featured{
	background:#fff;
	border-radius:24px;
	overflow:hidden;
	box-shadow:0 18px 45px rgba(0,0,0,.08);
	transition:.35s;
}

.trending-featured:hover{
	transform:translateY(-6px);
	box-shadow:0 30px 60px rgba(0,0,0,.12);
}

.trending-featured-image{
	width:100%;
	height:420px;
	object-fit:cover;
	display:block;
	transition:.5s;
}

.trending-featured:hover .trending-featured-image{
	transform:scale(1.05);
}

.trending-featured-content{
	padding:28px;
}

.trending-featured h2{
	font-size:36px;
	line-height:1.25;
	margin:16px 0;
	font-weight:800;
}

.trending-featured h2 a{
	color:#111827;
	text-decoration:none;
}

.trending-featured h2 a:hover{
	color:#2563eb;
}

.trending-excerpt{
	font-size:16px;
	line-height:1.8;
	color:#4b5563;
	margin-top:18px;
}

/*=========================================================
Category
=========================================================*/

.trending-category{
	display:inline-block;
	padding:6px 14px;
	background:#eef4ff;
	color:#2563eb;
	font-size:12px;
	font-weight:700;
	border-radius:999px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.trending-meta{
	margin-top:12px;
	font-size:13px;
	color:#6b7280;
}

/*=========================================================
Right Grid
=========================================================*/

.trending-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
}

.trending-card{
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 14px 35px rgba(0,0,0,.07);
	transition:.35s;
}

.trending-card:hover{
	transform:translateY(-5px);
	box-shadow:0 22px 50px rgba(0,0,0,.12);
}

.trending-image{
	width:100%;
	height:180px;
	object-fit:cover;
	display:block;
	transition:.5s;
}

.trending-card:hover .trending-image{
	transform:scale(1.08);
}

.trending-content{
	padding:18px;
}

.trending-content h3{
	margin:12px 0 10px;
	font-size:20px;
	line-height:1.4;
	font-weight:700;
}

.trending-content h3 a{
	color:#111827;
	text-decoration:none;
}

.trending-content h3 a:hover{
	color:#2563eb;
}

/*=========================================================
Responsive
=========================================================*/

@media(max-width:1200px){

	.trending-layout{
		grid-template-columns:1fr;
	}

}

@media(max-width:768px){

	.trending-grid{
		grid-template-columns:1fr;
	}

	.trending-featured-image{
		height:280px;
	}

	.trending-featured h2{
		font-size:28px;
	}

}