/* Start:/local/templates/profparket_10.2019/components/bitrix/catalog.section.list/catalog_new_4/style.css?17608905423063*/
<div class="main-section-list">
	<div class="container">
		<div class="row">
			 <?php
            foreach ($arResult["SECTIONS"] as $id => $arSection):
                $this->AddEditAction($arSection['ID'], $arSection['EDIT_LINK'], CIBlock::GetArrayByID($arSection["IBLOCK_ID"], "SECTION_EDIT"));
                $this->AddDeleteAction($arSection['ID'], $arSection['DELETE_LINK'], CIBlock::GetArrayByID($arSection["IBLOCK_ID"], "SECTION_DELETE"), ["CONFIRM" => GetMessage('CT_BCSL_ELEMENT_DELETE_CONFIRM')]);
            
                // Подготовка необходимых переменных
                $editAreaId = $this->GetEditAreaId($arSection['ID']);
                $sectionUrl = $arSection['SECTION_PAGE_URL'];
                $sectionName = $arSection['NAME'];
            
                // Определяем первое изображение для Блёр-ап эффекта
                $firstResizedImage = reset($arSection['RESIZED_IMAGES']); // Берём самое маленькое изображение
            
                // Остальные изображения для SrcSet
                $otherImagesForSrcSet = array_slice($arSection['RESIZED_IMAGES'], 1);
            
                // Основной класс для блока секции
                $isFirstLevel = ($arSection['DEPTH_LEVEL'] ?? 0) == 1;
            ?>
			<div class="col-6 col-sm-6 col-md-4 col-lg-3 main-section-list__item" id="&lt;span id=" title="Код PHP: &lt;?= $editAreaId ?&gt;">
				<?= $editAreaId ?><span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>"&gt; <a href="<?= htmlspecialcharsbx($sectionUrl) ?>" class="main-section-list__link" title="<?= htmlspecialcharsbx($sectionName) ?>
				"> <!-- Основная логика с изображением --> <img src="<?= htmlspecialcharsbx($firstResizedImage['SRC']) ?>" srcset="&lt;span id=" title="Код PHP: &lt;?php foreach ($otherImagesForSrcSet as $image): ?&gt;" class="bxhtmled-surrogate"><?php foreach ($otherImagesForSrcSet as $image): ?><span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>
				<?= htmlspecialcharsbx($image['SRC']) ?> <?= $image['SIZE'] ?>w, <?php endforeach; ?> <?= htmlspecialcharsbx($firstResizedImage['SRC']) ?> <?= $firstResizedImage['SIZE'] ?>w" sizes="(max-width: 600px) 320px, (max-width: 1024px) 640px, 800px" alt="" data-bx-app-ex-alt="<?= htmlspecialcharsbx($sectionName) ?>
				" loading="lazy" /&gt; <?php if ($isFirstLevel): ?>
				<div class="main-section-list__name">
					<?= htmlspecialcharsbx($sectionName) ?>
				</div>
				 <?php else: ?> <span class="visually-hidden"><?= htmlspecialcharsbx($sectionName) ?></span>
				<?php endif; ?> </a>
			</div>
			 <?php
            endforeach;
            ?>
		</div>
	</div>
</div>
<br>
/* End */


/* Start:/local/templates/profparket_10.2019/components/bitrix/catalog.section.list/top/style.css?17555457201960*/
.wee-el-top {
float:left;
width:200px;
height:250px;
overflow:hidden;
}

.wee-el-top a.product-image{
   display: block;
width:180px;
height:160px;
border: 5px solid #F5F3F3;
overflow:hidden;
}

.wee-el-top a.product-image:hover{
border: 5px solid #999;

}
.wee-el-top h2 {
    line-height: 20px;
    margin: 5px 6px 10px;
    font-size: 16px;
    font-weight: normal;
}

.wee-el-top h2 a {
    color: #514742;

}
.wee-el-top h2 a:hover {
}
.regular-price {
    font-size: 16px;
    color: #514742;
}
.price {
  /*  color: #514742;*/
    font-family: 'Oswald';
    font-size: 20px;
    font-weight: normal !important;
padding-left:6px;
/* background:url(/local/templates/profparket_10.2019/components/bitrix/catalog.section.list/top/images/rouble.gif) right bottom no-repeat; */
}


.decor {
    background: url("/local/templates/profparket_10.2019/components/bitrix/catalog.section.list/top/images/cat444.gif") no-repeat scroll left top transparent;
    float: left;
    height: 170px;
    margin: 0 14px 20px 0;
    padding: 5px;
    position: relative;
    width: 137px;
}

.decore_img {
    display: block;
    height: 141px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    width: 137px;
  text-decoration: none;
}
.decore_img a {
text-decoration:none;
}

.decore_img a:hover {
text-decoration:underline;
}

.decore_img .name_new {
    text-align: right;
}
.decore_img:hover .name_new div {
text-decoration:underline;
}
.decore_img .name_new {
    height: 32px;
    line-height: 10px;
    margin-bottom: 8px;
    overflow: hidden;
}

.decore_img .name_new div {
  /*  background-color: #EC8908;*/
    bottom: 0;
    color: #000;
    font-size: 11px;
    padding: 0px 3px 0px 7px;
    text-align: left;
    text-decoration: none;
    width: 127px;
	text-shadow: 1px 1px 0 #FFFFFF;
}

div.price {
    bottom: 6px;
    font-size: 12px;
    left: 7px;
    position: absolute;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 135px;
}

div.price span {
    font-size: 15px;
}


div.price span sup{
    font-size: 8px;
}

span.measure_word {
    font-size: 12px;
}
img.no_picture {
margin-left:17px;
}
/* End */
/* /local/templates/profparket_10.2019/components/bitrix/catalog.section.list/catalog_new_4/style.css?17608905423063 */
/* /local/templates/profparket_10.2019/components/bitrix/catalog.section.list/top/style.css?17555457201960 */