.b-product-variants-1 {
  position: relative;
  z-index: 15;
}
.b-product-variants-1__header {
  font-size: 1.1rem;
  font-weight: 800;
}
.b-product-variants-1__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.75rem;
  padding: 1rem 0;
}
.b-product-variants-1__item {
  cursor: pointer;
}
.b-product-variants-1__item.active .b-product-variants-1__image {
  border: 2px solid #4E4E4E;
}
.b-product-variants-1__image {
  border: 2px solid transparent;
}
.b-product-variants-1__image picture, .b-product-variants-1__image img {
  display: block;
  width: 100%;
  height: auto;
}
.b-product-variants-1__desc {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.4rem;
}
.b-product-variants-1__articul {
  font-size: 0.8rem;
}
.b-product-variants-1__download {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0 0 0.5rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjUwLjEgNTMuMTNjNy4xMi0zLjAxIDE2LjAzLjE1IDE5LjczIDYuOTEgMi42NiA0LjE3IDIuMTYgOS4yNyAyLjE3IDEzLjk4IDAgNzcuMjYtLjAxIDE1NC41My4wMSAyMzEuOCAyMS4xNy0yMS4xIDQyLjI2LTQyLjI5IDYzLjQyLTYzLjM5IDYuMDQtNS44NiAxNi42OC01LjM2IDIyLjI3Ljg3IDUuODYgNS45MSA1LjczIDE2LjM4LS4yNSAyMi4xNi0yOS4xOCAyOS4xOC01OC4zNyA1OC4zNC04Ny41MyA4Ny41NC0yLjk4IDMuMTctNi40NiA2LjI2LTEwLjkyIDYuOTYtNS43MiAxLjIxLTExLjcxLTEuMjMtMTUuNS01LjU2LTI4LjMtMjguMzYtNTYuNjUtNTYuNjYtODQuOTYtODQuOTktMi40Ni0yLjU2LTUuMjMtNC44Ni03LjI4LTcuNzgtMy45NS01LjkxLTMuMjUtMTQuNDggMS43MS0xOS42MSA0LjM4LTQuOSAxMS44OS02LjQgMTcuOS0zLjg2IDMuNjIgMS40MyA2LjE2IDQuNSA4Ljg2IDcuMTcgMjAuMDkgMjAuMDggNDAuMiA0MC4xNCA2MC4yNiA2MC4yNS4wMy03OS4yMS0uMDItMTU4LjQyLjAzLTIzNy42My0uMS02LjQgNC4xMi0xMi41NCAxMC4wOC0xNC44MloiLz48cGF0aCBkPSJNNDcuMzQgMzA5LjU2YzkuNTUtMy40NyAyMC43MSA0LjM4IDIwLjg1IDE0LjQ4LjE1IDE4LjY1LS4wNCAzNy4zMS4wOCA1NS45Ni4wOCAxMi40NyA1LjI1IDI0LjggMTQuMDkgMzMuNjEgOSA5LjE4IDIxLjc5IDE0LjQzIDM0LjY0IDE0LjM3IDkyIC4wNSAxODMuOTkgMCAyNzUuOTguMDMgNy4yMy4xMSAxNC41My0uOTggMjEuMTgtMy44OSAxNy4xMS03LjA3IDI5LjIxLTI0LjY0IDI5LjUzLTQzLjE4LjE1LTE4LjMxLjA0LTM2LjYzLjA2LTU0Ljk0LS4yOS01LjI3IDEuOTctMTAuNjUgNi4yMS0xMy44NSA1LjU5LTQuNDggMTQuMjctNC40NiAxOS43Ni4xNyAzLjc3IDMuMDIgNi4xIDcuNzYgNi4wMyAxMi42MS4wMSAxOC4zNS4wMyAzNi43LS4wMSA1NS4wNi0uMDggMTcuODItNi4zMiAzNS41Mi0xNy40NCA0OS40NS0xNC43NyAxOC44Ni0zOC4zMSAzMC40NC02Mi4yOSAzMC41NC04OS42NS4wNS0xNzkuMzEuMDEtMjY4Ljk2LjAyLTcuMzEtLjA0LTE0LjY4LjI3LTIxLjkyLS44OC0xOS44Ni0yLjgzLTM4LjQ0LTEzLjUtNTAuOTktMjkuMTMtMTEuMzktMTMuOTktMTcuODEtMzEuOTEtMTcuODktNDkuOTUtLjAyLTE4LjM4LS4wMi0zNi43NyAwLTU1LjE1LS4xNS02LjgyIDQuNTgtMTMuMzMgMTEuMDktMTUuMzNaIi8+PC9zdmc+") 50% 50% no-repeat;
}
@media all and (max-width: 1400px) {
  .b-product-variants-1__items {
    gap: 0.5rem;
  }
  .b-product-variants-1__desc {
    padding: 0.4rem 0.2rem;
  }
}
@media all and (max-width: 768px) {
  .b-product-variants-1 {
    /*    &__items{
          display: flex;
          flex-wrap:wrap;
        }*/
  }
  .b-product-variants-1__download {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #fff;
    -moz-border-radius: 0.5rem 0 0 0;
    border-radius: 0.5rem 0 0 0;
    -moz-background-size: 80%;
    background-size: 80%;
  }
}

