/* FAQ, Blog, Feedback Sections */
:root {
	--homepage-blog-card-width: 378.67px;
	--homepage-blog-card-gap: 32px;
}
.faq { background-color:#f1f5f9; padding:var(--spacing-section-y) 0; }
.accordion { max-width:800px; margin:0 auto; }
.accordion-item { background-color:#fff; border-radius:var(--radius-md); margin-bottom:1rem; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.05); }
.accordion-header { padding:1.5rem; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-weight:600; }
.accordion-content { padding:0 1.5rem; max-height:0; overflow:hidden; transition:max-height var(--transition-base), padding var(--transition-base); }
.accordion-content.active { padding:0 1.5rem 1.5rem; max-height:300px; }
section.blog { padding:var(--spacing-section-y) 0; }
.blog-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(var(--homepage-blog-card-width),var(--homepage-blog-card-width)));
	gap:var(--homepage-blog-card-gap);
	max-width:calc(var(--homepage-blog-card-width) * 3 + var(--homepage-blog-card-gap) * 2);
	margin:0 auto;
	justify-items:center;
	justify-content:center;
}
.blog-grid .blog-card {
	background-color:#fff;
	border-radius:var(--radius-lg);
	overflow:hidden;
	box-shadow:var(--shadow-md);
	width:100%;
	max-width:var(--homepage-blog-card-width);
}
.blog-img { height:200px; background-color:#ddd; }
.blog-content { padding:1.5rem; }
.feedback { background-color:var(--primary-color); color:#fff; padding:var(--spacing-section-y) 0; text-align:center; }

@media (max-width:900px){
	.blog-grid { max-width:calc(var(--homepage-blog-card-width) * 2 + var(--homepage-blog-card-gap)); }
}

@media (max-width:560px){
	.blog-grid {
		grid-template-columns:repeat(auto-fit,minmax(100%,1fr));
		max-width:100%;
	}
	.blog-grid .blog-card { max-width:100%; }
}