.header a {
  color: var(--pink-light);
}
.link-logo svg path {
  fill: #fb9ebb;
}
#product-page {
  padding: 7.44vw 0 6vw;
}
.product-top {
  display: grid;
  grid-template-columns: 44% 56%;
  justify-items: start;
  align-items: start;
  gap: 0.4vw;
  margin-left: 2.5vw;
  margin-bottom: 0.78vw;
}
.back-btn {
  color: var(--pink-light);
  font-size: 1vw;
  line-height: 100%;
  font-family: AeonikProRegularItalic;
  background-color: rgba(253, 243, 247, 1);
  padding: 0.88vw 3.33vw;
  border: none;
  border-radius: 2.6vw;
  box-shadow: 0 12px 12px -6px rgba(255, 193, 193, 0.25);
  cursor: pointer;
}
.product-title {
  font-family: OnestSemiBold, sans-serif;
  font-size: 4.1vw;
  color: var(--pink-highlight);
  display: flex;
  align-items: start;
  gap: 0.4vw;
}
.product-labels {
  display: flex;
  align-items: center;
  gap: 0.4vw;
}
.product-label {
  font-family: AeonikProBoldItalic, sans-serif;
  color: var(--pink-highlight);
  padding: 0.65vw 2.3vw;
  border: 1px solid rgba(255, 211, 218, 1);
  border-radius: 2.1vw;
  font-size: 1.25vw;
}
.mask-container-product {
  width: 100%;
  height: 36vw;
  position: relative;
}

.masked-element-product {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(250, 222, 227, 1),
    rgba(255, 192, 204, 1),
    rgba(250, 222, 227, 1)
  );
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 2vw 0 0;

  mask-image: url(/img/catalog/product-mask-item.png);
  -webkit-mask-image: url(/img/catalog/product-mask-item.png);
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.color-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.color-select-box {
  padding: 0.78vw 1vw;
  background-color: #fff;
  border-radius: 2.6vw;
  display: flex;
  gap: 1vw;
  position: absolute;
  bottom: 1.35vw;
  left: 38%;
  transform: translateX(-38%);
  z-index: 5;
}
.color-select {
  border-radius: 50%;
  width: 3.59vw;
  height: 3.59vw;
  transition: all 0.3s ease;
}

@media (hover: hover) {
  .color-select:hover {
    transform: scale(1.1);
    cursor: pointer;
  }
}


.color-select.purple {
  background: linear-gradient(to right, #ababca, #dec4c1);
}
.color-select.pink {
  background: radial-gradient(circle at center, #ffcad7 60%, transparent 72%);
}
.color-select.peach {
  background: radial-gradient(
    circle at center,
    rgba(255, 162, 120, 1) 60%,
    transparent 72%,
    transparent 100%
  );
}
.color-select.pistachio {
  background: radial-gradient(
    circle at center,
    rgba(175, 204, 183, 1) 60%,
    transparent 72%
  );
}
.color-select.cream {
  background: radial-gradient(
    circle at center,
    rgba(217, 210, 205, 1) 60%,
    transparent 72%
  );
}

.info {
  max-width: 691px;
  grid-area: 1/2/1/3;
  max-width: 35.9vw;
  height: 78%;
  display: grid;
  align-content: space-between;
}
.buy-btn {
  display: none;
}
.product-img {
  width: 35.6vw;
  position: absolute;
  bottom: 0;
  left: 15%;
  transform: translateX(-15%);
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}


p {
  font-size: 1.25vw;
  color: #fff;
}
.product-descr {
  margin-bottom: 1vw;
}
.product-span {
  margin-bottom: 1.4vw;
  font-family: AeonikProMediumItalic, sans-serif;
}
.marketplaces {
  display: flex;
  gap: 0.8vw;
}
.marketplace {
  width: 10.4vw;
  height: 3.8vw;
  background-color: #fff;
  border-radius: 1.35vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .marketplace:hover {
    box-shadow: 1px 1px 5px rgba(255, 157, 157, 0.774);
  }
}
.marketplace-logo {
  width: 73%;
}
.marketplace:nth-child(4) .marketplace-logo {
  width: 85%;
}


.marketplace-mini {
  width: 4.9vw;
}
.marketplace-mini .marketplace-logo {
  width: 50%;
}


@media (max-width: 1023px) and (orientation: portrait) {
  .marketplace-mini .marketplace-logo {
  width: 28%;
}
  #product-page {
    padding: 14vw 10vw 20.5vw;
  }
  .product-top {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 7.8vw;
    margin: 0 auto 2.5vw;
  }
  .back-btn {
    font-size: 3vw;
    padding: 2.3vw 6.1vw;
    border-radius: 12.7vw;
  }
  .product-title {
    font-size: 10vw;
    gap: 3.5vw;
  }
  .product-labels {
    flex-direction: column;
    gap: 1vw;
  }
  .product-label {
    width: 20vw;
    text-align: center;
    padding: 2.33vw 0;
    border-radius: 7.5vw;
    font-size: 3vw;
  }
  .mask-container-product {
    width: 100%;
    height: auto;
  }

  .product-left {
    position: relative;
    height: 100vw;
    padding: 4.26vw 1.47vw 0;
    border-radius: 10.76vw;
    background: linear-gradient(
      to right,
      rgba(250, 222, 227, 1),
      rgba(255, 192, 204, 1),
      rgba(250, 222, 227, 1)
    );
    display: flex;
    margin: 0 auto 26.2vw;
  }
  .product-img {
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
  }
  .color-select-box {
    padding: 2vw 2.6vw;
    border-radius: 9.54vw;
    gap: 3vw;
    bottom: -7vw;
    left: auto;
    right: 1.5vw;
    transform: translateX(-1.5vw);
  }
  .color-select {
    width: 10vw;
    height: 10vw;
  }

  .masked-element-product {
    width: 100%;
    height: 100%;
    background: none;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    mask-image: none;
  }

  .info {
    max-width: 100%;
    grid-area: auto;
  }
  .info-txt {
    padding: 15.7vw 7.6vw 11.9vw;
    background-color: rgba(253, 187, 199, 1);
    border-radius: 12.2vw;
    position: relative;
    margin-bottom: 8.1vw;
  }
  .buy-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(
      to right,
      rgba(253, 187, 199, 1),
      rgba(255, 211, 218, 1)
    );
    border: 1px solid rgba(255, 230, 230, 1);
    border-radius: 100px;
    width: 42vw;
    padding: 3vw 3vw 3vw 4.1vw;
    font-size: 5.6vw;
    line-height: 100%;
    position: absolute;
    top: -7.6vw;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: 0 50%;
  }
  .buy-btn-circle {
    width: 10vw;
    height: 10vw;
    background: radial-gradient(
      circle at center,
      rgba(250, 174, 184, 1) 50%,
      transparent 86%
    );
  }
  p {
    font-size: 3vw;
  }
  .product-descr {
    margin-bottom: 0;
  }
  .product-span {
    margin-top: 12.9vw;
    margin-bottom: 0;
  }
  .marketplaces {
    /* flex-direction: column; */
    gap: 3vw;
    flex-wrap: wrap;
    justify-content: center;
  }
  .marketplace {
    width: 45%;
    height: 16.5vw;
    border-radius: 6.5vw;
  }
}

