App Usecase Accordion

<div class="container">
    <div class="row --center">
        <div class="d_grid-6 m_grid-4">
            <div class="rte">
                <h2 class="h2">Use cases for Combined Listings</h2>
            </div>
        </div>
        <div class="d_grid-7 m_grid-4">
            <ul class="usecase_accordion card">
                <li>
                    <details>
                        <summary>Dedicated product pages for each variant</summary>
                        <p>That means tailored descriptions, product images and
                            other content for each variant</p>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Unique URLs for SEO/GEO per variant</summary>
                        <p>Optimize each variant individually and capture SEO
                            benefits</p>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Marketplace compatability</summary>
                        <p>Lots of Marketplaces like ebay do not support
                            variants.</p>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>List every variant in your collections</summary>
                        <p>(better filtering, better store navigation)</p>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Keep physical and digital versions separated</summary>
                        <p>(different taxes for digital/physical products, like
                            books)</p>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Easier inventory management</summary>
                        <p>(lets be honest: Shopify variants can become very
                            confusing)</p>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>List different products with the same design</summary>
                        <p>(ideal for Print on Demand Businesses)</p>
                    </details>
                </li>
            </ul>
        </div>
    </div>
</div>