.sooye-global-buyer-shell-active {
  --gbx-black: #10110f;
  --gbx-paper: #f4f2ed;
  --gbx-white: #fff;
  --gbx-line: #d8d4ca;
  --gbx-muted: #5a5f5a;
  --gbx-gold: #b58b4b;
}

.sooye-global-buyer-shell-active .sooye-wp-content > nav.nav,
.sooye-global-buyer-shell-active .sooye-wp-content > footer.base,
.sooye-global-buyer-shell-active .sooye-wp-content > footer:not(.ss-entity-footer):not(.sooye-gbx-footer) {
  display: none !important;
}

.sooye-gbx-header,
.sooye-gbx-header *,
.sooye-gbx-footer,
.sooye-gbx-footer *,
.sooye-gbx-family-path,
.sooye-gbx-family-path *,
.sooye-gbx-trust-path,
.sooye-gbx-trust-path * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.sooye-gbx-header {
  align-items: center;
  background: rgba(16, 17, 15, .98);
  color: var(--gbx-white);
  display: grid;
  font-family: Arial, Helvetica, sans-serif;
  grid-template-columns: minmax(210px, 1fr) auto auto;
  min-height: 88px;
  padding: 0 48px;
  position: sticky;
  top: 0;
  z-index: 9990;
}

