/* Home mixed feed only: use the existing Feeds 520px column. */
[data-home-flow][data-views="home"] > .home-flow-list[data-home-flow-list][data-unified-feed-cards="true"] {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(100%, 520px) !important;
  max-width: 100% !important;
  min-width: 0;
  margin-inline: auto !important;
  justify-content: center !important;
}
[data-home-flow][data-views="home"] > .home-flow-list[data-home-flow-list][data-unified-feed-cards="true"] > * {
  box-sizing: border-box;
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  justify-self: stretch !important;
}
[data-home-flow][data-views="home"] > .home-flow-list[data-home-flow-list][data-unified-feed-cards="true"] > :is(.product-card.is-product, .feed-product-card):not(:is(.is-clip, .feed-clip-card, .feed-product-clip-card, .reel-card)) {
  width: min(100%, 226px) !important;
  max-width: 226px !important;
  justify-self: center !important;
}
[data-home-flow][data-views="home"] > .home-flow-list[data-home-flow-list][data-unified-feed-cards="true"] > :is(.reel-card, .feed-clip-card, .feed-product-clip-card, .social-feed-card.is-clip, .feed-card.is-clip) {
  width: min(100%, 322px) !important;
  max-width: 322px !important;
  justify-self: center !important;
}
[data-home-flow][data-views="home"] [data-home-flow-list] .feed-comments,
[data-home-flow][data-views="home"] [data-home-flow-list] [data-feed-comments-list],
[data-home-flow][data-views="home"] [data-home-flow-list] .feed-comment-form,
[data-home-flow][data-views="home"] [data-home-flow-list] .feed-comment-reply-form {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Product detail actions keep whole labels; icons sit above the label/count. */
.item-detail-modal.is-product .item-product-social {
  min-width: 0;
  max-width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 88px), 1fr));
}
.item-detail-modal.is-product .item-product-social > button {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  height: auto;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 4px;
  padding: 8px 4px;
  text-align: center;
}
.item-detail-modal.is-product .item-product-social > button > span,
.item-detail-modal.is-product .item-product-social > button > span > strong {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  line-height: 1.2;
}
.item-detail-modal.is-product .item-product-social > button > span > strong {
  overflow: visible;
  text-overflow: clip;
}

/* Report is a text action; the adjacent ellipsis/menu keeps its own styling. */
.social-feed-card[data-nearby-repost="true"] > .social-feed-head > .social-feed-more[data-feed-option="report"] {
  width: auto;
  min-width: 0;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}