/* Start:/local/templates/tomiko/components/bitrix/catalog.smart.filter/default/style.css?17287637203033*/
.c-smart-filter {
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: box-shadow var(--animation-speed);
  padding: 20px;
  font-weight: lighter;
}
.c-smart-filter__checkbox-title, .c-smart-filter__slider-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.c-smart-filter__slider-cols {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}
.c-smart-filter__slider-col-hr {
  color: var(--color4);
  text-align: center;
}
.c-smart-filter__slider-col-1-value, .c-smart-filter__slider-col-3-value {
  width: 100%;
  border: 1px solid var(--color4);
  transition: border var(--animation-speed);
  text-align: center;
}
.c-smart-filter__slider-col-1-value:focus, .c-smart-filter__slider-col-3-value:focus {
  outline: none;
  border-color: var(--color3);
}
.c-smart-filter__slider-control {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  margin-top: 8px;
  padding: 0 5px;
}
.c-smart-filter__slider-control .noUi-connect {
  background: var(--color4);
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
}
.c-smart-filter__slider-control .noUi-origin .noUi-handle {
  border-radius: 50%;
  border: 1px solid var(--color4);
}
.c-smart-filter__slider-control .noUi-handle:before, .c-smart-filter__slider-control .noUi-handle:after {
  display: none;
}
.c-smart-filter__slider-control .noUi-handle {
  width: 15px !important;
  height: 15px !important;
  right: -8px !important;
  top: 2px !important;
}
.c-smart-filter__slider-control .noUi-handle:focus {
  outline: none;
}
.c-smart-filter__row {
  margin-bottom: 20px;
}
.c-smart-filter__checkbox-items {
  overflow: auto;
  max-height: 200px;
}
.c-smart-filter__checkbox-item-wrap {
  display: block;
  position: relative;
  padding-left: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.2;
  margin-bottom: 10px;
}
.c-smart-filter__checkbox-item-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.c-smart-filter__checkbox-item-wrap:hover input ~ .c-smart-filter__checkbox-checkmark {
  border-color: var(--color3);
}
.c-smart-filter__checkbox-item-wrap input:checked ~ .c-smart-filter__checkbox-checkmark {
  border-color: transparent;
}
.c-smart-filter__checkbox-item-wrap input:checked ~ .c-smart-filter__checkbox-checkmark:after {
  opacity: 1;
  transition: opacity var(--animation-speed);
}
.c-smart-filter__checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border: 1px solid var(--color4);
  border-radius: 5px;
  transition: border var(--animation-speed);
}
.c-smart-filter__checkbox-checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid var(--color2);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.c-smart-filter__close {
  margin-left: auto;
}
@media (min-width: 1200px) {
  .c-smart-filter__close {
    display: none;
  }
}
/* End */


/* Start:/local/templates/tomiko/components/bitrix/catalog.smart.filter/default/css/nouislider.css?17287637205803*/
/*! nouislider - 14.6.3 - 11/19/2020 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/* End */


/* Start:/local/templates/tomiko/components/bitrix/system.pagenavigation/default/style.css?1728763720807*/
.c-pagenavigation {
  display: flex;
  align-items: center;
}
.c-pagenavigation__items {
  margin: 0 auto;
}
.c-pagenavigation__item {
  color: black;
  transition: color var(--animation-speed);
  margin: 0 10px;
}
.c-pagenavigation__item.active, .c-pagenavigation__item:hover {
  color: var(--color4);
  text-decoration: none;
}
.c-pagenavigation__prev-page {
  content: url(/local/templates/tomiko/images/icons/icon-row-left.svg);
}
.c-pagenavigation__prev-page:not(.disabled):hover {
  content: url(/local/templates/tomiko/images/icons/icon-row-left-active.svg);
}
.c-pagenavigation__next-page {
  content: url(/local/templates/tomiko/images/icons/icon-row-right.svg);
}
.c-pagenavigation__next-page:not(.disabled):hover {
  content: url(/local/templates/tomiko/images/icons/icon-row-right-active.svg);
}
/* End */


