/* Category listings: accommodate the existing readable type sizes in all locales. */
main[data-product-card-refinement="compact"] :is(.product-grid, .nf-grid, .product-card, .nf-card, .card-content, .nf-card-copy) {
  min-inline-size: 0;
  max-inline-size: 100%;
  box-sizing: border-box;
}

/* A flex label must be allowed to shrink before a long translated word can wrap. */
main[data-product-card-refinement="compact"] .product-card > .product-technical-basics {
  min-inline-size: 0;
  align-items: start;
  row-gap: 10px;
}
main[data-product-card-refinement="compact"] .product-card > .product-technical-basics > .product-technical-item {
  min-inline-size: 0;
  max-inline-size: 100%;
}
main[data-product-card-refinement="compact"] .product-card > .product-technical-basics dt {
  min-inline-size: 0;
  min-block-size: 0;
  block-size: auto;
  align-items: flex-start;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  line-height: 1.4;
}
main[data-product-card-refinement="compact"] .product-card > .product-technical-basics dt > span {
  flex: 1 1 auto;
  min-inline-size: 0;
  max-inline-size: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
main[data-product-card-refinement="compact"] .product-card > .product-technical-basics dt > svg {
  flex-shrink: 0;
  margin-block-start: 3px;
}
main[data-product-card-refinement="compact"] .product-card > .product-technical-basics dd {
  min-inline-size: 0;
  max-inline-size: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.4;
}
main[data-product-card-refinement="compact"] .product-card[data-doner-configuration*="+"] > .product-technical-basics > .technical-power {
  grid-column: 1 / -1;
}

main[data-product-card-refinement="compact"] :is(.card-content, .nf-card-copy) :is(h2, h3, p, small, a),
main[data-product-card-refinement="compact"] .category-nav a {
  min-inline-size: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
main[data-product-card-refinement="compact"] :is(.product-card, .nf-card) .quality-card-actions {
  min-inline-size: 0;
  max-inline-size: 100%;
}
main[data-product-card-refinement="compact"] :is(.product-card, .nf-card) .quality-card-actions button {
  min-inline-size: 0;
  max-inline-size: 100%;
  min-block-size: 44px;
  block-size: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.4;
  box-sizing: border-box;
}
main[data-product-card-refinement="compact"] .quality-card-actions button > :is(span, .add-label) {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

/* Keep a useful reading width instead of squeezing two fully specified cards onto a phone. */
@media (max-width: 900px) and (min-width: 651px) {
  main[data-product-card-refinement="compact"] :is(.product-grid, .nf-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  main[data-product-card-refinement="compact"] :is(.product-grid, .nf-grid) {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 24px;
  }
  main[data-product-card-refinement="compact"] .product-card > .product-technical-basics {
    column-gap: 14px;
    padding: 11px 12px;
  }
}
@media (max-width: 360px) {
  main[data-product-card-refinement="compact"] .product-card > .product-technical-basics {
    grid-template-columns: minmax(0, 1fr);
  }
}