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

@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;
  }
}