/* 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;
}

@media (max-width: 380px) {
  body.site-boxed .site-box .site-header .site-brand {
    flex: 1 1 0;
    min-width: 0;
    gap: 8px;
  }

  body.site-boxed .site-box .site-header .site-brand-logo {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
  }

  body.site-boxed .site-box .site-header .site-brand-word {
    flex: 1 1 0;
    min-width: 0;
    font-size: 21px;
  }

  body.site-boxed .site-box .site-header .site-brand-word small {
    font-size: 6px;
    letter-spacing: .7px;
  }

  body.site-boxed .site-box .site-mobile-menu {
    flex: 0 0 40px;
  }
}