/* Approved side-tab design (2026-10-03), shared across storefront pages.
   Repeated classes override scoped styles in existing H5 releases. */
/* #ifdef H5 */
html:not([data-qj-mall-support="true"]) .support-entry.support-entry.support-entry {
  display: none;
}
/* #endif */
.support-entry.support-entry.support-entry {
  right: max(0px, calc((100vw - 860px) / 2));
  bottom: calc(152px + env(safe-area-inset-bottom));
}
.support-entry.support-entry.support-entry button,
.support-entry.support-entry.support-entry uni-button {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 44px;
  height: 92px;
  margin: 0;
  padding: 0;
  border: 1px solid #d7c7a5;
  border-right: 0;
  border-radius: 15px 0 0 15px;
  background: #fffcf5;
  color: #284b40;
  font-size: 12px;
  line-height: 1.2;
  box-shadow: 0 5px 16px #284b4026;
}
.support-entry.support-entry.support-entry button::after,
.support-entry.support-entry.support-entry uni-button::after { border: 0; }
.support-entry.support-entry.support-entry button > text,
.support-entry.support-entry.support-entry button > uni-text,
.support-entry.support-entry.support-entry uni-button > uni-text {
  display: block;
  width: 14px;
  white-space: normal;
  word-break: break-all;
  line-height: 18px;
  text-align: center;
}
.support-entry.support-entry.support-entry .support-headset,
.support-entry.support-entry.support-entry .qj-icon {
  width: 23px !important;
  height: 23px !important;
  flex-shrink: 0;
  background: url('/static/icons/store-v2/support-headset-ink.png') center / 23px 23px no-repeat;
}
/* Preserve the released contact button while replacing its former smile icon. */
.support-entry.support-entry.support-entry .qj-icon > div,
.support-entry.support-entry.support-entry .qj-icon > img { opacity: 0; }