.ss_components_products_ui_carousel__main_product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ss_components_products_ui_carousel__main_product > .main {
  flex-grow: 1;
  height: 0;
  display: flex;
}
.ss_components_products_ui_carousel__main_product > .main > .left {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ss_components_products_ui_carousel__main_product > .main > .left > .image {
  display: block;
  cursor: zoom-in;
  position: relative;
  flex-grow: 1;
  height: 500px;
  max-height: 100%;
  overflow: hidden;
  background-color: #FFFFFF;
  /*.fancybox_button {
                    position: absolute;
                    bottom: 10px;
                    right: 10px;
                    border: 2px solid @fancyboxButtonColor;
                    width: 30px;
                    height: 30px;
                    transition: all 0.3s;

                    display: flex;
                    justify-content: center;
                    align-items: center;

                    .icon {
                        color: @fancyboxButtonColor;
                        font-size: 22px;
                        z-index: 2;
                        transform: rotate(45deg);
                        transition: all 0.3s;
                    }

                    &:before {
                        content: '';
                        position: absolute;
                        left: -2px;
                        top: -2px;
                        width: 10px;
                        height: 10px;
                        background-color: #fff;
                    }

                    &:after {
                        content: '';
                        position: absolute;
                        bottom: -2px;
                        right: -2px;
                        width: 10px;
                        height: 10px;
                        background-color: #fff;
                    }

                    &:hover {
                        border-color: #000;

                        .icon {
                            color: #000;
                        }
                    }
                }*/
}
.ss_components_products_ui_carousel__main_product > .main > .left > .image img {
  height: 100%;
  object-fit: contain;
}
.ss_components_products_ui_carousel__main_product > .main > .left > .image_selector {
  max-height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.ss_components_products_ui_carousel__main_product > .main > .left > .image_selector > .image {
  display: block;
  margin: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 50px;
  height: 50px;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 2px solid transparent;
}
.ss_components_products_ui_carousel__main_product > .main > .left > .image_selector > .image img {
  height: 100%;
  object-fit: cover;
}
.ss_components_products_ui_carousel__main_product > .main > .left > .image_selector > .image.selected {
  border: 2px solid #555555;
}
.ss_components_products_ui_carousel__main_product > .main > .right {
  width: 400px;
  padding: 5px;
  background-color: #f9f8f8;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 2px #c3bfbf;
  border-radius: 0 0 0 5px;
  z-index: 1;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .top {
  flex-grow: 1;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .top .name_container {
  display: flex;
  justify-content: left;
  align-items: center;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .top .name_container a.name {
  display: block;
  color: #000000;
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
  padding: 6px;
  font-family: PTSansRegular;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .top .articul_container {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 6px;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .top .articul_container .articul {
  display: flex;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .top .articul_container .articul .label {
  margin-right: 5px;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .top .articul_container .articul .value {
  color: #FF0000;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .props {
  margin: 5px 10px;
}
.ss_components_products_ui_carousel__main_product > .main > .right > .area_plate {
  margin: 5px 0;
}
.ss_components_products_ui_carousel__main_product > .related {
  flex-shrink: 0;
  overflow-y: hidden;
  overflow-x: auto;
}