<div class="faqs boxed-layout">
	<h2 class="section-title"><?php esc_html_e( 'Frequently Asked Questions', 'monocle' ); ?></h2>
	<p><?php esc_html_e( 'Find quick answers about Cozy Blocks, its features, compatibility, Free vs Pro, and getting started.', 'monocle' ); ?>
	</p>
	<div class="cozy-accordion">
		<div class="accordion-item active">
			<div class="accordion-header">
				<h3><?php esc_html_e( 'Is Cozy Blocks necessary?', 'monocle' ); ?></h3>
				<i class="chevron">
					<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M16.5706 1.74303L14.8238 6.47969e-07L8.28527 6.5336L1.74674 7.63524e-08L0 1.74797L6.53854 8.27663C7.00185 8.7398 7.63015 9 8.28527 9C8.9404 9 9.5687 8.7398 10.032 8.27663L16.5706 1.74303Z"
							fill="currentColor" />
					</svg>
				</i>
			</div>
			<div class="accordion-body">
				<p><?php esc_html_e( 'Cozy Blocks is a powerful WordPress plugin that offers 50+ advanced Gutenberg blocks built specifically for the Full Site Editing (FSE) experience. It allows you to design complete websites visually — including post grids, WooCommerce layouts, galleries, portfolios, and more — all without using third-party page builders or custom code.', 'monocle' ); ?>
				</p>
			</div>
		</div>

		<div class="accordion-item">
			<div class="accordion-header">
				<h3><?php esc_html_e( 'Is Cozy Blocks compatible with all WordPress themes?', 'monocle' ); ?></h3>
				<i class="chevron">
					<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M16.5706 1.74303L14.8238 6.47969e-07L8.28527 6.5336L1.74674 7.63524e-08L0 1.74797L6.53854 8.27663C7.00185 8.7398 7.63015 9 8.28527 9C8.9404 9 9.5687 8.7398 10.032 8.27663L16.5706 1.74303Z"
							fill="currentColor" />
					</svg>
				</i>
			</div>
			<div class="accordion-body">
				<p><?php esc_html_e( 'Cozy Blocks is only compatible with block-based (FSE) WordPress themes. It does not support classic themes or the Classic Editor. To get the full benefits of Cozy Blocks, you must use it with a modern block theme like SaasLauncher, HomeLancer, Jetnews Magazine, WoxStore, or any compatible Full Site Editing theme available on WordPress.org.', 'monocle' ); ?>
				</p>
			</div>
		</div>

		<div class="accordion-item">
			<div class="accordion-header">
				<h3><?php esc_html_e( 'Is Cozy Blocks a replacement for Elementor or Divi?', 'monocle' ); ?></h3>
				<i class="chevron">
					<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M16.5706 1.74303L14.8238 6.47969e-07L8.28527 6.5336L1.74674 7.63524e-08L0 1.74797L6.53854 8.27663C7.00185 8.7398 7.63015 9 8.28527 9C8.9404 9 9.5687 8.7398 10.032 8.27663L16.5706 1.74303Z"
							fill="currentColor" />
					</svg>
				</i>
			</div>
			<div class="accordion-body">
				<p><?php esc_html_e( 'Yes — for block-theme users. Cozy Blocks gives you the same design capabilities (hero sections, pricing tables, sliders, mega menus, popups, WooCommerce layouts) inside the native WordPress Block Editor, without installing a separate page builder. If your site uses a modern FSE block theme, Cozy Blocks replaces everything Elementor and Divi do, while being significantly faster and lighter.', 'monocle' ); ?>
				</p>
			</div>
		</div>

		<div class="accordion-item">
			<div class="accordion-header">
				<h3><?php esc_html_e( 'Building client websites as a freelancer or agency?', 'monocle' ); ?></h3>
				<i class="chevron">
					<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M16.5706 1.74303L14.8238 6.47969e-07L8.28527 6.5336L1.74674 7.63524e-08L0 1.74797L6.53854 8.27663C7.00185 8.7398 7.63015 9 8.28527 9C8.9404 9 9.5687 8.7398 10.032 8.27663L16.5706 1.74303Z"
							fill="currentColor" />
					</svg>
				</i>
			</div>
			<div class="accordion-body">
				<p><?php esc_html_e( 'Import a complete homepage template for your client’s niche in one click, then customize it fully inside the Site Editor. No third-party dependencies.', 'monocle' ); ?>
				</p>
			</div>
		</div>

		<div class="accordion-item">
			<div class="accordion-header">
				<h3><?php esc_html_e( 'Running a WooCommerce store?', 'monocle' ); ?></h3>
				<i class="chevron">
					<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M16.5706 1.74303L14.8238 6.47969e-07L8.28527 6.5336L1.74674 7.63524e-08L0 1.74797L6.53854 8.27663C7.00185 8.7398 7.63015 9 8.28527 9C8.9404 9 9.5687 8.7398 10.032 8.27663L16.5706 1.74303Z"
							fill="currentColor" />
					</svg>
				</i>
			</div>
			<div class="accordion-body">
				<p><?php esc_html_e( 'Product grids, category blocks, quick view, wishlist, product sliders, and add-to-cart blocks work natively without extra plugins.', 'monocle' ); ?>
				</p>
			</div>
		</div>

		<div class="accordion-item">
			<div class="accordion-header">
				<h3><?php esc_html_e( 'Publishing a blog, news site, or magazine?', 'monocle' ); ?></h3>
				<i class="chevron">
					<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M16.5706 1.74303L14.8238 6.47969e-07L8.28527 6.5336L1.74674 7.63524e-08L0 1.74797L6.53854 8.27663C7.00185 8.7398 7.63015 9 8.28527 9C8.9404 9 9.5687 8.7398 10.032 8.27663L16.5706 1.74303Z"
							fill="currentColor" />
					</svg>
				</i>
			</div>
			<div class="accordion-body">
				<p><?php esc_html_e( 'Post grids, news tickers, trending posts, magazine-style layouts, and categorized post tabs are all included — no theme dependency.', 'monocle' ); ?>
				</p>
			</div>
		</div>

		<div class="accordion-item">
			<div class="accordion-header">
				<h3><?php esc_html_e( 'New to WordPress?', 'monocle' ); ?></h3>
				<i class="chevron">
					<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M16.5706 1.74303L14.8238 6.47969e-07L8.28527 6.5336L1.74674 7.63524e-08L0 1.74797L6.53854 8.27663C7.00185 8.7398 7.63015 9 8.28527 9C8.9404 9 9.5687 8.7398 10.032 8.27663L16.5706 1.74303Z"
							fill="currentColor" />
					</svg>
				</i>
			</div>
			<div class="accordion-body">
				<p><?php esc_html_e( 'The 700+ ready-made patterns and 50+ homepage templates mean you can start with a professionally designed page, not a blank screen.', 'monocle' ); ?>
				</p>
			</div>
		</div>
	</div>
</div>