.admin-bar .sooye-gbx-header { top: 32px; }
.sooye-gbx-brand { align-items: center; display: inline-flex; justify-self: start; line-height: 0; min-height: 48px; }
.sooye-gbx-brand img { display: block; height: 48px; max-width: 260px; object-fit: contain; width: auto; }
.sooye-gbx-nav { align-items: center; display: flex; gap: 30px; margin-right: 24px; }
.sooye-gbx-nav a { align-items: center; color: rgba(255,255,255,.75); display: inline-flex; font-size: 15px; min-height: 48px; text-decoration: none; }
.sooye-gbx-nav a:hover,.sooye-gbx-nav a:focus-visible { color: #fff; }
.sooye-gbx-actions { align-items: center; display: flex; gap: 12px; }
.sooye-gbx-actions button,.sooye-gbx-actions a,.sooye-gbx-menu { align-items: center; border-radius: 0; cursor: pointer; display: inline-flex; font: 700 14px/1 Arial,Helvetica,sans-serif; justify-content: center; min-height: 52px; padding: 12px 20px; text-decoration: none; }
.sooye-gbx-wechat,.sooye-gbx-menu { background: transparent; border: 1px solid rgba(255,255,255,.36); color: #fff; }
.sooye-gbx-rfq { background: #fff; border: 1px solid #fff; color: #111; }
.sooye-gbx-menu { display: none; }

.sooye-gbx-footer { background: var(--gbx-black); color: #fff; font-family: Arial,Helvetica,sans-serif; padding: 72px 48px 28px; }
.sooye-gbx-footer__inner { display: grid; gap: 56px; grid-template-columns: minmax(180px,.65fr) minmax(360px,1.25fr) minmax(200px,.6fr); margin: 0 auto; max-width: 1240px; }
.sooye-gbx-footer__brand img { height: 112px; object-fit: contain; object-position: left center; width: auto; }
.sooye-gbx-footer__brand a { display: inline-flex; min-height: 44px; }
.sooye-gbx-footer__brand p { color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.7; margin: 18px 0 0; max-width: 280px; }
.sooye-gbx-kicker { color: var(--gbx-gold); font: 700 11px/1.2 Arial,Helvetica,sans-serif; margin: 0 0 14px; text-transform: uppercase; }
.sooye-gbx-footer__path h2 { color: #fff; font-size: 34px; line-height: 1.05; margin: 0; max-width: 620px; }
.sooye-gbx-footer__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.sooye-gbx-footer__actions a,.sooye-gbx-footer__actions button { background: transparent; border: 1px solid rgba(255,255,255,.4); color: #fff; cursor: pointer; font: 700 13px/1 Arial,Helvetica,sans-serif; min-height: 48px; padding: 14px 18px; text-decoration: none; }
.sooye-gbx-footer__actions a:first-child { background: #fff; color: #111; }
.sooye-gbx-footer__links { align-content: start; display: grid; gap: 0; }
.sooye-gbx-footer__links a,.sooye-gbx-footer__links span { border-bottom: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.7); font-size: 13px; min-height: 44px; padding: 12px 0; text-decoration: none; }
.sooye-gbx-footer__legal { align-items: center; border-top: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.44); display: flex; font-size: 12px; justify-content: space-between; margin: 56px auto 0; max-width: 1240px; padding-top: 22px; }
.sooye-gbx-footer__legal nav { display: flex; gap: 22px; }
.sooye-gbx-footer__legal a { align-items: center; color: inherit; display: inline-flex; min-height: 44px; text-decoration: none; }

.sooye-gbx-family-path,.sooye-gbx-trust-path { background: var(--gbx-paper); color: var(--gbx-black); font-family: Arial,Helvetica,sans-serif; padding: 72px 28px; }
.sooye-gbx-trust-path { background: #fff; border-bottom: 1px solid var(--gbx-line); }
.sooye-gbx-module__inner { margin: 0 auto; max-width: 1180px; }
.sooye-gbx-module__intro { display: grid; gap: 18px 56px; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); }
.sooye-gbx-module__intro .sooye-gbx-kicker { grid-column: 1 / -1; margin-bottom: 0; }
.sooye-gbx-module__intro h2 { font-size: 42px; line-height: 1.03; margin: 0; }
.sooye-gbx-module__intro>p:last-child { color: var(--gbx-muted); font-size: 16px; line-height: 1.7; margin: 0; }
.sooye-gbx-family-grid { border: 1px solid var(--gbx-line); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 44px; }
.sooye-gbx-family-grid>div { min-height: 250px; padding: 24px; }
.sooye-gbx-family-grid>div+div { border-left: 1px solid var(--gbx-line); }
.sooye-gbx-family-grid span,.sooye-gbx-trust-steps>li>span { color: var(--gbx-gold); font-size: 12px; font-weight: 700; }
.sooye-gbx-family-grid h3,.sooye-gbx-trust-steps h3 { font-size: 18px; margin: 44px 0 12px; text-transform: uppercase; }
.sooye-gbx-family-grid p,.sooye-gbx-trust-steps p { color: var(--gbx-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.sooye-gbx-module__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.sooye-gbx-button { align-items: center; border: 1px solid var(--gbx-black); color: var(--gbx-black); display: inline-flex; font-size: 13px; font-weight: 700; justify-content: center; min-height: 48px; padding: 13px 18px; text-decoration: none; }
.sooye-gbx-button--dark { background: var(--gbx-black); color: #fff; }
.sooye-gbx-trust-steps { border-top: 1px solid var(--gbx-line); list-style: none; margin: 44px 0 0; padding: 0; }
.sooye-gbx-trust-steps li { align-items: start; border-bottom: 1px solid var(--gbx-line); display: grid; gap: 24px; grid-template-columns: 40px 1fr; padding: 22px 0; }
.sooye-gbx-trust-steps h3 { margin: 0 0 8px; }
.sooye-gbx-pending-evidence { background: var(--gbx-black); color: #fff; display: grid; gap: 18px; grid-template-columns: 180px 1fr; margin-top: 28px; padding: 22px 24px; }
.sooye-gbx-pending-evidence strong { color: var(--gbx-gold); text-transform: uppercase; }
.sooye-gbx-pending-evidence p { color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.6; margin: 0; }

@media (max-width: 1040px) {
  .sooye-gbx-header { grid-template-columns: 1fr auto auto; padding: 0 28px; }
  .sooye-gbx-menu { display: inline-flex; margin-right: 10px; }
  .sooye-gbx-nav { background: var(--gbx-black); border-top: 1px solid rgba(255,255,255,.15); display: none; flex-direction: column; gap: 0; left: 0; margin: 0; padding: 16px 28px 24px; position: absolute; right: 0; top: 88px; }
  .sooye-gbx-nav.is-open { display: flex; }
  .sooye-gbx-nav a { border-bottom: 1px solid rgba(255,255,255,.12); font-size: 16px; justify-content: flex-start; min-height: 56px; width: 100%; }
  .sooye-gbx-footer__inner { grid-template-columns: 1fr 1.5fr; }
  .sooye-gbx-footer__links { grid-column: 1 / -1; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sooye-gbx-footer__links a,.sooye-gbx-footer__links span { margin-right: 24px; }
  .sooye-gbx-family-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sooye-gbx-family-grid>div:nth-child(3) { border-left: 0; }
  .sooye-gbx-family-grid>div:nth-child(n+3) { border-top: 1px solid var(--gbx-line); }
}

@media (max-width: 760px) {
  .admin-bar .sooye-gbx-header { top: 46px; }
  .sooye-gbx-header { min-height: 78px; padding: 0 20px; }
  .sooye-gbx-brand img { height: 40px; max-width: 204px; }
  .sooye-gbx-actions { display: none; }
  .sooye-gbx-menu { margin-right: 0; min-width: 62px; }
  .sooye-gbx-nav { padding-left: 20px; padding-right: 20px; top: 78px; }
  .sooye-gbx-footer { padding: 56px 20px 28px; }
  .sooye-gbx-footer__inner { gap: 42px; grid-template-columns: 1fr; }
  .sooye-gbx-footer__path h2 { font-size: 32px; }
  .sooye-gbx-footer__links { grid-column: auto; grid-template-columns: 1fr; }
  .sooye-gbx-footer__links a,.sooye-gbx-footer__links span { margin-right: 0; }
  .sooye-gbx-footer__legal { align-items: flex-start; flex-direction: column; gap: 16px; }
  .sooye-gbx-family-path,.sooye-gbx-trust-path { padding: 56px 20px; }
  .sooye-gbx-module__intro { grid-template-columns: 1fr; }
  .sooye-gbx-module__intro .sooye-gbx-kicker { grid-column: auto; }
  .sooye-gbx-module__intro h2 { font-size: 34px; }
  .sooye-gbx-family-grid { grid-template-columns: 1fr; }
  .sooye-gbx-family-grid>div { min-height: 230px; }
  .sooye-gbx-family-grid>div+div { border-left: 0; border-top: 1px solid var(--gbx-line); }
  .sooye-gbx-family-grid h3 { margin-top: 34px; }
  .sooye-gbx-module__actions { flex-direction: column; }
  .sooye-gbx-button { width: 100%; }
  .sooye-gbx-pending-evidence { grid-template-columns: 1fr; }
}