.b-product-variants-2 {
  position: relative;
  z-index: 15;
  margin: 0 0 1rem;
}
.b-product-variants-2__header {
  font-size: 1.1rem;
  font-weight: 800;
}
.b-product-variants-2__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 1.5rem;
  padding: 1rem 0;
}
.b-product-variants-2__item {
  cursor: pointer;
}
.b-product-variants-2__item.hide {
  display: none;
}
.b-product-variants-2__item.hide:nth-child(9), .b-product-variants-2__item.hide:nth-child(10) {
  display: block;
}
.b-product-variants-2__item.active .b-product-variants-2__image {
  border: 2px solid #4E4E4E;
}
.b-product-variants-2__item:hover .b-product-variants-2__image:before {
  opacity: 0.68;
}
.b-product-variants-2__image {
  position: relative;
  border: 2px solid transparent;
}
.b-product-variants-2__image picture, .b-product-variants-2__image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
}
.b-product-variants-2__image:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjA5LjMgMGg3LjM0YzQ3LjQuOTUgOTQuMjEgMTkuMjMgMTI5LjY0IDUwLjcgMzAuOTMgMjYuOSA1My4wNyA2My40OSA2My4xNyAxMDMuMTcgOC42OCAzNC44MSA3Ljk1IDcxLjk0LTIuMjEgMTA2LjM1LTUuNDYgMTcuMzMtMTIuNjEgMzQuMjEtMjIuNDMgNDkuNTUtNC4wOCA3LjM3LTkuNTUgMTMuODItMTQuNSAyMC42MS00LjQ2IDUuNTEtOS40NyAxMC41NC0xNC4xNCAxNS44NyA0Ni41IDQ4LjM3IDkzLjAxIDk2Ljc0IDEzOS41NSAxNDUuMSAzLjEgMy4yIDcuMSA2LjY4IDYuNjUgMTEuNjMtLjE5IDQuNzQtNC4yOCA4LjQtOC44MiA5LjAyaC0xLjU4Yy00Ljc5LS43OC03LjgzLTQuOC0xMC45OS04LjA2LTQ2LjM3LTQ4LjIyLTkyLjczLTk2LjQ0LTEzOS4xMS0xNDQuNjUtMi43NiAyLjA5LTUuNTIgNC4xOC04LjI2IDYuMjktNDYuNDggMzUuMjktMTA4LjczIDQ4LjQtMTY1LjU5IDM1LjQ3LTM5LjE4LTguOTctNzUuNjYtMjkuNjctMTAzLjA5LTU5LjA3LTIzLjA1LTI0LjE5LTM5LjYzLTU0LjMtNDguNS04Ni40OC0xMC45OC00MS4xMS04LjkzLTg1LjgyIDYuODMtMTI1LjQzQzQ0IDc1LjUxIDg5LjY1IDMxLjAxIDE0NC44MiAxMS44NSAxNjUuMzcgNC4wNSAxODcuMzkuNTkgMjA5LjMgMG0tLjk3IDE5LjU0Yy0xMy4wNy4zOS0yNi4xNyAxLjg0LTM4Ljg1IDUuMDgtNDcuOTQgMTEuMjYtOTAuNTMgNDMuMDgtMTE1LjI0IDg1LjYzQzMwLjMgMTUwLjI2IDIzLjEgMTk5LjcgMzMuODUgMjQ0Ljk5YzExLjEgNDguMzUgNDMuMDQgOTEuMzcgODUuOSAxMTYuMjcgNDIuMzYgMjUuMzYgOTUuMjYgMzEuODkgMTQyLjY3IDE4LjM1IDQzLjI0LTEyLjA5IDgxLjU2LTQwLjg2IDEwNS4zNC03OC45MyAyNC4xNi0zNy42OSAzMy4yOS04NC41MyAyNS42MS0xMjguNTktNy4zOS00NS4wMi0zMi43My04Ni43MS02OC45NS0xMTQuMzktMzIuNzYtMjUuNjEtNzQuNTQtMzkuMjYtMTE2LjA5LTM4LjE2WiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMDYuNzcgMTI3LjdjNC4wNC0zLjI0IDEwLjU3LTIuMjEgMTMuNDggMi4wNCAxLjc5IDIuMzQgMS44OSA1LjM5IDEuOTMgOC4yMS0uMDUgMTguNDYgMCAzNi45MS0uMDMgNTUuMzcgMTguOTcuMDYgMzcuOTUtLjAyIDU2LjkyLjA0IDMuMjctLjAyIDYuNzQgMS4wOCA4LjcgMy44NyAzLjA2IDMuODcgMi4zNyAxMC0xLjQ4IDEzLjEtMi4yNCAyLTUuMzggMi4zMy04LjI2IDIuMzQtMTguNjItLjAyLTM3LjI1LS4wMi01NS44OCAwIC4wMSAxOC43OC4wMSAzNy41Ni4wMSA1Ni4zNC0uMDIgMi43OC0uNDcgNS43NS0yLjQxIDcuOS0zLjExIDMuNzItOS4xNCA0LjQzLTEyLjk3IDEuNC0yLjk4LTIuMDQtNC4wMy01LjgtMy45NC05LjI1IDAtMTguOCAwLTM3LjU5LjAxLTU2LjM5LTE4LjYxLS4wMi0zNy4yMi0uMDItNTUuODIgMC0yLjkxIDAtNi4wOS0uMzMtOC4zNS0yLjM2LTMuODItMy4xLTQuNTEtOS4yMS0xLjQ1LTEzLjA3IDEuOTQtMi43OSA1LjQyLTMuODkgOC42OS0zLjg4IDE4Ljk4LS4wNSAzNy45NS4wMSA1Ni45My0uMDMtLjAxLTE4Ljc3LS4wMS0zNy41NC0uMDEtNTYuMzEtLjEtMy40Ni45My03LjI3IDMuOTMtOS4zMloiLz48L3N2Zz4=") 50% 50%;
  -moz-background-size: 100%;
  background-size: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  z-index: 5;
  content: "";
}
.b-product-variants-2__desc {
  position: relative;
  padding: 0.4rem 0 0;
}
.b-product-variants-2__articul {
  text-align: center;
  font-size: 0.8rem;
}
.b-product-variants-2__button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem 0;
}
.b-product-variants-2__button.hide {
  display: none;
}
.b-product-variants-2__button button {
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  color: inherit;
  background: #EBEBEB;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  margin: 0;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
}
.b-product-variants-2__button button:hover {
  background: #dedede;
}
.b-product-variants-2__button button:before {
  position: absolute;
  top: 50%;
  right: 1.1rem;
  margin-top: -0.25rem;
  border-top: 1px solid var(--font-color-major);
  border-right: 1px solid var(--font-color-major);
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  width: 0.3rem;
  height: 0.3rem;
  -webkit-transform: rotateZ(135deg);
  -moz-transform: rotateZ(135deg);
  -ms-transform: rotate(135deg);
  transform: rotateZ(135deg);
  content: "";
}
@media all and (max-width: 1400px) {
  .b-product-variants-2__items {
    gap: 0.5rem;
  }
  .b-product-variants-2__desc {
    padding: 0.4rem 0.2rem;
  }
}
@media all and (max-width: 1150px) {
  .b-product-variants-2__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .b-product-variants-2__item.hide:nth-child(9), .b-product-variants-2__item.hide:nth-child(10) {
    display: none;
  }
}
@media all and (max-width: 480px) {
  .b-product-variants-2__articul {
    font-size: 0.7rem;
  }
}

