.p-chanel {
  display: block;
  width: 100%;
}
.p-chanel__inner {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-chanel__inner {
    max-width: 750px;
  }
}

.p-chanelfuture,
.p-chanelmovie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.p-chanelfuture__item,
.p-chanelmovie__item {
  width: 50%;
}
@media screen and (min-width: 769px) {
  .p-chanelfuture.-reverse,
  .p-chanelmovie.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 768px) {
  .p-chanelfuture__item,
  .p-chanelmovie__item {
    width: 100%;
  }
}

.p-products {
  display: block;
  width: 100%;
  max-width: 62.25%;
  padding-top: 9.1666666667%;
  padding-bottom: 11.6666666667%;
  margin: 0 auto;
}
.p-products__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: clamp(0px, 17.5vw, 210px);
  -webkit-column-gap: clamp(0px, 2.9451137885%, 22px);
  -moz-column-gap: clamp(0px, 2.9451137885%, 22px);
  column-gap: clamp(0px, 2.9451137885%, 22px);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-products__item {
  width: clamp(0px, 31.1914323963%, 233px);
}
@media screen and (max-width: 768px) {
  .p-products {
    max-width: 84.2666666667%;
    padding-top: 22.4%;
    padding-bottom: 36%;
  }
  .p-products__list {
    row-gap: clamp(0px, 16.2666666667vw, 122px);
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .p-products__item {
    width: clamp(0px, 49.8417721519%, 315px);
  }
}