.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-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}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;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 .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit!important}.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;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;-webkit-box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.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;-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);-ms-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}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);-ms-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);-ms-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);-ms-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
.menu-catalogue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-catalogue__open-btn {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  background-color: var(--brand-color);
  padding: 16px;
  color: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-catalogue__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  padding-bottom: 40px;
}
.menu-catalogue__item {
  position: relative;
  padding: 16px 24px;
  color: black;
  cursor: pointer;
}
.menu-catalogue__link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.menu-catalogue__link img {
  width: 18px;
  height: 18px;
}
.menu-catalogue__link * {
  color: var(--black-general);
}
.menu-catalogue__item.hovered {
  background-color: #F5F7FA;
}
.menu-catalogue__item.hovered .menu-catalogue__link * {
  color: var(--secondary);
}
.menu-catalogue__item.hovered::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: linear-gradient(45deg, rgba(255,255,255,0) 50%, var(--brand-color) 50%);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(50% - 6px);
  right: 24px;
}
.menu-catalogue__subcategories-popup {
  padding: 16px 24px;
}
.menu-catalogue__subcategories-popup > * {
  display: block;
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid var(--grey);
  color: var(--black-general);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.menu-catalogue__bottom-part {
  padding: 32px 20px 16px 52px;
  border-top: 1px solid var(--grey);
}
.menu-catalogue__bottom-part > * {
  color: var(--grey-hard);
}
@media screen and (min-width: 1200px) {
  .menu-catalogue__subcategories-popup {
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    z-index: 2;
    -webkit-box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
            box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
  }
  .menu-catalogue__subcategories-popup > * {
    min-width: 310px;
  }
  .menu-catalogue__subcategories-popup > *:hover {
    color: var(--secondary);
    border-color: var(--secondary);
  }
  .menu-catalogue__open-btn {
    padding: 20px 24px;
  }

}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}

.tabs__btn {
  border: none;
  background-color: transparent;
}

.tabs__btn_link {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  color: #7D838C;
}

.tabs__btn_link.active {
  color: #333333;
  border-bottom: 2px dashed var(--secondary);
}

.product-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.product-card__chevrons {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  z-index: 1;
}

.product-card__content {
  position: relative;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  background-color: white;
  height: 100%;
}

.product-card__delete-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
}