.b-product-table-1 {
  position: relative;
  z-index: 15;
  margin: 0 0 1rem;
}
.b-product-table-1 table {
  width: 100%;
}
.b-product-table-1 table th {
  font-size: 1.1rem;
  font-weight: 800;
}
.b-product-table-1 table th:nth-child(2), .b-product-table-1 table th:nth-child(3), .b-product-table-1 table th:nth-child(4) {
  text-align: right;
  padding: 0.4rem 1rem 0.4rem 0;
}
.b-product-table-1 table td {
  font-size: 1.3rem;
  font-weight: 500;
  border-bottom: 1px solid #BBBBBB;
  padding: 1rem 0 0.4rem 0;
}
.b-product-table-1 table td:nth-child(2), .b-product-table-1 table td:nth-child(3), .b-product-table-1 table td:nth-child(4) {
  padding: 1rem 1rem 0.4rem 0;
  text-align: right;
  font-size: 1.1rem;
  white-space: nowrap;
}
.b-product-table-1 table td span {
  font-size: 0.9rem;
}
.b-product-table-1__hint {
  position: relative;
  display: inline-block;
}
.b-product-table-1__hint.show .b-product-table-1__text {
  display: block;
}
.b-product-table-1__info {
  width: 1rem;
  height: 1rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAaVBMVEUAAAAAAAcWFhkAAAcAAAcAAAcyMjIAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcyMjIyMjIyMjIyMjIyMjIAAAcyMjIAAAcyMjIAAAcyMjIAAAcAAAcyMjIAAAcyMjIyMjLE3Zn0AAAAInRSTlMABQ/k17p3VyNk/t6vXjgJwJki7t3MZmAz9ruwmZaPVUCqx8F0bgAAAMFJREFUGNN1UUkSwyAMcyDQkEAWsjZ7+f8jawzk0JnqIDPC8ggDhMxoXr4rbTJ48KqEKrKmUKJ6QWzr8hsi7rwLzUfLkC8pJyysPcibo7YMbhjcyFDNcULDa7xZRwswuR2PNW/ACPAu5rlfPQsDWkHC4qQvSgMvkjb1O9WCQ5nySidjxPIRLWlRTPbFXQDJrk2y23hQm4/0AzFTeMKHZlL48ExKPiKFZyLOllRLzNozrY4mkBdX93fJ1DzTd2xzaPsCXmEIXKgD6oIAAAAASUVORK5CYII=") 50% 50%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.b-product-table-1__text {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  font-size: 0.8rem;
  width: 24rem;
  padding: 0.5rem 1rem;
  z-index: 5;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.5);
  box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.5);
  -moz-border-radius: 10px 10px 10px 0;
  border-radius: 10px 10px 10px 0;
  -webkit-transform: translateY(-0.25rem);
  -moz-transform: translateY(-0.25rem);
  -ms-transform: translateY(-0.25rem);
  transform: translateY(-0.25rem);
}
.b-product-table-1__close {
  position: absolute;
  right: 1rem;
  top: 0.25rem;
}
.b-product-table-1__close:after {
  position: absolute;
  font-size: 0.8rem;
  width: 0.5rem;
  height: 0.5rem;
  font-weight: 600;
  content: "x";
}
@media all and (max-width: 1400px) {
  .b-product-table-1 table td {
    padding: 0.5rem 0 0.3rem;
    font-size: 1.1rem;
  }
  .b-product-table-1 table td:nth-child(2), .b-product-table-1 table td:nth-child(3), .b-product-table-1 table td:nth-child(4) {
    font-size: 0.8rem;
  }
  .b-product-table-1 table td span {
    font-size: 0.7rem;
  }
  .b-product-table-1 table th:nth-child(2), .b-product-table-1 table th:nth-child(3), .b-product-table-1 table th:nth-child(4) {
    font-size: 0.8rem;
  }
}
@media all and (max-width: 768px) {
  .b-product-table-1 table th:nth-child(2), .b-product-table-1 table th:nth-child(3), .b-product-table-1 table th:nth-child(4) {
    padding: 0.4rem 0 0.4rem 0.6rem;
  }
  .b-product-table-1 table td:nth-child(2), .b-product-table-1 table td:nth-child(3), .b-product-table-1 table td:nth-child(4) {
    padding: 1rem 0 0.4rem 0.5rem;
  }
}

.b-product-table-2 {
  position: relative;
  z-index: 15;
  margin: 0 0 1rem;
}
.b-product-table-2 table {
  width: 100%;
}
.b-product-table-2 table th {
  font-size: 1.1rem;
  font-weight: 800;
}
.b-product-table-2 table th:nth-child(2) {
  text-align: right;
  padding: 0.4rem 0 0.4rem 0;
}
.b-product-table-2 table td {
  font-size: 1.3rem;
  font-weight: 500;
  border-bottom: 1px solid #BBBBBB;
  padding: 1rem 0 0.4rem 0;
}
.b-product-table-2 table td:nth-child(2) {
  text-align: right;
  padding: 1rem 0 0.4rem 0;
  font-size: 1.1rem;
  white-space: nowrap;
}
.b-product-table-2 table td:nth-child(3) {
  padding: 1rem 0 0.3rem 0;
}
.b-product-table-2 table td span {
  font-size: 0.9rem;
}
.b-product-table-2 table td button {
  cursor: pointer;
  display: block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  color: inherit;
  background: #EBEBEB;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  height: 1.4rem;
  font-size: 0.8rem;
  margin: 0;
  padding: 0 0.5rem;
}
.b-product-table-2 table td button:hover {
  background: #dedede;
}
.b-product-table-2__hint {
  position: relative;
  display: inline-block;
}
.b-product-table-2__hint.show .b-product-table-2__text {
  display: block;
}
.b-product-table-2__info {
  width: 1rem;
  height: 1rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAaVBMVEUAAAAAAAcWFhkAAAcAAAcAAAcyMjIAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcAAAcyMjIyMjIyMjIyMjIyMjIAAAcyMjIAAAcyMjIAAAcyMjIAAAcAAAcyMjIAAAcyMjIyMjLE3Zn0AAAAInRSTlMABQ/k17p3VyNk/t6vXjgJwJki7t3MZmAz9ruwmZaPVUCqx8F0bgAAAMFJREFUGNN1UUkSwyAMcyDQkEAWsjZ7+f8jawzk0JnqIDPC8ggDhMxoXr4rbTJ48KqEKrKmUKJ6QWzr8hsi7rwLzUfLkC8pJyysPcibo7YMbhjcyFDNcULDa7xZRwswuR2PNW/ACPAu5rlfPQsDWkHC4qQvSgMvkjb1O9WCQ5nySidjxPIRLWlRTPbFXQDJrk2y23hQm4/0AzFTeMKHZlL48ExKPiKFZyLOllRLzNozrY4mkBdX93fJ1DzTd2xzaPsCXmEIXKgD6oIAAAAASUVORK5CYII=") 50% 50%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.b-product-table-2__text {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  font-size: 0.8rem;
  width: 24rem;
  padding: 0.5rem 1rem;
  z-index: 5;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.5);
  box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.5);
  -moz-border-radius: 10px 10px 10px 0;
  border-radius: 10px 10px 10px 0;
  -webkit-transform: translateY(-0.25rem);
  -moz-transform: translateY(-0.25rem);
  -ms-transform: translateY(-0.25rem);
  transform: translateY(-0.25rem);
}
.b-product-table-2__close {
  position: absolute;
  right: 1rem;
  top: 0.25rem;
}
.b-product-table-2__close:after {
  position: absolute;
  font-size: 0.8rem;
  width: 0.5rem;
  height: 0.5rem;
  font-weight: 600;
  content: "x";
}
@media all and (max-width: 1400px) {
  .b-product-table-2 table td {
    padding: 0.5rem 0 0.3rem;
    font-size: 1.1rem;
  }
  .b-product-table-2 table td:nth-child(2) {
    font-size: 0.8rem;
  }
  .b-product-table-2 table td button {
    font-size: 0.7rem;
  }
  .b-product-table-2 table td span {
    font-size: 0.7rem;
  }
  .b-product-table-2 table th:nth-child(2), .b-product-table-2 table th:nth-child(3) {
    font-size: 0.8rem;
  }
}
@media all and (max-width: 768px) {
  .b-product-table-2 table th:nth-child(2), .b-product-table-2 table th:nth-child(3) {
    padding: 0.4rem 0 0.4rem 0.6rem;
  }
  .b-product-table-2 table td:nth-child(2), .b-product-table-2 table td:nth-child(3) {
    padding: 1rem 0 0.4rem 0.5rem;
  }
}

