product-type

<div class="product-type">
    <section class="hero-b">
        <div class="section--8">

            <h1 class="hero-b__heading heading heading--2">DDJ-FLX6</h1>
        </div>
    </section>

    <div class="spacer--10"></div>

    <div class="gutter--bucket">
        <div class="section--8">
            <div class="grid grid--s--2 grid--m--4 grid--gutter--s--2 grid--gutter--m--4">
                <div class="grid__inner">
                    <div class="grid__item">
                        <div class="grid__item__inner">
                            <article class="product-snippet" data-initcolor="0">
                                <div class="product-snippet__header">
                                    <div class="product-snippet__visual">
                                        <a href="https://pioneerdj.com" class="product-snippet__image">
                                            <picture class="visual">
                                                <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6/ddj-flx6_prm_top_201015.png?h&#x3D;240&amp;w&#x3D;320&amp;hash&#x3D;093BE70DD425E0D130AE661AB51BA3F8" class="lazyload" alt="">
                                            </picture>

                                        </a>
                                    </div>
                                </div>

                                <div class="product-snippet__content">
                                    <h4 class="product-snippet__heading heading">
                                        <a href="" class="link link--default">
                                            <span class="link__label">DARK GREY</span>
                                        </a>

                                    </h4>

                                    <div class="product-snippet__description">
                                        4-channel DJ controller for rekordbox and Serato DJ Pro
                                    </div>
                                </div>

                            </article>

                        </div>
                    </div>
                    <div class="grid__item">
                        <div class="grid__item__inner">
                            <article class="product-snippet" data-initcolor="0">
                                <div class="product-snippet__header">
                                    <div class="product-snippet__visual">
                                        <a href="https://pioneerdj.com" class="product-snippet__image">
                                            <picture class="visual">
                                                <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336b.png?h&#x3D;240&amp;w&#x3D;320&amp;hash&#x3D;5ABC770575117DED579F74D9FDD46E31" class="lazyload" alt="">
                                            </picture>

                                        </a>
                                    </div>
                                </div>

                                <div class="product-snippet__content">
                                    <h4 class="product-snippet__heading heading">
                                        <a href="" class="link link--default">
                                            <span class="link__label">WHITE</span>
                                        </a>

                                    </h4>

                                    <div class="product-snippet__description">
                                        4-channel DJ controller for rekordbox and Serato DJ Pro
                                    </div>
                                </div>

                            </article>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="spacer--20"></div>
</div>