.product-list-result-content {
  @apply text-black no-underline grid;
  grid-template-columns: 102px 50% auto;
  grid-template-rows: auto;
  grid-template-areas:
    'item-thumbnail item-contributors item-contributors'
    'item-thumbnail item-title item-price'
    'item-thumbnail item-title item-data-selector'
    'item-thumbnail item-format item-stock'
    'item-thumbnail item-misc item-ssc';
}

.item-thumbnail {
  grid-area: item-thumbnail;
  width: 70px;
  @apply mr-8;
  img {
    max-width: 100%;
    max-height: 150px;
    @apply rounded-card shadow-cta;
  }
}

.item-contributors {
  grid-area: item-contributors;
  height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 600px;
  white-space: nowrap;

  a {
    @apply text-active-customer font-bold no-underline;
  }
}

.item-title {
  grid-area: item-title;
  @apply font-bold text-2xl;
  height: 64px;
  max-height: 64px;
}

.item-title.xl {
  @apply font-bold text-xl;
}

.item-title.lg {
  @apply font-bold text-lg;
}

.item-title.md {
  @apply font-bold text-base;
}

.item-title.sm {
  @apply font-bold text-sm;
}

.item-title.xs {
  @apply font-bold text-xs;
}

.item-price {
  grid-area: item-price;
  @apply font-bold text-xl text-right;
}

.item-format {
  grid-area: item-format;
  @apply flex flex-row items-center font-bold text-lg whitespace-nowrap;

  img {
    @apply mr-2;
  }
}

.item-stock {
  grid-area: item-stock;
  @apply flex flex-row justify-end items-baseline font-bold text-lg;

  ui-icon {
    @apply text-active-customer mr-2;
  }
}

.item-misc {
  grid-area: item-misc;
}

.item-ssc {
  grid-area: item-ssc;
  @apply font-bold text-right;
}

.item-ssc.xs {
  @apply font-bold text-xs;
}

.item-data-selector {
  @apply w-full flex justify-end;
  grid-area: item-data-selector;
}

ui-select-bullet {
  @apply p-4 -m-4 z-dropdown;
}

@media (min-width: 1025px) {
  .item-contributors {
    max-width: 780px;
  }
}