.b-product-table-3 {
  position: relative;
  z-index: 15;
  margin: 0 0 1rem;
}
.b-product-table-3 table {
  width: 100%;
}
.b-product-table-3 table td {
  border-bottom: 1px solid #BBBBBB;
  padding: 0.75rem 0 0rem 0;
}
.b-product-table-3 table td:first-child {
  font-size: 1.2rem;
  font-weight: 600;
}
.b-product-table-3 table td:last-child {
  font-size: 1rem;
  text-align: right;
  font-weight: 500;
}
.b-product-upload {
  position: relative;
  padding: 1rem 0;
  z-index: 15;
}
.b-product-upload__button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 2rem;
}
.b-product-upload__button label,
.b-product-upload__button button {
  cursor: pointer;
  background: #9AB5A3;
  color: #fff;
  border: 0;
  margin: 0;
  padding: 0.5rem 4rem;
  text-align: center;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  font-size: 1rem;
}
.b-product-upload__button label:hover,
.b-product-upload__button button:hover {
  background: #8baa96;
}

.b-product-buttons {
  position: relative;
  z-index: 15;
}
.b-product-buttons__buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 1rem 0;
  gap: 2rem;
}
.b-product-buttons__button {
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  color: inherit;
  background: #EBEBEB;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  margin: 0;
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  text-decoration: none;
}
.b-product-buttons__button:hover {
  background: #dedede;
}
.b-product-buttons__button:before {
  position: absolute;
  top: 50%;
  content: "";
}
.b-product-buttons__button_calc:before {
  left: 0.5rem;
  width: 1.3rem;
  height: 1.3rem;
  margin: -0.65rem 0 0 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMTEzLjUzIDExLjcxYzIyLjY2LTIuNTEgNDYuMDkgMS43OSA2Ni4yNSAxMi41IDI1LjU2IDEzLjM2IDQ1LjcyIDM2LjY1IDU1LjIzIDYzLjg5IDkuODMgMjcuNzEgOC40NSA1OS4yLTMuODggODUuOTEtMTEuMzcgMjUuMDUtMzIuMDMgNDUuNy01Ny4wNiA1Ny4xLTIxLjQ0IDkuODgtNDUuOTYgMTIuNzktNjkuMTQgOC40MS0yNy40Mi01LjA4LTUyLjY5LTIwLjYzLTY5LjcyLTQyLjctMTYuMjktMjAuODItMjUtNDcuMzgtMjQuMTQtNzMuODEuNjQtMjguNDEgMTIuNDYtNTYuMzMgMzIuMjYtNzYuNjggMTguNDItMTkuMjQgNDMuNy0zMS43NyA3MC4yLTM0LjYybTEuODkgMTkuOTFDODcuMyAzNC42NiA2MS4xNCA1MS4xNiA0Ni4wMSA3NS4wMWMtMTEuMDMgMTcuMDgtMTYuMjYgMzcuNzktMTQuNzUgNTguMDYgMS40MyAyMS4zMiAxMC40NCA0MiAyNC45NiA1Ny42NyAxNS40MiAxNi44MyAzNy4wMyAyNy44NiA1OS43NSAzMC4yMSAxOS40NSAyLjE1IDM5LjU0LTEuODkgNTYuNi0xMS40OCAyMC4wOC0xMS4xNCAzNS44Ny0yOS43OSA0My40OS01MS40NiA3LjU4LTIxLjI0IDcuMjMtNDUuMTktLjk5LTY2LjE5LTguMTYtMjEuMDktMjQuMTEtMzkuMDUtNDQuMDktNDkuNjQtMTYuODctOS4wOC0zNi41NC0xMi43NC01NS41Ni0xMC41NloiLz48cGF0aCBkPSJNMzcyLjU0IDExLjc2YzIyLjctMi41NiA0Ni4xOCAxLjY0IDY2LjQ0IDEyLjI1IDIxLjA0IDEwLjkzIDM4LjYgMjguNTUgNDkuMjcgNDkuNzMgMi42NCA1Ljg1LTEuOSAxMy4xOS04LjI1IDEzLjYyLTQuMzUuNTMtOC40OC0yLjIyLTEwLjMtNi4wOC0xMS4wMi0yMC43LTI5Ljk0LTM3LjA3LTUyLjEtNDQuNzktMjIuMjEtNy45LTQ3LjM4LTcuMjUtNjkuMDUgMi4wOS0yMi4wMyA5LjMxLTQwLjI1IDI3LjIzLTQ5LjkgNDkuMTEtNy44OCAxNy41My0xMC4wMyAzNy40Ni02LjU1IDU2LjM0IDQuMTQgMjIuNjEgMS4zNiA0Ni42MS04LjkzIDY3LjI2LTUuOTYgMTIuMjUtMTQuNDggMjMuMS0yNC4yMSAzMi41OC04LjQ4IDguMjQtMTYuNDYgMTcuMDItMjUuNDMgMjQuNzQtMTYuNjYgMTQuMTMtMzcuNjYgMjMuMTYtNTkuNDggMjQuOTMtMTAuMzkuOTUtMjAuODcuMjQtMzEuMTItMS42MS0xOC44LTMuMzItMzguNTctLjkxLTU1Ljk0IDcuMDQtMjEuMzQgOS42My0zOC44NSAyNy40MS00OC4xMyA0OC45MS05LjY3IDIyLjA1LTEwLjQyIDQ3LjgxLTIuMTIgNzAuNCA3Ljc0IDIxLjM3IDIzLjQzIDM5LjcgNDMuMzEgNTAuNyAxOC4wNCAxMC4xNSAzOS40NyAxNC4wMiA1OS45MyAxMS4wMSAxOC42NC0yLjY1IDM2LjM4LTExLjA4IDUwLjI3LTIzLjc3IDE3LjYzLTE1LjkgMjguOTctMzguNTkgMzAuOS02Mi4yNy45My05LjY1LjAxLTE5LjM1LTEuNzEtMjguODUtNC4yNi0yNS44MiAxLjA5LTUzLjE5IDE1LjQ2LTc1LjE0IDYuNDMtMTAuMyAxNS4wOC0xOC44OSAyMy42OS0yNy4zNiA4LjkxLTguNzggMTcuMzgtMTguMTcgMjcuNzctMjUuMjggMjIuNzctMTYuMjQgNTIuMDYtMjIuNTMgNzkuNTYtMTcuNzUgMTcuMDQgMy4zMyAzNC45NiAyLjM5IDUxLjM2LTMuNDMgMjEuNDgtNy40NCA0MC4wNS0yMi45MiA1MS4xOS00Mi43MyAxLjQzLTIuNDMgMi42NS01LjIxIDUuMTctNi43MiAzLjM4LTIuMjQgOC4xMS0yLjAzIDExLjMzLjQyIDMuNjcgMi42NCA1LjA5IDcuOTYgMy4xMiAxMi4wNS0xMi4xOCAyMy44LTMyLjk2IDQzLjA4LTU3LjY2IDUzLjM0LTE3LjEgNy4yMi0zNS45NyAxMC4xMy01NC40NiA4LjYtOC4zNi0uNjQtMTYuNTQtMi44MS0yNC45NC0yLjk3LTE4LjU4LS44Mi0zNy4zNCA0LjYxLTUyLjYyIDE1LjItOC45IDUuOTYtMTYuMTEgMTMuOTUtMjMuNjkgMjEuNDMtNy40NCA3LjU2LTE1LjQ0IDE0LjczLTIxLjM3IDIzLjYxLTEwLjYxIDE1LjI3LTE2LjAyIDM0LjAyLTE1LjIzIDUyLjU5LjE3IDguOCAyLjUxIDE3LjM1IDMuMDYgMjYuMTEgMS45MiAyNC43OC00LjQ3IDUwLjEzLTE4LjAzIDcwLjk3LTE1LjI4IDIzLjg0LTM5LjYxIDQxLjc2LTY3IDQ5LTIzLjExIDYuMjMtNDguMTkgNS4wNy03MC41Ni0zLjUxLTI4LjM4LTEwLjYtNTIuMDktMzIuOTQtNjQuNDUtNjAuNTktMTEuMDEtMjQuMjMtMTMuMS01Mi4zNC01Ljk2LTc3Ljk3IDcuNDEtMjcuMDEgMjUuMTUtNTAuOTkgNDguNzItNjYuMSAyMC44Ny0xMy41OSA0Ni4yNS0xOS45OSA3MS4wNy0xOC4wNSA3LjczLjQ1IDE1LjI3IDIuNDEgMjMgMi44OCAxNS40MSAxLjExIDMxLjE0LTEuODEgNDQuOTYtOC43NyA5LjQ2LTQuNjYgMTcuOTQtMTEuMTUgMjUuMzItMTguNjUgNy4xMy03LjIgMTQuNC0xNC4yNiAyMS40My0yMS41NiAxMy43NS0xNC40OSAyMi42My0zMy42NiAyMy45OS01My42NS43Mi04LjcxLS4xLTE3LjQ3LTEuNjYtMjYuMDUtNC43Ni0yOC4zOSAxLjYyLTU4LjQ4IDE3LjY4LTgyLjM5IDE4LjQxLTI3Ljk5IDQ5LjUxLTQ3LjIzIDgyLjg1LTUwLjg3Wk0xMTYuMyA4Ny4xYy0uMDktNS4yMSA0LjUxLTkuODcgOS43MS05Ljg3IDUuMzUtLjI5IDEwLjI5IDQuNDIgMTAuMjEgOS43OS4xMiA5Ljc0IDAgMTkuNDkuMDUgMjkuMjQgOS45Mi4wOCAxOS44NC0uMTEgMjkuNzYuMDggNS4zNS4xOSA5Ljc5IDUuMzcgOS4yNCAxMC42OC0uMjggNS4xNy01LjA3IDkuNDYtMTAuMjQgOS4yMy05LjU4LjA2LTE5LjE3LS4wMS0yOC43Ni4wMi0uMDcgOS45Mi4xMiAxOS44NC0uMDkgMjkuNzUtLjE3IDUuNTUtNS43NCAxMC4wNy0xMS4yMSA5LjE5LTQuOTQtLjUyLTguODktNS4xOS04LjY4LTEwLjEzLS4wNi05LjYgMC0xOS4yLS4wMi0yOC43OS05Ljc1LS4wOS0xOS41LjA2LTI5LjI1LS4wNy01LjM2LjA4LTEwLjA2LTQuODYtOS43OS0xMC4yLS4wMS01LjIyIDQuNjgtOS44MiA5LjktOS43MiA5LjcxLS4wOSAxOS40Mi4wMSAyOS4xMy0uMDQuMDUtOS43Mi0uMDUtMTkuNDQuMDQtMjkuMTZaIi8+PHBhdGggZD0iTTM1MS4zNyA5MS4zYzMuNzUtMy42NCAxMC4zLTMuNDMgMTMuODguMzYgNi44NyA2Ljc3IDEzLjY0IDEzLjY1IDIwLjQ5IDIwLjQ1IDYuOTQtNi44NiAxMy43Ny0xMy44NSAyMC43NC0yMC42NyAzLjUxLTMuNTQgOS42OS0zLjY4IDEzLjM5LS4zNiA0LjI5IDMuNDkgNC42MSAxMC41OC42OSAxNC40Ni02LjgyIDYuOTgtMTMuODEgMTMuNzgtMjAuNjcgMjAuNzIgNi43OCA2Ljg2IDEzLjY4IDEzLjYgMjAuNDMgMjAuNDggMy42MyAzLjQxIDQuMDMgOS41NS44MyAxMy4zOC0zLjM0IDQuNC0xMC40NSA1LjAyLTE0LjQ0IDEuMTctNy4wNy02Ljg2LTEzLjk1LTEzLjkzLTIwLjk1LTIwLjg4LTYuNzUgNi42OS0xMy40MyAxMy40NC0yMC4xNyAyMC4xNC0yLjQxIDIuNTUtNi4wOSAzLjktOS41NiAzLjA5LTQuODEtLjkzLTguNDItNS44MS03Ljg1LTEwLjcuMTctMi43NiAxLjc5LTUuMTQgMy43My03IDYuNTctNi41NSAxMy4xMy0xMy4xIDE5LjY4LTE5LjY4LTYuOTUtNy4wMS0xNC4wMi0xMy45MS0yMC44OS0yMS0zLjY2LTMuODItMy4zLTEwLjUuNjctMTMuOTZaTTQ4Ny40MSAxMTYuNTdjNi42OS0yLjkxIDE0LjU4IDMuMzggMTMuNTYgMTAuNTEtLjAyIDcuMjktOS4xMyAxMi4xOS0xNS4yIDguMDUtNy4wMi0zLjk4LTYuMDctMTUuOTMgMS42NC0xOC41NlpNMzczLjE3IDI3MS4xN2MyNS41OC0yLjg1IDUyLjA2IDMuMTcgNzMuOCAxNi45NiAyOC40OSAxNy43NyA0OC41NCA0OC40OSA1Mi45MiA4MS44MyA0LjkgMzMuNzgtNi40IDY5LjM1LTI5Ljc4IDk0LjE5LTEzLjMzIDE0LjM0LTMwLjMzIDI1LjI4LTQ4Ljk4IDMxLjI3LTIxLjY2IDctNDUuNDIgNy40Mi02Ny4yOSAxLjA1LTMxLjI5LTguODctNTguMTgtMzEuNzYtNzIuMTItNjEuMTItMTIuNjctMjYuMjUtMTQuNy01Ny4zNy01LjY2LTg1LjA3IDcuODktMjQuNTMgMjQuMzUtNDYuMTQgNDUuNzgtNjAuNDIgMTUuMjgtMTAuMjMgMzMuMDQtMTYuNzIgNTEuMzMtMTguNjltLTIuNyAyMC41M2MtMjQuNTMgMy44OC00Ny4xNiAxNy45Mi02MS43MyAzOC4wMS0xMi4wNyAxNi40My0xOC41OSAzNi44NC0xOC4yNCA1Ny4yNC4xNyAyMC4xNyA3LjA3IDQwLjE3IDE5LjI5IDU2LjIxIDEyLjg4IDE3LjAzIDMxLjYgMjkuNiA1Mi4zMiAzNC44MyAxOS45IDUuMTcgNDEuNDggMy41OSA2MC40My00LjQgMjcuNy0xMS40OCA0OS4xOS0zNi43NCA1NS45LTY1Ljk4IDUuMDYtMjEuMjggMi41LTQ0LjI5LTcuMjMtNjMuODktOC45OS0xOC4yOS0yMy45OS0zMy41My00Mi4xNC00Mi44LTE3Ljg4LTkuMjUtMzguNzUtMTIuNDMtNTguNi05LjIyWiIvPjxwYXRoIGQ9Ik0zNDQuNDUgMzQ4LjZjMjUuODItLjY0IDUxLjcxLS4wNiA3Ny41Ni0uMjkgMy4yLS4xMSA2Ljc0LjExIDkuMjMgMi40IDMuODcgMy4xNCA0LjY5IDkuMjggMS43NCAxMy4zMS0xLjk2IDIuOTItNS41IDQuNDQtOC45NiA0LjMxLTI1LjY4IDAtNTEuMzcuMDMtNzcuMDUtLjAyLTQuODIuMTktOS40MS0zLjUtMTAuMTMtOC4yOC0xLjAxLTUuMDYgMi41OC0xMC4zOSA3LjYxLTExLjQzWk04My4zNiAzNzYuNTJjMi4wOC0uODkgNC40LS43NyA2LjYyLS44MSAyNS4zMy4xIDUwLjY3LS4xIDc1Ljk5LjEgNi4zNC4xMiAxMS4wNyA3LjI1IDguNzkgMTMuMTYtMS4zMSA0LjA3LTUuNDYgNi44OC05LjcyIDYuNzQtMjUuNy4wNS01MS40Mi4wMi03Ny4xMi4wMi00LjU0LjI3LTkuMDUtMi43NC0xMC4yOS03LjE0LTEuNTEtNC43MyAxLjEyLTEwLjI2IDUuNzMtMTIuMDdaTTM0NC4zMyA0MDMuNDVjMTIuMjEtLjczIDI0LjQ5LS4xMSAzNi43My0uMzIgMTQuMzUuMDIgMjguNjktLjAyIDQzLjA0LjAyIDQuMDktLjIyIDguMjEgMi4xNCA5LjgyIDUuOTYgMS45OCA0LjIzLjQxIDkuNy0zLjQ5IDEyLjI2LTIuMTUgMS41OS00LjkxIDEuODItNy40OCAxLjc4LTI1LjMyLS4wNS01MC42My4wMi03NS45NS0uMDMtNS4xNC4yNy05Ljk2LTMuOTgtMTAuMjctOS4xMy0uNTItNC43NyAyLjk0LTkuNSA3LjYtMTAuNTRaIi8+PC9zdmc+") 50% 50%;
}
.b-product-buttons__button_feed:before {
  left: 0.75rem;
  width: 1rem;
  height: 1rem;
  margin: -0.5rem 0 0 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjUzLjI5IDBoMTMuMjNjMjcuNyAxLjAxIDU1LjI5IDYuMjMgODEuMjQgMTYuMDQgMzIuNjMgMTIuMjQgNjIuNDkgMzEuNDYgODcuNzQgNTUuNDIgMS44NCAxLjg2IDMuMSA0LjIyIDQuOTcgNi4wOCAzMS42NyAzMi4zNiA1NC4zNCA3My40NSA2NC42OSAxMTcuNTQgNC4xMSAxNy4xMiA2LjE4IDM0LjY4IDYuODQgNTIuMjV2MTUuMTFjLTEuMiAyNS4wMS01LjMxIDQ5Ljk3LTEzLjU0IDczLjY4LTExLjkxIDM1LjAxLTMxLjkyIDY3LjE4LTU3LjggOTMuNTktNDcuNDIgNDguNzEtMTE0LjYgNzcuNi0xODIuNjQgNzcuOTItNDIuNzMuNDMtODUuMzQtMTAuNi0xMjIuOS0zMC44OUM5MC4xIDQ4OC41NiA0NS4wNSA1MDAuMjYuMDEgNTExLjk5YzExLjgzLTQzLjAzIDIzLjY2LTg2LjA2IDM1LjUzLTEyOS4wOCAxLjExLTIuNDUtLjY1LTQuNjYtMS43NC02LjcxLTM4LjItNjcuOS00MS44OS0xNTMuNjYtMTAuNTUtMjI0Ljg4IDIxLjM3LTQ4LjkzIDU5LjM2LTkwLjA5IDEwNS43LTExNi40M0MxNjYuNjYgMTMuMTkgMjA5LjggMS4xNiAyNTMuMjkgMG0tMzEuMjUgNDQuODFjLTM2Ljc2IDUuOTQtNzEuODMgMjEuOTctMTAwLjMgNDUuOTgtMzQuOTMgMjkuMjItNjAuMDMgNjkuOS03MC42MSAxMTQuMTgtOS40MSAzOC43NC03LjM3IDgwLjIgNi4wOSAxMTcuNzQgNi4yNCAxNy44NSAxNS4yNiAzNC41OSAyNS42NiA1MC4zNC03LjE2IDI1LjkxLTE0LjI5IDUxLjgyLTIxLjQzIDc3LjczIDI2LjIxLTYuNzQgNTIuMzgtMTMuNjYgNzguNi0yMC4zOSAxLjYyLS43NSAzLjAxLjU4IDQuMzMgMS4zIDM3LjI3IDIzLjI4IDgxLjc4IDM1LjA4IDEyNS43MSAzMi4wMyAzOC4xLTIuNDQgNzUuNDEtMTUuNCAxMDYuOTUtMzYuODggMzEuMjUtMjEuMTUgNTYuODQtNTAuNjkgNzIuNzktODQuOTIgMjEuMzYtNDUuNDQgMjUuMjEtOTguNjMgMTEuNDEtMTQ2Ljg0LTE3LjUzLTYyLjYxLTY2LjEyLTExNS4yMi0xMjYuNjMtMTM4LjY4LTM1LjU1LTEzLjk4LTc0LjkxLTE3LjcyLTExMi41Ny0xMS41OVoiLz48cGF0aCBkPSJNMTU3LjcyIDEzNy43NWM4LjAzLTMuNDcgMTYuOTQtMS44NiAyNS4zOS0xLjY4IDQuOTEuNDYgNy42NiA1LjI1IDkuNTMgOS4yNyA3LjE0IDE2LjYgMTMuNzggMzMuNDIgMjAuOTggNTAgMS4zNyAyLjk1IDEuNSA2LjQ4LjAzIDkuNDItMy42MSA3LjMtOC42NyAxMy43OS0xNC4xNSAxOS43OC0yLjE0IDIuNS00LjYxIDQuODctNS44NiA3Ljk3LS45OSAyLjU0LS4wOCA1LjMgMS4yNiA3LjUyIDguNiAxNC41OCAxOC45NiAyOC4xNiAzMS4wMyA0MC4wNGExNjUuODEgMTY1LjgxIDAgMCAwIDQ5Ljg2IDMzLjE3YzMuOTkgMS42NiA3LjgzIDQuMDEgMTIuMjIgNC40MyAzLjExLjI0IDUuODItMS43MiA3LjcyLTQgNy4wNy04LjI5IDE0LjItMTYuNTQgMjAuNTMtMjUuNDEgMS41MS0yLjE4IDMuOTctMy43OSA2LjcxLTMuNTUgNS42OC40MiAxMC44NyAzLjA2IDE2LjAxIDUuMyAxMS40NyA1LjIxIDIyLjU3IDExLjIgMzMuOTggMTYuNTIuMjMtLjMuNjgtLjg5LjkxLTEuMTggNC4yMyAyLjQxIDEwLjUzIDMuNDEgMTIuMjIgOC42MSAxLjM4IDkuMTMtLjkxIDE4LjM4LTMuNjQgMjcuMDYtMi42IDguOC05Ljc1IDE1LjIyLTE3IDIwLjM2LTcuNzIgNS4yMi0xNi4xOCA5LjYxLTI1LjMgMTEuNzQtMTQuMzYgMi40Ny0yOS40IDEuODgtNDMuMjMtMi45Mi0xOS4yNi02LjY5LTM4LjU3LTEzLjcyLTU2LjI4LTIzLjk3LTI2Ljg1LTE1LjMzLTQ4Ljc5LTM3LjctNjguNS02MS4yMi02LjY2LTguMDctMTMuMjYtMTYuMi0xOS40OS0yNC42Mi0xMi40Ni0xNy45Ny0yMy40OC0zOC4xNi0yNS02MC4zOS0xLjMzLTE3LjI3IDQuODEtMzQuNDYgMTUuMTYtNDguMTQgNC4yMi01LjM3IDguMzUtMTEuNDIgMTQuOTEtMTQuMTFaIi8+PC9zdmc+") 50% 50%;
}
.b-product-properties {
  position: relative;
  z-index: 15;
  margin: 0 0 1rem;
}
.b-product-properties__items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.b-product-properties__items_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.b-product-properties__items_3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.b-product-properties__items_4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.b-product-properties__items_5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.b-product-properties__items_6 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.b-product-properties__item {
  padding: 1rem;
}
.b-product-properties__image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 3rem;
  margin: 0 0 0.5rem;
}
.b-product-properties__image picture {
  display: block;
  width: 100%;
  height: 100%;
}
.b-product-properties__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: 0 auto;
}
.b-product-properties__caption {
  font-size: 0.8rem;
  color: #798082;
  text-align: center;
}
@media all and (max-width: 1400px) {
  .b-product-properties__item {
    padding: 0.5rem;
  }
  .b-product-properties__image {
    height: 2rem;
  }
}
@media all and (max-width: 480px) {
  .b-product-properties__image {
    height: 1.6rem;
  }
}

