/* Hoa Xuân Hoa: keep long product descriptions inside narrow viewports. */
body.site-boxed .product-viewer {
  box-sizing: border-box;
  min-width: 0;
  max-width: min(1040px, calc(100vw - 24px));
  inset: auto;
  left: 50vw;
  top: 50dvh;
  margin: 0;
  transform: translate(-50%, -50%);
}

.product-viewer-description ul {
  padding-left: 20px;
}

body.site-boxed .site-box #thong-tin.intro-compact {
  text-align: center;
}

body.site-boxed .site-box #thong-tin.intro-compact h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#thong-tin.intro-compact .intro-leaf {
  width: 21px;
  height: 21px;
  color: #437355;
}

body.site-boxed .site-box #thong-tin.intro-compact .intro-summary,
body.site-boxed .site-box #thong-tin.intro-compact .intro-text {
  text-align: center;
  white-space: normal;
}

body.site-boxed .site-box #thong-tin.intro-compact .intro-text p {
  line-height: 1.7;
}

body.site-boxed .site-box #thong-tin.intro-compact .intro-text strong {
  color: #2f533d;
  font-size: 15px;
}

body.site-boxed .site-box #thong-tin.intro-compact .info-list li {
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  line-height: 1.6;
}

body.site-boxed .site-box #thong-tin.intro-compact .info-list .page-icon {
  color: #437355;
  margin-top: 1px;
}

body.site-boxed .site-box #thong-tin.intro-compact .info-list a {
  font-weight: 600;
}