<div class="mypage">
    <div class="mypage__nav">

        <nav class="myPageNav">
            <ul class="myPageNav__list">
                <li class="myPageNav__item myPageNav__item--main">
                    <a href="#" class="myPageNav__link myPageNav__link--main">My page top</a>
                </li>
                <li class="myPageNav__item myPageNav__item--main">
                    <a href="#" class="myPageNav__link myPageNav__link--main">Account</a>
                    <ul class="myPageNav__list myPageNav__list--sub">
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Registration information</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Password management</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Email reception settings</a>
                        </li>
                    </ul>
                </li>
                <li class="myPageNav__item myPageNav__item--main myPageNav__item--active">
                    <a href="#" class="myPageNav__link myPageNav__link--main">Hardware</a>
                    <ul class="myPageNav__list myPageNav__list--sub">
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Product registration</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Purchase history</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">AlphaTheta Care Extended warranty service</a>
                        </li>
                    </ul>
                </li>
                <li class="myPageNav__item myPageNav__item--main">
                    <a href="#" class="myPageNav__link myPageNav__link--main">Recordbox</a>
                    <ul class="myPageNav__list myPageNav__list--sub">
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Contract Plan/Purchase History</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Purchase history</a>
                        </li>
                        <li class="myPageNav__item myPageNav__item--sub">
                            <a href="#" class="myPageNav__link myPageNav__link--sub">Cloud settings</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>

    </div>

    <div class="mypage__content">
        <section class="mypage__section">
            <div class="mypage__heading">
                <a href="#" class="mypage__link link link--back link--icon-left">
                    <span class="link__icon">
                        <svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                            <path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z" />
                        </svg>

                    </span>
                    <span class="link__label">Back to hardware</span>
                </a>

                <div class="product-link">
                    <svg class="icon-info" width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="35" cy="35" r="33.5" fill="#007DE1" stroke="#007DE1" stroke-width="3" />
                        <path d="M33.3221 50V28.1818H36.6744V50H33.3221ZM35.0266 24.5455C34.3732 24.5455 33.8098 24.3229 33.3363 23.8778C32.8723 23.4328 32.6403 22.8977 32.6403 22.2727C32.6403 21.6477 32.8723 21.1127 33.3363 20.6676C33.8098 20.2225 34.3732 20 35.0266 20C35.68 20 36.2388 20.2225 36.7028 20.6676C37.1763 21.1127 37.413 21.6477 37.413 22.2727C37.413 22.8977 37.1763 23.4328 36.7028 23.8778C36.2388 24.3229 35.68 24.5455 35.0266 24.5455Z" fill="white" />
                    </svg>

                    <a href="#" class="mypage__link link link--icon-right">
                        <span class="link__icon">
                            <svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                <path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z" />
                            </svg>

                        </span>
                        <span class="link__label">More info here</span>
                    </a>

                </div>
            </div>
            <h1 class="mypage__titlewrap">
                <span>List of registered products</span>
            </h1>
        </section>

        <section class="mypage__section">
            <div class="select__wrapper select--filter">
                <div class="select select--small">
                    <select name="filter" class="select__input">
                        <option value="Lorem ipsum">Lorem ipsum</option>
                        <option value="Lorem ipsum 2">Lorem ipsum 2</option>
                        <option value="Lorem ipsum 3">Lorem ipsum 3</option>
                    </select>

                    <div class="select__trigger">
                        <span class="select__symbol">
                            <svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                <path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z" />
                            </svg>

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

            </div>

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

            <div class="mypage__block">
                <div class="mypage__registered-hardware mypage__registered-hardware--triple">
                    <article class="product-registered">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-900NXS2
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                ABCD123456EF
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-v10/djm-v10-main.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;B13A55D94B116CF931A83AE324726AAF90294DCF" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-V10
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                ABCD123456EF
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>
                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">Item 2</span>
                                    </a>

                                </div>
                            </div>
                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">Item 3</span>
                                    </a>

                                </div>
                            </div>
                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">Item 4</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/dj-sampler/djs-1000/djs-1000-main.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;F3C1E27C7D0070B31A79A30C0D705EF6198D03F5" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJS-1000
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                ABCD123456EF
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-v10/djm-v10-main.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;B13A55D94B116CF931A83AE324726AAF90294DCF" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-V10
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                ABCD123456EF
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-900NXS2
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-123ABC
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-456DEF
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-789GHI
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-123KJL
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-456MNO
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-789PQR
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-123STO
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-456VWX
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-789YZA
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-123BCD
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-456EFG
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-789HJI
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-123KLM
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                    <article class="product-registered item--hidden">
                        <div class="product-registered__header">
                            <div class="product-registered__visual">
                                <div class="product-registered__image">
                                    <picture class="visual">
                                        <img data-sizes="auto" data-src="https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h&#x3D;250&amp;w&#x3D;400&amp;hash&#x3D;4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A" class="lazyload" alt="">
                                    </picture>

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

                        <div class="product-registered__content">

                            <div class="product-registered__icons">
                                <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M18.1031 7.77778H4.73333C2.67147 7.77778 1 9.44925 1 11.5111V31.2667C1 33.3285 2.67147 35 4.73333 35H24.4889C26.5508 35 28.2222 33.3285 28.2222 31.2667V17.5778" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M32.8444 3.15563C33.9819 4.29312 33.9819 6.13735 32.8444 7.27484L18.6282 21.491C18.5957 21.5235 18.5546 21.5458 18.5097 21.5552L13.7156 22.5645C13.5485 22.5997 13.4003 22.4515 13.4355 22.2844L14.4448 17.4903C14.4542 17.4454 14.4765 17.4043 14.509 17.3718L28.7252 3.15563C29.8627 2.01814 31.7069 2.01814 32.8444 3.15563Z" stroke="currentColor" stroke-width="1.55" />
                                    <path d="M28.25 4.83334L31.1667 7.75" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                                <svg class="icon-delete" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 3.60416H23" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M9.38097 1H14.6191" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M3.61904 6.20834L5.3354 22.4211C5.55081 24.4559 7.26705 26 9.31317 26H14.7802C16.7865 26 18.4824 24.5137 18.7456 22.5248L20.9048 6.20834" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M7.80952 7.77084L8.85714 22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M12 7.77084V22.3542" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                    <path d="M15.1429 22.3542L16.1905 7.77084" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" />
                                </svg>

                            </div>

                            <h4 class="product-registered__heading heading">
                                DJM-01234
                            </h4>
                            <span class="product-registered__serial">
                                Serial No.<br>
                                xxxxxxxxxxxxx
                            </span>

                            <div class="product-registered__actions actions actions--center">
                                <div class="actions__item">
                                    <a href="" class="link link--colored">
                                        <span class="link__label">get support</span>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </article>

                </div>
            </div>

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

            <div class="load-more hidden">
                <a href="#" class="loadmore loadmore--showmore">
                    <span class="loadmore__icon">
                        <span class="icon-plus">
                            <span class="icon-plus__inner"></span>
                        </span>
                    </span>
                    <span class="loadmore__label">Load more products</span>
                </a>

            </div>

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

            <div class="link--center">
                <a href="#" class="link link--colored">
                    <span class="link__label">Register from purchase history</span>
                </a>

            </div>
        </section>

    </div>
