/* 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 */


/* Start:/local/templates/hope/components/bitrix/catalog/.default/bitrix/catalog.compare.list/.default/style.css?17818901725940*/
.bx_catalog-compare-list {
    z-index: 998;
    width: 360px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 24px);
    margin: 12px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dcebef;
    border-radius: 14px;
    background: #fff;
    color: #303846;
    box-shadow: 0 18px 42px rgba(36, 54, 68, .16);
    box-sizing: border-box;
}

.bx_catalog-compare-list.fix {
    position: fixed;
    /* Codex: keep compare state in header; prevent fixed flyout from covering pages. */
    display: none !important;
}

.bx_catalog-compare-list.top {
    top: 8px;
}

.bx_catalog-compare-list.right {
    right: 8px;
}

.bx_catalog-compare-list.bottom {
    bottom: 8px;
}

.bx_catalog-compare-list.left {
    left: 8px;
}

.h-compare-flyout__head {
    display: grid;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #edf4f6;
    background: #f8fcfd;
}

.h-compare-flyout__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.h-compare-flyout__icon {
    position: relative;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #5fc2cc;
    box-shadow: 0 8px 18px rgba(95, 194, 204, .24);
}

.h-compare-flyout__icon:before,
.h-compare-flyout__icon:after {
    content: "";
    position: absolute;
    top: 11px;
    width: 8px;
    border-radius: 999px;
    background: #fff;
}

.h-compare-flyout__icon:before {
    left: 11px;
    height: 16px;
}

.h-compare-flyout__icon:after {
    right: 11px;
    height: 11px;
    margin-top: 5px;
}

.h-compare-flyout__title {
    color: #303846;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 900;
}

.h-compare-flyout__count {
    margin-top: 3px;
    color: #778290;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}

.h-compare-flyout__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #5fc2cc;
    border-radius: 10px;
    background: #5fc2cc;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.2;
    font-weight: 900;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.h-compare-flyout__cta:hover {
    border-color: #42aeb9;
    background: #42aeb9;
    color: #fff !important;
    transform: translateY(-1px);
    text-decoration: none;
}

.h-compare-flyout__body {
    max-height: min(360px, calc(100vh - 190px));
    overflow: auto;
    padding: 8px;
}

.h-compare-flyout__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
}

.h-compare-flyout__table td {
    padding: 10px 8px;
    vertical-align: middle;
    background: #fff;
}

.h-compare-flyout__table tr {
    box-shadow: 0 0 0 1px #edf3f5;
    border-radius: 10px;
}

.h-compare-flyout__name a {
    display: -webkit-box;
    overflow: hidden;
    color: #303846 !important;
    font-size: 13px !important;
    line-height: 1.25;
    font-weight: 800;
    text-decoration: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.h-compare-flyout__name a:hover {
    color: #0faeb9 !important;
}

.h-compare-flyout__remove-cell {
    width: 66px;
    text-align: right;
}

.h-compare-flyout__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    background: #f4f7f8;
    color: #778290 !important;
    font-size: 12px !important;
    font-weight: 800;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease;
}

.h-compare-flyout__remove:hover {
    background: #fff0ef;
    color: #e74c3c !important;
    text-decoration: none;
}

body .popup-window {
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 22px 55px rgba(36, 54, 68, .22) !important;
}

body .popup-window-titlebar {
    min-height: 58px !important;
    padding: 0 56px 0 22px !important;
    border-bottom: 1px solid #edf4f6 !important;
    background: #f8fcfd !important;
}

body .popup-window-titlebar-text {
    color: #303846 !important;
    font-size: 18px !important;
    line-height: 58px !important;
    font-weight: 900 !important;
}

body .popup-window-close-icon {
    top: 18px !important;
    right: 18px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background-color: #eef5f7 !important;
    opacity: 1 !important;
}

body .popup-window-content {
    padding: 22px !important;
    color: #303846 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

body .popup-window-buttons {
    display: flex !important;
    gap: 10px !important;
    padding: 0 22px 22px !important;
}

body .popup-window-button,
body .popup-window-button.popup-window-button-accept,
body .popup-window-button.popup-window-button-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 20px !important;
    border: 1px solid #5fc2cc !important;
    border-radius: 10px !important;
    background: #5fc2cc !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

body .popup-window-button:hover,
body .popup-window-button.popup-window-button-accept:hover,
body .popup-window-button.popup-window-button-link:hover {
    border-color: #42aeb9 !important;
    background: #42aeb9 !important;
    color: #fff !important;
}

@media all and (max-width: 767px) {
    .bx_catalog-compare-list {
        left: 12px !important;
        right: 12px !important;
        width: auto;
        margin: 0;
    }
}

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