/* 20260715 browser-comment-no-overlap-k: final product shelf guard.
   This file is loaded last. Keep every shelf card in a predictable vertical
   flow so long names, POS status, and action buttons cannot overlap. */

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

/* 20260715 browser-comment-no-overlap-n: compact shelf product lock.
   The homepage shelf should sell visually first. Full stock/POS source details
   stay in product detail panels, while shelf cards keep only category, name,
   price prompt, and actions in fixed non-overlapping bands. */
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 286px), 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 10px !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
  flex: 0 0 auto !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf img,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) img,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 156px !important;
  gap: 8px !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small {
  display: block !important;
  flex: 0 0 18px !important;
  height: 18px !important;
  min-width: 0 !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;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  flex: 0 0 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #101719 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 23px !important;
  text-wrap: balance !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  display: grid !important;
  flex: 0 0 42px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  gap: 8px !important;
  margin-top: auto !important;
  overflow: visible !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action {
  box-sizing: border-box !important;
  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.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

/* 20260715 browser-comment-no-overlap-x: broad live-card lock at real EOF.
   Applies to all live homepage product articles, including cached cards that
   do not carry the shelf modifier class. */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page .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: auto 208px !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 520px !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page .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-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-rows: 18px 56px 26px 84px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 208px !important;
  height: 208px !important;
  max-height: 208px !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page .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: #60706b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3 {
  grid-area: name !important;
  display: -webkit-box !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #10181b !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 28px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page .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 #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #121a1d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 26px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !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 (min-width: 1120px) {
  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card {
    grid-template-rows: auto 166px !important;
    min-height: 486px !important;
  }

  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 18px 56px 26px 42px !important;
    min-height: 166px !important;
    height: 166px !important;
    max-height: 166px !important;
  }

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

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

/* browser-comment-no-overlap-y-eof: true EOF card strata lock for 841px browser comment */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(220px, 1fr) 232px !important;
  min-width: 0 !important;
  min-height: 568px !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 12px !important;
  overflow: hidden !important;
  contain: layout paint !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 220px !important;
  overflow: hidden !important;
  background: #f4f3ee !important;
  border-radius: 8px !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
  display: grid !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 64px 28px 98px !important;
  min-width: 0 !important;
  min-height: 232px !important;
  height: 232px !important;
  max-height: 232px !important;
  padding: 0 !important;
  gap: 8px !important;
  overflow: hidden !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page .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;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page .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;
  overflow: hidden !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page .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: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  padding: 0 10px !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 (min-width: 1180px) {
  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card {
    grid-template-rows: minmax(220px, 1fr) 184px !important;
    min-height: 520px !important;
  }

  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 18px 64px 28px 50px !important;
    min-height: 184px !important;
    height: 184px !important;
    max-height: 184px !important;
  }

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

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

/* browser-comment-no-overlap-y: final card strata lock for 841px browser comment */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page .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(220px, 1fr) 232px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 568px !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 12px !important;
  overflow: hidden !important;
  contain: layout paint !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card *,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card *,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card * {
  box-sizing: border-box !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media,
body.home-page .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: 220px !important;
  overflow: hidden !important;
  background: #f4f3ee !important;
  border-radius: 8px !important;
  transform: none !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > *,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > *,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > * {
  position: static !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page .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: #60706b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page .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;
  overflow: hidden !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page .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: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  padding: 0 10px !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 (min-width: 1180px) {
  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card {
    grid-template-rows: minmax(220px, 1fr) 184px !important;
    min-height: 520px !important;
  }

  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 18px 64px 28px 50px !important;
    min-height: 184px !important;
    height: 184px !important;
    max-height: 184px !important;
  }

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

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

@media (max-width: 760px) {
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    gap: 14px !important;
  }
}

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

  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    align-items: stretch !important;
    min-height: 0 !important;
  }

  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
    width: 120px !important;
  }

  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
    min-height: 0 !important;
  }
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px !important;
  gap: 12px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #f4f3ee !important;
  border-radius: 8px !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf img,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) img,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) 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;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  box-sizing: border-box !important;
  position: static !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 180px !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 2px !important;
  gap: 7px !important;
  overflow: visible !important;
  transform: none !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

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

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  flex: 0 0 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
  color: #10181b !important;
  font-size: 14px !important;
  font-weight: 850 !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: 2 !important;
}

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

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta {
  display: flex !important;
  flex: 0 0 24px !important;
  align-items: center !important;
  width: 100% !important;
  height: 24px !important;
  min-height: 24px !important;
  overflow: hidden !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta .price-status {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: flex-end !important;
  min-height: 22px !important;
  overflow: hidden !important;
}

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

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  display: grid !important;
  flex: 0 0 auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 8px !important;
  overflow: visible !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !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) {
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 760px) {
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
    padding: 8px !important;
    gap: 9px !important;
  }

  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
    min-height: 196px !important;
    gap: 6px !important;
  }

  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
    flex-basis: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }

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

  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
  .home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action {
    min-height: 36px !important;
    font-size: 11px !important;
  }
}

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