</div>
<div class="mypage">
  <div class="mypage__nav">
      {{var "activeNav" "Hardware"}}
      {{render '@nav-mypage' this merge=true }}
  </div>

  <div class="mypage__content">
    <section class="mypage__section">
      <div class="mypage__heading">
        {{ render '@link--icon-left' backlink merge=true }}

        <div class="product-link">
          {{render '@icon-info' icon merge=true}}
          {{render '@link--icon-right' productlink merge=true}}
        </div>
      </div>
      <h1 class="mypage__titlewrap">
        <span>List of registered products</span>
      </h1>
    </section>

    <section class="mypage__section">
      <div class="select__wrapper select--filter">
        {{render '@select' filter merge=true }}
      </div>

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

      <div class="mypage__block">
        <div class="mypage__registered-hardware mypage__registered-hardware--triple">
          {{#each products }}
            {{render '@product-registered' this merge=true }}
          {{/each}}
        </div>
      </div>

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

      <div class="load-more hidden">
        {{ render '@loadmore' loadmore merge=true }}
      </div>

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

      <div class="link--center">
        {{ render '@link--colored' link merge=true }}
      </div>
    </section>

  </div>
</div>
productlink:
  label: More info here
  class: mypage__link
  modifier: false
hardwarelink:
  label: See more
  class: mypage__link
  modifier: false
rekordboxlink:
  label: Check/change contract information
  class: mypage__link
  modifier: false
alphathetacarelink:
  label: Check/change contract information
  class: mypage__link
  modifier: false
registrationinformationlink:
  label: See more
  class: mypage__link
  modifier: false
editlink:
  label: Edit
  class: mypage__link
  modifier: false
backlink:
  label: Back to hardware
  class: mypage__link
  modifier: back
registerlink:
  label: Register products
  modifier: false
loadmore:
  label: Load more products
  modifier: false
  url: '#'
  class: showmore
  data: null
productregistration:
  label: + Product registration
  modifier: false
products:
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-900NXS2
    serial: ABCD123456EF
    actions:
      - action: null
        url: ''
        label: get support
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-v10/djm-v10-main.png?h=250&w=400&hash=B13A55D94B116CF931A83AE324726AAF90294DCF
      alt: ''
    label: DJM-V10
    serial: ABCD123456EF
    actions:
      - action: null
        url: ''
        label: get support
      - action: null
        url: ''
        label: Item 2
      - action: null
        url: ''
        label: Item 3
      - action: null
        url: ''
        label: Item 4
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/dj-sampler/djs-1000/djs-1000-main.png?h=250&w=400&hash=F3C1E27C7D0070B31A79A30C0D705EF6198D03F5
      alt: ''
    label: DJS-1000
    serial: ABCD123456EF
    actions:
      - action: null
        url: ''
        label: get support
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-v10/djm-v10-main.png?h=250&w=400&hash=B13A55D94B116CF931A83AE324726AAF90294DCF
      alt: ''
    label: DJM-V10
    serial: ABCD123456EF
    actions:
      - action: null
        url: ''
        label: get support
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-900NXS2
    actions:
      - action: null
        url: ''
        label: get support
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-123ABC
    actions:
      - action: null
        url: ''
        label: get support
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-456DEF
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-789GHI
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-123KJL
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-456MNO
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-789PQR
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-123STO
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-456VWX
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-789YZA
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-123BCD
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-456EFG
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-789HJI
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-123KLM
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
  - visual:
      src: >-
        https://www.pioneerdj.com/-/media/pioneerdj/images/products/mixer/djm-900nxs2/black/djm-900nxs2-main2.png?h=250&w=400&hash=4DA5CD8F5E2AC0FACDBDA8E3DE9FAE1EA82A1A1A
      alt: ''
    label: DJM-01234
    actions:
      - action: null
        url: ''
        label: get support
    class: item--hidden
link:
  modifier: colored
  label: Register from purchase history
  url: '#'
  class: false
  target: false
  icon: false
filter:
  small: true
  name: filter
  options:
    - value: Lorem ipsum
      label: Lorem ipsum
    - value: Lorem ipsum 2
      label: Lorem ipsum 2
    - value: Lorem ipsum 3
      label: Lorem ipsum 3

No notes defined.