/* 20260716 browser-comment-ag: hard non-overlap contract for homepage product shelves. */
body.home-page :is(#showroom, #products, .product-area) .commerce-layout,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout > div {
  min-width: 0 !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 252px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, auto) 210px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px !important;
  gap: 10px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card *,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card *::before,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card *::after {
  box-sizing: border-box !important;
  min-width: 0 !important;
  transform: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f4f2ec !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
  position: static !important;
  display: grid !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 66px 26px 76px !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 210px !important;
  height: 210px !important;
  max-height: 210px !important;
  padding: 0 !important;
  gap: 8px !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > p,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-meta {
  display: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small {
  grid-area: tag !important;
  display: block !important;
  height: 18px !important;
  overflow: hidden !important;
  color: #596862 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3 {
  grid-area: name !important;
  display: -webkit-box !important;
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  overflow: hidden !important;
  color: #101719 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 22px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row {
  grid-area: price !important;
  display: flex !important;
  align-items: center !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong {
  display: block !important;
  width: 100% !important;
  height: 26px !important;
  overflow: hidden !important;
  color: #172124 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 26px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  gap: 8px !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1040px) {
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card {
    grid-template-rows: minmax(0, auto) 248px !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 18px 66px 26px 112px !important;
    min-height: 248px !important;
    height: 248px !important;
    max-height: 248px !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
  }
}

@media (max-width: 560px) {
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 20260716 browser-comment-no-overlap-aj: final visual card contract.
   The browser-comment viewport still showed three cramped columns from older
   cache/rules. This final block widens card columns and gives every visible
   text/action part its own measured band. */
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1),
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto 226px !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px !important;
  gap: 12px !important;
  overflow: hidden !important;
  contain: layout paint !important;
  transform: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f4f2ec !important;
  transform: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  transform: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
  box-sizing: border-box !important;
  position: static !important;
  display: grid !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 60px 28px 72px !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 226px !important;
  height: 226px !important;
  max-height: 226px !important;
  padding: 0 !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > p,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-meta {
  display: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-shadow: none !important;
  transform: none !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small {
  grid-area: tag !important;
  display: block !important;
  height: 18px !important;
  color: #596862 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3 {
  grid-area: name !important;
  display: -webkit-box !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  color: #11181b !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 20px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row {
  grid-area: price !important;
  display: flex !important;
  align-items: center !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  color: #172124 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 28px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  gap: 8px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1),
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) {
    grid-template-rows: auto 252px !important;
    padding: 8px !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 18px 60px 28px 98px !important;
    min-height: 252px !important;
    height: 252px !important;
    max-height: 252px !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    height: 98px !important;
    min-height: 98px !important;
    max-height: 98px !important;
    gap: 8px !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action {
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
  }
}

@media (max-width: 620px) {
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 20260716 browser-comment-no-overlap-ak: hard stop for visible text overlap.
   The selected card at an 841px browser width still showed category/title/meta
   and buttons painted into the same area. This rule avoids relying on earlier
   card inheritance by rebuilding every homepage shelf card as image + copy. */
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
  gap: 18px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px !important;
  gap: 14px !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 20px minmax(50px, auto) 32px 52px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 172px !important;
  height: auto !important;
  max-height: none !important;
  gap: 9px !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > p,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-meta {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small {
  display: block !important;
  height: 20px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 20px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3 {
  display: -webkit-box !important;
  min-height: 50px !important;
  height: auto !important;
  max-height: 60px !important;
  font-size: 15px !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row {
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  font-size: 13px !important;
  line-height: 32px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  gap: 8px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action {
  min-width: 0 !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 20px minmax(48px, auto) 32px 52px !important;
  }
}

/* 20260716 model-card-spec-pills-a: concise official specs on homepage cards. */
body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
  grid-template-areas:
    "tag"
    "name"
    "specs"
    "price"
    "actions" !important;
  grid-template-rows: 20px minmax(46px, auto) 28px 32px 52px !important;
  min-height: 196px !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-spec-pills {
  grid-area: specs !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-spec-pills span {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 50% !important;
  min-width: 0 !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  color: rgba(23, 21, 18, 0.72) !important;
  background: rgba(31, 122, 90, 0.09) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  body.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 20px minmax(46px, auto) 28px 32px 52px !important;
    min-height: 196px !important;
  }
}