/* 20260715 browser-comment-no-overlap-s: EOF product-card lock.
   This duplicate stays at the real end of the stylesheet so no older product
   card experiment can override the selected browser-comment layout. */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1),
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf: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 minmax(156px, auto) !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 11px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media {
  box-sizing: border-box !important;
  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;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf img,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf img,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf 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 #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  box-sizing: border-box !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 46px 24px 42px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 156px !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: visible !important;
  transform: none !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 23px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action {
  box-sizing: border-box !important;
  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.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

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

/* 20260715 browser-comment-no-overlap-u: absolute final text-stack lock EOF.
   Keep this as the final product shelf block. It neutralizes old absolute or
   compressed text rules after every earlier product-card experiment. */
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(164px, auto) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 12px !important;
  overflow: hidden !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
  position: static !important;
  display: grid !important;
  grid-template-rows: 18px 50px 24px 44px !important;
  min-width: 0 !important;
  min-height: 164px !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
  position: static !important;
  inset: auto !important;
  float: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3 {
  display: -webkit-box !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 25px !important;
  text-wrap: auto !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

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

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

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

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

/* 20260715 browser-comment-no-overlap-w: true measured shelf-card lock EOF.
   This block is the last product shelf override. It keeps the 841px two-column
   layout readable by stacking actions and reserving real rows for text. */
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
  box-sizing: border-box !important;
  position: static !important;
  display: grid !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-rows: 18px 56px 26px 76px !important;
  min-width: 0 !important;
  min-height: 190px !important;
  height: 190px !important;
  padding: 0 !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small {
  grid-area: tag !important;
  position: static !important;
  display: block !important;
  height: 18px !important;
  overflow: hidden !important;
  font-size: 11px !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transform: none !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3 {
  grid-area: name !important;
  position: static !important;
  display: -webkit-box !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 28px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  transform: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  grid-area: actions !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
}

@media (min-width: 1120px) {
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf {
    grid-template-rows: minmax(0, auto) 152px !important;
    min-height: 484px !important;
  }

  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
    grid-template-rows: 18px 56px 26px 42px !important;
    min-height: 152px !important;
    height: 152px !important;
  }

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

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

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

/* 20260715 browser-comment-no-overlap-v: measured shelf-card lock EOF.
   This is intentionally last. Browser comments still showed collision because
   older rules could compress rows in the two-column tablet layout. */
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

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

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .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 #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .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 56px 26px 76px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 190px !important;
  height: 190px !important;
  padding: 0 !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
  position: static !important;
  inset: auto !important;
  float: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

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

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

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

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .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 #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  gap: 8px !important;
  overflow: hidden !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !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 (min-width: 1120px) {
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
    grid-template-rows: 18px 56px 26px 42px !important;
    min-height: 152px !important;
    height: 152px !important;
  }

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

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

  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }
}

/* 20260715 browser-comment-no-overlap-x: broad live-card lock.
   The browser comment showed cached/older shelf cards where meta text still
   compressed into the title. This final EOF block targets every homepage
   article.product-card, not only the shelf modifier class. */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1),
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1),
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1),
body.home-page .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 208px !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 520px !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-card-media {
  box-sizing: border-box !important;
  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;
  margin: 0 !important;
  overflow: hidden !important;
  background: #f4f3ee !important;
  border-radius: 8px !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card img,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card img,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card 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 #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1) .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) .product-copy {
  box-sizing: border-box !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-rows: 18px 56px 26px 84px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 208px !important;
  height: 208px !important;
  max-height: 208px !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page .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;
  min-height: 18px !important;
  max-height: 18px !important;
  overflow: hidden !important;
  color: #60706b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1) h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card:nth-child(8n + 1) h3 {
  grid-area: name !important;
  display: -webkit-box !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #10181b !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 28px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-wrap: balance !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page .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 #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong,
body.home-page .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: #121a1d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 26px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !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 (min-width: 1120px) {
  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card {
    grid-template-rows: auto 166px !important;
    min-height: 486px !important;
  }

  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 18px 56px 26px 42px !important;
    min-height: 166px !important;
    height: 166px !important;
    max-height: 166px !important;
  }

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

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

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

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