.product-card__img-wrap {
  width: 177px;
  min-height: 167px;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-item-align: center;
      align-self: center;
}
.product-card__img {
  -o-object-fit: contain;
     object-fit: contain;
}
.product-card__name {
  color: var(--black-second);
}
.product-card .product-card__detail-btn {
  width: 100%;
}
.product-card .old-price + .new-price {
  color: var(--red);
  margin-bottom: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.product-card .old-price {
  color: var(--grey-medium);
  text-decoration: line-through;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.product-card_simple .product-card__price-value {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .product-card .old-price + .new-price {
    font-size: 18px;
    line-height: 24px;
  }
  .product-card .old-price {
    font-size: 16px;
    line-height: 22px;
  }
}

/* catalog card when mobile */
.product-card_catalog .product-card__content {
  -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;
  gap: 16px;
  padding: 16px 12px;
}
.product-card_catalog .product-card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 33 / 25;
}
.product-card_catalog .product-card__detail-btn.button-small {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-card_catalog:not(.product-card_horizontal, .product-card_simple) .product-card__title-wrap {
  height: 60px;
}

.product-card_catalog .product-card__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-card_catalog .product-card__img-wrap {
  max-width: 99px;
}

.product-card__price-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.product-card__content-inner-wrap {
  gap: 16px;
}

.product-card_simple .product-card__price-group {
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .product-card_catalog .product-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 24px;
  }

  .product-card_horizontal .product-card__content {
    -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;
  }

  .product-card_simple .product-card__content {
    -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;
    padding: 12px;
  }

  .product-card_catalog .product-card__img-wrap {
    max-width: 100%;
  }

  .product-card_horizontal .product-card__img-wrap {
    max-width: 143px;
  }

  .product-card_simple .product-card__img-wrap {
    max-width: 65px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-card_simple  .product-card__img {
    aspect-ratio: 65 / 37;
  }

  .product-card_simple .product-card__info-wrap {
    max-width: 226px;
  }

  .product-card_simple .product-card__content-inner-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-card_catalog .product-card__chevrons {
    top: 18px;
    left: 18px;
  }

  .product-card_simple .product-card__action-buttons {
    gap: 8px;
    min-width: 104px;
  }

  .product-card__feature-list {
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .product-card__feature-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
  }

  .product-card__feature-list span {
    width: 50%;
    font-family: var(--font-secondary);
  }

  .product-card__price-group {
    min-width: 230px;
  }

  .product-card__action-buttons {
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-card__info-wrap {
    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;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .product-card_horizontal .product-card__content {
    gap: 24px;
  }

  .product-card__content-inner-wrap {
    gap: 24px;
  }

  .product-card_simple .product-card__img-wrap {
    max-width: 102px;
  }

  .product-card_simple .product-card__info-wrap {
    max-width: 306px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 40px;
  }

  .product-card_simple .product-card__price-value {
    min-width: 202px;
  }

  .product-card__feature-list {
    max-width: 453px;
  }
}
@media screen and (min-width: 1200px) {
  .product-card__content {
    padding-top: 32px;
    row-gap: 24px;
  }
  .product-card__img {
    width: 100%;
    height: 180px;
  }
  @-webkit-keyframes offers_slide {
    0%   {top: calc(100% - 160px); opacity: 0;}
    50% {opacity: .8}
    100% {top: 100%; opacity: 1}
  }
  @keyframes offers_slide {
    0%   {top: calc(100% - 160px); opacity: 0;}
    50% {opacity: .8}
    100% {top: 100%; opacity: 1}
  }
  .product-card__detail-btn-wrapper:not(.product-card_horizontal .product-card__detail-btn-wrapper, .product-card_simple .product-card__detail-btn-wrapper) {
    padding: 0 12px 24px 12px;
    width: 100%;
    background-color: white;
    border-radius: 4px;
    position: absolute;
    /* высота скрывающегося блока .product-card__detail-btn-wrapper */
    top: calc(100% - 160px);
    left: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 0 0 rgba(18, 0, 2, 0.1);
            box-shadow: 0 1px 0 0 rgba(18, 0, 2, 0.1);
  }
  .product-card__content:not(.product-card_horizontal .product-card__content, .product-card_simple .product-card__content):hover .product-card__detail-btn-wrapper {
    -webkit-animation-name: offers_slide;
            animation-name: offers_slide;
    -webkit-animation-duration: 0s;
            animation-duration: 0s;
    top: 100%;
    z-index: 2;
  }

  .product-card__feature-list {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .product-card_horizontal .product-card__content {
    gap: 16px;
  }

  .product-card__content-inner-wrap {
    gap: 16px;
  }

  .product-card__price-group {
    min-width: 260px;
  }

  .product-card__action-buttons {
    gap: 24px;
  }

  .product-card_horizontal .product-card__img {
    aspect-ratio: 4 / 3;
  }

  .product-card_horizontal .product-card__img-wrap {
    max-width: 130px;
  }

  .product-card_simple .product-card__info-wrap {
    max-width: 265px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 16px;
  }

  .product-card_simple .product-card__price-value {
    min-width: auto;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 24px;
  }

  .product-card_simple .product-card__action-buttons {
    min-width: 121px;
  }
}

@media screen and (min-width: 1440px) {
  .product-card__feature-list {
    width: 100%;
    max-width: 508px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }


  .product-card_horizontal .product-card__content {
    gap: 24px;
  }

  .product-card__content-inner-wrap {
    gap: 24px;
  }

  .product-card_simple .product-card__price-value {
    min-width: 240px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 40px;
  }

  .product-card__detail-btn-wrapper:not(.product-card_horizontal .product-card__detail-btn-wrapper, .product-card_simple .product-card__detail-btn-wrapper) {
    padding: 0 24px 24px 24px;
  }
}

@media screen and (min-width: 1920px) {
  .product-card_horizontal .product-card__img-wrap {
    max-width: 240px;
  }

  .product-card_simple .product-card__price-value {
    min-width: 258px;
  }

  .product-card__feature-list-item {
    gap: 8px;
  }
}

.chevron {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 4px 2px 8px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 2px 0 0 2px;
  pointer-events: none;
}

.chevron::before {
  position: absolute;
  content: '';
  right: -10px;
  width: 10px;
  height: 100%;
  background-repeat: no-repeat;
}

.chevron_new {
  background: var(--accent);
}

.chevron_hit {
  background: var( --orange);
}

.chevron_product-badge-in-stock {
  background: #12C794;
}

.chevron_new::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3e%3cpath d='M0 0H1.10187C1.67314 0 2.21715 0.244296 2.59669 0.671272L8.81891 7.67127C9.49248 8.42904 9.49248 9.57096 8.81891 10.3287L2.59669 17.3287C2.21715 17.7557 1.67314 18 1.10187 18H0V0Z' fill='%233779DC'/%3e%3c/svg%3e");
}

.chevron_product-badge-in-stock::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0H1.10187C1.67314 0 2.21715 0.244296 2.59669 0.671272L8.81891 7.67127C9.49248 8.42904 9.49248 9.57096 8.81891 10.3287L2.59669 17.3287C2.21715 17.7557 1.67314 18 1.10187 18H0V0Z' fill='%2312C794'/%3e%3c/svg%3e ");
}

.chevron_hit::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3e%3cpath d='M0 0H1.10187C1.67314 0 2.21715 0.244296 2.59669 0.671272L8.81891 7.67127C9.49248 8.42904 9.49248 9.57096 8.81891 10.3287L2.59669 17.3287C2.21715 17.7557 1.67314 18 1.10187 18H0V0Z' fill='%23E56E00'/%3e%3c/svg%3e");
}

@media screen and (min-width: 1200px) {
  .chevron_new::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='22' viewBox='0 0 10 22' fill='none'%3e%3cpath d='M0 0H0.981551C1.62142 0 2.22267 0.306168 2.59902 0.823657L9.14448 9.82366C9.65451 10.525 9.65451 11.475 9.14448 12.1763L2.59902 21.1763C2.22267 21.6938 1.62142 22 0.981551 22H0V0Z' fill='%233779DC'/%3e%3c/svg%3e");
  }

  .chevron_hit::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='22' viewBox='0 0 10 22' fill='none'%3e%3cpath d='M0 0H0.981551C1.62142 0 2.22267 0.306168 2.59902 0.823657L9.14448 9.82366C9.65451 10.525 9.65451 11.475 9.14448 12.1763L2.59902 21.1763C2.22267 21.6938 1.62142 22 0.981551 22H0V0Z' fill='%23E56E00'/%3e%3c/svg%3e");
  }
  .chevron_product-badge-in-stock::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='22' viewBox='0 0 10 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0H0.981551C1.62142 0 2.22267 0.306168 2.59902 0.823657L9.14448 9.82366C9.65451 10.525 9.65451 11.475 9.14448 12.1763L2.59902 21.1763C2.22267 21.6938 1.62142 22 0.981551 22H0V0Z' fill='%2312C794'/%3e%3c/svg%3e");
  }
}

.main__blog-item:not(:first-child):not(:nth-child(2)) {
  border-top: 1px solid #E1E7F2;
}
.main__blog-img {
  width: 76px;
  height: 76px;
}

.main__blog-title,
.main__blog-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.main__blog-title {
  line-clamp: 3;
  -webkit-line-clamp: 3;
  color: black;
}
.main__blog-subtitle {
  -webkit-line-clamp: 5;
  line-clamp: 5;
  color: var(--black-second);
}


