
        
            <section class="amtab-grid-wrapper -bottoms -men -small">
                <figure class="amtab-grid-container amtab-sizes">
                    <h4 class="amtab-title">
                        Find your size
                    </h4>
                    <div class="amtab-table-container" data-mage-init='{ "Amasty_CustomTabs/js/components/grid-sizes": {} }'>
                        <p class="amtab-head-line">
                            <span class="amtab-title">
                                Product<br/> Size
                            </span>
                            <span class="amtab-cell">Waist<em class="amtab-desc">(in)</em></span>
                            <span class="amtab-cell">Hip<em class="amtab-desc">(in)</em></span>
                            <span class="amtab-cell">Inseam<em class="amtab-desc">(in)</em></span>
                            <span class="amtab-cell">
                                <span class="amtab-cell-select">
                                    <select name="amtab_sizes_type" class="amtab-select">
                                        <option value="US" class="amtab-option">US</option>
                                    </select>
                                </span>
                            </span>
                        </p>
                        <p class="amtab-table-line">
                            <span class="amtab-title">S</span>
                            <span class="amtab-cell">30" - 31"</span>
                            <span class="amtab-cell">33" - 35"</span>
                            <span class="amtab-cell">29"</span>
                            <span class="amtab-cell">29 - 31</span>
                        </p>
                        <p class="amtab-table-line">
                            <span class="amtab-title">M</span>
                            <span class="amtab-cell">31" - 33"</span>
                            <span class="amtab-cell">36" - 38"</span>
                            <span class="amtab-cell">30"</span>
                            <span class="amtab-cell">32 - 34</span>
                        </p>
                        <p class="amtab-table-line">
                            <span class="amtab-title">L</span>
                            <span class="amtab-cell">33" - 34"</span>
                            <span class="amtab-cell">38" - 41"</span>
                            <span class="amtab-cell">31"</span>
                            <span class="amtab-cell">35 - 36</span>
                        </p>
                        <p class="amtab-table-line">
                            <span class="amtab-title">XL</span>
                            <span class="amtab-cell">34" - 36"</span>
                            <span class="amtab-cell">41" - 42"</span>
                            <span class="amtab-cell">31" </span>
                            <span class="amtab-cell">38 - 40</span>
                        </p>
                        <p class="amtab-table-line">
                            <span class="amtab-title">XXL</span>
                            <span class="amtab-cell">36" - 38"</span>
                            <span class="amtab-cell">44" - 45"</span>
                            <span class="amtab-cell">32"</span>
                            <span class="amtab-cell">42 - 44</span>
                        </p>
                    </div>
                </figure>
                <figure class="amtab-grid-container amtab-measure">
                    <h4 class="amtab-title">
                        How to measure
                    </h4>
                    <div class="amtab-steps-container">
                        <div class="amtab-img">
                            <img src="{{media url='amasty/custom_tabs/sizes/bottoms/m_bottoms.png'}}" alt="Men Bottom"/>
                        </div>
                        <ul class="amtab-steps">
                            <li class="amtab-step">
                                <p class="amtab-head">
                                    Waist
                                    <span class="amtab-arrow"></span>
                                </p>
                                <p class="amtab-desc">
                                    Measure around the narrowest part of the waist, keeping the tape horizontally.
                                </p>
                            </li>
                            <li class="amtab-step">
                                <p class="amtab-head">
                                    Hips
                                    <span class="amtab-arrow"></span>
                                </p>
                                <p class="amtab-desc">
                                    Measure around the fullest part of your hips, keeping the tape horizontal.
                                </p>
                            </li>
                            <li class="amtab-step">
                                <p class="amtab-head">
                                    Inseam
                                    <span class="amtab-arrow"></span>
                                </p>
                                <p class="amtab-desc">
                                    Measure from your crotch to the bottom of your leg. Be aware that the inseam measurments are based on a regular inseam.
                                </p>
                            </li>
                        </ul>
                    </div>
                </figure>
            </section>
        
    