/* 20260715 browser-comment-no-overlap-u: absolute final text-stack lock.
   Selected browser-comment cards showed old shelf text rules still colliding.
   Pin every generated text/control node back into normal document flow. */
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(164px, auto) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 12px !important;
  overflow: hidden !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
  position: static !important;
  display: grid !important;
  grid-template-rows: 18px 50px 24px 44px !important;
  min-width: 0 !important;
  min-height: 164px !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
  position: static !important;
  inset: auto !important;
  float: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3 {
  display: -webkit-box !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 25px !important;
  text-wrap: auto !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

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

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

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

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

/* 20260715 browser-comment-no-overlap-r: absolute final shelf layout.
   Loaded after every older shelf experiment. Keep product cards in one stable
   grid flow so category, title, price and actions never overlap. */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1),
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf: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 minmax(156px, auto) !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 11px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
  box-sizing: border-box !important;
  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;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf img,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf img,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf 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 #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  box-sizing: border-box !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 46px 24px 42px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 156px !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: visible !important;
  transform: none !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 23px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action {
  box-sizing: border-box !important;
  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.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

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

/* 20260715 browser-comment-no-overlap-p: true final shelf lock.
   This must stay last. It covers the live product shelf whether the browser is
   anchored at #showroom or #products, and keeps every text/action band in a
   fixed vertical flow at the 841px browser-comment width. */
.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%, 300px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf: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 minmax(154px, auto) !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 11px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
  box-sizing: border-box !important;
  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;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf img,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) img,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) 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;
}

.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  box-sizing: border-box !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 46px 24px 42px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 154px !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: visible !important;
  transform: none !important;
}

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

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

.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  overflow: hidden !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 23px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

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

