/* Keep the approved brand. Align section navigation with the logo, not the viewport. */
html[data-surface="consumer"] .product-header .tabs,
.ganji-consumer-page .brandbar-tabs {
  justify-content: flex-start;
  gap: 8px;
}

html[data-surface="consumer"] .product-header #tab-consumer,
html[data-surface="consumer"] .product-header #tab-ganji,
.ganji-consumer-page .brandbar-tab {
  min-width: 88px;
  min-height: 44px;
}

@media (max-width: 360px) {
  html[data-surface="consumer"] .product-header .tabs,
  .ganji-consumer-page .brandbar-tabs {
    gap: 6px;
  }

  html[data-surface="consumer"] .product-header #tab-consumer,
  html[data-surface="consumer"] .product-header #tab-ganji,
  .ganji-consumer-page .brandbar-tab {
    min-width: 80px;
  }
}