.video {
  height: auto;
  background-color: #fff;
}
.video video {
  width: 100%;
  vertical-align: middle;
}
.collection {
  display: flex;
  padding: 6.25rem 0 10.4167rem 0;
  flex-direction: column;
  align-items: center;
  background: #000;
}
.collection h1 {
  margin-top: 5.20833333rem;
  color: #fff;
  font-size: 2.39583333rem;
}
.collection .product-list {
  display: flex;
  gap: 2.60416667rem;
  margin-top: 4.16666667rem;
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
}
.collection .product-list .product-item {
  width: 19.01041667rem;
  height: 22.91666667rem;
  border-radius: 0.72916667rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.collection .product-list .product-item .icon {
  position: absolute;
  top: 1.0417rem;
  left: 1.0417rem;
}
.collection .product-list .product-item .icon img {
  width: 2.6042rem;
  height: 2.6042rem;
}
.collection .product-list .product-item img {
  height: 18.75rem;
}
.collection .product-list .product-item .product-name {
  display: block;
  width: 100%;
  height: 4.16666667rem;
  border: 1px #fff solid;
  border-bottom-left-radius: 0.72916667rem;
  border-bottom-right-radius: 0.72916667rem;
  text-align: center;
  background-color: #000;
  font-size: 1.14583333rem;
  line-height: 4.16666667rem;
  align-self: flex-end;
  color: #fff;
}
.collection .product-list .product-item .product-name:hover {
  color: #bfff00;
}
#mechandise {
  padding: 6.25rem 0 10.4167rem 0;
}
#mechandise h1 {
  font-size: 2.3958rem;
  text-align: center;
}
#mechandise .swiper-wrapper {
  display: flex;
  gap: 1.5625rem;
  margin-top: 4.1667rem;
}
#mechandise .swiper-wrapper .swiper-slide .mechandise-item {
  width: 18.75rem;
  height: 22.3958rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.72916667rem;
  border: 1px solid #000;
  border: 0.05208333rem solid #dddd;
  overflow: hidden;
  background-color: #fff;
}
#mechandise .swiper-wrapper .swiper-slide .mechandise-item a img {
  width: 100%;
}
#mechandise .swiper-wrapper .swiper-slide .mechandise-item .mechandise-name {
  display: block;
  width: 100%;
  height: 4.16666667rem;
  border-bottom-left-radius: 0.72916667rem;
  border-bottom-right-radius: 0.72916667rem;
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.40625rem;
  line-height: 4.16666667rem;
  align-self: flex-end;
  color: #000;
}
#mechandise .swiper-wrapper .swiper-slide .mechandise-item .mechandise-name:hover {
  color: #bfff00;
}
.review {
  height: 66.6667rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.review h1 {
  margin-top: 6.25rem;
  font-size: 2.3958rem;
  color: #000;
}
.review .big-video {
  width: 83.3333rem;
  height: 37.5rem;
  margin-top: 4.1667rem;
  background-color: #fff;
  border-radius: 1.0417rem;
  position: relative;
}
.review .big-video video {
  width: 100%;
  height: 37.5rem;
  border-radius: 1.0417rem;
}
.review .videos {
  width: 83.3333rem;
  display: flex;
  gap: 3.125rem;
  margin-top: 2.0833rem;
  justify-content: space-between;
}
.review .videos .video {
  width: 15.625rem;
  height: 7.8125rem;
  background-color: #fff;
  border-radius: 0.5208rem;
}
.review .videos .video .small-youtbe {
  width: 100%;
  height: 100%;
  border-radius: 0.5208rem;
}