body,
.header {
  background: #010101;
}
.swiper-products {
  padding: 14.6667vmin 4vmin;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.swiper-products .product {
  position: relative;
}

.swiper-products .product + .product {
  margin-top: 4vmin;
}

.swiper-products .product .product-name {
  height: 10.6667vmin;
  display: flex;
  align-items: center;
  position: absolute;
  padding: 0 3.3333vmin;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #0f1214, transparent);
  background-position: center;
  background-blend-mode: normal;
  font-size: 4.2667vmin;
  font-weight: 400;
  color: #ffffff;
}

.product-box {
  padding-top: 14.6667vmin;
}

.product-box .img {
  width: 100%;
}

.product-box .base {
  padding: 5.3333vmin 6.4vmin 0 4.4vmin;
  font-size: 6.4vmin;
  font-weight: 400;
  color: #ffffff;
}

.product-box .base .desc {
  font-size: 3.2vmin;
  line-height: 2;
  margin-top: 7.8667vmin;
}

.product-box .props-box {
  padding: 0 4vmin;
}

.product-box .props {
  margin-top: 11.6vmin;
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.product-box .props .title {
  font-size: 5.6vmin;
  font-weight: 400;
  color: #ffffff;
  padding-bottom: 5.3333vmin;
  position: relative;
  display: inline-block;
}

.product-box .props .title::after {
  position: absolute;
  right: -3.7333vw;
  content: "";
  top: 0;
  width: 2.1333vmin;
  height: 2.1333vmin;
  border: 0.5333vmin solid #ff1414;
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
}

.product-box .props .prop {
  display: table-row;
  font-size: 3.7333vmin;
  color: #999ead;
}

.product-box .props .prop .prop-name {
  display: table-cell;
  border: 1px solid rgba(128, 128, 128, 0.5);
  vertical-align: middle;
  width: 35%;
  height: 12vmin;
  line-height: 12vmin;
  padding-left: 5.3333vmin;
}

.product-box .props .prop .prop-value {
  color: #fefefe;
  display: table-cell;
  border: 1px solid rgba(128, 128, 128, 0.5);
  vertical-align: middle;
  width: 65%;
  padding-left: 5.3333vmin;
}