.main-banner__wrapper {
  position: relative;
  /*min-height: 500px;*/
}
.main-banner__wrapper-img {
  /*position: absolute;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*top: 0;*/
  /*left: 0;*/
}
.main-banner__wrapper-img {
  -o-object-fit: cover;
     object-fit: cover;

}
.main__left-banner-wrapper {
  width: 100%;
  overflow: hidden; 
  position: relative;
  display: block;
  height: 365px;
}
.main__left-banner-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-categories__item {
  position: relative;
  z-index: 1;
  background-color: transparent;
}
.main-categories__item::after {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255,255,255,0.98)), color-stop(40%, rgba(255,255,255,0.87)), color-stop(45%, rgba(255,255,255,0.85)), to(rgba(255,255,255,0.2)));
  background: linear-gradient(to bottom, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.87) 40%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.2) 100%);
}
.main-categories__item:nth-of-type(2)::after,
.main-categories__item:nth-of-type(3)::after,
.main-categories__item:nth-of-type(5)::after,
.main-categories__item:nth-of-type(6)::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255,255,255,0.98)), color-stop(40%, rgba(255,255,255,0.87)), color-stop(45%, rgba(255,255,255,0.85)), to(rgba(255,255,255,0.2)));
  background: linear-gradient(to right, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.87) 40%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.2) 100%);
}
.main-categories__item::after,
.main-categories__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main-categories__description {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}
.main-categories__img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}

.offers__tag {
  padding: 12px 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  color: var(--black-second);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  border: none;
  background-color: transparent;
}
.offers__tag.active {
  background-color: var(--brand-color);
  color: white;
}

.offers__detail-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  width: 100%;
  border: 1px solid #7D838C;
  background-color: transparent;
}

.brands__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brands_img {
  width: 110px;
  height: 110px;
  -o-object-fit: contain;
     object-fit: contain;
}
.popular-categories__item  {
  color: black;
  background-color: white;
  padding: 20px 24px;
  height: 100%;
}

.popular-categories__img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .offers__swiper.swiper {
    overflow: unset;
  }
  .offers__tags-swiper-wrapper.swiper-wrapper .swiper-slide {
    -ms-flex-negative: unset;
        flex-shrink: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }


  .offers__card-img {
    /*width: 184px;*/
  }
  .brands_img {
    width: 120px;
  }
  .offers__card-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
  }
  .swiper-backface-hidden .offers__card-wrapper .swiper-slide {
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
    -webkit-backface-visibility: inherit;
    backface-visibility: inherit;
  }
}

@media screen and (min-width: 992px) {
  .offers__card-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
  .brands_img {
    width: 125px;
  }
}
@media screen and (min-width: 1200px) {
  .offers__card-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .brands_img {
    width: 155px;
  }
  .main-categories__description {
    display: -webkit-box;
  }
}

