.product-head {
  display:flex;
  align-items:center;
  margin-top:40px
}
.product-head__img {
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  width:35px;
  height:50px;
  margin-right:20px;
  font-size:0
}
.product-head__img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:top center;
  object-position:top center
}
.product-head__img._rounded {
  width:50px;
  border-radius:50%
}
.product-head__img .svg-icon {
  font-size:50px
}
.product-head__contents {
  padding-right:20px
}
.product-head__name {
  margin-top:-2px;
  font-size:24px;
  line-height:1;
  font-variation-settings:"wght" 700
}
@supports not (font-variation-settings:normal) {
  .product-head__name {
    font-weight:700
  }
}
.product-head__description {
  margin-top:12px;
  font-size:16px;
  line-height:1;
  color:var(--color-font-80)
}
.product-head__price {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  min-height:50px;
  margin-left:auto;
  padding:10px 25px;
  font-size:24px;
  line-height:1;
  background:var(--color-block-background);
  border-radius:30px;
  font-variation-settings:"wght" 700
}
@supports not (font-variation-settings:normal) {
  .product-head__price {
    font-weight:700
  }
}
.product-head__promocode {
  margin-left:auto;
  padding:13px 20px;
  font-size:14px;
  line-height:1;
  background:var(--color-block-background);
  border-radius:var(--border-radius);
  transition:background .25s ease-in-out;
  cursor:pointer
}
.product-head__promocode:hover {
  background:var(--color-block-background-hover)
}
.product-head__promocode._user {
  background:var(--color-gradient-blue-90)
}
.product-head__promocode._user:hover {
  background:var(--color-gradient-blue-90-reverse)
}
.product-head._compact {
  flex-wrap:wrap
}
.product-head._compact .product-head__img {
  width:45px;
  height:70px
}
.product-head._compact .product-head__img .svg-icon {
  font-size:40px
}
.product-head._compact .product-head__img._rounded {
  width:40px;
  height:40px
}
.product-head._compact .product-head__contents {
  flex:0 0 calc(100% - 45px - 20px)
}
.product-head._compact .product-head__name {
  font-size:18px
}
.product-head._compact .product-head__price {
  display:none
}
.product-head._compact .product-head__promocode {
  flex:0 0 100%;
  margin-top:16px
}
.product-head._compact .product-head__description {
  font-size:14px
}
@media only screen and (max-width:1440px) {
  .product-head {
    margin-top:30px
  }
  .product-head__img {
    width:25px;
    height:40px;
    margin-right:15px
  }
  .product-head__img .svg-icon {
    font-size:40px
  }
  .product-head__img._rounded {
    width:40px
  }
  .product-head__contents {
    padding-right:15px
  }
  .product-head__name {
    margin-top:-2px;
    font-size:20px
  }
  .product-head__description {
    margin-top:8px;
    font-size:14px
  }
  .product-head__price {
    min-height:40px;
    padding:10px 20px;
    font-size:20px
  }
  .product-head._compact .product-head__img {
    width:20px;
    height:35px
  }
  .product-head._compact .product-head__img .svg-icon {
    font-size:35px
  }
  .product-head._compact .product-head__img._rounded {
    width:35px;
    height:35px
  }
  .product-head._compact .product-head__name {
    font-size:16px
  }
  .product-head._compact .product-head__description {
    font-size:12px
  }
}
@media only screen and (max-width:768px) {
  .product-head {
    flex-wrap:wrap;
    margin-top:25px
  }
  .product-head__contents {
    order:1;
    flex:0 0 calc(100% - 40px);
    padding-right:15px
  }
  .product-head__img {
    order:2;
    margin-right:0
  }
  .product-head__name {
    font-size:24px
  }
  .product-head__price {
    flex:0 0 100%;
    justify-content:center;
    min-height:50px;
    padding:10px 25px;
    font-size:24px;
    text-align:center
  }
  .product-head__price,
  .product-head__promocode {
    margin-top:20px;
    margin-left:0;
    order:3
  }
}