/* platform */
.section-platform {
  margin-top: 0; /* 160px */
  align-items: flex_end;
  width: 100%;
}
.platform-group {
  display: flex;
  max-width: 1280px;
}
.platform-logo {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: calc(var(--aspect-base) * 40);
  /* background-color: rgba(60, 60, 60, 1); */
}
.platform-logo-wrapper,
.platform-logo-image {
  width: clamp(295px, calc(var(--aspect-base) * 400), 400px);
  /* height: clamp(107px, calc(var(--aspect-base) * 145), 145px); */
  max-width: 400px;
  /* max-height: 145px; */
  min-width: 295px;
  /* min-height: 107px; */
}
.platform-logo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.platform-logo:first-child {
  margin-left: 0;
}
.platform-logo a {
  cursor: pointer;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.platform-logo a:hover {
  background-color: rgba(60, 60, 60, 1);
}
.wishlist-now-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.wishlist-now-wrapper span {
  position: absolute;
  color: #fff;
  font-size: 18px;
}
.wishlist-now-wrapper span.text-wishlist {
  letter-spacing: 0.2rem;
}
.wishlist-now-wrapper span.text-comingsoon {
  line-height: 27px;
}
.wishlist-now {
  width: 100%;
}
.visibility-hidden {
  visibility: hidden;
}


@media only screen and (max-width: 960px) {
  .section-platform {
    margin-top: 0; /* 60px; /**/
    align-items: center;
  }
  .platform-group {
    flex-direction: column;
    margin: 0;
    padding: 0; /* 80px 16px; /**/
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .platform-logo {
    width: auto;
    height: auto;
    margin: 0;
    margin-top: 24px;
  }
  .wishlist-now-wrapper span {
    font-size: 14px;
    line-height: 21px;
  }
  
  .platform-logo:first-child {
    margin-top: 0;
  }

  
}