/* ==========================================================================
   Gutenberg Block Styles — Editor & Frontend
   ========================================================================== */

/* Ensure blocks in the editor match frontend styles */
.wp-block-fy-hero-banner,
.wp-block-fy-product-grid,
.wp-block-fy-category-grid,
.wp-block-fy-product-carousel,
.wp-block-fy-featured-products,
.wp-block-fy-featured-product,
.wp-block-fy-promotion-banner,
.wp-block-fy-delivery-countdown,
.wp-block-fy-trust-badges,
.wp-block-fy-testimonials,
.wp-block-fy-cta-section,
.wp-block-fy-delivery-info,
.wp-block-fy-faq-block,
.wp-block-fy-guarantee-block {
	margin-top: 0;
	margin-bottom: 0;
}

/* Block alignment support */
.fy-hero,
.fy-countdown-section,
.fy-trust-badges,
.fy-cta-section,
.fy-promo-banner {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}