/* Homepage product navigation and the existing product model viewer. */
body.zm-material-home .mh-series-row[data-active="true"] strong,
body.zm-material-home .mh-series-row[data-active="true"] .mh-series-meta,
body.zm-material-home .mh-series-row:focus-visible strong { color: var(--mh-red); }
body.zm-material-home .mh-series-preview { display: block; color: var(--mh-ink); }
body.zm-material-home .mh-model-action {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid #bcc6cc;
  border-radius: 999px;
  background: #fff;
  font-size: 14px;
  line-height: 1.5;
}
body.zm-material-home .mh-series-preview:hover .mh-model-action,
body.zm-material-home .mh-series-preview:focus-visible .mh-model-action { border-color: var(--mh-red); color: var(--mh-red); }
body.zm-material-home .mh-model-dialog {
  position: fixed;
  inset: 0;
  width: min(1180px, calc(100vw - 48px));
  height: min(860px, calc(100vh - 48px));
  height: min(860px, calc(100svh - 48px));
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #cbd2d7;
  background: #f1f4f8;
  color: #272c30;
}
body.zm-material-home .mh-model-dialog:not([open]) { display: none; }
body.zm-material-home .mh-model-dialog[open] { display: flex; flex-direction: column; }
body.zm-material-home .mh-model-dialog::backdrop { background: rgba(35,43,49,.48); }
body.zm-material-home .mh-model-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 16px 10px 24px; border-bottom: 1px solid #dce1e5; background: #fff; }
body.zm-material-home .mh-model-header h2 { margin: 0; font: 500 16px/1.6 "ZM MiSans", "ZM Site Sans", sans-serif; }
body.zm-material-home .mh-model-close { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; color: #272c30; border-radius: 50%; }
body.zm-material-home .mh-model-close:hover { background: #edf0f2; color: var(--mh-red); }
body.zm-material-home .mh-model-frame { display: block; flex: 1 1 auto; width: 100%; min-height: 0; border: 0; background: #f1f4f8; }
body.zm-material-home .mh-model-footer { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 24px; border-top: 1px solid #dce1e5; background: #fff; font-size: 13px; line-height: 1.6; }
body.zm-material-home .mh-model-footer p { margin: 0; color: #52616b; }
body.zm-material-home .mh-model-footer a { flex-shrink: 0; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) {
  body.zm-material-home .mh-model-dialog { width: 100%; height: 100vh; height: 100dvh; border: 0; }
  body.zm-material-home .mh-model-header { padding: 8px 10px 8px 16px; }
  body.zm-material-home .mh-model-header h2 { font-size: 14px; }
  body.zm-material-home .mh-model-footer { padding: 10px 16px; font-size: 12px; }
}