.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
.home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .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.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1040px) {
  .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: 640px) {
  .home-page :is(#showroom, #products, .product-area) .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 20260715 browser-comment-no-overlap-q: expanded selector fallback.
   Some live browser builds kept the older flex tile despite the :is() lock.
   These expanded selectors are intentionally last and avoid selector-specific
   ambiguity at the exact card the browser comment selected. */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1),
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf: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 minmax(154px, auto) !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 11px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .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;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 46px 24px 42px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 154px !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: visible !important;
  transform: none !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 23px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

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

/* 20260715 browser-comment-no-overlap-o: final browser-comment fix.
   The selected 841px view was still inheriting old experimental card
   positioning. This block resets shelf cards to one stable document flow and
   forces tablet widths to two columns so Chinese labels, names, POS prompts,
   and buttons cannot sit on top of each other. */
.home-page #products .commerce-layout .product-grid[data-product-grid],
.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

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

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .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;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  transform: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media img,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media img,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media img,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .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;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 48px 24px 42px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 146px !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: visible !important;
  transform: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  position: static !important;
  inset: auto !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small {
  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;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
  color: #101719 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong {
  display: block !important;
  width: 100% !important;
  height: 24px !important;
  overflow: hidden !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 24px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  gap: 8px !important;
  overflow: visible !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .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.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

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

/* 20260715 browser-comment-no-overlap-l: hard reset for the product shelf.
   Older homepage experiments used featured-card positioning rules; this block
   makes every shelf card a simple, stable product tile. */
.home-page #products .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(178px, auto) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 432px !important;
  height: auto !important;
  padding: 10px !important;
  gap: 12px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  transform: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 9px !important;
  background: #f4f2eb !important;
  transform: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media img,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media img,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .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;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 48px 24px 24px auto !important;
  align-content: start !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 178px !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 2px !important;
  gap: 7px !important;
  overflow: visible !important;
  transform: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong {
  position: static !important;
  inset: auto !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small {
  display: block !important;
  height: 18px !important;
  overflow: hidden !important;
  color: #69746e !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
  color: #101719 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > p,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta span:not(.price-status) {
  display: none !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 24px !important;
  overflow: hidden !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta .price-status {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  height: 24px !important;
  padding: 0 9px !important;
  overflow: hidden !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 24px !important;
  overflow: hidden !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong {
  display: block !important;
  width: 100% !important;
  height: 24px !important;
  overflow: hidden !important;
  color: #151c1f !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 24px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: auto !important;
  gap: 8px !important;
  overflow: visible !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions .chat-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
}

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

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
    min-height: 0 !important;
    padding: 8px !important;
    gap: 10px !important;
  }

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
    grid-template-rows: 17px 44px 24px 24px auto !important;
    min-height: 190px !important;
    gap: 6px !important;
  }

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    font-size: 12px !important;
    line-height: 22px !important;
  }
}

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

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: stretch !important;
    min-height: 0 !important;
  }

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
    align-self: start !important;
    aspect-ratio: 1 / 1 !important;
  }

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
    min-height: 0 !important;
  }
}

/* 20260715 browser-comment-no-overlap-m: named-row product tile lock.
   The shelf is generated by JS and older homepage experiments still ship
   strong product-card rules. This final block pins each text/control element
   into its own row so labels, names, prices, and buttons cannot collide. */
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(150px, auto) auto !important;
  align-items: stretch !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
  grid-row: 1 !important;
  min-height: 150px !important;
  max-height: 280px !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  grid-row: 2 !important;
  display: grid !important;
  grid-template-areas:
    "tag"
    "name"
    "status"
    "price"
    "actions" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px minmax(44px, auto) 26px 24px minmax(42px, auto) !important;
  align-items: start !important;
  min-height: 0 !important;
  row-gap: 7px !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small {
  grid-area: tag !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  grid-area: name !important;
  align-self: start !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-meta {
  grid-area: status !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row {
  grid-area: price !important;
}

.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  grid-area: actions !important;
  align-self: end !important;
  min-height: 42px !important;
}

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

@media (max-width: 720px) {
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 78px !important;
  }
}

@media (max-width: 640px) {
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
  }

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 112px !important;
    max-height: none !important;
  }

  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
  .home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-rows: 16px minmax(40px, auto) 24px 22px minmax(76px, auto) !important;
    row-gap: 5px !important;
  }
}