.b-product-slider {
  position: relative;
  z-index: 16;
}
.b-product-slider__slide {
  padding: 1rem;
}
.b-product-slider__slide picture, .b-product-slider__slide img {
  display: block;
  width: 100%;
  height: auto;
}
.b-product-slider__thumbnails {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem 1rem;
  gap: 1.8rem;
}
.b-product-slider__thumbnail {
  position: relative;
}
.b-product-slider__thumbnail.active:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border: 2px solid #4E4E4E;
}
.b-product-slider__thumbnail picture, .b-product-slider__thumbnail img {
  display: block;
  max-width: 100%;
  height: auto;
}

.b-product {
  position: relative;
  font-size: 1.1rem;
}
.b-product__wrap {
  margin: 0 9rem;
  background: #fff;
}
@media all and (max-width: 768px) {
  .b-product__wrap {
    margin: 0 1.5rem;
  }
}
.b-product__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr 1fr 1fr;
  grid-template-areas: "a b" "a c" "a c" "a c";
}
.b-product__header {
  grid-area: b;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0.5rem 1rem;
  margin: 0 0 1rem;
}
.b-product__header h1, .b-product__header .h1 {
  font-size: 2rem;
  font-weight: 800;
}
.b-product__articul {
  font-size: 1rem;
  padding: 0 0 0.2rem;
}
.b-product__caption {
  font-size: 1.1rem;
  font-weight: 800;
}
.b-product__left {
  grid-area: a;
  overflow: hidden;
}
.b-product__right {
  grid-area: c;
  padding: 0 1rem;
}
.b-product__tabs {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.b-product__tab {
  position: relative;
  width: 100%;
}
.b-product__picture {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  z-index: 15;
}
.b-product__picture picture, .b-product__picture img {
  display: block;
  width: 100%;
  height: auto;
}
@media all and (max-width: 1024px) {
  .b-product__box {
    display: block;
  }
  .b-product__left {
    margin: 0 0 2rem;
  }
  .b-product__header {
    display: block;
    margin: 0;
  }
}

/*Стили для формы*/
/* Стили для кнопки Заказать */
.b-product-buttons__button_order {
  position: relative;
  cursor: pointer;
  display: block;
  align-items: center;
  border: 0;
  color: #fff;
  background: #9AB5A3;
  border-radius: 0.25rem;
  font-size: 1rem;
  margin: 0;
  padding: 0.5rem 2.5rem 0.5rem 2.5rem;
  text-decoration: none;
  transition: background 0.3s ease;
}

.b-product-buttons__button_order:hover {
  background: #8baa96;
}

.b-product-buttons__button_order:before {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  width: 1.2rem;
  height: 1.2rem;
  margin: -0.6rem 0 0 0;
  content: "";
}

/* Модальное окно */
.b-product-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.b-product-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.b-product-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.b-product-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid #EBEBEB;
}

