/* Start:/local/templates/stepsports/css/catalog/index.css?17613194567290*/ .catalog{margin-top:60px;margin-bottom:100px}.catalog__header{margin-bottom:40px;margin-top:8px}@media (max-width:767px){.catalog__header{margin-bottom:50px}}.catalog__header h1{font-weight:700;font-size:40px;line-height:55px;letter-spacing:-1px;color:#272727}@media (max-width:767px){.catalog__header h1{font-weight:600;font-size:18px;line-height:25px}}.catalog__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px}@media (max-width:1279px){.catalog__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.catalog__body__switches{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;max-width:406px;width:100%}@media (max-width:1919px){.catalog__body__switches{max-width:315px}}@media (max-width:1439px){.catalog__body__switches{max-width:285px}}@media (max-width:1279px){.catalog__body__switches{max-width:unset;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:767px){.catalog__body__switches{max-width:unset;width:100%}}.catalog__body__switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f7f7f7;border-radius:12px;padding:7px 16px 7px 8px;font-weight:500;font-size:16px;line-height:22px;color:#272727;cursor:pointer;-webkit-transition:background .3s ease;transition:background .3s ease;max-width:309px;width:100%}@media (max-width:1919px){.catalog__body__switch{max-width:315px}}@media (max-width:1439px){.catalog__body__switch{max-width:285px}}@media (max-width:1279px){.catalog__body__switch{max-width:336px}}@media (max-width:767px){.catalog__body__switch{max-width:unset;width:100%}}.catalog__body__switch:hover{background-color:var(--background-elements-hover)}.catalog__body__switch.active{border:1.5px solid var(--stroke-category-active)}.catalog__body__switch img{background-color:#fff;padding:7px;border-radius:8px}.catalog__body__content,.catalog__body__content__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.catalog__body__content{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;width:100%}.catalog__body__content h5{font-weight:600;font-size:20px;line-height:27px;color:#272727;margin-bottom:16px}.catalog__body__content__filter{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}@media (max-width:1279px){.catalog__body__content__filter{width:100%;overflow-x:auto;text-wrap:nowrap;gap:16px}.catalog__body__content__filter::-webkit-scrollbar{display:none}}.catalog__body__content__filter__button,.catalog__body__content__tag,.catalog__body__content__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.catalog__body__content__filter__button{gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:14px;line-height:19px;color:#eb262b;cursor:pointer}.catalog__body__content__tag,.catalog__body__content__tags{gap:12px}.catalog__body__content__tag{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;gap:4px;background:#f7f7f7;border-radius:8px;font-weight:400;font-size:16px;line-height:22px;text-align:center;color:#272727}@media (max-width:767px){.catalog__body__content__tag{font-weight:400;font-size:13px;line-height:18px}}.catalog__body__content__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px;width:100%;margin-bottom:60px}@media (max-width:767px){.catalog__body__content__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:50px}}.catalog__body__content__column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;width:100%}@media (max-width:767px){.catalog__body__content__column{gap:16px}}.catalog__body__content__card,.catalog__body__content__card__list a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.catalog__body__content__card{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:32px;gap:12px;background:#f7f7f7;border-radius:16px}@media (max-width:1279px){.catalog__body__content__card{padding:20px}}.catalog__body__content__card h6,.catalog__body__content__info h6{font-weight:600;font-size:18px;line-height:25px}.catalog__body__content__card h6 a{color:#272727;cursor:pointer}.catalog__body__content__card__list{gap:8px}.catalog__body__content__card__list a{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:6px;font-weight:400;font-size:13px;line-height:18px;color:#272727;cursor:pointer}@media (max-width:767px){.catalog__body__content__card__list a{font-weight:400;font-size:13px;line-height:18px}}.catalog__body__content__card__list a span{font-weight:400;font-size:13px;line-height:18px;color:rgba(126,126,126,.8)}.catalog__body__content button,.catalog__body__content__card__list,.catalog__body__content__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.catalog__body__content__info p,.catalog__body__content__info ul li{font-weight:400;font-size:16px;line-height:22px;color:#272727}@media (max-width:767px){.catalog__body__content__info p{font-weight:400;font-size:11px;line-height:15px}}.catalog__body__content__info h6{color:#272727}@media (max-width:767px){.catalog__body__content__info h6{font-weight:600;font-size:10px;line-height:15px}}.catalog__body__content__info ul li{list-style-type:disc;margin-left:25px}@media (max-width:767px){.catalog__body__content__info ul li{font-weight:400;font-size:11px;line-height:15px}}.catalog__body__content button{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15.5px 57px;gap:10px;height:50px;background:#272727;border-radius:8px;font-weight:500;font-size:14px;line-height:19px;color:#fff;margin:24px auto 0}@media (max-width:767px){.catalog__body__content button{margin:16px 0 0;width:100%;font-weight:500;font-size:13px;line-height:18px;padding:11px 129px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.catalog__body__content button img{width:20px} .hide-show-block {overflow: hidden} /* End */ /* Start:/local/templates/stepsports/components/bitrix/catalog/main/style.min.css?1755589740684*/ .grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 0;border-bottom:2px solid #d9dee6;border-bottom-color:var(--primary);color:#000} /* End */ /* Start:/local/templates/stepsports/components/bitrix/catalog.section.list/catalog_category/style.css?17594167381951*/ .subcatalog__chips { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; margin-bottom: 40px; width: 100%; overflow-y: auto; text-wrap: nowrap } .subcatalog__chips::-webkit-scrollbar { display: none } @media (max-width: 1279px) { .subcatalog__chips { margin-bottom: 30px; gap: 8px } } .subcatalog__chip a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 16px; gap: 4px; background: #f7f7f7; border-radius: 8px; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; color: #272727; cursor: pointer } @media (max-width: 767px) { .subcatalog__chip a { font-weight: 400; font-size: 13px; line-height: 18px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 16px; gap: 4px } } @media (min-width: 960px) { .subcatalog__chip a:hover { background-color: var(--background-elements-hover) } } .subcatalog__chip a.active { background: #fff; border: 1.3px solid #272727 } /* End */ /* Start:/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/style.css?176217825418847*/ .smart-filter { margin-bottom: 20px; min-width: 220px; width: 100%; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); } .smart-filter-section { position: relative; } .smart-filter-title { margin-bottom: 10px; color: #000; font-size: 18px; } /*Sections*/ .smart-filter-parameters-box { position: relative; } .smart-filter-parameters-box-title { position: relative; display: inline-block; padding-bottom: 7px; font-size: 13px; cursor: pointer; } .smart-filter-parameters-box-title-text { color: var(--primary); cursor: pointer; transition: 250ms linear all; } .bx-active .smart-filter-parameters-box-title-text { color: #333; } /*region Angles*/ .smart-filter-angle { position: relative; display: inline-block; width: 20px; height: 19px; vertical-align: middle; } .smart-filter-angles { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; line-height: 20px; cursor: pointer; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .smart-filter-angles:after, .smart-filter-angles:before { position: absolute; top: 50%; left: 50%; width: 5px; height: 1px; background-color: var(--dark-gray); content: ""; transition: all 250ms ease; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .smart-filter-angles:before, .smart-filter-angle-up .smart-filter-angles:after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .smart-filter-angles:after { margin-left: 3px; } .smart-filter-angles:after, .smart-filter-angle-up .smart-filter-angles:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } /*endregion*/ /*region hint*/ .smart-filter-hint { position: relative; display: inline-block; margin-right: 6px; } .smart-filter-hint-icon { display: block; padding: 0 5px; width: 15px; height: 15px; border-radius: 50%; background-color: var(--primary); color: #fff; vertical-align: middle; text-align: center; font-size: 12px; line-height: 15px; } .smart-filter-hint-popup { position: absolute; top: calc(100% + 8px); left: -7px; z-index: 10; display: none; padding: 10px; min-width: 200px; max-width: 300px; border: 1px solid #dfdfdf; border-radius: 3px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.14); } .smart-filter-hint:hover .smart-filter-hint-popup { display: block; } .smart-filter-hint-popup-angle { position: absolute; top: -5px; left: 10px; width: 10px; height: 10px; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; background-color: #fff; transform: rotate(45deg); } /*endregion*/ .smart-filter-block { width: 100%; display: none; box-sizing: content-box; transition: padding .3s ease; } .smart-filter-button-box .smart-filter-block, .smart-filter-parameters-box.bx-active .smart-filter-block { display: block; } .smart-filter-parameters-box.bx-active .smart-filter-block i.bx-ft-sub { display: block; padding-bottom: 5px; font-style: normal; font-size: 14px; } /*region NUMBERS_WITH_SLIDER*/ .smart-filter-input-group-number { } /*endregion*/ /*region TRACK FOR TYPE NUMBER*/ .smart-filter-slider-track-container { /*overflow: hidden;*/ padding: 25px 8px 25px; } .smart-filter-slider-track { position: relative; height: 5px; background: rgba(126, 126, 126, 0.3); } .smart-filter-slider-ruler { position: absolute; top: -6px; width: 1px; height: 0px; background: #a2bfc7; } .smart-filter-slider-ruler.p1 { left: -1px; } .smart-filter-slider-ruler.p2 { left: 25%; } .smart-filter-slider-ruler.p3 { left: 50%; } .smart-filter-slider-ruler.p4 { left: 75%; } .smart-filter-slider-ruler.p5 { right: -1px; } .smart-filter-slider-ruler span { position: absolute; top: 18px; left: 50%; display: block; margin-left: -50px; width: 100px; color: #000; text-align: center; font-size: 11px; } .smart-filter-slider-ruler.p2 span, .smart-filter-slider-ruler.p3 span, .smart-filter-slider-ruler.p4 span { color: #6b8086; } .smart-filter-slider-range { z-index: 50; } .smart-filter-slider-range, .smart-filter-slider-price-bar, .smart-filter-slider-price-bar-vd, .smart-filter-slider-price-bar-vn, .smart-filter-slider-price-bar-v { position: absolute; top: 0; bottom: 0; } .smart-filter-slider-price-bar { z-index: 100; } .smart-filter-slider-price-bar-vd { z-index: 60; background: #eb262b; } .smart-filter-slider-price-bar-vn { z-index: 70; background-color: var(--theme-color-light); } .smart-filter-slider-price-bar-v { z-index: 80; background-color: var(--theme-color-primary); } .smart-filter-slider-handle { position: absolute; z-index: 65; top: 100%; width: 15px; height: 15px; border-radius: 50%; border: none; background-color: rgb(235, 38, 43); } .smart-filter-slider-handle:hover { cursor: grab; -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; } .smart-filter-slider-handle:active { cursor: grabbing; -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; } .smart-filter-slider-handle.left { left: 0; margin-left: -7.5px; margin-top: -10px; border-top: 7px solid transparent; border-left: 7px solid transparent; } .smart-filter-slider-handle.right { right: 0; margin-right: -7.5px; margin-top: -10px; border-top: 7px solid transparent; border-right: 7px solid transparent; } /*endregion*/ /* region Select */ .smart-filter-input-group-dropdown { /*display: block;*/ /*height: 31px;*/ /*border: 1px solid #ccd5db;*/ /*border-radius: 3px;*/ } .smart-filter-input-group-dropdown.bx-active, .smart-filter-input-group-dropdown:focus { border-color: var(--primary); } .smart-filter-dropdown-block { position: relative; display: block; margin: 0; padding: 0 29px 0 10px; width: 100%; height: 29px; border: none; border-radius: 2px; background: #fff; } .smart-filter-dropdown-text { overflow: hidden; max-width: 100%; height: 29px; vertical-align: middle; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 29px; cursor: pointer; } .smart-filter-dropdown-text.fix { min-width: 120px; } .smart-filter-dropdown-text label { cursor: pointer; } .smart-filter-dropdown-arrow { position: absolute; top: 8px; right: 0; width: 29px; height: 29px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; cursor: pointer; } .smart-filter-input-group-dropdown-flex { display: flex; align-items: center; } .smart-filter-input-group-dropdown-flex .smart-filter-checkbox-btn-image { margin-right: 5px; } /* * Select popup * */ .smart-filter-dropdown-popup { padding: 0; min-width: 173px; background: #fff; } .smart-filter-dropdown-popup ul { margin: 0; padding: 0; list-style: none; } .smart-filter-dropdown-popup ul li { display: block; vertical-align: middle; } .smart-filter-dropdown-popup ul li:first-child { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .smart-filter-dropdown-popup ul li label { display: flex; align-items: center; overflow: hidden; /*padding: 0 5px;*/ width: 100%; color: #575757; white-space: nowrap; cursor: pointer; } .smart-filter-dropdown-popup ul li label.selected, .smart-filter-dropdown-popup ul li label:hover { background: #f3f8fa; color: #000; } .smart-filter-dropdown-popup ul li label.disabled { background: transparent; color: #b8b8b8; } .smart-filter-dropdown-popup ul li .smart-filter-dropdown-text { padding-left: 5px;} /*endregion */ /* region TAGS */ .smart-filter-tag { padding: 18px; border-top: 1px solid var(--theme-color-light); border-bottom: 1px solid var(--theme-color-light); } .smart-filter .bx-tag-link { color: var(--theme-color-light); text-decoration: none; text-shadow: none; font-size: 12px; } .smart-filter .bx-tag-link.bx-active, .smart-filter .bx-tag-link:hover { color: #1d3d46; } /*endregion*/ /*region CHECKBOXES_WITH_PICTURES*/ .smart-filter-input-group-checkbox-pictures { } .smart-filter-input-group-checkbox-pictures .smart-filter-param-label { display: block; float: left; margin-right: 5px; margin-bottom: 5px; } /*endregion*/ /*region CHECKBOXES_WITH_PICTURES_AND_LABELS*/ .smart-filter-input-group-checkbox-pictures-text { } .smart-filter-input-group-checkbox-pictures-text .smart-filter-checkbox-label { display: flex; align-items: center; } .smart-filter-input-group-checkbox-pictures-text .smart-filter-checkbox-text { padding-left: 5px; } /*endregion*/ /*region LABEL */ .smart-filter-checkbox-btn, .smart-filter-checkbox-text-btn { position: relative; display: inline-block; padding: 3px; width: 31px; height: 31px; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; color: #000; vertical-align: middle; text-align: center; text-decoration: none; font-weight: normal; line-height: 23px; cursor: pointer; transition: border .3s ease, box-shadow .1s ease, color .3s ease; } .smart-filter-checkbox-btn:hover, .smart-filter-checkbox-btn:active, .smart-filter-checkbox-btn:focus, .smart-filter-checkbox-label.bx-active .smart-filter-checkbox-btn, .smart-filter-checkbox-label.bx-active .smart-filter-checkbox-btn, .smart-filter-checkbox-text-label.bx-active .smart-filter-checkbox-btn { border-color: var(--primary); } .smart-filter-checkbox-text, .smart-filter-dropdown-text { font-size: 14px; } .smart-filter-checkbox-label.disabled .smart-filter-checkbox-text, .smart-filter-dropdown-label.disabled .smart-filter-dropdown-text, .smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-text, .smart-filter-input-group-checkbox-list.disabled .smart-filter-checkbox-text { color: #6c6c6c; } .smart-filter-checkbox-label.disabled .smart-filter-checkbox-btn, .smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-btn { position: relative; opacity: .7; } .smart-filter-checkbox-label.disabled .smart-filter-checkbox-btn:before, .smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-btn:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; content: ' '; opacity: .7; } .smart-filter-number-label, .smart-filter-dropdown-label, .smart-filter-checkbox-label, .smart-filter-checkbox-text-label { min-height: 20px; font-weight: normal; cursor: pointer; } /**/ .smart-filter-checkbox-btn-image { display: block; width: 23px; height: 23px; border-radius: 2px; background-position: center; background-size: cover; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); vertical-align: middle; line-height: 24px; -webkit-background-size: cover; } .smart-filter-checkbox-btn-image.all { position: relative; border: none; box-shadow: none; display: inline-block; } .smart-filter-checkbox-btn-image.all:after, .smart-filter-checkbox-btn-image.all:before { position: absolute; width: 60%; height: 60%; background: #fff; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); content: " "; } .smart-filter-checkbox-btn-image.all:after { right: 0; bottom: 0; } .smart-filter-checkbox-btn-image.all:before { top: 0; left: 0; } /*endregion*/ /*region Checkbox / Radio */ .smart-filter-input-group-checkbox-list { } .smart-filter-checklist { margin: 0; padding: 0; list-style: none; } /*endregion*/ /* COLOR */ /* --- colors */ .smart-filter-param-btn.bx-color-sl { } .smart-filter-param-label.disabled .smart-filter-param-btn.bx-color-sl { position: relative; background: transparent; box-shadow: none } .smart-filter-param-label.disabled .smart-filter-param-btn.bx-color-sl:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; content: ' '; opacity: .7; } .smart-filter-param-label .smart-filter-param-btn:hover, .smart-filter-param-label.bx-active .smart-filter-param-btn { border-color: var(--primary); } /* * BTN P/M * */ .smart-filter-param-btn.bx-spm { padding: 0; min-width: 23px; width: 23px; height: 23px; border-radius: 50%; background-color: transparent; color: #767b7e; vertical-align: top; font-weight: normal; font-size: 17px; line-height: 23px; } .smart-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .smart-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .smart-filter-param-btn.bx-spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12); } .smart-filter span.bx-spm { display: inline-block; margin: 0 10px; height: 23px; color: #000; vertical-align: middle; font-size: 18px; line-height: 23px; } /* * icon * */ .smart-filter-select-popup .smart-filter-select-text-icon, .smart-filter-select-text-icon { position: relative; display: inline-block; margin-top: -4px; margin-right: 2px; width: 23px; height: 23px; border-radius: 2px; vertical-align: middle; line-height: 33px; } .smart-filter-select-popup .smart-filter-btn-color-icon, .smart-filter-btn-color-icon { display: block; width: 24px; height: 24px; border-radius: 2px; background-size: cover; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); vertical-align: middle; line-height: 24px; -webkit-background-size: cover; } .smart-filter-select-popup .smart-filter-btn-color-icon { top: 0 !important; margin: 2px 0; width: 20px; height: 20px; } .smart-filter-select-block .smart-filter-btn-color-icon { top: -1px !important; } .smart-filter-param-label.disabled .smart-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .smart-filter-parameter-biz { display: inline-block; margin-right: 10px; border-bottom: 1px dashed; color: #1485ce; text-decoration: none; font-size: 14px; line-height: 15px; } .smart-filter-parameter-biz:hover { border-bottom: 1px solid; text-decoration: none; } .smart-filter-parameter-biz.bx-active { position: relative; border-color: transparent; color: #000; } /* * BTN result and reset * */ .btn-themes { color: #fff } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover { color: #fff } /* * Result Popup * */ .smart-filter-popup-result { position: absolute; z-index: 915; display: none; margin-top: -9px; margin-left: 10px; padding: 0 10px; min-height: 37px; border: 1px solid #c6dce7; color: #3f3f3f; white-space: nowrap; font-weight: normal; font-size: 13px; line-height: 18px; } .smart-filter-popup-result.left { border-width: 2px 10px 2px 2px; -webkit-border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_left.png) 4 20 4 4 repeat; -moz-border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_left.png) 4 20 4 4 repeat; -o-border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_left.png) 4 20 4 4 repeat; border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_left.png) 4 20 4 4 fill repeat; } .smart-filter-popup-result.right { border-width: 2px 2px 2px 10px; -webkit-border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_right.png) 4 4 4 20 repeat; -moz-border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_right.png) 4 4 4 20 repeat; -o-border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_right.png) 4 4 4 20 repeat; border-image: url(/local/templates/stepsports/components/bitrix/catalog.smart.filter/main/images/result_popup_right.png) 4 4 4 20 fill repeat; } .smart-filter-popup-result.right { left: 97%; } .smart-filter-popup-result.left { right: 103%; } .smart-filter-horizontal .smart-filter-popup-result { position: relative; right: auto; bottom: -7px; left: auto; display: inline-block; } .smart-filter-popup-result a { color: #eb262b; line-height: 10px; } .smart-filter-popup-result a:hover { text-decoration: none; } .smart-filter-popup-result-close { display: none; } @media (max-width: 767px) { .bx-touch .smart-filter-popup-result { position: fixed !important; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 1001; margin-top: 0; margin-left: 0; padding: 10px; width: auto; height: auto; border: 1px solid #c6dae7; border-radius: 2px; background: rgba(255, 255, 255, .9); font-size: 12px; line-height: 14px; } .bx-touch .smart-filter-popup-result br { display: none; } .smart-filter-popup-result .arrow { display: none; } } #smartFilterDropDown12 { max-width: 365px; width: 100%; padding: 0; } #smartFilterDropDown12 .select-items { position: absolute; display: flex; flex-direction: column; background: #F7F7F7; backdrop-filter: blur(5); gap: 10px; border-radius: 5px; max-width: 369px; width: 100%; z-index: 99; /*top: 45px;*/ padding-top: 7px; } #smartFilterDropDown12 .select-items li { padding: 10px 16px; cursor: pointer; background: #fff; border-radius: 8px } #smartFilterDropDown12 .select-items li label { font-weight: 400; font-size: 18px; line-height: 25px; color: #272727; } .smart-filter-parameters-box-container { width: 100%; } /* End */ /* Start:/bitrix/components/bitrix/catalog.compare.list/templates/bootstrap_v4/style.min.css?1755252250575*/ .catalog-compare-list{z-index:998;overflow:hidden;box-sizing:border-box;margin-bottom:10px;padding:.75rem 1.25rem;max-height:100%;border:1px solid #ced4da;border-radius:.2rem;background:#fff;color:#404040;white-space:normal;font-size:12px;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif}.catalog-compare-list.fixed{position:fixed;width:270px;box-shadow:0 2px 8px 0 rgba(0,0,0,.18)}.catalog-compare-list.top{top:5px}.catalog-compare-list.right{right:5px}.catalog-compare-list.bottom{bottom:5px}.catalog-compare-list.left{left:5px}.catalog-compare-item-list{width:100%} /* End */ /* Start:/local/templates/stepsports/components/bitrix/system.pagenavigation/custom_new/style.css?17637312364931*/ .card-block__pagination { width: 100%; } @media (max-width: 1919px) { .card-block__pagination { margin-top: 40px } } @media (max-width: 767px) { .card-block__pagination { margin-top: 30px } } .card-block-pagination, .card-block-pagination__controls { display: flex; align-items: center; justify-content: center; gap: 26px } .card-block-pagination__controls { gap: 5px } @media (max-width: 767px) { /*.card-block-pagination__controls > li:nth-child(n+4) {*/ /* display: none*/ /*}*/ .card-block-pagination { gap: 0 } } .card-block-pagination__controls li:first-child { margin-right: 26px; } .card-block-pagination__controls li:last-child { margin-left: 26px; } .btn-pagination a { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; color: var(--black); } @media (min-width: 960px) { .btn-pagination:hover { background: var(--background-elements-hover) } } .btn-pagination-next:disabled::after, .btn-pagination-next[disabled]::after { background-image: url(/local/templates/stepsports/components/bitrix/system.pagenavigation/custom_new/../../../../img/svgicons/ui/buttons/arrow-right-disabled.svg) } .btn-pagination { cursor: pointer; display: flex; width: 50px; aspect-ratio: 1/1; justify-content: center; align-items: center; position: relative; border-radius: 8px; color: var(--black); background: var(--background-elements); transition: background .3s ease } .btn-pagination.active { color: var(--white); background-color: var(--black) } @media (min-width: 960px) { .btn-pagination:hover { background: var(--background-elements-hover) } } @media (max-width: 768px) { .btn-pagination { width: 40px; } .btn-pagination a, .btn-pagination.active a, .btn-pagination.active span { font-size: 11px; } .card-block-pagination { gap: 0; } .card-block-pagination__controls li:first-child { margin-right: 21px; } } .btn-pagination-prev::after { content: ""; width: 18px; flex-shrink: 0; aspect-ratio: 1/1; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(/local/templates/stepsports/components/bitrix/system.pagenavigation/custom_new/../../../../img/svgicons/ui/buttons/arrow-left.svg) } .btn-pagination-prev:disabled::after, .btn-pagination-prev[disabled]::after { background-image: url(/local/templates/stepsports/components/bitrix/system.pagenavigation/custom_new/../../../../img/svgicons/ui/buttons/arrow-left-disabled.svg) } .btn-pagination-next::after { content: ""; width: 17px; flex-shrink: 0; aspect-ratio: 1/1; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/stepsports/components/bitrix/system.pagenavigation/custom_new/../../../../img/svgicons/ui/buttons/arrow-right.svg) } .btn-pagination-next:disabled::after, .btn-pagination-next[disabled]::after { background-image: url(/local/templates/stepsports/components/bitrix/system.pagenavigation/custom_new/../../../../img/svgicons/ui/buttons/arrow-right-disabled.svg) } .card-block__pagination { width: 100%; margin: 60px auto 0 } @media (max-width: 1919px) { .card-block__pagination { margin-top: 40px } } @media (max-width: 767px) { .card-block__pagination { margin-top: 30px } } .card-block-pagination, .card-block-pagination__controls { display: flex; align-items: center; justify-content: center; gap: 26px } .card-block-pagination__controls { gap: 5px } @media (max-width: 767px) { .card-block-pagination__controls > li:nth-child(n+5) { /*display: none*/ } .card-block-pagination__controls > li:nth-child(n+6) { display: flex; } .card-block-pagination { gap: 0 } } .card-block__pagination-dots.swiper-pagination { padding-top: 10px; position: static; display: flex; justify-content: center; align-items: center } .card-block__pagination-dots .swiper-pagination-bullet { height: 16px; width: 16px; margin: 0 6px; opacity: 1; background-color: var(--text-element-30) } @media (max-width: 1279px) { .card-block__pagination-dots .swiper-pagination-bullet { height: 8px; width: 8px } } .card-block__pagination-dots .swiper-pagination-bullet-active { background-color: var(--red) } .subcatalog__content__body__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* End */ /* Start:/local/templates/stepsports/components/bitrix/catalog.section/main/style.css?176173156321211*/ .sort-modal__body form strong, .flavor-rating-modal__body form strong, .header__head-left a, .question-modal__body form strong, .review-modal__body form strong { color: var(--black) } .sort-modal.active .sort-modal__overlay, .catalog-modal.active .catalog-modal__overlay, .flavor-rating-modal.active .flavor-rating-modal__overlay, .question-modal.active .question-modal__overlay, .review-modal.active .review-modal__overlay { opacity: 1 } .sort-modal__close::after, .flavor-rating-modal__close::after, .question-modal__close::after, .review-modal__close::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; aspect-ratio: 1/1; background-image: url(/local/templates/stepsports/components/bitrix/catalog.section/main/../../../../img/svgicons/ui/elements/close.svg); background-repeat: no-repeat; background-position: center; background-size: cover } .sort-modal, .sort-modal__overlay { position: fixed; left: 0; top: 0; opacity: 0 } .sort-modal { right: 0; bottom: 0; z-index: 22221; width: 100vw; height: 100vh; visibility: hidden; transition: visibility 0s linear .1s, opacity .3s ease } .sort-modal.active, .catalog-modal.active { visibility: visible; opacity: 1 } .sort-modal__overlay { display: block; background-color: rgba(39, 39, 39, .4); height: 100%; width: 100%; backdrop-filter: blur(5px); transition: opacity .9s ease } .sort-msg{ display: flex; color: var(--red); padding: 0 0 0 0; margin: -12px 0 12px; } .sort-modal__body.success-body .sort-modal__title { margin-top: 2rem; } .sort-modal__wrapper { overflow-x: hidden; overflow-y: auto; z-index: 22222; /*position: fixed;*/ position: fixed; top: 50%; left: 50%; /*transform: translate(-50%, -50%);*/ transform: translate(-50%, -50%); width: 765px; padding: 45px; background: var(--white); border-radius: 32px; display: flex; flex-direction: column; align-items: center; height: max-content } @media (max-width: 1279px) { .sort-modal__wrapper { width: 512px; padding: 32px } } @media (max-width: 767px) { .sort-modal__wrapper { width: 336px; border-radius: 24px; padding: 24px } } .sort-modal__button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 22.5px; padding-bottom: 22.5px; width: 100%; gap: 10px; background: #272727; border-radius: 12px; font-weight: 500; font-size: 18px; line-height: 25px; color: #fff } @media (max-width: 767px) { .sort-modal__button { padding-top: 15.5px; padding-bottom: 15.5px; width: 100%; font-weight: 500; font-size: 14px; line-height: 19px; color: #fff } } .sort-modal__close { cursor: pointer; position: absolute; top: 25px; right: 25px; width: 40px; aspect-ratio: 1/1; border-radius: 8px; background-color: var(--black) } @media (max-width: 767px) { .sort-modal__close { top: 24px; right: 24px; width: 26px } } .sort-modal__content { display: flex; flex-direction: column; gap: 20px; width: 100%; max-height: 100dvh; height: max-content } .sort-modal__body, .sort-modal__body form, .sort-modal__title { display: flex; flex-direction: column; gap: 12px } .sort-modal__body form p { margin-bottom: 8px } @media (max-width: 767px) { .sort-modal__body form p { font-weight: 400; font-size: 11px; line-height: 15px; color: #7e7e7e } } .sort-modal__title { gap: 16px } .sort-modal__title .modal__title { font-weight: 700; font-size: 36px; line-height: 49px; letter-spacing: -1px; color: #272727 } @media (max-width: 767px) { .sort-modal__title .modal__title { font-weight: 600; font-size: 20px; line-height: 27px; color: #272727 } } .sort-modal__input input, .sort-modal__title p { font-weight: 400; font-size: 18px; line-height: 25px; color: #272727 } @media (max-width: 767px) { .sort-modal__title p { display: none } } .sort-modal__input { display: flex; flex-direction: row; align-items: center; padding: 19px 24px; gap: 4px; background: #f7f7f7; border-radius: 12px } @media (max-width: 767px) { .sort-modal__input { padding: 16.5px 16px } } .sort-modal__input input { width: 100%; font-size: 15px; line-height: 20px } @media (max-width: 767px) { .sort-modal__input input { font-size: 14px; line-height: 19px } } .sort-modal__input input::placeholder { font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(126, 126, 126, .8) } @media (max-width: 767px) { .sort-modal__input input::placeholder { font-weight: 400; font-size: 14px; line-height: 19px; color: #7e7e7e } } .sort-modal, .sort-modal__overlay { position: fixed; left: 0; top: 0; opacity: 0 } .sort-modal { right: 0; bottom: 0; z-index: 22221; width: 100vw; height: 100vh; visibility: hidden; transition: visibility 0s linear .1s, opacity .3s ease } .sort-modal.active, .catalog-modal.active { visibility: visible; opacity: 1 } .sort-modal__overlay { display: block; background-color: rgba(39, 39, 39, .4); height: 100%; width: 100%; backdrop-filter: blur(5px); transition: opacity .9s ease } .sort-modal__wrapper { overflow-x: hidden; overflow-y: auto; z-index: 22222; /*position: fixed;*/ position: fixed; top: 50%; left: 50%; /*transform: translate(-50%, -50%);*/ transform: translate(-50%, -50%); width: 765px; padding: 45px; background: var(--white); border-radius: 32px; display: flex; flex-direction: column; align-items: center; height: max-content } @media (max-width: 1279px) { .sort-modal__wrapper { width: 512px; padding: 32px } } @media (max-width: 767px) { .sort-modal__wrapper { width: 336px; border-radius: 24px; padding: 24px } } .sort-modal__button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 22.5px; padding-bottom: 22.5px; width: 100%; gap: 10px; background: #272727; border-radius: 12px; font-weight: 500; font-size: 18px; line-height: 25px; color: #fff } @media (max-width: 767px) { .sort-modal__button { padding-top: 15.5px; padding-bottom: 15.5px; width: 100%; font-weight: 500; font-size: 14px; line-height: 19px; color: #fff } } .sort-modal__close { cursor: pointer; position: absolute; top: 25px; right: 25px; width: 40px; aspect-ratio: 1/1; border-radius: 8px; background-color: var(--black) } @media (max-width: 767px) { .sort-modal__close { top: 24px; right: 24px; width: 26px } } .sort-modal__content { display: flex; flex-direction: column; gap: 20px; width: 100%; max-height: 100dvh; height: max-content } .sort-modal__body, .sort-modal__body form, .sort-modal__title { display: flex; flex-direction: column; gap: 12px } .sort-modal__body form p { margin-bottom: 8px } @media (max-width: 767px) { .sort-modal__body form p { font-weight: 400; font-size: 11px; line-height: 15px; color: #7e7e7e } } .sort-modal__title { gap: 16px } .sort-modal__title .modal__title { font-weight: 700; font-size: 36px; line-height: 49px; letter-spacing: -1px; color: #272727 } @media (max-width: 767px) { .sort-modal__title .modal__title { font-weight: 600; font-size: 20px; line-height: 27px; color: #272727 } } .sort-modal__input input, .sort-modal__title p { font-weight: 400; font-size: 18px; line-height: 25px; color: #272727 } @media (max-width: 767px) { .sort-modal__title p { display: none } } .sort-modal__input { display: flex; flex-direction: row; align-items: center; padding: 19px 24px; gap: 4px; background: #f7f7f7; border-radius: 12px } @media (max-width: 767px) { .sort-modal__input { padding: 16.5px 16px } } .sort-modal__input input { width: 100%; font-size: 15px; line-height: 20px } @media (max-width: 767px) { .sort-modal__input input { font-size: 14px; line-height: 19px } } .sort-modal__input input::placeholder { font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(126, 126, 126, .8) } @media (max-width: 767px) { .sort-modal__input input::placeholder { font-weight: 400; font-size: 14px; line-height: 19px; color: #7e7e7e } } /*** Filter modal ***/ @media (max-width: 1279px) { .catalog-filter-modal__body form strong, .flavor-rating-modal__body form strong, .header__head-left a, .question-modal__body form strong, .review-modal__body form strong { color: var(--black) } .catalog-filter-modal.active .catalog-filter-modal__overlay, .catalog-modal.active .catalog-modal__overlay, .flavor-rating-modal.active .flavor-rating-modal__overlay, .question-modal.active .question-modal__overlay, .review-modal.active .review-modal__overlay { opacity: 1 } .catalog-filter-modal__close::after, .flavor-rating-modal__close::after, .question-modal__close::after, .review-modal__close::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; aspect-ratio: 1/1; background-image: url(/local/templates/stepsports/components/bitrix/catalog.section/main/../../../../img/svgicons/ui/elements/close.svg); background-repeat: no-repeat; background-position: center; background-size: cover } .catalog-filter-modal, .catalog-filter-modal__overlay { position: fixed; left: 0; top: 0; opacity: 0 } .catalog-filter-modal { right: 0; bottom: 0; z-index: 22221; width: 100vw; height: 100vh; visibility: hidden; transition: visibility 0s linear .1s, opacity .3s ease } .catalog-filter-modal.active, .catalog-modal.active { visibility: visible; opacity: 1 } .catalog-filter-modal__overlay { display: block; background-color: rgba(39, 39, 39, .4); height: 100%; width: 100%; backdrop-filter: blur(5px); transition: opacity .9s ease } .sort-msg{ display: flex; color: var(--red); padding: 0 0 0 0; margin: -12px 0 12px; } .catalog-filter-modal__body.success-body .catalog-filter-modal__title { margin-top: 2rem; } .catalog-filter-modal__wrapper { overflow-x: hidden; overflow-y: auto; z-index: 22222; /*position: fixed;*/ position: fixed; top: 50%; left: 50%; /*transform: translate(-50%, -50%);*/ transform: translate(-50%, -50%); width: 765px; padding: 45px; background: transparent; border-radius: 32px; display: flex; flex-direction: column; align-items: center; height: max-content } @media (max-width: 1279px) { .catalog-filter-modal__wrapper { width: 512px; padding: 53px 24px 24px; } } @media (max-width: 767px) { .catalog-filter-modal { width: auto; } .catalog-filter-modal__wrapper { width: 100%; border-radius: 24px; padding: 53px 24px 24px; height: 100%; } } .catalog-filter-modal__button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 22.5px; padding-bottom: 22.5px; width: 100%; gap: 10px; background: #272727; border-radius: 12px; font-weight: 500; font-size: 18px; line-height: 25px; color: #fff } @media (max-width: 767px) { .catalog-filter-modal__button { padding-top: 15.5px; padding-bottom: 15.5px; width: 100%; font-weight: 500; font-size: 14px; line-height: 19px; color: #fff } } .catalog-filter-modal__close { cursor: pointer; position: absolute; top: 15px; right: 25px; width: 40px; aspect-ratio: 1/1; border-radius: 8px; background-color: var(--black) } @media (max-width: 767px) { .catalog-filter-modal__close { top: 24px; right: 24px; width: 26px } } .catalog-filter-modal__content { display: flex; flex-direction: column; gap: 20px; width: 100%; max-height: 100dvh; height: max-content } .catalog-filter-modal__body, .catalog-filter-modal__body form, .catalog-filter-modal__title { display: flex; flex-direction: column; gap: 12px } .catalog-filter-modal__body form p { margin-bottom: 8px } @media (max-width: 1279px) { .catalog-filter-modal__body form { padding: 20px 0; } } @media (max-width: 767px) { .catalog-filter-modal__body form p { font-weight: 400; font-size: 11px; line-height: 15px; color: #7e7e7e } .catalog-filter-modal__body form { padding: 20px 0; } } .catalog-filter-modal__title { gap: 16px } .catalog-filter-modal__title .modal__title { font-weight: 700; font-size: 36px; line-height: 49px; letter-spacing: -1px; color: #272727 } @media (max-width: 767px) { .catalog-filter-modal__title .modal__title { font-weight: 600; font-size: 20px; line-height: 27px; color: #272727 } } .catalog-filter-modal__input input, .catalog-filter-modal__title p { font-weight: 400; font-size: 18px; line-height: 25px; color: #272727 } @media (max-width: 767px) { .catalog-filter-modal__title p { display: none } } .catalog-filter-modal__input { display: flex; flex-direction: row; align-items: center; padding: 19px 24px; gap: 4px; background: #f7f7f7; border-radius: 12px } @media (max-width: 767px) { .catalog-filter-modal__input { padding: 16.5px 16px } } .catalog-filter-modal__input input { width: 100%; font-size: 15px; line-height: 20px } @media (max-width: 767px) { .catalog-filter-modal__input input { font-size: 14px; line-height: 19px } } .catalog-filter-modal__input input::placeholder { font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(126, 126, 126, .8) } @media (max-width: 767px) { .catalog-filter-modal__input input::placeholder { font-weight: 400; font-size: 14px; line-height: 19px; color: #7e7e7e } } .catalog-filter-modal, .catalog-filter-modal__overlay { position: fixed; left: 0; top: 0; opacity: 0 } .catalog-filter-modal { right: 0; bottom: 0; z-index: 22221; width: 100vw; height: 100vh; visibility: hidden; transition: visibility 0s linear .1s, opacity .3s ease } .catalog-filter-modal.active, .catalog-modal.active { visibility: visible; opacity: 1 } .catalog-filter-modal__overlay { display: block; background-color: rgba(39, 39, 39, .4); height: 100%; width: 100%; backdrop-filter: blur(5px); transition: opacity .9s ease } .catalog-filter-modal__wrapper { overflow-x: hidden; overflow-y: auto; z-index: 22222; /*position: fixed;*/ position: fixed; top: 50%; left: 50%; /*transform: translate(-50%, -50%);*/ transform: translate(-50%, -50%); width: 765px; padding: 45px; background: transparent; border-radius: 32px; display: flex; flex-direction: column; align-items: center; height: max-content } @media (max-width: 1279px) { .catalog-filter-modal__wrapper { width: 512px; padding: 75px 25px 24px } } @media (max-width: 767px) { .catalog-filter-modal__wrapper { width: 100%; border-radius: 24px; padding: 60px 25px 24px; height: 100%; } .catalog-filter-modal__content { max-height: none; height: 100%; } } .catalog-filter-modal__button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 22.5px; padding-bottom: 22.5px; width: 100%; gap: 10px; background: #272727; border-radius: 12px; font-weight: 500; font-size: 18px; line-height: 25px; color: #fff } @media (max-width: 767px) { .catalog-filter-modal__button { padding-top: 15.5px; padding-bottom: 15.5px; width: 100%; font-weight: 500; font-size: 14px; line-height: 19px; color: #fff } } .catalog-filter-modal__close { cursor: pointer; position: absolute; top: 25px; right: 25px; width: 40px; aspect-ratio: 1/1; border-radius: 8px; background-color: var(--black) } @media (max-width: 767px) { .catalog-filter-modal__close { top: 24px; right: 24px; width: 26px } } .catalog-filter-modal__content { display: flex; flex-direction: column; gap: 20px; width: 100%; max-height: 100dvh; height: max-content } .catalog-filter-modal__body, .catalog-filter-modal__body form, .catalog-filter-modal__title { display: flex; flex-direction: column; gap: 12px } .catalog-filter-modal__body form p { margin-bottom: 8px } @media (max-width: 767px) { .catalog-filter-modal__body form p { font-weight: 400; font-size: 11px; line-height: 15px; color: #7e7e7e } } .catalog-filter-modal__title { gap: 16px } .catalog-filter-modal__title .modal__title { font-weight: 700; font-size: 36px; line-height: 49px; letter-spacing: -1px; color: #272727 } @media (max-width: 767px) { .catalog-filter-modal__title .modal__title { font-weight: 600; font-size: 20px; line-height: 27px; color: #272727 } } .catalog-filter-modal__input input, .catalog-filter-modal__title p { font-weight: 400; font-size: 18px; line-height: 25px; color: #272727 } @media (max-width: 767px) { .catalog-filter-modal__title p { display: none } } .catalog-filter-modal__input { display: flex; flex-direction: row; align-items: center; padding: 19px 24px; gap: 4px; background: #f7f7f7; border-radius: 12px } @media (max-width: 767px) { .catalog-filter-modal__input { padding: 16.5px 16px } } .catalog-filter-modal__input input { width: 100%; font-size: 15px; line-height: 20px } @media (max-width: 767px) { .catalog-filter-modal__input input { font-size: 14px; line-height: 19px } } .catalog-filter-modal__input input::placeholder { font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(126, 126, 126, .8) } @media (max-width: 767px) { .catalog-filter-modal__input input::placeholder { font-weight: 400; font-size: 14px; line-height: 19px; color: #7e7e7e } } } /*** End filter modal ***/ /* End */ /* Start:/local/templates/stepsports/css/subcatalog/index.css?176578832043773*/ .btn-slider, .btns-slider { display: flex; gap: 8px } .btn-slider { cursor: pointer; width: 45px; height: 45px; aspect-ratio: 1/1; justify-content: center; align-items: center; gap: 10px; position: relative; border-radius: 8px; background: var(--background-elements); transition: background .3s ease } @media (min-width: 960px) { .btn-slider:hover { background: var(--background-elements-hover) } } @media (max-width: 767px) { .btn-slider { width: 44px; height: 44px; } } .btn-slider::after { content: ""; width: 17px; flex-shrink: 0; aspect-ratio: 1/1; background-repeat: no-repeat; background-size: cover; background-position: center } @media (max-width: 767px) { .btn-slider::after { width: 17px } } .btn-slider-prev::after { transform: rotate(180deg) } .btn-slider-next.swiper-button-disabled::after, .btn-slider-prev.swiper-button-disabled::after { transform: rotate(0deg); background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/elements/arrow-left-disabled.svg) } .btn-slider-next::after, .btn-slider-prev::after { background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/elements/arrow-right.svg) } .btn-slider-next.swiper-button-disabled::after { transform: rotate(180deg) } .btn-s { cursor: pointer; display: inline-block; padding: 15.5px; font-size: 14px; font-weight: 500; color: var(--white); border-radius: 8px; background-color: var(--black); text-align: center } @media (min-width: 960px) { .btn-s:hover { background-color: var(--alerts-black-hover) } } .btn-s:focus { background-color: var(--alerts-black-hover) } .btn-s:disabled, .btn-s[disabled] { cursor: default; background-color: var(--black); color: var(--alerts-grey-text-disabled) } .btn-m-primary { cursor: pointer; display: inline-block; padding: 19px; font-size: 16px; font-weight: 500; letter-spacing: 0; color: var(--white); border-radius: 12px; background-color: var(--red); text-align: center } @media (min-width: 960px) { .btn-m-primary:hover { background-color: var(--alerts-red-hover) } } .btn-m-primary:focus { background-color: var(--alerts-red-hover) } .btn-m-primary:disabled, .btn-m-primary[disabled] { cursor: default; background-color: var(--black); color: var(--alerts-grey-text-disabled) } .btn-m-dark { cursor: pointer; display: inline-block; padding: 19px; font-size: 16px; font-weight: 500; letter-spacing: 0; color: var(--white); border-radius: 12px; background-color: var(--black); text-align: center } @media (min-width: 960px) { .btn-m-dark:hover { background-color: var(--alerts-black-hover) } } .btn-m-dark:focus { background-color: var(--alerts-black-hover) } .btn-m-dark:disabled, .btn-m-dark[disabled] { cursor: default; background-color: var(--black); color: var(--alerts-grey-text-disabled) } .btn-tab { cursor: pointer; font-size: 16px; font-weight: 500; letter-spacing: 0; padding: 16px 16px 14px; border-radius: 12px 12px 0 0; color: var(--black); border-bottom: 2px solid transparent; transition: border .3s ease, background .3s ease } @media (max-width: 767px) { .btn-tab { font-size: 13px } } .btn-tab.active { cursor: default; color: var(--white); background-color: var(--black) } @media (min-width: 960px) { .btn-tab:hover:not(.active) { background-color: var(--background-elements-hover); color: var(--black); border-color: var(--black) } } .btn-chips { cursor: pointer; display: inline-flex; padding: 12px 16px; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; background: var(--background-elements); font-size: 16px; font-weight: 500; letter-spacing: 0 } @media (min-width: 960px) { .btn-chips:hover { background-color: var(--background-elements-hover) } } .btn-chips:focus { background-color: var(--background-elements-hover) } .btn-chips.active { border: 1.3px solid var(--black); background-color: var(--white) } .btn-chips:disabled, .btn-chips[disabled] { cursor: default; background: var(--background-elements); color: var(--text-element-50) } @media (max-width: 767px) { .btn-chips { padding: 6px 16px; font-size: 13px; font-weight: 400; } .product-head-properties__title { font-size: 14px; } } .product-card, .product-card.swiper-slide { width: 405px } @media (max-width: 1919px) { .product-card, .product-card.swiper-slide { width: 315px } .product-card__inner { max-width: 315px; } } @media (max-width: 1439px) { .product-card, .product-card.swiper-slide { width: 285px } .product-card__inner { max-width: 285px; } } @media (max-width: 1279px) { .product-card, .product-card.swiper-slide { width: 336px } .product-card__inner { max-width: 336px; } } @media (max-width: 767px) { .product-card, .product-card.swiper-slide { width: 160px } .product-card__inner { max-width: 160px; } } .product-card .product-card__inner, .product-card.swiper-slide .product-card__inner { display: flex; flex-direction: column; gap: 14px } .product-card__head { height: 429px; width: 100%; border-radius: 32px; position: relative; overflow: hidden } @media (max-width: 1919px) { .product-card__head { border-radius: 24px; height: 331px } } @media (max-width: 1439px) { .product-card__head { border-radius: 20px } } @media (max-width: 1279px) { .product-card__head { border-radius: 24px } } @media (max-width: 767px) { .product-card__head { border-radius: 12px; height: 200px } } .product-card__head-img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; background-size: contain; /*background-size: cover;*/ background-repeat: no-repeat; background-position: center center; background-image: none !important; /*background-image: url(/local/templates/stepsports/css/subcatalog/../../img/images/pages/product/bcg-product.png) !important;*/ } .product-card__head-btns { position: absolute; width: 56px; aspect-ratio: 1/1; border-radius: 12px; background-color: var(--white); transition: all .3s ease } @media (max-width: 1919px) { .product-card__head-btns { width: 48px; border-radius: 8px } } @media (max-width: 767px) { .product-card__head-btns { width: 28px; border-radius: 6px } } .product-card__head-likes { top: 18px; right: 18px } @media (max-width: 1919px) { .product-card__head-likes { top: 17px; right: 12px } } @media (max-width: 1439px) { .product-card__head-likes { right: 18px } } @media (max-width: 1279px) { .product-card__head-likes { right: 17px } } @media (max-width: 767px) { .product-card__head-likes { top: 10px; right: 10px } } @media (min-width: 960px) { .product-card__head-likes:hover { background-color: var(--background-elements-hover) } } .product-card__head-likes::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; aspect-ratio: 1/1; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/like-default.svg) } @media (max-width: 767px) { .product-card__head-likes::after { width: 14px } } .product-card__head-likes.active::after { background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/like-active.svg) } .product-card__head-compare { bottom: 18px; right: 18px } @media (max-width: 1919px) { .product-card__head-compare { bottom: 17px; right: 12px } } @media (max-width: 1439px) { .product-card__head-compare { right: 18px } } @media (max-width: 1279px) { .product-card__head-compare { right: 17px } } @media (max-width: 767px) { .product-card__head-compare { bottom: 10px; right: 10px } } @media (min-width: 960px) { /*.product-card__head-compare:hover {*/ /* border: 1px solid var(--stroke-category-active)*/ /*}*/ } .product-card__head-compare::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; aspect-ratio: 1/1; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/compare-default.svg) } .product-card__head-compare.active { border: 1px solid var(--stroke-category-active) } .product-card__body { display: flex; flex-direction: column; gap: 8px } @media (max-width: 1919px) { .product-card__body { gap: 4px } } @media (max-width: 767px) { .product-card__body { gap: 0 } } .product-card__body-prices { min-height: 49px; display: flex; align-items: center; gap: 8px } @media (max-width: 1919px) { .product-card__body-prices { min-height: 44px } } @media (max-width: 767px) { .product-card__body-prices { min-height: 25px } } .product-card__body-prices-current { font-size: 36px; letter-spacing: -.5px; font-weight: 600 } @media (max-width: 1919px) { .product-card__body-prices-current { font-size: 32px; letter-spacing: -.5px; font-weight: 600 } } @media (max-width: 767px) { .product-card__body-prices-current { font-size: 18px; letter-spacing: 0 } } .product-card__body-prices-old { color: var(--text-elements); position: relative; font-weight: 600; font-size: 20px; letter-spacing: 0; } @media (max-width: 1919px) { .product-card__body-prices-old { font-size: 18px; letter-spacing: 0; font-weight: 600 } } @media (max-width: 767px) { .product-card__body-prices-old { font-size: 14px; letter-spacing: 0; font-weight: 400 } } .product-card__body-prices-old::after { content: ""; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background-color: var(--text-elements); transform: translateY(-50%) } a.b1.product-card__body-text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; color: var(--black); } @media (max-width: 1919px) { a.b1.product-card__body-text { font-size: 14px } } @media (max-width: 767px) { a.b1.product-card__body-text { font-size: 11px } .b2.product-card__body-rating { padding-left: 24px; font-size: 11px; } .b2.product-card__body-reviews { font-size: 11px; } .footnote.product-card__body-logistics { font-size: 11px; } } .product-card__body-statistics { display: flex; gap: 24px } @media (max-width: 767px) { .product-card__body-statistics { gap: 8px } } .product-card__body-rating { position: relative; padding-left: 30px } @media (max-width: 1919px) { .b2.product-card__body-rating { padding-left: 26px; font-size: 14px } } @media (max-width: 767px) { .b2.product-card__body-rating { padding-left: 24px; font-size: 11px } } .product-card__body-rating::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; aspect-ratio: 1/1; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/star.svg) } @media (max-width: 1919px) { .product-card__body-rating::before { width: 20px } } @media (max-width: 767px) { .product-card__body-rating::before { width: 16px } } .product-card__body-reviews { padding-left: 13px; color: var(--text-elements); position: relative } @media (max-width: 1919px) { .b2.product-card__body-reviews { font-size: 14px } } @media (max-width: 767px) { .b2.product-card__body-reviews { font-size: 11px } } .product-card__body-reviews::before { content: ""; width: 5px; aspect-ratio: 1/1; background-color: var(--text-elements); position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50% } .product-card__body-state { padding-left: 26px; color: var(--red); position: relative } .product-card__body-self-pickup::before, .product-card__body-state::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; aspect-ratio: 1/1; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/alert.svg) } .product-card__body-logistics { display: flex; gap: 20px; flex-wrap: wrap } @media (max-width: 1919px) { .product-card__body-logistics { font-size: 11px } } @media (max-width: 767px) { .product-card__body-logistics { gap: 2px } } .product-card__body-delivery, .product-card__body-self-pickup { padding-left: 26px; position: relative } .product-card__body-self-pickup::before { background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/pickup.svg) } @media (max-width: 767px) { .product-card__body-self-pickup::before { width: 16px } } .product-card__body-delivery::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; aspect-ratio: 1/1; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/delivery.svg) } @media (max-width: 767px) { .product-card__body-delivery::before { width: 16px } } .product-card__foot-pre-order { padding: 19px; background-color: var(--black); width: 100%; cursor: pointer; min-height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 12px } .product-card__foot-pre-order-text { color: var(--white); position: relative; padding-left: 34px } @media (max-width: 767px) { .product-card__foot-pre-order-text { padding-left: 0 } } .product-card__foot-pre-order-text::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; aspect-ratio: 1/1; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/local/templates/stepsports/css/subcatalog/../../img/svgicons/ui/product-cards/shopping-bag.svg) } @media (max-width: 767px) { .product-card__foot-pre-order-text::before { display: none } } .product-card__foot-buttons { display: grid; grid-template-columns:repeat(2, 1fr); gap: 14px } @media (max-width: 1919px) { .product-card__foot-buttons { gap: 8px } } @media (max-width: 767px) { .product-card__foot-buttons { grid-template-columns:1fr; grid-template-rows:auto } } button.product-card__foot-btn { padding: 19px } @media (max-width: 1919px) { button.product-card__foot-btn { padding: 15.5px; font-size: 14px } } @media (max-width: 767px) { button.product-card__foot-btn { padding: 11px; font-size: 13px } } .product-card__foot-btn_buy { color: var(--red); border: solid 1px var(--red); border-radius: 12px; transition: background .3s ease } @media (min-width: 960px) { .product-card__foot-btn_buy:hover { background-color: rgba(212, 18, 23, .07) } } .product-card__foot-btn_buy:focus { background-color: rgba(212, 18, 23, .07) } .product-card__foot-btn_buy-disabled { display: none } .product-card__foot-btn_buy:disabled, .product-card__foot-btn_buy[disabled] { border: 0; background-color: var(--background-elements-hover); color: var(--text-element-50) } .product-card__foot-btn_buy:disabled .product-card__foot-btn_buy-default, .product-card__foot-btn_buy[disabled] .product-card__foot-btn_buy-default { display: none } .product-card__foot-btn_buy:disabled .product-card__foot-btn_buy-disabled, .product-card__foot-btn_buy[disabled] .product-card__foot-btn_buy-disabled { display: inline-block } .product-card__foot-btn_cart { color: var(--white); border-radius: 12px; background-color: var(--red); transition: background .3s ease } @media (min-width: 960px) { .product-card__foot-btn_cart:hover { background-color: var(--alerts-red-hover) } } .product-card__foot-btn_cart:focus { background-color: var(--alerts-red-hover) } .product-card__foot-btn_cart-disabled, .subcatalog__buttons button { display: none } .sort__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .sort__wrap .sort { display: flex; flex-direction: column; position: absolute; align-items: flex-start; padding: 20px; gap: 26px; min-width: 275px; width: 100%; height: auto; background: #fff; box-shadow: 0 8px 16px rgba(12, 12, 13, .08); border-radius: 20px; top: 35px; bottom: auto; right: 0; left: auto; z-index: 103; } .sort-modal .sort { display: flex; align-items: flex-start; flex-direction: column; position: static; padding: 0; gap: 26px; min-width: 275px; width: 100%; height: auto; background: #fff; top: 35px; bottom: auto; right: 0; left: auto; z-index: 103; } .sort-modal .sort a, .sort__wrap .sort a { width: 100%; display: flex; flex-direction: column; gap: 12px; color: var(--black); } .sort-modal .sort a.active, .sort__wrap .sort a.active { color: var(--red); } .sort-modal .sort a:before, .sort__wrap .sort a:before { content: ''; position: absolute; } .sort-modal .sort a:hover, .sort__wrap .sort a:hover { color: var(--text-elements); } .sort__item-wrap { display: flex; justify-content: space-between; align-items: center; flex-direction: row; width: 100%; } .sort__item-wrap .smart-filter-angle { display: none; } .sort__item-wrap.active .smart-filter-angle { display: block; } .sort__wrap .sort__arrow { transition: 0.3s; transform: rotate(180deg); } .sort__wrap.opened .sort__arrow { transform: rotate(0deg); } .product-card__foot-btn_cart:disabled, .product-card__foot-btn_cart[disabled] { background-color: var(--black); color: var(--alerts-grey-text-disabled) } .product-card__foot-btn_cart:disabled .product-card__foot-btn_cart-default, .product-card__foot-btn_cart[disabled] .product-card__foot-btn_cart-default { display: none } .product-card__foot-btn_cart:disabled .product-card__foot-btn_cart-disabled, .product-card__foot-btn_cart[disabled] .product-card__foot-btn_cart-disabled { display: inline-block } .card-block.swiper { display: flex; flex-direction: column; gap: 30px } .card-block__head { display: flex; justify-content: space-between; align-items: center } .card-block__title, .subcatalog__header h1 { font-size: 36px; font-weight: 700; letter-spacing: -1px } @media (max-width: 1279px) { .card-block__title { font-size: 32px; font-weight: 600; letter-spacing: -.5px } } @media (max-width: 767px) { .card-block__title { font-size: 18px; letter-spacing: 0 } } .catalog { margin-top: 60px; margin-bottom: 20px } @media (max-width: 1279px) { .catalog { margin-top: 50px } } @media (max-width: 767px) { .catalog { margin-top: 24px; margin-bottom: 80px } } .subcatalog__header { margin-top: 8px; margin-bottom: 40px } @media (max-width: 1279px) { .subcatalog__header { margin-bottom: 30px } } @media (max-width: 767px) { .subcatalog__header { margin-bottom: 30px } } .subcatalog__header h1 { font-size: 40px; line-height: 55px; color: #272727 } @media (max-width: 1919px) { .subcatalog__header h1 { font-weight: 700; font-size: 40px; line-height: 55px; letter-spacing: -1px } } @media (max-width: 1439px) { .subcatalog__header h1 { font-weight: 700; font-size: 36px; line-height: 49px; letter-spacing: -1px } } @media (max-width: 1279px) { .subcatalog__header h1 { font-weight: 600; font-size: 32px; line-height: 44px; letter-spacing: -.5px } } @media (max-width: 767px) { .subcatalog__header h1 { font-weight: 600; font-size: 18px; line-height: 25px; letter-spacing: 0 } } .subcatalog__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px } @media (max-width: 1279px) { .subcatalog__buttons { -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; gap: 16px } } @media (max-width: 1279px) { .subcatalog__buttons button { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15.5px 123px; gap: 10px; border: 1px solid #272727; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 19px; color: #272727 } .subcatalog__buttons button img { width: 20px } } @media (max-width: 767px) { .subcatalog__buttons button { padding: 11px 37px; font-weight: 500; font-size: 13px; line-height: 18px; color: #272727 } .subcatalog__buttons button img { width: 20px } } .subcatalog__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } @media (max-width: 1279px) { .subcatalog__button { display: none } } @media (max-width: 767px) { .subcatalog__button { display: none } } @media (max-width: 1279px) { .subcatalog__button img { display: none } } @media (max-width: 767px) { .subcatalog__button img { display: none } } .subcatalog__button:last-child { gap: 0 } .subcatalog__button:last-child img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .container.subcatalog__content-wrap { margin-bottom: 80px; } .subcatalog__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px } @media (max-width: 1279px) { .subcatalog__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px } } @media (max-width: 767px) { .subcatalog__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px } } .subcatalog__content__filter { width: 100%; max-width: 405px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; position: relative; } @media (max-width: 1919px) { .subcatalog__content__filter { max-width: 315px } } @media (max-width: 1439px) { .subcatalog__content__filter { max-width: 350px } } @media (max-width: 1279px) { .subcatalog__content__filter { display: none; } .subcatalog__content__filter { display: block; max-width: 462px; } } @media (max-width: 767px) { .subcatalog__content__filter { display: none } .subcatalog__content__filter { display: block; } } .subcatalog__content__filter__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px } .subcatalog__content__filter__elem, .subcatalog__content__filter__elem .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .subcatalog__content__filter__elem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 18px 16px 20px; gap: 10px; background: #f7f7f7; border-radius: 16px; font-weight: 400; font-size: 18px; line-height: 25px; color: #272727 } .subcatalog__content__body__footer__list h6, .subcatalog__content__filter__elem .title h6, .subcatalog__content__filter__elem h6 { font-weight: 600; font-size: 18px; line-height: 25px; color: #272727 } .subcatalog__content__filter__elem .title { width: 100% } .subcatalog__content__filter__elem.colunm, .subcatalog__content__filter__elem.colunm .colunm__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .subcatalog__content__filter__elem.colunm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .subcatalog__content__filter__elem.colunm .colunm__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; max-height: 134px; overflow-y: auto; width: 100% } .subcatalog__content__filter__elem.colunm .colunm__list::-webkit-scrollbar { width: 2px } .subcatalog__content__filter__elem.colunm .colunm__list::-webkit-scrollbar-track { background: 0 0 } .subcatalog__content__filter__elem.colunm .colunm__list::-webkit-scrollbar-thumb { background: #eb262b; height: 11px } .subcatalog__content__filter__elem.colunm .colunm__list label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .subcatalog__content__filter__elem.colunm .colunm__list label input { margin-right: 8px; width: 16px; height: 16px } .subcatalog__content__filter__elem.colunm .price-labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px } .subcatalog__content__filter__elem.colunm .price-labels input { width: 45%; padding: 5px; border: 1px solid #ddd; border-radius: 5px; text-align: center; background-color: #fff; color: #999 } .subcatalog__content__filter__elem.colunm .slider-container { position: relative; margin-top: 10px; width: 100% } .subcatalog__content__filter__elem.colunm .slider { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 5px; background: #ddd; border-radius: 5px; outline: 0 } .subcatalog__content__filter__elem.colunm .slider::before { display: none } .subcatalog__content__filter__elem.colunm .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; background: red; border-radius: 50%; cursor: pointer } .subcatalog__content__filter__elem.colunm .slider::-moz-range-thumb { width: 15px; height: 15px; background: red; border-radius: 50%; cursor: pointer } .subcatalog__content__filter__elem.colunm .slider-values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; color: #666; margin-top: 5px; width: 100% } .subcatalog__content__filter__elem.colunm .custom-select { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; max-width: 369px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #fff; border-radius: 8px; cursor: pointer; position: relative } .subcatalog__content__filter__elem .row, .subcatalog__content__filter__elem .row input, .subcatalog__content__filter__elem.colunm .custom-select, .subcatalog__content__filter__elem.colunm .select-selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .subcatalog__content__filter__elem.colunm .select-selected { padding: 10px 16px; max-width: 369px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .subcatalog__content__filter__elem.colunm .select-selected img { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all .3s ease; transition: all .3s ease } .subcatalog__content__filter__elem.colunm .select-selected img.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s ease; transition: all .3s ease } .subcatalog__content__filter__elem.colunm .select-items { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f7f7f7; -webkit-backdrop-filter: blur(5); backdrop-filter: blur(5); gap: 10px; border-radius: 5px; max-width: 369px; width: 100%; z-index: 99; top: 45px; padding-top: 7px } .subcatalog__content__filter__elem.colunm .select-items li, .subcatalog__content__filter__elem.colunm .select-items div { padding: 10px 16px; cursor: pointer; background: #fff; border-radius: 8px } @media (min-width: 960px) { .subcatalog__content__filter__elem.colunm .select-items li:hover, .subcatalog__content__filter__elem.colunm .select-items div:hover { background: var(--background-elements-hover) } } .subcatalog__content__filter__elem.colunm .select-hide { display: none } .subcatalog__content__filter__elem .row, .subcatalog__content__filter__elem .row input { gap: 10px } .subcatalog__content__filter__elem .row input { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 16px; gap: 4px; width: 100%; background: #fff; border-radius: 8px } .subcatalog__content__filter__elem .switch { position: relative; display: inline-block; width: 52px; height: 32px } .subcatalog__content__filter__elem .switch input { opacity: 0; width: 0; height: 0 } .subcatalog__content__filter__elem .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px } .subcatalog__content__filter__elem .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 50% } .subcatalog__content__filter__elem input:checked + .slider { background-color: #eb262b } .subcatalog__content__filter__elem input:checked + .slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px) } .subcatalog__content__filter__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 14px } @media (max-width: 1919px) { .subcatalog__content__filter__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 1439px) { .subcatalog__content__filter__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .subcatalog__content__filter__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15.5px 64.5px; gap: 10px; border: 1px solid #272727; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 19px; color: #272727; cursor: pointer } @media (max-width: 1919px) { .subcatalog__content__filter__button:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .subcatalog__content__filter__button:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media (max-width: 1439px) { .subcatalog__content__filter__button:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .subcatalog__content__filter__button:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media (max-width: 1279px) { .subcatalog__content__filter__buttons { -ms-flex-direction: row; flex-direction: row } .subcatalog__content__filter__button { width: 100%; color: var(--black); background-color: var(--white); border-color: var(--white); } .subcatalog__content__filter__button:last-child { border-color: var(--black); } .catalog-filter-modal__close { background-color: var(--white); } .catalog-filter-modal__close::after { background-image: url(/local/templates/stepsports/components/bitrix/catalog.section/main/../../../../img/svgicons/ui/elements/close_black.svg); } } .subcatalog__content__filter__button:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15.5px 59.5px; gap: 10px; background: #272727; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 19px; color: #fff } @media (max-width: 1279px) { .subcatalog__content__filter__button { padding: 15.5px 0; } .subcatalog__content__filter__button:last-child { padding: 15.5px 0; } } .subcatalog__content__body, .subcatalog__content__body__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal } .subcatalog__content__body { width: 100%; max-width: 1255px; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; gap: 60px } .subcatalog__content__body__list { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; /*gap: 18px;*/ gap: 5px; row-gap: 28px; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1439px) { .subcatalog__content__body__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 19px } } @media (max-width: 1279px) { .subcatalog__content__body__list { gap: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 767px) { .subcatalog__content__body__list { gap: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .subcatalog__content__body__also-buy, .subcatalog__content__body__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } .subcatalog__content__body__also-buy h5 { font-weight: 600; font-size: 24px; line-height: 33px; color: #272727 } @media (max-width: 1279px) { .subcatalog__content__body__also-buy h5 { font-weight: 600; font-size: 24px; line-height: 33px } } @media (max-width: 767px) { .subcatalog__content__body__also-buy h5 { font-weight: 600; font-size: 18px; line-height: 25px } } @media (max-width: 767px) { .subcatalog__content__body__footer { gap: 16px } } .subcatalog__content__body__footer__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; font-weight: 400; font-size: 16px; line-height: 22px; color: #272727 } @media (max-width: 767px) { .subcatalog__content__body__footer__list { font-weight: 400; font-size: 11px; line-height: 15px } } .subcatalog__content__body__footer__list ul li { list-style: disc; margin-left: 30px } @media (max-width: 767px) { .subcatalog__content__body__footer__list ul li { margin-left: 20px } } @media (max-width: 767px) { .subcatalog__content__body__footer__list h6 { font-size: 11px; line-height: 15px } } .subcatalog__content__body__footer__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15.5px 57px; gap: 10px; background: #272727; border-radius: 8px; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto; font-weight: 500; font-size: 14px; line-height: 19px; color: #fff } @media (max-width: 767px) { .subcatalog__content__body__footer__button { width: 100%; padding: 11px 0; font-weight: 500; font-size: 13px; line-height: 18px } } .subcatalog__content__body__chip, .subcatalog__content__body__chips { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal } .subcatalog__content__body__chips { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap } .subcatalog__content__body__chip { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 16px; gap: 4px; background: #f7f7f7; border-radius: 8px; font-weight: 400; font-size: 16px; line-height: 22px; text-align: center; color: #272727; cursor: pointer } @media (max-width: 767px) { .subcatalog__content__body__chip { font-weight: 400; font-size: 13px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 16px; gap: 4px; border-radius: 8px } } .subcatalog-card { max-width: 395px; width: 100%; position: relative; transition: height 2s ease; min-height: 657px; } .swiper-slide .subcatalog-card { min-height: 685px; } .product__watched .swiper-slide .subcatalog-card { min-height: 753px; } @media (max-width: 1919px) { .subcatalog-card { min-height: 570px; } .swiper-slide .subcatalog-card { width: 315px; min-height: 685px; } } @media (max-width: 1663px) { .subcatalog-card { width: 32.8%; min-height: 570px; } .swiper-slide .subcatalog-card { width: 315px; min-height: 685px; } } @media (max-width: 1439px) { .subcatalog-card { width: 405px } .swiper-slide .subcatalog-card { width: 300px } } @media (max-width: 1279px) { .subcatalog-card { max-width: 336px; width: 100% } .product__watched .swiper-slide .subcatalog-card { min-height: 100%; } } @media (max-width: 767px) { .subcatalog-card { max-width: 160px; width: 100% } } /* End */ /* Start:/local/templates/stepsports/components/bitrix/catalog.item/main/style.css?17649382655646*/ .product-items-sku { display: block; height: 0; visibility: hidden; } .product-card.subcatalog-card .product-items-sku { display: none; height: 0; visibility: hidden; } .product-card.subcatalog-card:hover .product-items-sku { display: block; height: auto; visibility: visible; } @media (max-width: 1220px) { .product-card.subcatalog-card .product-items-sku { display: none!important; height: 0; margin-bottom: 10px; visibility: hidden; } } .product-card__inner { position: absolute; max-width: 401px; padding: 10px; background-color: #fff; } .product-card.subcatalog-card:hover .product-card__inner { height: auto; -webkit-box-shadow: 0 16px 32px rgba(27, 30, 37, 0.08); -moz-box-shadow: 0 16px 32px rgba(27, 30, 37, 0.08); box-shadow: 0 16px 32px rgba(27, 30, 37, 0.08); -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -ms-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; z-index: 103; } .product-items-sku .product-item-scu-item-text-container.selected .product-item-scu-item-text { border-color: var(--stroke-category-active); } .product-items-sku .product-item-scu-item-text { font-size: 14px; cursor: pointer; display: inline-flex; padding: 6px 8px; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; background: var(--background-elements); font-weight: 500; letter-spacing: 0; border: 1px solid transparent; } .product-items-sku .product-item-scu-container { display: flex; flex-direction: column; gap: 5px; } .product-items-sku .product-item-scu-block-title { font-size: 16px; } .product-items-sku .product-item-scu-item-list { flex-wrap: wrap; display: flex; gap: 5px; } .product-item-scu-item-text-block { outline: none!important; padding: 0!important; } @media (max-width: 1279px) { .subcatalog-card { min-height: auto; } .product-card__inner { position: static; max-width: 401px; padding: 4px; background-color: #fff; } .product-card.subcatalog-card .product-items-sku { display: block; height: auto; margin-bottom: 10px; visibility: visible; } } @media (max-width: 767px) { .subcatalog-card { min-height: auto; } .product-card__inner { position: static; max-width: 401px; padding: 4px; background-color: #fff; } .product-card.subcatalog-card .product-items-sku { display: block; height: auto; margin-bottom: 10px; visibility: visible; } .product-items-sku .product-item-scu-block-title { font-size: 11px; font-weight: 500; } .product-items-sku .product-item-scu-item-text { font-size: 10px; padding: 3px 4px; } .product-items-sku .product-item-scu-item-list { gap: 3px; } } @media (max-width: 1919px) { .swiper-wrapper .product-card__inner { max-width: 315px; } } @media (max-width: 1663px) { .product-card__inner { max-width: 315px; } .swiper-slide .subcatalog-card { width: 315px; min-height: 710px; } } @media (max-width: 1439px) { .product-card__inner { max-width: 405px; } .swiper-wrapper .product-card__inner { max-width: 300px; padding: 0; } .swiper-slide .subcatalog-card { width: 315px; min-height: 686px; } } @media (max-width: 1279px) { .swiper-wrapper .product-card__inner { max-width: 336px; } .swiper-slide .subcatalog-card { min-height: 100%; } } @media (max-width: 767px) { .swiper-wrapper .product-card__inner { max-width: 160px; } } .product-card__head-compare .product-item-compare { width: 100%; height: 100%; position: relative; } .product-card__head-compare .product-item-compare a.jsToggleCompare { position: absolute; top: auto; left: auto; right: 0; width: 100%; height: 100%; z-index: 1090; } .product-card__head-compare .product-item-compare a.jsToggleCompare.active { font-weight: bold; border: 1px solid #A8A8A8; border-radius: 11px; } .product-card__head-compare .product-item-compare .checkbox { position: relative; width: 100%; height: 100%; } .product-card__head-compare .product-item-compare .checkbox label { position: absolute; width: 100%; height: 100%; z-index: 103; border-radius: 11px; } .product-card__head-compare .product-item-compare .checkbox label:hover { border: 1px solid var(--stroke-category-active) } .product-item-compare .checkbox label.checked { border: 1px solid var(--stroke-category-active); border-radius: 11px; } @media (max-width: 767px) { .product-item-compare .checkbox label.checked { border-radius: 6px; } } .product-item-compare .checkbox input { visibility: hidden; display: none; } .product-card__head-compare .product-item-compare .checkbox input[type="checkbox"]:checked + label { background-color: #FF0; /* Пример: подсветка */ font-weight: bold; /* Пример: жирный текст */ } .catalog-compare-list { display: none!important; } /* End */ /* /local/templates/stepsports/css/catalog/index.css?17613194567290 */ /* /local/templates/stepsports/components/bitrix/catalog/main/style.min.css?1755589740684 */ /* /local/templates/stepsports/components/bitrix/catalog.section.list/catalog_category/style.css?17594167381951 */ /* /local/templates/stepsports/components/bitrix/catalog.smart.filter/main/style.css?176217825418847 */ /* /bitrix/components/bitrix/catalog.compare.list/templates/bootstrap_v4/style.min.css?1755252250575 */ /* /local/templates/stepsports/components/bitrix/system.pagenavigation/custom_new/style.css?17637312364931 */ /* /local/templates/stepsports/components/bitrix/catalog.section/main/style.css?176173156321211 */ /* /local/templates/stepsports/css/subcatalog/index.css?176578832043773 */ /* /local/templates/stepsports/components/bitrix/catalog.item/main/style.css?17649382655646 */