/* ClubHeader — barra global da 3D Club (substitui a navegação global da referência) */
.club-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1300;
  height: var(--navBarHeight);
  background: var(--club-navy);
  color: #fff;
  transition: transform .3s ease;
}
.club-header__inner {
  height: 100%;
  display: flex; align-items: center; gap: 32px;
  padding: 0 24px;
}
@media (min-width: 768px)  { .club-header__inner { padding: 0 48px; } }
@media (min-width: 1025px) { .club-header__inner { padding: 0 40px; } }
.club-header__logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.club-header__logo img { height: 30px; width: auto; }
@media (min-width: 1025px) { .club-header__logo img { height: 34px; } }
.club-header__tag {
  font-size: 12px; line-height: 16px; font-weight: 500; color: var(--club-mist);
  padding-left: 12px; border-left: 1px solid var(--club-line);
  display: none;
}
@media (min-width: 1025px) { .club-header__tag { display: block; } }
.club-header__nav { display: flex; align-items: center; gap: 16px; margin-left: auto; }
@media (min-width: 768px) { .club-header__nav { gap: 28px; } }
.club-header__nav a {
  font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,.78);
  transition: color .2s;
}
.club-header__nav a:hover, .club-header__nav a[aria-current="page"] { color: #fff; }
.club-header__nav .hide-m { display: none; }
@media (min-width: 768px) { .club-header__nav .hide-m { display: inline; } .club-header__nav .show-m { display: none; } }
@media (max-width: 429px) { .club-header__nav .hide-s { display: none; } }
.club-header__nav a { white-space: nowrap; }
/* chamada principal: WhatsApp da loja */
.club-header__nav a.club-header__cta {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 34px; padding: 0 14px; border-radius: 999px;
  background: var(--club-green); color: #fff; font-weight: 700; white-space: nowrap;
  transition: background-color .2s;
}
.club-header__nav a.club-header__cta:hover { background: var(--cta-hover); }
.club-header__cta svg { width: 18px; height: 18px; flex-shrink: 0; }
@media (max-width: 767px) { .club-header__inner { padding: 0 16px; } .club-header__nav a.club-header__cta { padding: 0 12px; font-size: 13px; } }

/* esconde ao rolar para baixo, volta ao rolar para cima */
body.nav-hidden .club-header { transform: translateY(-100%); }