.b-product-modal__header h3 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 600;
}

.b-product-modal__close {
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  color: #798082;
  transition: color 0.3s ease;
}

.b-product-modal__close:hover {
  color: #4E4E4E;
}

/* Форма */
.b-product-form {
  padding: 1.5rem;
}

.b-product-form__group {
  margin-bottom: 1.5rem;
}

.b-product-form__label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #4E4E4E;
}

.b-product-form__input,
.b-product-form__textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #BBBBBB;
  border-radius: 0.25rem;
  font-size: 1rem;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

.b-product-form__input:focus,
.b-product-form__textarea:focus {
  outline: none;
  border-color: #9AB5A3;
}

.b-product-form__textarea {
  resize: vertical;
  min-height: 100px;
  font-family: inherit;
}

.b-product-form__actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 2rem;
}

.b-product-form__submit {
  cursor: pointer;
  background: #9AB5A3;
  color: #fff;
  border: 0;
  padding: 0.75rem 2rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  transition: background 0.3s ease;
}

.b-product-form__submit:hover {
  background: #8baa96;
}

.b-product-form__submit:disabled {
  background: #BBBBBB;
  cursor: not-allowed;
}

.b-product-form__cancel {
  cursor: pointer;
  background: #EBEBEB;
  color: #4E4E4E;
  border: 0;
  padding: 0.75rem 2rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  transition: background 0.3s ease;
}

