.product-introduction-item {
  display: flex;
  gap: var(--block-gap);
}

@media screen and (max-width: 959px) {
  .product-introduction-item {
    display: flex;
    flex-direction: column;
  }
}

.product-introduction-item .img-w__small {
  flex: 0.5;
}

.product-introduction-item .img-w__medium {
  flex: 1;
}

.product-introduction-item .img-w__large {
  flex: 2;
}

.product-introduction-item .img-h__auto {
  height: auto;
}

.product-introduction-item .img-h__low {
  height: 350px;
}

.product-introduction-item .img-h__high {
  height: 700px;
}

.product-introduction-item__media {
  overflow: hidden;
}
.product-introduction-item__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.product-introduction-item__info {
  flex: 1;
  display: flex;
  position: relative;
  z-index: 2;
  text-align: var(--pc-text-align);
}

@media screen and (max-width: 959px) {
  .product-introduction-item__info {
    text-align: var(--mb-text-align);
  }
}

.product-introduction-item__info__content {
  width: 100%;
  padding: 32px 50px;
}

.product-introduction-item__content p {
  margin: 0;
}

.product-introduction-item__title,
.product-introduction-item__content,
.product-introduction-item__btn,
.product-introduction-item__sub-title {
  margin-top: 20px;
}

.product-introduction-item__info__content > :first-child {
  margin-top: 0;
}

.collection__tabs {
  display: flex;
  gap: var(--tab-gap);
  margin-bottom: 20px;
}

.collection__tabs-item {
  cursor: pointer;
  text-align: center;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  background-color: var(--button-background-color);
  border-radius: var(--button-radius);
  color: var(--button-text-color);
  border: 1px solid var(--button-border-color);
  user-select: none;
}

.collection__tabs .active_card_list.active {
  background-color: var(--button-active-background-color);
  color: var(--button-active-text-color);
  border: 1px solid var(--button-active-border-color);
}

@media screen and (max-width: 959px) {
  .product-introduction-item__info__content {
    padding: 30px 20px;
  }
  .collection__tabs {
    overflow-x: auto;
  }
  .collection__tabs > div {
    flex: none;
  }
}
