/* Compact product cards and detail sheets without changing the catalog's visual direction. */
body.glow-v2 #selection .product-visual {
  height: 164px !important;
  min-height: 164px !important;
}

body.glow-v2 #selection .product-body {
  padding: 16px !important;
}

body.glow-v2 #selection .product h3 {
  margin: 7px 0 8px !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}

body.glow-v2 #selection .product-body > p {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  margin: 0 0 10px !important;
  line-height: 1.45 !important;
}

body.glow-v2 #selection .product-meta {
  margin-bottom: 12px !important;
}

/* Keep the catalogue scan-friendly: the concise summary stays on the card,
   while the detailed method and benefit list remain available in its sheet. */
body.glow-v2 #selection .product .product-method {
  display: none !important;
}

body.glow-v2 #selection .product-body > p {
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

body.glow-v2 #selection .product .buy {
  padding-top: 8px !important;
}

body.glow-v2 dialog.product-article-card,
body.glow-v2 .product-article .product-article-card {
  box-sizing: border-box !important;
  width: min(460px, calc(100vw - 32px)) !important;
  max-width: min(460px, calc(100vw - 32px)) !important;
  max-height: min(72vh, 620px) !important;
  max-height: min(72dvh, 620px) !important;
  overflow: auto !important;
  padding: 20px 22px 22px !important;
}

body.glow-v2 .product-article-card .article-dialog-image {
  display: block;
  width: 100%;
  height: 104px !important;
  object-fit: cover;
}

body.glow-v2 .product-article-card h2 {
  margin: 6px 0 10px !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
}

body.glow-v2 .product-article-card .product-summary {
  margin: 4px 0 16px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

@media (max-width: 560px) {
  body.glow-v2 #selection .product-visual {
    height: 142px !important;
    min-height: 142px !important;
  }

  body.glow-v2 dialog.product-article-card,
  body.glow-v2 .product-article .product-article-card {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: 78dvh !important;
    padding: 17px !important;
  }

  body.glow-v2 .product-article-card .article-dialog-image {
    height: 88px !important;
  }
}