/* A compact label tucked into the photograph. All content stays in normal
   flow, including native payment, subscription and extension content. */
.mainstream-theme .ms-catalog .js-product-table .item-description {
  margin-top: -54px;
  padding: 12px 16px 10px;
}
.mainstream-theme .ms-catalog .js-product-table .ms-item-brand {
  margin-bottom: 3px;
}
.mainstream-theme .ms-catalog .js-product-table .item-name {
  margin-bottom: 4px !important;
}
.mainstream-theme .ms-catalog .js-product-table .ms-item-reference {
  margin-bottom: 8px;
}
.mainstream-theme .ms-catalog .js-product-table .ms-item-reference-label {
  margin-bottom: 1px;
}
.mainstream-theme .ms-catalog .js-product-table .item-description > .item-link {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 12px;
}
.mainstream-theme .ms-catalog .js-product-table .item-description > .item-link > * {
  flex: 0 0 100%;
  min-width: 0;
}
/* Empty native app slots must not split the volume/price row. A populated
   slot automatically regains its full-width place in document order. */
.mainstream-theme .ms-catalog .js-product-table .item-link > .js-nubesdk-slot:empty {
  display: none;
}
.mainstream-theme .ms-catalog .js-product-table .item-link > .ms-item-formats {
  flex: 1 1 auto;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
.mainstream-theme .ms-catalog .js-product-table .item-link > .item-price-container {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
}
.mainstream-theme .ms-catalog .js-product-table .item-actions {
  margin-top: 3px !important;
}
@media (max-width: 767px) {
  .mainstream-theme .ms-catalog .js-product-table .item-description {
    margin-top: -26px;
    padding: 10px 10px 8px;
  }
  .mainstream-theme .ms-catalog .js-product-table .item-description > .item-link {
    column-gap: 8px;
  }
  .mainstream-theme .ms-catalog .js-product-table .ms-item-reference {
    margin-bottom: 6px;
  }
}

/* Volumes are always visible in the compact label, so the decorative
   hover copy is redundant and would collide with the deeper overlap. */
.mainstream-theme .ms-catalog .js-product-table .item:has(.item-description .ms-item-formats) .ms-item-format-overlay {
  display: none;
}