/* Header navigation reference: existing self-hosted Manrope/Noto Sans HK fonts. */
.bbe-chrome-header .bbe-preview-category-row,
.bbe-chrome-header .bbe-preview-desktop-menu,
.bbe-chrome-header .bbe-mobile-quick-links,
.bbe-chrome-header [data-bbe-menu-panel] {
  font-family: "Manrope", "PingFang HK", "Noto Sans HK", "Microsoft JhengHei", system-ui, sans-serif;
  letter-spacing: 0;
  line-height: 1.55;
  color: #24365b;
}

/* Match the supplied brands-support header's 1320px row and 2px item gap. */
.bbe-chrome-header .bbe-preview-category-row {
  width: 100%;
  max-width: 1320px;
  height: 40px;
  box-sizing: border-box;
  padding: 0 24px;
  margin-inline: auto;
  gap: 2px;
  justify-content: flex-start;
}
.bbe-chrome-header .bbe-preview-category-item {
  flex: 1 0 auto;
  height: 40px;
  margin: 0;
  justify-content: center;
}
.bbe-chrome-header .bbe-preview-category {
  justify-content: center;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
  color: #24365b;
  gap: 3px;
  height: 40px;
  min-height: 40px;
}
.bbe-chrome-header .bbe-preview-category-item > .bbe-preview-category {
  padding-left: 4px;
  padding-right: 4px;
}
.bbe-chrome-header .bbe-preview-category-item:has(.bbe-category-expand) > .bbe-preview-category {
  padding-right: 0;
}
/* Keep the existing link and its independent menu button in the same footprint. */
.bbe-chrome-header .bbe-category-expand {
  box-sizing: border-box;
  flex: 0 0 19px;
  width: 19px;
  height: 40px;
  padding: 0 4px 0 3px;
}
.bbe-chrome-header .bbe-menu-heading h2,
.bbe-chrome-header .bbe-menu-details h3 {
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.55;
  color: #24365b;
}
.bbe-chrome-header .bbe-menu-group,
.bbe-chrome-header .bbe-menu-group > span:not(.bbe-menu-thumb),
.bbe-chrome-header .bbe-mobile-group-toggle,
.bbe-chrome-header .bbe-mobile-group-links a,
.bbe-chrome-header .bbe-menu-child-links a,
.bbe-chrome-header .bbe-menu-compact-links a,
.bbe-chrome-header .bbe-menu-details-heading a,
.bbe-chrome-header .bbe-menu-heading a {
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
  color: #24365b;
}

@media (max-width: 767px) {
  .bbe-chrome-header .bbe-mobile-category-row > a,
  .bbe-chrome-header .bbe-mobile-menu-secondary > a,
  .bbe-chrome-header .bbe-mobile-company-row > a {
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.55;
    color: #24365b;
  }
}

/* Match the preview's 42px desktop circle; mobile keeps its existing 56px control. */
@media (min-width: 640px) {
  .bbe-chrome-footer [data-bbe-whatsapp-float] {
    width: 42px;
    height: 42px;
    gap: 0;
    padding: 0;
  }
  .bbe-chrome-footer [data-bbe-whatsapp-float] > span:last-child {
    width: 42px;
    height: 42px;
    gap: 0;
    padding: 0;
    justify-content: center;
  }
  .bbe-chrome-footer [data-bbe-whatsapp-float] > span:last-child > span:first-child {
    width: 24.5px;
    height: 24.5px;
    background: transparent;
    color: #fff;
  }
  .bbe-chrome-footer [data-bbe-whatsapp-float] > span:last-child svg {
    width: 24.5px;
    height: 24.5px;
  }
  .bbe-chrome-footer [data-bbe-whatsapp-float] > span:last-child > span:last-child {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .bbe-chrome-footer [data-bbe-whatsapp-float]:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
  }
}