Why does Bitrix display the second level section as the main one?

Question

1C-Bitrix

Bitrix component:catalog:section:top

<?foreach($arResult["SECTIONS"] as $arSection):?>		
        <div>
            <div><?=$arSection["NAME"]?></a></div>
        </div>
    <div class="panel">
        <div class="panel-collapse collapse">
            <div class="body">
                <table class="table">
                    <tbody class="data">
                    <?if(!empty($arSection["ITEMS"])):?>
                    <?foreach($arSection["ITEMS"] as $arItem):?>	
                    <tr id="<?=$this->GetEditAreaId($arItem['ID']);?>">
                        <td><?=$arItem["NAME"]?></td>
                        <td><?=$arItem["DISPLAY_PROPERTIES"]["PRICE"]["DISPLAY_VALUE"]?></td>
                    </tr>
                    <?endforeach?>
                    <?endif;?>				
                    </tbody>
                </table>		
            </div>
        </div>
    </div>
<?endforeach;?>
</div>

Here is the code
Instead of displaying
Section1
Subsection 1
Elements
It displays
Section1
Empty table
Subsection 1
Elements
Section 2
Subsection 2
Empty table
Elements
Although
I have 2 sections in the admin panel, it has subsections, subsections have elements.

Answer 1

Hello, for the main and the catalog section, the templates of the complex component (bitrix.catalog) are different.