/* 20260715 browser-comment-no-overlap-n final override: compact shelf product lock. */
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 286px), 1fr)) !important;
  gap: 16px !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1),
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-card-media,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-card-media,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-card-media {
  flex: 0 0 auto !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  max-height: none !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) .product-copy,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) .product-copy {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 156px !important;
  gap: 8px !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small {
  flex: 0 0 18px !important;
  height: 18px !important;
  overflow: hidden !important;
  font-size: 11px !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(1) h3,
.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf:nth-child(8n + 1) h3 {
  display: -webkit-box !important;
  flex: 0 0 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  line-height: 23px !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row {
  flex: 0 0 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  overflow: hidden !important;
}

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

.home-page :is(#products, .product-area) .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions {
  display: grid !important;
  flex: 0 0 42px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  gap: 8px !important;
  margin-top: auto !important;
}

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

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

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

/* 20260715 browser-comment-no-overlap-t: real EOF override. */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf {
  display: grid !important;
  grid-template-rows: auto minmax(156px, auto) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 11px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
  display: grid !important;
  grid-template-rows: 18px 46px 24px 42px !important;
  min-height: 156px !important;
  gap: 8px !important;
  overflow: visible !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3 {
  display: -webkit-box !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  overflow: hidden !important;
  line-height: 23px !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  overflow: hidden !important;
}

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

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

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

/* 20260715 browser-comment-no-overlap-u: absolute final text-stack lock EOF.
   Keep this as the final product shelf block. It neutralizes old absolute or
   compressed text rules after every earlier product-card experiment. */
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(164px, auto) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 12px !important;
  overflow: hidden !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
  position: static !important;
  display: grid !important;
  grid-template-rows: 18px 50px 24px 44px !important;
  min-width: 0 !important;
  min-height: 164px !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row strong,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
  position: static !important;
  inset: auto !important;
  float: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3 {
  display: -webkit-box !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 25px !important;
  text-wrap: auto !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

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

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

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

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

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

@media (max-width: 640px) {
  body.home-page #products .commerce-layout .product-grid[data-product-grid],
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* 20260715 browser-comment-no-overlap-w-eof: true measured shelf-card lock at real EOF. */
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf {
  display: grid !important;
  grid-template-rows: minmax(0, auto) 190px !important;
  min-height: 510px !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 12px !important;
  overflow: hidden !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
  display: grid !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-rows: 18px 56px 26px 76px !important;
  height: 190px !important;
  min-height: 190px !important;
  gap: 8px !important;
  overflow: hidden !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > small {
  grid-area: tag !important;
  height: 18px !important;
  overflow: hidden !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy > h3 {
  grid-area: name !important;
  display: -webkit-box !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  overflow: hidden !important;
  line-height: 28px !important;
  overflow-wrap: anywhere !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .price-row {
  grid-area: price !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  overflow: hidden !important;
}

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

body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-actions button {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
}

@media (min-width: 1120px) {
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card.product-card--shelf .product-copy {
    grid-template-rows: 18px 56px 26px 42px !important;
    height: 152px !important;
    min-height: 152px !important;
  }

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

/* 20260715 browser-comment-no-overlap-x: broad live-card lock at real EOF.
   Applies to all live homepage product articles, including cached cards that
   do not carry the shelf modifier class. */
body.home-page #showroom .commerce-layout .product-grid[data-product-grid],
body.home-page #products .commerce-layout .product-grid[data-product-grid],
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
body.home-page .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: auto 208px !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 520px !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 12px !important;
  overflow: hidden !important;
  transform: none !important;
}

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

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
body.home-page .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-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "tag"
    "name"
    "price"
    "actions" !important;
  grid-template-rows: 18px 56px 26px 84px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 208px !important;
  height: 208px !important;
  max-height: 208px !important;
  padding: 0 2px !important;
  gap: 8px !important;
  overflow: hidden !important;
  transform: none !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > small,
body.home-page .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: #60706b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy > h3 {
  grid-area: name !important;
  display: -webkit-box !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #10181b !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 28px !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row,
body.home-page .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 #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .price-row strong {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #121a1d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 26px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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

body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions button,
body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action,
body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-actions .chat-action {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !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 (min-width: 1120px) {
  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card {
    grid-template-rows: auto 166px !important;
    min-height: 486px !important;
  }

  body.home-page #showroom .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page #products .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy,
  body.home-page .product-area .commerce-layout .product-grid[data-product-grid] > article.product-card .product-copy {
    grid-template-rows: 18px 56px 26px 42px !important;
    min-height: 166px !important;
    height: 166px !important;
    max-height: 166px !important;
  }

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

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