.b-product-form__cancel:hover {
  background: #dedede;
}

/* Адаптивность */
@media all and (max-width: 768px) {
  .b-product-modal__content {
    width: 95%;
    margin: 1rem;
  }

  .b-product-form__actions {
    flex-direction: column;
  }

  .b-product-form__submit,
  .b-product-form__cancel {
    width: 100%;
  }

  .b-product-buttons__buttons {
    flex-direction: column;
    gap: 1rem;
  }
}

/* Стили для кастомного уведомления */
.b-product-notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000; /* Увеличиваем z-index чтобы было поверх всего */
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}

.b-product-notification__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Более темный фон для контраста */
  backdrop-filter: blur(5px); /* Добавляем размытие фона */
}

.b-product-notification__content {
  position: relative;
  background: #fff;
  border-radius: 1.5rem;
  padding: 3rem 2.5rem 2.5rem;
  text-align: center;
  max-width: 450px;
  width: 90%;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);
  animation: notificationPopIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 10001;
}

@keyframes notificationPopIn {
  from {
    opacity: 0;
    transform: translateY(50px) scale(0.8);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes notificationSlideIn {
  from {
    opacity: 0;
    transform: translateY(-30px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.b-product-notification__icon {
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, #4CAF50, #45a049);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  font-size: 3rem;
  color: #fff;
  font-weight: bold;
  animation: iconSuccess 0.8s ease;
  box-shadow: 0 10px 30px rgba(76, 175, 80, 0.3);
}

@keyframes iconSuccess {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes iconBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

.b-product-notification__title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #2E7D32;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.b-product-notification__message {
  font-size: 1.2rem;
  color: #666;
  margin-bottom: 2.5rem;
  line-height: 1.5;
}

.b-product-notification__close {
  background: linear-gradient(135deg, #9AB5A3, #8baa96);
  color: #fff;
  border: none;
  padding: 1rem 3rem;
  border-radius: 0.75rem;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 220px;
  box-shadow: 0 5px 20px rgba(154, 181, 163, 0.3);
}

.b-product-notification__close:hover {
  background: linear-gradient(135deg, #8baa96, #7d9f8a);
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(154, 181, 163, 0.4);
}

.b-product-notification__close:active {
  transform: translateY(-1px);
}

@keyframes notificationPopOut {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(50px) scale(0.8);
  }
}

.b-product-notification.fade-out .b-product-notification__content {
  animation: notificationPopOut 0.3s ease forwards;
}

/* Обновленные стили для ошибок */
.b-product-form__error {
  background: #ffebee;
  color: #c62828;
  padding: 1rem 1rem 1rem 3.5rem;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
  border: 1px solid #ffcdd2;
  font-size: 0.95rem;
  position: relative;
  animation: slideDown 0.3s ease;
  box-shadow: 0 2px 10px rgba(198, 40, 40, 0.1);
}

.b-product-form__error-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: #c62828;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 0.9rem;
  box-shadow: 0 2px 8px rgba(198, 40, 40, 0.3);
}

.b-product-form__error-text {
  line-height: 1.5;
  font-weight: 500;
}

/* Адаптивность для уведомлений */
@media all and (max-width: 768px) {
  .b-product-notification__content {
    padding: 2.5rem 2rem 2rem;
    margin: 1rem;
    border-radius: 1.25rem;
  }

  .b-product-notification__icon {
    width: 80px;
    height: 80px;
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }

  .b-product-notification__title {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .b-product-notification__message {
    font-size: 1.1rem;
    margin-bottom: 2rem;
  }

  .b-product-notification__close {
    padding: 0.9rem 2.5rem;
    font-size: 1.1rem;
    max-width: 200px;
  }
}

@media all and (max-width: 480px) {
  .b-product-notification__content {
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1rem;
  }

  .b-product-notification__icon {
    width: 70px;
    height: 70px;
    font-size: 2rem;
    margin-bottom: 1.25rem;
  }

  .b-product-notification__title {
    font-size: 1.3rem;
  }

  .b-product-notification__message {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }

  .b-product-notification__close {
    padding: 0.8rem 2rem;
    font-size: 1rem;
  }
}

/* Дополнительные стили для лучшего UX */
.b-product-notification__content::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, #4CAF50, #9AB5A3);
  border-radius: 1.6rem;
  z-index: -1;
  opacity: 0.1;
}

.b-product-notification__close:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(154, 181, 163, 0.3);
}


@media screen and (min-width: 1025px) {
  .b-product-slider__slide.swiper-slide {
    /* height: 700px; */
    display: flex;
    align-items: center;
    /* padding-left: 0;
    padding-right: 0; */
  }

  .b-product-slider__slide picture {
    /* height: 500px; */
    object-fit: contain;
    display: flex;
  }

  .b-product-slider__slide picture * {
    object-fit: contain;
    /* object-position: center top; */
  }
}