@media screen and (min-width: 1400px) {
  .main__blog-img {
    width: 84px;
    height: 84px;
  }
  .main__left-banner-wrapper {
    height: 445px;
  }
}
@media screen and (min-width: 1920px) {
  .main__blog-img {
    width: 100px;
    height: 100px;
  }
  .main__left-banner-wrapper {
    height: 600px;
  }
  .offers__card-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* grid сетка для блока со списком категорий */
.main-categories {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
}
.main-categories__item {
  padding: 24px 8px 8px 8px;
  min-height: 125px;
  background-color: white;
}
.main-categories__item:first-of-type {
  grid-row: 1 / 3;
}
.main-categories__item:nth-of-type(4) {
  grid-row: 3 / 5;
  grid-column: 1 / 2;
}
@media screen and (max-width: 767px) {
  .offers__card-wrapper {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .offers__card-wrapper .swiper-slide {
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .main-categories {
    grid-gap: 24px;
  }
  .main-categories__item {
    padding: 32px 104px 32px 24px;
  }
}
@media screen and (768px <= width < 992px) {
  .main-categories__item:nth-of-type(4) {
    grid-column: 1 / 2;
  }
}

@media screen and (992px <= width < 1200px), screen and (1440px <= width < 1920px) {
  .main-categories {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr 1fr 1fr;
    /*grid-auto-columns: 50% 50%;*/
  }
  .main-categories__item {
    /*grid-column: span 4;*/
  }
  .main-categories__item:nth-of-type(1) {
    grid-column: 1 / 5;
    grid-row: 1 / 3;
  }
  .main-categories__item:nth-of-type(2) {
    grid-column: 5 / 9;
    grid-row: 1 / 2;
  }
  .main-categories__item:nth-of-type(3) {
    grid-column: 5 / 9;
    grid-row: 2 / 3;
  }
  .main-categories__item:nth-of-type(4) {
    grid-column: 9 / 13;
    grid-row: 1 / 3;
  }
  .main-categories__item:nth-of-type(5) {
    grid-column: 1 / 7;
    grid-row: 3 / 4;
  }
  .main-categories__item:nth-of-type(6) {
    grid-column: 7 / 13;
    grid-row: 3 / 4;
  }
}

@media screen and (min-width: 992px) {
  .main-categories__item {
    padding: 32px 48px 32px 24px;
  }
}

@media screen and (min-width: 1200px) {
  .main-banner__wrapper-img {
    min-height: 275px;
  }
}

@media screen and (1200px <= width < 1440px) {
  .main-categories {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1920px) {
  .main-categories {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .main-categories__item:nth-of-type(4) {
    grid-row: 1 / 3;
    grid-column: 3 / 4;
  }
  .main-banner__wrapper-img {
    min-height: 443px;
  }
}
/* grid сетка для блока со списком категорий */


.catalog__top {
  background: var(--primary-light);
}

.catalog__top-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu-catalogue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-catalogue__open-btn {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  background-color: var(--brand-color);
  padding: 16px;
  color: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-catalogue__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  padding-bottom: 40px;
}
.menu-catalogue__item {
  position: relative;
  padding: 16px 24px;
  color: black;
  cursor: pointer;
}
.menu-catalogue__link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.menu-catalogue__link img {
  width: 18px;
  height: 18px;
}
.menu-catalogue__link * {
  color: var(--black-general);
}
.menu-catalogue__item.hovered {
  background-color: #F5F7FA;
}
.menu-catalogue__item.hovered .menu-catalogue__link * {
  color: var(--secondary);
}
.menu-catalogue__item.hovered::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: linear-gradient(45deg, rgba(255,255,255,0) 50%, var(--brand-color) 50%);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(50% - 6px);
  right: 24px;
}
.menu-catalogue__subcategories-popup {
  padding: 16px 24px;
}
.menu-catalogue__subcategories-popup > * {
  display: block;
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid var(--grey);
  color: var(--black-general);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.menu-catalogue__bottom-part {
  padding: 32px 20px 16px 52px;
  border-top: 1px solid var(--grey);
}
.menu-catalogue__bottom-part > * {
  color: var(--grey-hard);
}
@media screen and (min-width: 1200px) {
  .menu-catalogue__subcategories-popup {
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    z-index: 2;
    -webkit-box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
            box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
  }
  .menu-catalogue__subcategories-popup > * {
    min-width: 310px;
  }
  .menu-catalogue__subcategories-popup > *:hover {
    color: var(--secondary);
    border-color: var(--secondary);
  }
  .menu-catalogue__open-btn {
    padding: 20px 24px;
  }

}

.product-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.product-card__chevrons {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  z-index: 1;
}

.product-card__content {
  position: relative;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  background-color: white;
  height: 100%;
}

.product-card__delete-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
}

.product-card__img-wrap {
  width: 177px;
  min-height: 167px;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-item-align: center;
      align-self: center;
}
.product-card__img {
  -o-object-fit: contain;
     object-fit: contain;
}
.product-card__name {
  color: var(--black-second);
}
.product-card .product-card__detail-btn {
  width: 100%;
}
.product-card .old-price + .new-price {
  color: var(--red);
  margin-bottom: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.product-card .old-price {
  color: var(--grey-medium);
  text-decoration: line-through;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.product-card_simple .product-card__price-value {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .product-card .old-price + .new-price {
    font-size: 18px;
    line-height: 24px;
  }
  .product-card .old-price {
    font-size: 16px;
    line-height: 22px;
  }
}

/* catalog card when mobile */
.product-card_catalog .product-card__content {
  -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;
  gap: 16px;
  padding: 16px 12px;
}
.product-card_catalog .product-card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 33 / 25;
}
.product-card_catalog .product-card__detail-btn.button-small {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-card_catalog:not(.product-card_horizontal, .product-card_simple) .product-card__title-wrap {
  height: 60px;
}

.product-card_catalog .product-card__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-card_catalog .product-card__img-wrap {
  max-width: 99px;
}

.product-card__price-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.product-card__content-inner-wrap {
  gap: 16px;
}

.product-card_simple .product-card__price-group {
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .product-card_catalog .product-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 24px;
  }

  .product-card_horizontal .product-card__content {
    -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;
  }

  .product-card_simple .product-card__content {
    -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;
    padding: 12px;
  }

  .product-card_catalog .product-card__img-wrap {
    max-width: 100%;
  }

  .product-card_horizontal .product-card__img-wrap {
    max-width: 143px;
  }

  .product-card_simple .product-card__img-wrap {
    max-width: 65px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-card_simple  .product-card__img {
    aspect-ratio: 65 / 37;
  }

  .product-card_simple .product-card__info-wrap {
    max-width: 226px;
  }

  .product-card_simple .product-card__content-inner-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-card_catalog .product-card__chevrons {
    top: 18px;
    left: 18px;
  }

  .product-card_simple .product-card__action-buttons {
    gap: 8px;
    min-width: 104px;
  }

  .product-card__feature-list {
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .product-card__feature-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
  }

  .product-card__feature-list span {
    width: 50%;
    font-family: var(--font-secondary);
  }

  .product-card__price-group {
    min-width: 230px;
  }

  .product-card__action-buttons {
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .product-card__info-wrap {
    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;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .product-card_horizontal .product-card__content {
    gap: 24px;
  }

  .product-card__content-inner-wrap {
    gap: 24px;
  }

  .product-card_simple .product-card__img-wrap {
    max-width: 102px;
  }

  .product-card_simple .product-card__info-wrap {
    max-width: 306px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 40px;
  }

  .product-card_simple .product-card__price-value {
    min-width: 202px;
  }

  .product-card__feature-list {
    max-width: 453px;
  }
}
@media screen and (min-width: 1200px) {
  .product-card__content {
    padding-top: 32px;
    row-gap: 24px;
  }
  .product-card__img {
    width: 100%;
    height: 180px;
  }
  @-webkit-keyframes offers_slide {
    0%   {top: calc(100% - 160px); opacity: 0;}
    50% {opacity: .8}
    100% {top: 100%; opacity: 1}
  }
  @keyframes offers_slide {
    0%   {top: calc(100% - 160px); opacity: 0;}
    50% {opacity: .8}
    100% {top: 100%; opacity: 1}
  }
  .product-card__detail-btn-wrapper:not(.product-card_horizontal .product-card__detail-btn-wrapper, .product-card_simple .product-card__detail-btn-wrapper) {
    padding: 0 12px 24px 12px;
    width: 100%;
    background-color: white;
    border-radius: 4px;
    position: absolute;
    /* высота скрывающегося блока .product-card__detail-btn-wrapper */
    top: calc(100% - 160px);
    left: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 0 0 rgba(18, 0, 2, 0.1);
            box-shadow: 0 1px 0 0 rgba(18, 0, 2, 0.1);
  }
  .product-card__content:not(.product-card_horizontal .product-card__content, .product-card_simple .product-card__content):hover .product-card__detail-btn-wrapper {
    -webkit-animation-name: offers_slide;
            animation-name: offers_slide;
    -webkit-animation-duration: 0s;
            animation-duration: 0s;
    top: 100%;
    z-index: 2;
  }

  .product-card__feature-list {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .product-card_horizontal .product-card__content {
    gap: 16px;
  }

  .product-card__content-inner-wrap {
    gap: 16px;
  }

  .product-card__price-group {
    min-width: 260px;
  }

  .product-card__action-buttons {
    gap: 24px;
  }

  .product-card_horizontal .product-card__img {
    aspect-ratio: 4 / 3;
  }

  .product-card_horizontal .product-card__img-wrap {
    max-width: 130px;
  }

  .product-card_simple .product-card__info-wrap {
    max-width: 265px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 16px;
  }

  .product-card_simple .product-card__price-value {
    min-width: auto;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 24px;
  }

  .product-card_simple .product-card__action-buttons {
    min-width: 121px;
  }
}

@media screen and (min-width: 1440px) {
  .product-card__feature-list {
    width: 100%;
    max-width: 508px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }


  .product-card_horizontal .product-card__content {
    gap: 24px;
  }

  .product-card__content-inner-wrap {
    gap: 24px;
  }

  .product-card_simple .product-card__price-value {
    min-width: 240px;
  }

  .product-card_simple .product-card__detail-btn-wrapper {
    gap: 40px;
  }

  .product-card__detail-btn-wrapper:not(.product-card_horizontal .product-card__detail-btn-wrapper, .product-card_simple .product-card__detail-btn-wrapper) {
    padding: 0 24px 24px 24px;
  }
}

@media screen and (min-width: 1920px) {
  .product-card_horizontal .product-card__img-wrap {
    max-width: 240px;
  }

  .product-card_simple .product-card__price-value {
    min-width: 258px;
  }

  .product-card__feature-list-item {
    gap: 8px;
  }
}

.line-card {
  position: relative;
  padding: 16px;
  background: var(--primary-light);
}
.line-card__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.line-card__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.line-card__chevrons {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  z-index: 1;
}

.line-card__img-wrap {
  max-width: 99px;
}

.line-card__img {

}

@media screen and (min-width: 768px){
  .line-card__details {
    padding: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
  }
}

/* input type checkbox */
/* для элемента input c type="checkbox" */
.custom-checkbox {
  cursor: pointer;
}

.custom-checkbox > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 24px;
  height: 24px;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox > span::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid var(--grey);
  background: var(--primary-light);
  border-radius: 2px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
  border-color: var(--secondary);
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox > input:not(:disabled):active + span::before {
  border-color: var(--secondary);
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox > input:focus + span::before {

}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox > input:focus:not(:checked) + span::before {

}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox > input:checked + span::before {
  border-color: var(--secondary);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 2.00758C12 2.2096 11.9277 2.38131 11.7832 2.52273L6.17806 8.00758L5.12516 9.03788C4.98065 9.17929 4.80516 9.25 4.59871 9.25C4.39226 9.25 4.21677 9.17929 4.07226 9.03788L3.01935 8.00758L0.216774 5.26515C0.0722581 5.12374 0 4.95202 0 4.75C0 4.54798 0.0722581 4.37626 0.216774 4.23485L1.26968 3.20455C1.41419 3.06313 1.58968 2.99242 1.79613 2.99242C2.00258 2.99242 2.17806 3.06313 2.32258 3.20455L4.59871 5.43939L9.67742 0.462121C9.82194 0.320707 9.99742 0.25 10.2039 0.25C10.4103 0.25 10.5858 0.320707 10.7303 0.462121L11.7832 1.49242C11.9277 1.63384 12 1.80556 12 2.00758Z' fill='%232A79BE'/%3e%3c/svg%3e");
}

.custom-checkbox > input:checked + span {
  color: var(--secondary);
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox > input:disabled + span::before {
  border-color: var(--grey-medium);
  opacity: .2;
}

.custom-checkbox > input:disabled + span {
  color: var(--grey-medium);
}

.custom-checkbox > input.disabled::after {
  border-color: var(--grey-medium);
}

.custom-checkbox > input.disabled:checked::before {
  border-color: var(--grey-medium);
}

.custom-checkbox > input.invalid::after {
  border-color: var(--error);
}

.custom-checkbox > input.invalid:checked::before {
  border-color: var(--error);
}

/* для элемента input c type="radio" */
.custom-radio {
  cursor: pointer;
}

.custom-radio>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 24px;
  height: 24px;
}

/* для элемента label связанного с .custom-radio */
.custom-radio>span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio>span::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid var(--grey);
  background: var(--primary-light);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на радио */
.custom-radio>input:not(:disabled):not(:checked)+span:hover::before {
  border-color: var(--secondary);
}

/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio>input:not(:disabled):active+span::before {
  border-color: var(--secondary);
}

/* стили для радиокнопки, находящейся в фокусе */
.custom-radio>input:focus+span::before {
  border-color: var(--secondary);
}

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio>input:focus:not(:checked)+span::before {
  border-color: var(--secondary);
}

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio>input:checked+span::before {
  border-color: var(--secondary);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='5' cy='5' r='4.5' fill='%232A79BE'/%3e%3c/svg%3e");
}

.custom-radio>input:checked+span {
  color: var(--secondary);
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio>input:disabled+span::before {
  border-color: var(--grey-medium);
}

.custom-radio>input:disabled+span {
  color: var(--grey-medium);
}

.custom-radio>input.invalid::after {
  border-color: var(--error);
}

.custom-radio>input.invalid:checked::before {
  border-color: var(--error);
}

.custom-select {
  border-radius: 4px;
  background: var(--primary-light, #FFF);
}

.custom-select__drop-button > .dropdown-toggle {
  border: 2px solid var(--grey-medium, #ACB6C8);
}

.custom-select__drop-button > .dropdown-toggle.bs-placeholder {
  border: 2px solid var(--grey);
}

.custom-select__drop-button > .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: var(--grey-medium);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.custom-select__drop-button > .dropdown-toggle:not(.bs-placeholder) .filter-option-inner-inner {
  color: var(--black-general, #333);
}

.custom-select__drop-button > .dropdown-toggle.bs-placeholder:active,
.custom-select__drop-button > .dropdown-toggle.bs-placeholder:focus,
.custom-select__drop-button > .dropdown-toggle.bs-placeholder:hover {
  border: 2px solid var(--grey-medium);
  outline: 0;
}

.custom-select .dropdown-toggle {
  padding: 12px;
}

.custom-select .filter-option-inner-inner {

}

.custom-select .dropdown-toggle::after {
  content: '';
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.6666 6L7.99992 10.6667L3.33325 6' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border: none;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}


.custom-select .dropdown-toggle.show::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.custom-select .dropdown-menu {
  padding: 0;
  border: 0;
  -webkit-box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
          box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
}


.custom-select .dropdown-menu li {
  border: 1px solid var(--grey-light, #F1F3F6);
  background: var(--primary-light, #FFF);
}

.custom-select .dropdown-item {
  padding: 12px;
  color: var(--black-general, #333);
  font-family: Roboto, 'sans-serif';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.custom-select .dropdown-item:hover {
  background: var(--grey-light, #F1F3F6);
}

.custom-select .dropdown-item.active,
.custom-select .dropdown-item:active {
  background: var(--primary-light);
  color: var(--secondary);
}

.chevron {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 4px 2px 8px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 2px 0 0 2px;
  pointer-events: none;
}

.chevron::before {
  position: absolute;
  content: '';
  right: -10px;
  width: 10px;
  height: 100%;
  background-repeat: no-repeat;
}

.chevron_new {
  background: var(--accent);
}

.chevron_hit {
  background: var( --orange);
}

.chevron_product-badge-in-stock {
  background: #12C794;
}

.chevron_new::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3e%3cpath d='M0 0H1.10187C1.67314 0 2.21715 0.244296 2.59669 0.671272L8.81891 7.67127C9.49248 8.42904 9.49248 9.57096 8.81891 10.3287L2.59669 17.3287C2.21715 17.7557 1.67314 18 1.10187 18H0V0Z' fill='%233779DC'/%3e%3c/svg%3e");
}

.chevron_product-badge-in-stock::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0H1.10187C1.67314 0 2.21715 0.244296 2.59669 0.671272L8.81891 7.67127C9.49248 8.42904 9.49248 9.57096 8.81891 10.3287L2.59669 17.3287C2.21715 17.7557 1.67314 18 1.10187 18H0V0Z' fill='%2312C794'/%3e%3c/svg%3e ");
}

.chevron_hit::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3e%3cpath d='M0 0H1.10187C1.67314 0 2.21715 0.244296 2.59669 0.671272L8.81891 7.67127C9.49248 8.42904 9.49248 9.57096 8.81891 10.3287L2.59669 17.3287C2.21715 17.7557 1.67314 18 1.10187 18H0V0Z' fill='%23E56E00'/%3e%3c/svg%3e");
}

@media screen and (min-width: 1200px) {
  .chevron_new::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='22' viewBox='0 0 10 22' fill='none'%3e%3cpath d='M0 0H0.981551C1.62142 0 2.22267 0.306168 2.59902 0.823657L9.14448 9.82366C9.65451 10.525 9.65451 11.475 9.14448 12.1763L2.59902 21.1763C2.22267 21.6938 1.62142 22 0.981551 22H0V0Z' fill='%233779DC'/%3e%3c/svg%3e");
  }

  .chevron_hit::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='22' viewBox='0 0 10 22' fill='none'%3e%3cpath d='M0 0H0.981551C1.62142 0 2.22267 0.306168 2.59902 0.823657L9.14448 9.82366C9.65451 10.525 9.65451 11.475 9.14448 12.1763L2.59902 21.1763C2.22267 21.6938 1.62142 22 0.981551 22H0V0Z' fill='%23E56E00'/%3e%3c/svg%3e");
  }
  .chevron_product-badge-in-stock::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='22' viewBox='0 0 10 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0H0.981551C1.62142 0 2.22267 0.306168 2.59902 0.823657L9.14448 9.82366C9.65451 10.525 9.65451 11.475 9.14448 12.1763L2.59902 21.1763C2.22267 21.6938 1.62142 22 0.981551 22H0V0Z' fill='%2312C794'/%3e%3c/svg%3e");
  }
}

.tags-wrapper {
  gap: 12px;
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

/*.tags__item:nth-child(n + 4) {
  display: none;
}

.tags.opened .tags__item:nth-child(n + 4) {
  display: inline-flex;
}*/

.tags__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 12px;
  border: 2px solid var(--grey);
  border-radius: 4px;
  background: var(--grey-ultra-light);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-weight: 300;
  color: var(--black-general)
}

.tags__link.active {
  background: white;
  color: var(--secondary);
  border-color: var(--secondary)
}
@media not all and (hover: none) {
  .tags__link:hover {
    background: var(--grey);
  }

  .tags__link:active {
    border-color: var(--secondary);
    color: var(--secondary);
    background: var(--primary-light);
  }
}


@media (min-width: 768px) {
  .tags {
    -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;
  }
}

@media screen and (min-width: 1200px) {
  .tags {
    gap: 12px;
  }

  .tags__link {
    padding: 12px 16px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}


.pagination a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  padding: 2px;
}

.pagination a:not(.pagination__link_active):not(.pagination__link_prev):not(.pagination__link_next) {
  color: var(--secondary);
  background: var(--grey-light);
}


.pagination a:not(.pagination__link_active):not(.pagination__link_prev):not(.pagination__link_next):hover {
  background: var(--black-general);
  color: var(--primary-light);
}

a.pagination__link_active {
  color: var(--primary-light);
  background: var(--secondary);
}

a.pagination__link_prev,
a.pagination__link_next {
  padding: 2px 10px;
  background: transparent;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

a.pagination__link_next:hover, a.pagination__link_prev:hover {
  color: var(--black-general);
}

.filled-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px 12px;
  background: var(--grey);
}

@media screen and (min-width: 1200px){
  .filled-headline {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.col-section {
  background: var(--primary-light);
}

.col-section__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.col-section__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
}

.col-section__name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.accordion-custom__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.accordion-custom__button::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M6 3.33329L10.6667 7.99996L6 12.6666' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.accordion-custom__button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M6 3.33329L10.6667 7.99996L6 12.6666' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordion-custom__item {
  padding: 16px 24px;
  border-bottom: 1px solid var(--grey-light);
}

.accordion-custom__body {
  padding: 16px 0 12px 0;
}

/* styles for accordion */
.collapse__item {
  padding: 16px 0;
  border-bottom: 1px solid var(--grey);
}
.collapse__item .collapse__button {
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  text-align: left;
  border: none;
  background-color: transparent;
  -webkit-transition: margin-bottom .2s;
  transition: margin-bottom .2s;
}
.collapse__item .collapse__button:not(.collapsed) {
  margin-bottom: 12px;
}
.collapse__item:nth-of-type(odd) {
  background-color: white;
}
.collapse__item:nth-of-type(even) {
  background-color: var(--grey-light);
}
.collapse__item .accordion-collapse {
  padding: 0 12px;
}

.collapse__item .collapse__icon {
  width: 24px;
  height: 24px;
}

/* Превращает плюс в минус, когда аккордеон свернут */
.collapse__button .collapse__icon_rollable path:first-of-type {
  display: none;
}

.collapse__button.collapsed .collapse__icon_rollable path:first-of-type {
  display: inline-block;
}

.collapse__item .accordion-collapse .collapse__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
}

.collapse__item ul li:not(:first-of-type) {
  margin-top: 10px;
}

.collapse__item .collapse__button svg:not(.collapse__decor-icon) path {
  fill: var(--black-general);
}

.collapse__item  ul li:not(:first-of-type) {
  margin-top: 10px;
}

.collapse__item .collapse__button svg path {
  fill: var(--black-general);
}

/*@media (0px < width < 992px) {*/
/*  .collapse__body .col-lg-6:nth-of-type(2) {*/
/*    margin-top: 10px;*/
/*  }*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*  .collapse__item {*/
/*    padding: 20px 40px;*/
/*  }*/
/*  .collapse__item .collapse__button {*/
/*    margin-bottom: 40px;*/
/*  }*/
/*  .collapse__item .accordion-collapse .collapse__body {*/
/*    row-gap: 20px;*/
/*  }*/
/*  .collapse__item  ul li:not(:first-of-type) {*/
/*    margin-top: 20px;*/
/*  }*/
/*}*/
/*@media screen and (min-width: 992px) {*/
/*  .collapse__item:hover .collapse__button {*/
/*    color: red;*/
/*  }*/
/*  .collapse__item:hover .collapse__button svg path {*/
/*    fill: red;*/
/*  }*/
/*}*/

@media screen and (min-width: 768px) {
  .collapse__item {
    padding: 20px 0;
  }
}

input[type='number'] {
  -moz-appearance: textfield;
}

.range__slider {
  margin-bottom: 24px;
}

.range__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}

.range__values label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.range__values input {
  min-width: 67px;
  max-width: 81px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid var(--grey);
  background: var(--primary-light);
  padding: 12px;
}

.range__values input:focus {
  outline: none;
}

.noUi-connect {
  background: var(--secondary);
}

.noUi-target {
  background: var(--grey);
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 2px;
}

.noUi-handle {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  border: none;
  border-radius: 50%;
  background: #111;
}

.noUi-handle:before,
.noUi-handle:after {
  display: none;
}

.noUi-handle-lower {
  background: var(--secondary);
  -webkit-box-shadow: 0 0 2px 5px rgba(41, 146, 227, 0.2);
          box-shadow: 0 0 2px 5px rgba(41, 146, 227, 0.2);
}

.noUi-handle-upper {
  background: var(--secondary);
  -webkit-box-shadow: 0 0 2px 5px rgba(41, 146, 227, 0.2);
          box-shadow: 0 0 2px 5px rgba(41, 146, 227, 0.2);
}

.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 12px;
  height: 12px;
  right: -9px;
  top: -4px;
}

/*
.range-input .noUi-target {
  width: 216px;
  border: none;
  margin: 0 auto;
}

.range-input .noUi-horizontal {
  height: 5px;
}
.range-input .noUi-connect {
  background: #1551A1;
}
.range-input__input::-webkit-outer-spin-button,
.range-input__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

!* Firefox *!
.range-input__input[type=number] {
  -moz-appearance: textfield;
}

.range-input__inputs {
  display: flex;
  justify-content: space-between;
}

.range-input__label {
  display: flex;
  align-items: center;
  margin-bottom:  20px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #FFFFFF;
}
.range-input__title {
  display: block;
  padding-bottom: 20px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #7E7E7E;
}
.range-input__input {
  border: none;
  outline: none;
  background-color: transparent;
  max-width: 60px;
  padding: 0 5px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #FFFFFF;
}
.range-input .noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
  right: -12px;
  top: -12px;
}
.range-input .noUi-handle:after, .noUi-handle:before,
.range-input .noUi-handle:after, .noUi-handle:after {
  display: none;
}
@media (max-width: 999px) {
  .range-input .noUi-target {
    width: auto;
  }
}


.range-input .irs--flat .irs-handle
{
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  top: 15px;
}
.range-input .irs--round .irs-handle {
  width: 20px;
  height: 20px;
  background-color: #d51317;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);
  border-radius: 0;
  border: none;
  top: 56%;
  cursor: pointer;
}

.range-input .irs--round .irs-line {
  height: 5px;
  background: #393939;
  border-radius: 0;
}

.range-input .irs--round {
  margin-top: -30px;
}
.range-input .irs--flat .irs-bar,
.range-input  .irs--round .irs-bar{
  height: 5px;
  background-color: #d51317;
}
.range-input .irs--flat .irs-line {
  height: 5px;
}
.range-input .irs--flat .irs-handle i {
  display: none;
}

.range-input .irs-min,
.range-input .irs-max,
.range-input .irs-from,
.range-input .irs-to,
.range-input .irs-single {
  display: none;
}
*/

/*
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

!* Firefox *!
input[type=number] {
  -moz-appearance: textfield;
}

.range-slider {

}

.range-slider__price {
  width: 100%;
  display: flex;
  gap: 24px;
  padding: 12px 0;
}

.range-slider__price-field {
  display: flex;
  align-items: center;
}

.range-slider__price-field input {
  padding: 12px;
  width: 67px;
  height: 42px;
  outline: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-left: 12px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid var(--grey);
  -moz-appearance: textfield;
}

.range-slider__toggle {
  margin-top: 12px;
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.range-slider__toggle-progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: var(--secondary);
}

.range-slider__inputs {
  position: relative;
}

.range-slider__inputs input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: var(--secondary);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 2px 5px rgba(41, 146, 227, 0.2);
}

input[type="range"]::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border: none;
  border-radius: 50%;
  background: var(--secondary);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 2px 5px rgba(41, 146, 227, 0.2);
}
*/

.filters__inputs-group {
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.filters__label {
  padding: 12px 0;
}

.filters__button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}

.filters__buttons {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.filters__toggle-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  padding-top: 16px;
}

@media screen and (min-width: 1440px){
  .filters__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

}

.dropdown-sort {
  background: white;
  border: 1px solid var(--grey);
  border-radius: 4px;
  position: relative;
}

.dropdown-sort_by-price {
  width: 174px;
  height: 42px;
}

.dropdown-sort_by-amount {
  width: 67px;
  height: 42px;
}

.dropdown-sort::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 14px;
  z-index: 1;
  width: 9px;
  height: 9px;
  border: 2px solid #333333;
  border-top: transparent;
  border-right: transparent;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  pointer-events: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.dropdown-sort input {
  width: 100%;
  height: 100%;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 14px;
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.dropdown-sort input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #333333;
}

.dropdown-sort input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #333333;
  opacity: 1;
}

.dropdown-sort input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
}

.dropdown-sort input::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333;
}

.dropdown-sort input::placeholder { /* Most modern browsers support this now. */
  color: #333333;
}

.dropdown-sort input::-moz-placeholder {
  color: #333333;
}

.dropdown-sort .options {
  width: 100%;
  border-radius: 9px;
  cursor: pointer;
  background: var(--primary-light);
  outline: none;
  font-size: 20px;
  overflow: hidden;
  position: absolute;
  top: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;

  /* default state of dropdown list */
  /* it is not visible */
  opacity: 0;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
  visibility: hidden;
}

.dropdown-sort .options .option {
  padding: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #333333;
}

.dropdown-sort .options .option:not(:last-of-type) {
  border-bottom: 1px solid var(--grey, #E1E7F2);
}

.dropdown-sort .options .option:hover {
  background: var(--grey-light);
}

/* opened state of dropdown list */
.dropdown-sort.opened .options {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-7px);
      -ms-transform: translateY(-7px);
          transform: translateY(-7px);
  z-index: 2;
  background: var(--primary-light);
  -webkit-box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
          box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
}

.dropdown-sort.opened::before {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 17px;
}

@media screen and (min-width: 768px) {
  .dropdown-sort_by-price {
    width: 156px;
  }
}


@media screen and (min-width: 992px) {
  .dropdown-sort_by-price {
    width: 191px;
  }
}

.media-blocks {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  padding-bottom: 32px;
}

@media (min-width: 992px) {
  .media-blocks {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding-bottom: 48px;
  }
}

.media-card {
  -webkit-box-shadow: 0 0 8px 0 rgba(17, 28, 41, 0.08);
          box-shadow: 0 0 8px 0 rgba(17, 28, 41, 0.08);
}

.media-card__pic-wrap {
  height: 182px;
}

.media-card__pic {
  width: 100%;
  height: 100%;
}

.media-card__bottom {
  padding: 16px 12px 24px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  height: 100%;
}

.media-card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.media-card__button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  grid-column: span 1;
  color: var(--secondary);
}

@media (min-width: 992px) {
  .media-card__pic-wrap {
    height: 257px;
  }

  .media-card__bottom {
    padding: 24px 24px 32px 24px;
    gap: 20px;
  }


  .media-card__button-wrap {
    grid-column: span 3;
  }
}

.catalog__products {
  margin-top: 16px;
}

.catalog__products_horizontal {
  row-gap: 16px;
}


.catalog__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}

.catalog__crossale {
  margin-top: 24px;
}

.catalog__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.catalog__sort-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-custom__close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
}

.catalog__view-button {
  border: 2px solid transparent;
}

.catalog__view-button_active svg rect {
   fill: var(--secondary);
}

/*.catalog__view-button_list.catalog__view-button_active svg rect {
  fill: var(--secondary);
}

.catalog__view-button_active:not(.catalog__view-button_list) svg path {
  fill: var(--secondary);
}*/


.catalog__view-button:hover {
  background-color: transparent;
  border: 2px solid var(--secondary);
}

.catalog__view-button:hover svg path {
  fill: var(--secondary);
}

.catalog__view-button_active {
  background: var(--secondary);
  border-radius: 2px;
}
.catalog__view-button_active svg path {
  fill: #ffffff;
}

.catalog__upsale-categories {
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
          box-shadow: 0 0 12px 0 rgba(17, 28, 41, 0.15);
  padding: 24px 16px;
  margin: 32px 0;
}

.catalog__upsale-categories-description {
  border-top: 1px solid var(--grey);
  padding: 24px 16px;
}
.catalog__upsale-categories-list {
  margin-top: 24px;
}
.catalog__upsale-categories-list li a {
  color: var(--secondary);
}
.catalog__upsale-categories-list li {
  position: relative;
}

@media screen and (min-width: 768px) {
  .catalog__view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .catalog__view-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
  .catalog__upsale-categories {
    margin-top: 12px;
    padding: 32px 24px;
  }
}

@media screen and (min-width: 1200px) {
  .catalog__products {
    margin-top: 24px;
  }
  .catalog__pagination {
    margin-top: 32px;
  }

  .catalog__crossale {
    margin-top: 40px;
  }
  .catalog__upsale-categories {
    margin-top: 16px;
  }
  .catalog__upsale-categories-list a {
    text-decoration: underline !important;
  }
}

@media screen and (min-width: 1920px) {
  .catalog__products_horizontal {
    row-gap: 24px;
  }
  .catalog__upsale-categories {
    margin-top: 24px;
  }
}