/* Promotion mode styles for product figure. Scope new rules under .figure.promotion-mode. */

.promotion-mode .now-price {
  color: var(--color-primary, #712799);
  font-size: 32px;
}
.product-price .sale-item__price{
  background-color: #FF9E2C;
  color: #fff;
  padding:6px 12px;
  height: auto;
  font-size: 14px;
  color: #FFF;
  border-radius: 16px;
}
.promotion-mode .figure-top{
    border-radius: 12px;
    border: 1px solid #F8F4FA;
    background: #F8F4FA;
    padding: 16px;
    gap: 12px;
}
.promotion-mode .product-price-offer__label{
    color: rgba(113, 39, 153, 0.70);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.56px;
} 
.promotion-mode .product-price-offer__saving{
    color: #712799;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 4px;
}

.promotion-mode .product-price .old{
    margin: 0 16px 0 12px;
    font-size: 15px;
}
.promotion-mode .figure-top-wrap{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.promotion-mode .single-star img  {
  width: 16px;
  height: 16px;
}
.promotion-mode .single-star .score-and-comment{
  font-size: 16px;
  line-height: 1.2;
}