/* Start:/local/templates/tomiko/components/bitrix/catalog.section/default/style.css?17287637204781*/
.c-catalog {
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .c-catalog {
    margin-top: 0;
  }
}
.c-catalog__sort-wrap {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .c-catalog__sort-wrap {
    flex-direction: column;
    align-items: start;
    margin-top: 15px;
  }
}
.c-catalog__sort-item {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
@media (max-width: 991px) {
  .c-catalog__sort-item {
    margin-left: 0;
    margin-top: 10px;
  }
}
.c-catalog__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 15px;
}
@media (max-width: 991px) {
  .c-catalog__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 500px) {
  .c-catalog__items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.c-catalog__pagenavigation {
  margin-top: 25px;
}
.c-catalog__select {
  position: relative;
}
.c-catalog__select select {
  display: none;
}
.c-catalog__select .select-selected:after {
  margin-left: 50px;
  content: url(/local/templates/tomiko/images/icons/icon-row-down.svg);
  width: 17px;
  height: 25px;
  display: inline-block;
  transition: transform var(--animation-speed);
}
.c-catalog__select .select-selected.select-arrow-active:after {
  transform: rotateZ(180deg);
}
.c-catalog__select .select-items div {
  color: black;
  padding: 5px 15px;
  cursor: pointer;
}
.c-catalog__select .select-selected {
  color: black;
  padding: 5px 15px;
  border: 1px solid var(--color4);
  cursor: pointer;
  border-radius: 10px;
}
.c-catalog__select .select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid var(--color4);
  border-radius: 10px;
}
.c-catalog__select .select-hide {
  display: none;
}
.c-catalog__select .select-items div:hover,
.c-catalog__select .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.c-add-to-basket {
  margin-bottom: 20px;
}
.c-add-to-basket__header {
  display: flex;
  margin-bottom: 20px;
}
.c-add-to-basket__content, .c-add-to-basket__form-wrap {
  padding: 0 50px;
}
.c-add-to-basket__header-close {
  margin-left: auto;
}
.c-add-to-basket__content-title {
  color: var(--color4);
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
}
.c-add-to-basket__form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-add-to-basket__form-wrap {
  margin-top: 20px;
}
.c-add-to-basket__form-btn {
  display: flex;
  justify-content: center;
}
.c-add-to-basket__list-items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 10px;
  justify-content: center;
}
.c-add-to-basket__list-item {
  border-bottom: solid transparent 2px;
  cursor: pointer;
  margin-left: 5px;
  margin-top: 2px;
}
.c-add-to-basket__list-item--circle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  border: solid var(--color8) 2px;
}
.c-add-to-basket__list-item--circle.selected {
  border: solid var(--color4) 2px;
}
.c-add-to-basket__list-item.selected {
  border-bottom: solid var(--color4) 2px;
}
.c-add-to-basket .c-catalog-product__cart-number-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .c-add-to-basket .c-catalog-product__cart-number-wrap {
    width: 100%;
    justify-content: center;
  }
}
.c-add-to-basket .c-catalog-product__cart-number-limit-error--v2 {
  display: none;
  color: var(--color6);
  line-height: 1.2;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .c-add-to-basket .c-catalog-product__cart-number-limit-error--v2 {
    font-size: 11pt;
  }
}
@media (max-width: 575px) {
  .c-add-to-basket .c-catalog-product__cart-number-limit-error--v2 {
    font-size: 10pt;
  }
}
.c-add-to-basket .c-catalog-product__cart-number-limit-error--v2 span {
  width: 200px;
  display: inline-block;
  transform: translateY(-12px);
}
.c-add-to-basket .c-catalog-product__cart-number-col-plus, .c-add-to-basket .c-catalog-product__cart-number-col-minus {
  color: var(--color4);
  font-size: 40pt;
  cursor: pointer;
}
.c-add-to-basket .c-catalog-product__cart-number-col-minus {
  position: relative;
  top: -4px;
}
.c-add-to-basket .c-catalog-product__cart-number-value {
  border: 1px solid var(--color4);
  border-radius: 10px;
  width: 70px;
  text-align: center;
  padding: 8px;
  transition: box-shadow var(--animation-speed), color var(--animation-speed);
}
.c-add-to-basket .c-catalog-product__cart-number-value:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
.c-add-to-basket .c-catalog-product__cart-number-value:focus {
  outline: none;
}
.c-add-to-basket .c-catalog-product__cart-number-col {
  margin: 0 5px;
}
/* End */
/* /local/templates/tomiko/components/bitrix/catalog.smart.filter/default/style.css?17287637203033 */
/* /local/templates/tomiko/components/bitrix/catalog.smart.filter/default/css/nouislider.css?17287637205803 */
/* /local/templates/tomiko/components/bitrix/system.pagenavigation/default/style.css?1728763720807 */
/* /local/templates/tomiko/components/bitrix/catalog.section/default/style.css?17287637204781 */