/* Start:/local/templates/prof_2026/components/bitrix/catalog.section.list/.default/style.css?17883441821421*/ .section--box {margin-bottom: var(--gap-b)} .section--items {display: flex;flex-wrap: wrap;margin-bottom: 10px} .section--item {width: 25%;margin: 0 0 -1px -1px;transition: .4s} .section--item:hover {box-shadow: 0 5px 30px rgba(34, 34, 34, 0.1);} .section--item-inner {border:1px solid var(--border-light);display: flex;gap:10px;padding:10px;align-items: center} .section--image {width:100px;height:100px;display: flex;align-items: center;justify-content: center;} .section--image img{width:70%;object-fit: contain} .section--item-title {font-size: 14px;color: var(--text);font-weight: 600} .section--item-title span{color: var(--text-gray-dark);} .section--items-more {align-items: center;gap:5px;margin-bottom: 16px;} .section--items-more span{font-weight: 400;font-size: 14px;line-height: 140%;letter-spacing: -2%;} .section--items-more svg{transition: .4s} @media all and (max-width: 1480px) { .section--item {width: 33.33333%;} } @media all and (max-width: 900px) { .section--item {width: 50%;} } @media all and (min-width: 550px) { .section--items-more {display: none} } @media all and (max-width: 550px) { .section--item {width: 100%;} .section--items .section--item:nth-child(n+4) {display: none} .section--box.opened .section--items .section--item:nth-child(n+4) {display: block} .section--items-more {display: inline-flex;} .section--box.opened .section--items-more svg {transform: rotate(180deg)} } /* End */ /* Start:/local/templates/prof_2026/components/bitrix/catalog.smart.filter/.default/style.css?178834418221015*/ .filter--list {display: flex;flex-wrap: wrap;column-gap:10px;row-gap:20px;align-items: flex-start;flex-direction: column} .filter--item {min-width: 250px;position: relative;cursor: pointer;display: flex;align-items: center;width:100%;} .filter--results {/*position: absolute;top:calc(100% + 10px);left:0;*/width: 100%;z-index: 3;background-color: var(--back-light);border:1px solid var(--border-light);border-radius: 4px;display: none;opacity: 0;visibility: hidden;} .filter--results[data-type="A"] {padding:12px;} .filter--selected {display: flex;justify-content: space-between;gap:10px;align-items: center;border:1px solid transparent;padding: 0 16px;border-radius: 4px;transition: .4s;min-height: var(--height);user-select: none;background-color: var(--back-light)} .filter--selected:hover {border:1px solid var(--border-light);} .filter--selected svg {fill:var(--light);transition: .4s} .filter--box.opened .filter--selected svg {transform: rotate(180deg)} .filter--selected > span {max-width: 195px;overflow: hidden;line-height: var(--height);height: var(--height);max-height: var(--height)} .filter--box {width: 100%} .filter--box.opened .filter--results {display: block;opacity: 1;visibility: visible;z-index: 4;/*box-shadow: 0 5px 30px rgba(34, 34, 34, 0.1);*/} .bx-filter-parameters-box-container {display: flex;flex-direction: column;max-height: 223px;overflow-y: auto;overflow-x: hidden;padding-bottom: 5px} .checkbox label{width: 100%;display: block;padding:7px 14px 7px 24px;transition: .4s;cursor: pointer} .checkbox label [type="checkbox"]{display: none} .checkbox label:hover{background-color: var(--back-light);} .checkbox label:hover .filter--text{color:var(--second)} .checkbox.--hide {display: none} /* Custom checkbox */ .custom--checkbox+label::before, .custom--checkbox:not(:disabled):not(:checked)+label:hover::before, .custom--checkbox:not(:disabled):active+label::before, .custom--checkbox:focus+label::before, .custom--checkbox:checked+label::before {transition: .4s} /* для элемента input c type="checkbox" */ .custom--checkbox {position: absolute;z-index: -1;opacity: 0;} /* для элемента label, связанного с .custom--checkbox */ .custom--checkbox+label {display: inline-flex;align-items: center;user-select: none;text-align: left;padding-left: 35px;font-size: 12px;cursor: pointer;position: relative} /* создание в label псевдоэлемента before со следующими стилями */ .custom--checkbox+label::before {top: 9px;left: 14px;content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;} /*.custom--checkbox[checked]+label {background-color: var(--back-lighter-hov)}*/ /*.custom--checkbox[checked]+label .filter--text{color: var(--second)}*/ .custom--checkbox[checked]+label{background-color: var(--back-lightest)} .custom--checkbox[checked]+label:hover{background-color: var(--back-lighter)} .d--checbox-big .custom--checkbox+label {padding-left: 35px;font-style: normal;font-weight: 400;font-size: 14px;color: var(--text-dark);margin-bottom: 0} .d--checbox-big .custom--checkbox+label::before {width: 22px;height: 22px;top: 0;left: 0;border-radius: 6px} .d--checbox-big .custom--checkbox:checked+label::before {border-color:#DBDBDB;background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");} .d--checbox-big label {font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: #4F4F4F;} /* стили при наведении курсора на checkbox */ .custom--checkbox:not(:disabled):not(:checked)+label:hover::before { border-color: #e1a02b; } /* стили для активного чекбокса (при нажатии на него) */ .custom--checkbox:not(:disabled):active+label::before { background-color: rgba(255, 160, 43, 0.5); border-color: rgba(255, 160, 43, 0.5); } /* стили для чекбокса, находящегося в фокусе */ .custom--checkbox:focus+label::before { box-shadow: 0 0 0 0.2rem rgba(255, 160, 43, 0.5); } /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */ .custom--checkbox:focus:not(:checked)+label::before { border-color: rgba(255, 160, 43, 0.5); } /* стили для чекбокса, находящегося в состоянии checked */ .custom--checkbox:checked+label::before { border-color: #e1a02b; background-color: #e1a02b; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } /* стили для чекбокса, находящегося в состоянии disabled */ .custom--checkbox:disabled+label::before { background-color: #e9ecef; } .filter--text {font-size: 14px;word-break: break-all;color:var(--light);transition: .4s;max-width: 200px;} .filter--count {font-size: 12px;color:var(--text-gray-dark)} .filter--choosed {border-bottom:1px solid var(--border-light)} .filter--choosed-box {display: flex;justify-content: space-between;gap:16px;margin-top: 10px;} .filter--choosed-box .filter--block {display: inline-block;padding: 5px 12px;border-radius: 16px;transition: .4s;text-decoration: none;line-height: 13px;background-color: var(--back-light)} .filter--choosed-box .filter--block:hover {background-color: var(--back-gray)} .filter--choosed-box .filter--title {margin-right: 10px;line-height: 26px;font-weight:600} .filter--choosed-box .filter--name {color: var(--text);font-size: 13px;line-height: normal;padding: 0;font-weight: 400;display: inline-block;} .filter--choosed-box .filter--value {color: var(--main);border: none;padding: 0;margin: 0 5px 0 0;height: auto;line-height: normal;font-size: 13px;display: inline-block;transition: .4s;border-radius: 4px;} .filter--clean {display: flex;gap:5px;align-items: center;padding-top: 10px;} .filter--clean svg *{color:var(--text)} .filter--clean span{color:var(--text);border-bottom: 1px dashed var(--text);transition: .4s;padding-bottom: 3px;} .filter--clean:hover span{border-bottom: 1px dashed transparent} .filter--double {display: flex;gap:10px;justify-content: space-between} .filter--double .bx-ft-sub{display: block;margin-bottom: 5px;font-size: 12px;} .filter--double input{width:100%;height: calc(var(--height) - 10px);border-radius:4px;padding:0 10px;} .filter--double .filter--col{width: calc(50% - 5px)} .bx-filter .bx-ui-slider-track-container { padding-top: 5px; padding-bottom: 5px; margin: 30px 20px 10px 20px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: 0; width: 1px; height: 17px; background: var(--back-lighter-hov); } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 10px; position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: var(--light); } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: var(--light); } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v { position: absolute; top: 10px; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 90; background-color: var(--group-color); height: 2px; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; /*background: #849da4;/* COLOR */ background-color: var(--second); height: 2px; } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #a8dff3;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: #499fd8;/* COLOR */ } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 20px; height: 20px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -7px; top: -10px; /* COLOR */ } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -7px; top: -10px; /* COLOR */ } #modef_num {font-weight:600} .bx-filter .bx-ui-slider-pricebar-v {background-color: var(--second);height: 2px;} .bx-filter .bx-ui-slider-handle {background-color: var(--second);border-radius: 50%;} .bx-filter .bx-ui-slider-pricebar-vn {height: 2px;background-color: var(--group-color)} .filter--small {margin-right: 10px} .filter--small .filter--box {display: inline-flex;align-items: flex-start;flex-direction: column;} .filter--small .filter--name {font-size: 14px;margin-bottom: 5px;color: var(--light-darker);} .filter--small .custom--checkbox+label {padding:4px 14px 4px 24px} .filter--small .checkbox label:hover {background-color: transparent} .filter--small .custom--checkbox+label::before {top: 5px;left: 0;} .filter--small .custom--checkbox[checked]+label {background-color: transparent} .filter--clear {font-size:12px;color:var(--light-darker)} .filter--search {height: var(--height);width: 100%} .filter--search-in {display: block;height: var(--height);width: 100%;position: relative;} .filter--search-in input{width: 100%;height: 100%;padding:0 50px 0 16px;background-color: var(--back-lighter-hov);color: var(--light)} .filter--search-in input::placeholder{color: var(--light)} .filter--search-clean {position: absolute;width: var(--height);height: var(--height);top:0;right:0;align-items: center;justify-content: center;z-index: 1;opacity:0;visibility: hidden;display: none;transition: .4s ease-in-out;} .filter--search-clean svg{width:18px;height: 18px;color:var(--еуче)} .filter--search-in.open .filter--search-clean {display: flex;} .filter--search-in.open:hover .filter--search-clean {opacity: 1;visibility: visible;} .catalog--page {display: flex;gap:30px;} .catalog--filter {flex-basis: 300px;min-width:300px;} .catalog--inner {width: calc(100% - 330px);flex:1;} .catalog--filter-mobile {cursor:pointer;display: flex;gap:5px;align-items: center} .catalog--filter-mobile svg {color:var(--text)} .bx-filter-horizontal .bx-filter-popup-result{display: inline-block;position: relative;left: auto;right: auto;bottom: -7px;} .bx-filter .bx-filter-popup-result a:hover {text-decoration: none;} .bx-filter .bx-filter-popup-result-close {display: none;} @media (max-width: 767px) { .bx-touch .bx-filter .bx-filter-popup-result {font-size: 12px;line-height: 14px;position: fixed !important;z-index: 1001;top: auto !important;right: 0 !important;bottom: 0 !important;left: 0 !important;margin-top: 0;margin-left: 0;width: auto;height: auto;padding: 10px;border-radius: 2px;border: 1px solid #c6dae7;background: rgba(255,255,255,.9);} .bx-touch .bx-filter .bx-filter-popup-result br{display: none;} .bx-filter .bx-filter-popup-result .arrow {display: none;} } .sidebar-menu {background: #ffffff;border: 1px solid #e5e7eb;border-radius: 10px;padding: 12px;margin-bottom: 24px;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;} .sidebar-menu__title {font-size: 15px;font-weight: 700;color: #111827;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 16px;padding-bottom: 12px;border-bottom: 2px solid #f3f4f6;} .sidebar-menu__list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 2px;} .sidebar-menu__link {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 7px 14px;font-size: 14px;line-height: 1.4;color: #4b5563;text-decoration: none;border-radius: 6px;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);} .sidebar-menu__link::after {content: "";width: 6px;height: 6px;border-top: 2px solid #9ca3af;border-right: 2px solid #9ca3af;transform: rotate(45deg);transition: all 0.2s ease;opacity: 0;margin-left: 8px;} .sidebar-menu__link:hover {background-color: #f8fafc;color: var(--main);padding-left: 18px;} .sidebar-menu__link:hover::after {opacity: 1;border-color: var(--main);transform: translate(2px, 0) rotate(45deg);} .sidebar-menu__item--active .sidebar-menu__link {background-color: #f0f6ff;color: var(--main);font-weight: 600;} .sidebar-menu__item--active .sidebar-menu__link::after {opacity: 1;border-color: var(--main);} @media (max-width: 1023px) { .sidebar-menu {padding: 0;margin-bottom: 16px;border-inline-width: 0;border-radius: 0;background: transparent;border: none;} .sidebar-menu__title {padding-inline: 16px;margin-bottom: 8px;font-size: 13px;} .sidebar-menu__list {flex-direction: row !important;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding: 0;gap: 8px;} .sidebar-menu__list::-webkit-scrollbar {display: none;} .sidebar-menu__list {-ms-overflow-style: none;scrollbar-width: none;} .sidebar-menu__link {white-space: nowrap;scroll-snap-align: start;padding: 8px 16px;background-color: #ffffff;border: 1px solid #e5e7eb;border-radius: 20px;font-size: 13px;} .sidebar-menu__link::after {display: none !important;} .sidebar-menu__link:hover {padding-left: 16px;background-color: #f3f4f6;color: #111827;} .sidebar-menu__item--active .sidebar-menu__link {background-color: #f0f6ff;border-color: var(--main, #2563eb);color: var(--main, #2563eb);} } @media all and (max-width: 1000px) { .catalog--page {flex-direction: column;gap:0;} .catalog--filter {flex-basis: auto;} .catalog--inner {width: 100%;} .filter--list {flex-direction: row;--gap: 10px;--columns: 3;gap: var(--gap);} .filter--item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));min-width: unset} .catalog--page {display: flex;} } @media all and (min-width: 767px) and (max-width: 1000px) { .catalog--filter {margin-bottom: 20px} .filter--results {position: absolute;top:calc(100% + 10px);left:0;} } @media all and (min-width: 1000px) { .catalog--filter {position: relative;} .bx-filter {position: sticky ;top: 0;left: 0;height: auto !important;width:300px;z-index: 4;will-change: top;transition: none !important;} .bx-filter.not-fixed {position: relative ;} .bx-filter.js-smart-absolute {position: absolute !important;transition: none !important;} .bx-filter.js-smart-fixed {position: fixed !important;transition: none !important;z-index: 100;} } @media all and (min-width: 767px) { .js--filter-mobile, .filter--mobile-close, .catalog--filter-mobile{display: none} .filter--mobile-title {font-size:20px;font-weight: 600;margin-bottom: 20px;} .adaptive--sidebar-menu {display: none} } @media all and (max-width: 767px) { .catalog--page {flex-direction: column;gap:0;} .catalog--filter{flex-basis: 0;} .js--filter-mobile {display: flex;align-items: center;gap:10px;margin-bottom: 20px;} .--filtered .catalog--filter {position: fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);display: block;background-color: var(--back);z-index: 5; overflow-y: auto; overflow-x: hidden;padding-bottom: 80px} .--filtered[--admin] .catalog--filter {top:120px;height:calc(100vh - 120px);} .filter--list {flex-direction: column;padding: 0 var(--gap)} .filter--item {width: 100%} .filter--mobile-head {display: flex;align-items: center;justify-content: space-between;padding: 0 var(--gap);margin-bottom: 10px;} .filter--mobile-close {width: var(--height);height: var(--height);display: flex;align-items: center;justify-content: center} .filter--mobile-close svg {stroke:var(--text)} .filter--text {max-width: 100%} .bx-filter {transition: transform .4s ease-in-out, visibility .4s ease-in-out;position: fixed !important;top: 0 !important;left: 0 !important;width: 100vw !important;height: 100vh !important;max-width: 350px;transform: translateX(-100%);visibility: hidden;z-index: 101;} .bx-filter-back {display: block;position: fixed;top: 0;left: 0;width: 100vw;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 2;transition: opacity .4s ease-in-out, visibility .4s ease-in-out;opacity: 0;visibility: hidden;} body .bx-filter .bx-filter-section {background-color: #fff;height: 100%;padding-top: 40px;padding-bottom: 40px;} body.--filtered .hM {z-index: 1} body.--filtered .adapt--float {z-index: 1} body.--filtered .js--scroll {z-index: 1} body.--filtered header.sticky .header--fixed-row {z-index: 1} body.--filtered .bx-filter {transform: translateX(0);visibility: visible;} body.--filtered .bx-filter-back {opacity: 1;visibility: visible;} body.--filtered .bx-filter .bx-filter-section {position: relative;z-index: 3;overflow-y: auto;overflow-x: hidden;} body.--filtered.is-sticky .bx-filter {top:74px !important;height:calc(100vh - 74px) !important;} body.--admin.--filtered.is-sticky .bx-filter {padding-top: 20px} .filter--choosed-box {flex-wrap: wrap;gap:10px;} .filter--choosed {display:flex;flex-wrap: wrap;gap:5px;} .bx-filter .sidebar-menu {display: none} .bx-filter-popup-result .btn--fill {width:100%} } @media all and (max-width: 500px) { .catalog--sort .fake--list {min-width: 200px} .catalog--sort .fake--list-item {padding-left: 0;padding-right: 0} .catalog--sections-row {flex-wrap: wrap;row-gap:10px;} } @media all and (max-width: 359px) { .catalog--sort .fake--list {min-width: 150px} } .bx-filter-container-modef {position: absolute;top: -30px;right: 0;} .bx-filter-popup-result {position: absolute;z-index: 150;display: inline-flex;align-items: center;gap: 5px;padding: 16px;background-color: #ffffff;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);border: 1px solid #e2e8f0;font-size: 14px;line-height: 1.4;color: #334155;white-space: nowrap;margin-left: 15px;width: auto !important;cursor: default; justify-content: flex-start;flex-wrap: wrap;} .bx-filter-popup-result::before, .bx-filter-popup-result::after {content: "";position: absolute;right: 100%;top: 50%;border: solid transparent;height: 0;width: 0;pointer-events: none;transform: translateY(-50%);} .bx-filter-popup-result::before {border-color: transparent;border-right-color: #e2e8f0;border-width: 12px;} .bx-filter-popup-result::after {border-color: transparent;border-right-color: #ffffff;border-width: 11px;margin-right: -1px;} .bx-filter-popup-result-text {font-weight: 500;color: #64748b;} .bx-filter-popup-result {--height-b:40px;} .bx-filter-popup-result .btn--fill{min-width:200px;} .modef--close {width:24px;height:24px;display: inline-flex;align-items: center;justify-content: center;cursor:pointer;margin-left: auto} .modef--close svg{width:14px;height:14px;} .modef--top {display: flex;align-items: center;justify-content: space-between;width: 100%;} .modef--bottom {width: 100%;text-align: center} .modef--clear {color:#B5B5B5;border-bottom: 1px dashed #B5B5B5;transition: .4s;cursor:pointer;margin-top: 5px;display: inline-block;} .modef--clear:hover {border-bottom: 1px dashed transparent;color:#000} .bx-filter-button-box {margin-top: 16px;} .bx-filter-parameters-box-container .btn {height:var(--height);min-height:var(--height);} body .page--box {overflow: unset;} @media all and (max-width: 1000px) and (min-width: 767px) { .bx-filter-container-modef {right: auto;left: 50%;top: -145px;width: 100%;transform: translateX(-50%);} .bx-filter-popup-result {width: auto;margin:0;left: 50%;transform: translateX(-50%);} .bx-filter-popup-result br, .bx-filter-popup-result .arrow {display: none} .bx-filter-popup-result::before, .bx-filter-popup-result::after {content: "";position: absolute;top: 100%;left: 50%;border: solid transparent;height: 0;width: 0;pointer-events: none;transform: translateX(-50%);} .bx-filter-popup-result::before {border-color: transparent;border-top-color: #e2e8f0;border-width: 8px;} .bx-filter-popup-result::after {border-color: transparent;border-top-color: #ffffff;border-width: 7px;} } /* End */ /* Start:/local/templates/prof_2026/components/bitrix/system.pagenavigation/catalog/style.css?17883441821677*/ .pagination--box {display: flex;flex-direction: column;gap:16px;--r-size:52px} .load--more-box {text-align: center} .load--more-box .more--load {padding: 16px;font-weight: 500;font-size: 16px;transition: .4s;cursor:pointer;display: inline-flex;margin: 0 auto;margin-top: 20px;width: auto;min-width: 250px;} .load--more-box .more--load:hover {border: 1px solid var(--main);} .page--prev svg, .page--first svg {transform: rotate(180deg)} .page--item {user-select: none;width: var(--r-size);height: var(--r-size);display: flex;align-items: center;justify-content: center;border-radius: 4px;border:1px solid var(--border);transition: .4s;box-shadow: 0 4px 8px 0 #0000000F;color:var(--text)} .page--item:hover {box-shadow: 0 7px 10px 0 #0000001C;border-color:var(--main);color:var(--main)} .page--current {color:var(--main)} .page--nav {display: flex;gap:4px;align-items: center;justify-content: center;margin-top:20px;} .page--nav svg{transition: .4s} .page--next, .page--last, .page--prev, .page--first {box-shadow: 0 4px 8px 0 #0000000F;width: var(--r-size);height: var(--r-size);display: flex;align-items: center;justify-content: center;transition: .4s} .page--next:hover, .page--last:hover, .page--prev:hover, .page--first:hover {box-shadow: 0 7px 10px 0 #0000001C} .page--next:hover svg, .page--last:hover svg, .page--prev:hover svg, .page--first:hover svg {fill:var(--main)} @media all and (max-width: 768px) { .page--nav .page--item:nth-child(5), .page--nav .page--item:nth-child(6) {display: none} } @media all and (max-width: 500px) { .page--nav .page--last, .page--nav .page--first {display: none} .pagination--box {--r-size:44px} } /* End */ /* Start:/local/templates/prof_2026/components/bitrix/catalog.section/.default/style.css?178834418211216*/ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right:15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float:left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after{ clear: both;content: " "; display: table; } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; box-sizing: border-box; } .catalog-section-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .row::before { display: initial; } .product-item-container{display: flex} .show--more-box {display: flex;justify-content: center} .pagination--box {display: flex;justify-content: center} .modern-page-navigation {margin: 0 auto;} .catalog-section {margin-bottom: 30px;} /* End */ /* Start:/local/templates/prof_2026/components/bitrix/catalog.item/big/style.css?178834418225816*/ .product-item-container { position: relative; } .product-item-container.hover { z-index: 17; } .product-item { display: block; box-sizing: border-box; padding: 15px 0 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; } .product-item-line-card .product-item { width: auto !important; border-bottom: 1px solid #dadada; } @media (max-width: 991px) { .product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; } } .bx-retina .product-item { border-width: .5px; } .product-item * { transition: opacity 300ms ease; } @media (max-width: 767px) { .product-item { padding: 15px 5px 5px } .product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; } } .bx-no-touch .product-item-container.hover .product-item { position: absolute; right: -15px; left: -15px; padding: 15px 15px 0; width: auto; border: 1px solid transparent; background: #fff; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); } .bx-touch .product-item { padding: 15px 0 0; width: auto; background: #fff; } .bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; } @-webkit-keyframes product-item-hover { 0% { position: absolute; left: -15px; right: -15px; border: 1px solid transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { border: 1px solid transparent; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); } } /*Image*/ .product-item-image-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; transition: all 300ms ease; } .product-item-image-wrapper:hover { } .product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; transition: opacity 300ms linear; } .product-item-image-original { z-index: 11; } .product-item-image-alternative { z-index: 13; opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; } .product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; } /*Image Slider*/ .product-item-image-slider-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; transition: opacity 300ms ease; } .product-item-image-slide { position: relative; display: none; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; transition: .6s ease-in-out left; } @media all and (transform-3d), (-webkit-transform-3d) { .product-item-image-slide { transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .product-item-image-slide.next, .product-item-image-slide.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .product-item-image-slide.prev, .product-item-image-slide.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .product-item-image-slide.next.left, .product-item-image-slide.prev.right, .product-item-image-slide.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { display: block; } .product-item-image-slider-slide-container > .active { left: 0; } .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { position: absolute; top: 0; width: 100%; } .product-item-image-slider-slide-container > .next { left: 100%; } .product-item-image-slider-slide-container > .prev { left: -100%; } .product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right { left: 0; } .product-item-image-slider-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; } .product-item-image-slider-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; height: 1px; background-color: #f42c2c; opacity: .8; } .product-item-image-slider-control-container { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; padding: 0; text-align: center; opacity: 0; transition: opacity 300ms ease; } .product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; } .product-item-image-slider-control, .product-item-image-slider-control.active { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(128, 128, 128, .8); opacity: .6; cursor: pointer; transition: all 300ms ease; } .product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover { cursor: pointer; } /*Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 15; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; } /* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: bold; } /*SMALL*/ .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span { padding: 5px 12px; font-size: 16px; line-height: 21px; } /* BIG */ .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 5px 17px; font-size: 22px; line-height: 33px; } @media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; } } /*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: bold; } .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-big-card .product-item-label-ring.product-item-label-small { width: 100px; height: 100px; font-size: 30px; line-height: 100px; } .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 120px; height: 120px; font-size: 42px; line-height: 120px; } @media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; } } .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); } /*Title*/ .product-item-title { overflow: hidden; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; } .bx-touch .product-item-title, .product-item-container.hover .product-item-title { overflow: auto; white-space: normal; } .product-item-title a { color: #3f3f3f; text-decoration: none; font-size: 13px; } .product-item-big-card .product-item-title a { font-size: 21px; } .product-item-line-card .product-item-title a { font-size: 20px; } /*Price*/ .product-item-price-container { margin: 5px 0 10px; } .product-item-price-current { color: #3f3f3f; white-space: nowrap; font-weight: bold; font-size: 13px; } .product-item-price-old { color: #a5a5a5; text-decoration: line-through; white-space: nowrap; font-size: 12px; } .product-item-big-card .product-item-price-current, .product-item-big-card .product-item-price-old { vertical-align: middle; line-height: 20px; } .product-item-big-card .product-item-price-container { margin: 0 0 10px; } .product-item-big-card .product-item-price-current { font-size: 18px; } .product-item-big-card .product-item-price-old { font-size: 15px; } /*Info*/ .product-item-line-card .product-item-info-container { text-align: center; } .product-item-info-container { margin-bottom: 8px; } .product-item-info-container-title { color: #000; font-weight: bold; font-size: 13px; } .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden { display: none; opacity: 0; transition: opacity 300ms ease; } .bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important } .bx-touch .product-item-info-container.product-item-hidden, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden { display: block; opacity: 1; } /*Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 2px; background-color: #f2f2f2; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover { background: #d3d3d3; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3 !important; cursor: default; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #f2f2f2; } .product-item-amount-field-btn-plus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-minus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field { display: inline-block; padding: 0; max-width: 50px; width: auto; height: 22px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: #000; vertical-align: middle; text-align: center; font-weight: bold; line-height: 22px; transition: border 300ms ease; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none !important; } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none } .product-item-amount-description-container { color: #a5a5a5; white-space: nowrap; font-size: 12px; display: block; } .product-item-big-card .product-item-amount-field-container { text-align: left; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; } /**/ .product-item-quantity { color: #333; font-weight: normal; font-size: 12px; } /*Properties */ .product-item-properties { display: block; overflow: hidden; margin: 0; color: #a5a5a5; font-size: 12px; } .product-item-properties dl { clear: both; } .product-item-properties dt { float: left; clear: both; font-weight: normal; } .product-item-properties dd { float: right; margin-bottom: 3px; margin-left: 5px; color: #000; } /*Compare*/ .product-item-compare-container { position: relative; display: none; margin: 0 -15px; padding: 4px 15px; min-height: 30px; border-top: 1px solid #e6e6e6; background: #f3f3f3; box-shadow: inset 0 1px 1px 0 #eee; vertical-align: middle; font-size: 12px; line-height: 20px; } .product-item-line-card .product-item-compare-container { margin: 0; border: none; background-color: transparent; box-shadow: none; text-align: center; } .bx-touch .product-item-compare-container { display: none; } .product-item-line-card .product-item-compare-container, .product-item-container.hover .product-item-compare-container { display: block; } .product-item-compare .checkbox { margin: 0; padding: 0; } /* SCU */ .product-item-scu-container { padding: 0 0 2px; } .product-item-scu-container-title { color: #333; font-size: 12px; } .product-item-scu-block { } .product-item-scu-list { margin: 0; } .product-item-scu-item-list { overflow: hidden; margin: 0 0 0 -2px; padding: 0; list-style: none; } .product-item-scu-item-color-container, .product-item-scu-item-text-container { /* float: left; */ display: inline-block; box-sizing: border-box; padding: 5px 3px; max-width: 100%; } .product-item-scu-item-text-container { min-width: 32px; } .product-item-scu-item-color-container { max-width: 38px; width: 25%; } .product-item-scu-item-color-block { position: relative; padding-top: 100%; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-scu-item-color-block { outline-width: .5px; } .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; } .product-item-scu-item-color { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; } .product-item-scu-item-text-block { position: relative; padding: 0 5px; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-scu-item-text-block { outline-width: .5px; } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; } .product-item-scu-item-text { overflow: hidden; max-width: 100%; vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 18px; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block { position: relative; outline-color: #a9adb4 !important; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; } @media (max-width: 991px) { .product-item-line-card .product-item-scu-container-title { text-align: center; } .product-item-line-card .product-item-scu-item-list { text-align: center; } .product-item-line-card .product-item-scu-item-color-container, .product-item-line-card .product-item-scu-item-text-container { display: inline-block; float: none; } } /*Description*/ .product-item-description-container { } .product-item-description-container p { color: #575757; font-size: 13px; } /*Buttons*/ .product-item-button-container { text-align: center; } .product-item-button-container .btn { margin-bottom: 2px; } /*Stickers*/ .product-item-sticker, .product-item-sticker-round { display: none; } /*More*/ .product-item-more-container { position: relative; display: block; box-sizing: border-box; padding: 15px 15px 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; transition: all 300ms ease; } .product-item-more-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; } .product-item-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center; background-size: 50%; opacity: .7; transition: opacity 300ms ease; } .bx-touch .product-item-more, .product-item-container.hover .product-item-more { opacity: 1; } .product-item-more-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .delivery--statuses {margin-top: -12px;font-size: 12px;} .delivery--status {display: inline-flex;align-items: center} .delivery--status span {margin-left: 10px;font-size:12px;padding: 3px 7px;border-radius: 3px;} .delivery--status.in-stock span {background-color: var(--green);color:#fff;} .delivery--status.in-order span {background-color: var(--second-hover);color:#fff;} .delivery--status.in-request span {background-color: var(--gray);color:#fff;} /* End */ /* /local/templates/prof_2026/components/bitrix/catalog.section.list/.default/style.css?17883441821421 */ /* /local/templates/prof_2026/components/bitrix/catalog.smart.filter/.default/style.css?178834418221015 */ /* /local/templates/prof_2026/components/bitrix/system.pagenavigation/catalog/style.css?17883441821677 */ /* /local/templates/prof_2026/components/bitrix/catalog.section/.default/style.css?178834418211216 */ /* /local/templates/prof_2026/components/bitrix/catalog.item/big/style.css?178834418225816 */