/* Start:/local/templates/hope/components/bitrix/catalog/.default/style.min.css?17585325751604*/
.catalog--box{display:flex;gap:var(--gap-b)}.catalog--title{font-size:24px;line-height:29px;margin-bottom:28px}.catalog--filter{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.catalog--wrap{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.filter--mobile-top{display:none}@media all and (max-width:1280px){.catalog--title{margin-bottom:24px}}@media all and (max-width:1024px){.catalog--filter{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;overflow:hidden;background-color:rgba(57,65,77,.3)}.catalog--filter.--opened{display:block}.catalog--filter-wrap{overflow:hidden;height:calc(100% - 20px);width:96%;max-width:400px;margin:10px auto;background-color:#fff;padding:24px 0 24px 24px;border-radius:16px}.catalog--filter-inner{overflow-y:auto;height:100%;width:100%}.js--filter-mobile,.select--list-visible{height:var(--height)}.js--filter-mobile{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--border);padding:0 24px;border-radius:10px}.filter--mobile-top{display:flex;align-items:center;justify-content:space-between;padding-right:16px;margin-bottom:18px}.filter--mobile-top span{font-weight:500;font-size:20px;color:var(--a)}.js--filter-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;border-radius:50%}.js--filter-close svg{width:12px;height:12px}}@media all and (max-width:767px){.catalog--title{font-size:20px;line-height:24px;margin-bottom:16px}}@media all and (max-width:440px){.catalog--filter-wrap{padding:10px 0 10px 10px}}
/* End */


/* Start:/local/templates/hope/components/bitrix/catalog.section.list/catalog/style.css?17804231762384*/
.section--items {display:flex;--gap:12px;--columns:8;gap:var(--gap);row-gap:22px;flex-wrap:wrap;margin:36px 0 28px}
.section--item {width:calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));text-decoration:none;border:none;display:flex;flex-direction:column;gap:10px}
.section--item:hover {text-decoration: none;border:none;}
.section--item:hover .section--image{transform: scale(1.05)}
.section--item:hover .section--item-title{color:var(--main)}
.section--image-box {width:100%;height:0;position:relative;overflow:hidden;background-color:#f6f8fa;border:1px solid #edf1f4;border-radius:16px;padding-top:66%;}
.section--image {background-size:contain;background-repeat:no-repeat;background-position:center center;position:absolute;top:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px);transition:.4s}
.section--info {padding:0 4px;}
.section--item .section--cnt {color:#9ca0a9;font-size:12px;line-height:15px;margin-bottom:4px;text-align:center}
.section--item .section--item-title {color:var(--text);font-size:15px;line-height:19px;font-weight:500;text-align:center;transition:color .4s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.sections--more {width: 100%;text-align: center}

.section--items.--opened .sections--more svg{transform: rotate(-90deg)}

@media all and (max-width: 1480px) {
    .section--items {--columns: 7;row-gap:18px;margin:30px 0 24px;}
    .section--item .section--item-title {font-size:14px;line-height:18px;min-height:36px}
}

@media all and (max-width: 1158px) {
    .section--items {--columns: 5;row-gap:14px;gap:10px;margin:24px 0 18px;}
    .section--image-box {padding-top:70%;}
    .section--item .section--item-title {font-size:13px;line-height:17px;min-height:34px}
    .sections--more .btn--white{font-size: 14px;}
}

@media all and (max-width: 700px) {
    .section--items {--columns: 3;row-gap:10px;margin:20px 0 16px;}
    .section--item {gap:8px}
    .section--image-box {border-radius:12px;padding-top:74%;}
    .section--image {top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
    .section--item .section--cnt {font-size: 12px;line-height: 15px;}
    .section--item .section--item-title {min-height:auto}
    .sections--more .btn--white {width: 100%}
}

@media all and (max-width: 500px) {
    .section--items {--columns: 2;}
}

/* End */
/* /local/templates/hope/components/bitrix/catalog/.default/style.min.css?17585325751604 */
/* /local/templates/hope/components/bitrix/catalog.section.list/catalog/style.css?17804231762384 */