:root {
  --base-light-color: white;
  --base-light-color-60: rgba(255, 255, 255, 0.6);
  --base-font-color: #333;
  --base-font-dark-gray-color: #666;
  --base-font-gray-color: #999;
  --base-active-color: #ed1712;
  --base-font-size-xl: 24px;
  --base-font-size-lg: 18px;
  --base-font-size: 16px;
  --base-font-size-sm: 14px;
  --base-font-size-xs: 12px;
}

.product-details__back {
  width: 90px;
  height: 36px;
  color: var(--base-font-dark-gray-color);
  font-size: var(--base-font-size-sm);
  text-align: center;
  line-height: 34px;
  border: 1px solid black;
  border-radius: 8px;
}
.product-details__wrapper {
  padding: 60px 0;
  overflow: hidden;
}
.product-details__container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  background-color: #F6F7F8;
  border-radius: 20px;
}
.product-details__container-info {
  flex: 1;
  margin-right: 20px;
  padding-left: 3.6458333333vw;
  color: var(--base-font-dark-gray-color);
  font-size: var(--base-font-size-lg);
  text-align: justify;
  line-height: 2.1;
}
.product-details__container-img {
  width: 48.4375vw;
  overflow: hidden;
  border-radius: 10px;
}
.product-details__links {
  padding: 40px 0;
}
.product-details__links-item {
  color: #9e9e9e;
  font-size: var(--base-font-size-sm);
  line-height: 1.4;
  transition: color 0.2s, opacity 0.2;
}
.product-details__links-item:not(:last-child) {
  margin-bottom: 10px;
}
.product-details__links-item.disabled > span {
  cursor: not-allowed;
}
.product-details__links-item.disabled > span > a {
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .product-details__links-item:not(.disabled):hover {
    color: var(--base-active-color);
  }
}
.product-details__links-item:not(.disabled):active {
  opacity: 0.6;
}
@media screen and (max-width: 1024px) {
  .product-details__wrapper {
    padding: 0 16px 30px;
  }
  .product-details__container {
    flex-direction: column-reverse;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }
  .product-details__container-info {
    width: 100%;
    margin-top: 12px;
    margin-right: 0;
    padding: 5px var(--base-font-size);
    font-size: var(--base-font-size-sm);
    background-color: #F6F7F8;
    border-radius: 12px;
  }
  .product-details__container-img {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
  }
  .product-details__links {
    padding: 20px 0;
  }
  .product-details__links-item {
    font-size: var(--base-font-size-xs);
  }
}