<?php
/**
 * Title: Best Sellers
 * Slug: fse-ecommerce/best-sellers
 * Description: Showcases the best-selling WooCommerce products in a clean grid section using the WooCommerce best_selling_products shortcode.
 * Categories: fse-ecommerce/patterns-cat, featured, query, woocommerce
 * Keywords: best sellers, popular, top products, woocommerce, shop, trending, bestselling, shortcode, ecommerce, recommended
 */
?>

<?php
$fse_ec_shop_url = function_exists( 'wc_get_page_permalink' ) ? wc_get_page_permalink( 'shop' ) : home_url( '/shop' );
?>
<!-- wp:group {"align":"full","style":{"color":{"background":"#fff8f8"},"spacing":{"padding":{"top":"72px","bottom":"72px","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#fff8f8;padding-top:72px;padding-bottom:72px;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);">

	<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"40px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
	<div class="wp-block-group" style="margin-bottom:40px">

		<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
		<div class="wp-block-group">

			<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px","fontWeight":"700","letterSpacing":"4px","textTransform":"uppercase"},"color":{"text":"#f66f66"},"spacing":{"margin":{"bottom":"0px"}}}} -->
			<p style="color:#f66f66;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:0px"><?php esc_html_e( 'Customer Favourites', 'fse-ecommerce' ); ?></p>
			<!-- /wp:paragraph -->

			<!-- wp:heading {"level":2,"style":{"typography":{"fontSize":"clamp(1.6rem, 3.5vw, 2.4rem)","fontWeight":"800"},"spacing":{"margin":{"top":"8px","bottom":"0px"}},"color":{"text":"#1a1a1a"}}} -->
			<h2 class="wp-block-heading has-text-color" style="color:#1a1a1a;font-size:clamp(1.6rem, 3.5vw, 2.4rem);font-weight:800;margin-top:8px;margin-bottom:0px"><?php esc_html_e( 'Best Sellers', 'fse-ecommerce' ); ?></h2>
			<!-- /wp:heading -->

		</div>
		<!-- /wp:group -->

		<!-- wp:buttons -->
		<div class="wp-block-buttons">

			<!-- wp:button {"className":"is-style-outline","style":{"typography":{"fontSize":"0.95rem","fontWeight":"600"},"border":{"radius":"50px","color":"#f66f66","width":"2px"},"color":{"text":"#f66f66"},"spacing":{"padding":{"top":"11px","bottom":"11px","left":"30px","right":"30px"}}}} -->
			<div class="wp-block-button is-style-outline">

				<a class="wp-block-button__link has-text-color has-border-color has-custom-font-size wp-element-button" href="<?php echo esc_url( $fse_ec_shop_url ); ?>" style="border-radius:50px;border-color:#f66f66;border-width:2px;color:#f66f66;font-size:0.95rem;font-weight:600;padding-top:11px;padding-bottom:11px;padding-left:30px;padding-right:30px"><?php esc_html_e( 'View All', 'fse-ecommerce' ); ?></a>

			</div>
			<!-- /wp:button -->

		</div>
		<!-- /wp:buttons -->

	</div>
	<!-- /wp:group -->

	<!-- wp:shortcode -->
	<div class="wp-block-shortcode">[best_selling_products per_page="4" columns="4"]</div>
	<!-- /wp:shortcode -->

</div>
<!-- /wp:group -->