@media (max-width: 1023px) and (orientation: portrait) {
  #product-page {
    padding: 19.8vw 2.5vw 29.5vw;
  }
  .product-top {
    width: 87.7vw;
    grid-template-columns: 1fr;
    gap: 7.8vw;
    margin: 0 auto 2.5vw;
  }
  .back-btn {
    font-size: 5vw;
    line-height: 100%;
    padding: 4.3vw 9.1vw;
    border-radius: 12.7vw;
  }
  .product-title {
    font-size: 14.7vw;
    gap: 3.5vw;
  }
  .product-labels {
    flex-direction: column;
    gap: 1vw;
  }
  .product-label {
    width: 25.2vw;
    text-align: center;
    padding: 2.33vw 0;
    border-radius: 7.5vw;
    font-size: 4.4vw;
  }
  .mask-container-product {
    width: 100%;
    height: auto;
  }

  .product-left {
    position: relative;
    width: 87.7vw;
    height: 106vw;
    padding: 4.26vw 1.47vw 0;
    border-radius: 10.76vw;
    background: linear-gradient(
      to right,
      rgba(250, 222, 227, 1),
      rgba(255, 192, 204, 1),
      rgba(250, 222, 227, 1)
    );
    display: flex;
    margin: 0 auto 26.2vw;
  }
  .product-img {
    left: 50%;
    transform: translateX(-50%);
  }
  .color-select-box {
    padding: 2.9vw 3.56vw;
    border-radius: 9.54vw;
    gap: 3.6vw;
    bottom: -9.44vw;
    left: auto;
    right: 1.5vw;
    transform: translateX(-1.5vw);
  }
  .color-select {
    width: 13.2vw;
    height: 13.2vw;
  }

  .masked-element-product {
    width: 100%;
    height: 100%;
    background: none;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    mask-image: none;
  }

  .info {
    max-width: 100%;
    grid-area: auto;
  }
  .info-txt {
    padding: 15.7vw 7.6vw 11.9vw;
    background-color: rgba(253, 187, 199, 1);
    border-radius: 12.2vw;
    position: relative;
    margin-bottom: 8.1vw;
  }
  .buy-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(
      to right,
      rgba(253, 187, 199, 1),
      rgba(255, 211, 218, 1)
    );
    border: 1px solid rgba(255, 230, 230, 1);
    border-radius: 50px;
    width: 62.6vw;
    padding: 3.62vw 3.5vw 3.62vw 6.1vw;
    font-size: 7.6vw;
    line-height: 100%;
    position: absolute;
    top: -10.6vw;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: 0 50%;
  }
  .buy-btn-circle {
    width: 17vw;
    height: 17vw;
    background: radial-gradient(
      circle at center,
      rgba(250, 174, 184, 1) 50%,
      transparent 86%
    );
  }
  p {
    font-size: 4vw;
  }
  .product-descr {
    margin-bottom: 0;
  }
  .product-span {
    margin-top: 26.9vw;
    margin-bottom: 0;
  }
  .marketplaces {
    flex-direction: column;
    gap: 6vw;
  }
  .marketplace {
    width: 100%;
    height: 44.5vw;
    border-radius: 12.5vw;
  }
}

@media (max-width: 1023px) and (orientation: landscape) {
  #product-page {
    padding: 12vw 0 6vw;
  }
}





.props {
  display: flex;
  flex-wrap: wrap; 
  gap: .2vw 1.6vw;
  font-size: 1.25vw;
  margin: .6vw 0;
}
.props img{
  width: 2vw;
  max-height: 2vw;
}
.prop {
  display: flex;
  align-items: center;
  gap: .6vw;
}

@media (max-width: 1023px) {
  .props {
  gap: 2vw 8vw;
  font-size: 4vw;
  margin: 8vw 0;
  }
  .props img{
    width: 8vw;
    max-height: 8vw;
  }
  .prop {
    display: flex;
    align-items: center;
    gap: 2.8vw;
  }
}