.ui-item-row {
  display: grid;
  gap: 1.5rem;
  padding-bottom: 1.5rem;
  grid-template-columns: 3.5rem 1fr auto;
  grid-template-areas:
    'image title misc'
    '. info .';

  @screen isa-desktop-l {
    grid-template-columns: 3.5rem 1fr 1fr auto;
    grid-template-areas: 'image title info misc';
  }

  [uiItemRowProdcutImage] {
    grid-area: image;
  }

  [uiItemRowProdcutTitle] {
    grid-area: title;
  }

  [uiItemRowProdcutInfo] {
    grid-area: info;
  }

  [uiItemRowProdcutMisc] {
    grid-area: misc;
  }
}
