<div class="blocks-promo">
    <a href="{{store url=""}}men.html" class="block-promo mens-main">
        <img src="{{media url="wysiwyg/mens/mens-main.jpg"}}" alt="" />
        <span class="content">
            <span class="info">Luma’s Performance Fabric collection</span>
            <strong class="title">Going the extra mile just got extra comfortable</strong>
            <span class="more button">Shop Performance</span>
        </span>
    </a>
    <div class="block-promo-wrapper block-promo-2columns">
        <a href="{{store url=""}}men/tops-men/tees-men.html" class="block-promo mens-t-shirts">
            <span class="content">
                <strong class="title">Save up to $24!</strong>
                <img src="{{media url="wysiwyg/mens/mens-t-shirts.png"}}" alt="" />
                <span class="info">Buy 3 Luma tees, get 4 instead</span>
                <span class="more icon">Shop Tees</span>
            </span>
        </a>
        <a href="{{store url=""}}men/bottoms-men/pants-men.html" class="block-promo mens-pants">
            <img src="{{media url="wysiwyg/mens/mens-pants.jpg"}}" alt="" />
            <span class="content">
                <strong class="title">Last chance<br />for pants</strong>
                <span class="info">Take <span>20% OFF</span>and save bigtime*</span>
                <span class="more icon">Shop Pants</span>
            </span>
        </a>
    </div>
    <div class="block-promo-wrapper block-promo-3columns">
        <a href="{{store url=""}}men/bottoms-men/shorts-men.html" class="block-promo mens-category-shorts">
            <span class="content">
                <strong class="title">Luma shorts</strong>
                <span class="info">Cool it now</span>
                <span class="more icon">Shop Shorts</span>
            </span>
            <span class="image"><img src="{{media url="wysiwyg/mens/mens-category-shorts.jpg"}}" alt="" /></span>
        </a>
        <a href="{{store url=""}}men/tops-men/tees-men.html" class="block-promo mens-category-tees">
            <span class="content">
                <strong class="title">Luma tees</strong>
                <span class="info">Grab a tee or two!</span>
                <span class="more icon">Shop Tees</span>
            </span>
            <span class="image"><img src="{{media url="wysiwyg/mens/mens-category-tees.jpg"}}" alt="" /></span>
        </a>
        <a href="{{store url=""}}men/tops-men/hoodies-and-sweatshirts-men.html" class="block-promo mens-category-hoodies">
            <span class="content">
                <strong class="title">Luma hoodies</strong>
                <span class="info">Dress for fitness</span>
                <span class="more icon">Shop Hoodies</span>
            </span>
            <span class="image"><img src="{{media url="wysiwyg/mens/mens-category-hoodies.jpg"}}" alt="" /></span>
        </a>
    </div>
</div>
<div class="content-heading">
    <h2 class="title">Hot Sellers</h2>
    <p class="info">Favorites from Luma shoppers</p>
</div>
{{widget type="Magento\CatalogWidget\Block\Product\ProductsList" products_per_page="4" products_count="4" template="product/widget/content/grid.phtml" conditions_encoded="^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^],`1--1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Product`,`attribute`:`sku`,`operator`:`()`,`value`:`MT07, MH07, MSH03, MP03`^]^]"}}