.prod-type {
  font-weight: bold;
  font-size: 14px;
  display: grid; }
  .prod-type__grid {
    display: flex;
    flex-direction: column; }
    .prod-type__grid--tl {
      align-items: flex-start;
      justify-content: flex-start; }
      .prod-type__grid--tl .prod-type__label {
        border-radius: 0 5px 5px 0; }
    .prod-type__grid--tr {
      align-items: flex-end;
      justify-content: flex-start; }
      .prod-type__grid--tr .prod-type__label {
        border-radius: 5px 0 0 5px; }
    .prod-type__grid--bl {
      align-items: flex-start;
      justify-content: flex-end; }
      .prod-type__grid--bl .prod-type__label {
        border-radius: 0 5px 5px 0; }
    .prod-type__grid--br {
      align-items: flex-end;
      justify-content: flex-end; }
      .prod-type__grid--br .prod-type__label {
        border-radius: 5px 0 0 5px; }
  .prod-type__label {
    background-size: cover;
    min-width: 60px;
    padding: 5px 15px;
    font-size: 13px; }

@media screen and (max-width: 540px) {
  .prod-type {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    height: 1px;
    top: 160px;
    left: 5px; }
    .prod-type__el.label-new {
      background: #FFE241;
      border-radius: 4px 20px;
      padding: 3px 10px;
      height: 20px;
      top: 125px;
      width: max-content; }
      .prod-type__el.label-new > span {
        font-weight: 500;
        font-size: 12px;
        line-height: 13px;
        color: #000000; } }