/* Preview header only. Load after brand/public-locale/halloween styles. */
.marketHeader.previewHeader .topin {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-rows:auto;
  align-items:center;
  column-gap:24px;
  row-gap:0;
  height:auto;
  min-height:98px;
  padding-block:4px;
}
.marketHeader.previewHeader .brandCluster {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  grid-column:1;
  grid-row:1;
  justify-self:start;
}
.marketHeader.previewHeader .brandCluster > .logo,
.marketHeader.previewHeader .brandCluster > .localePicker {
  grid-column:auto;
  grid-row:auto;
  justify-self:auto;
}
.marketHeader.previewHeader .topin > .nav {
  display:flex;
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-width:0;
  height:54px;
  gap:24px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.marketHeader.previewHeader .nav > button {
  min-width:max-content;
  min-height:44px;
  white-space:nowrap;
}
.marketHeader.previewHeader .nav > button:focus-visible {
  outline:2px solid var(--ref-gold,#ffd33f);
  outline-offset:-3px;
}
.marketHeader.previewHeader .navAccount {
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
  min-width:0;
  grid-column:3;
  grid-row:1;
  justify-self:end;
  margin-left:0;
}
.marketHeader.previewHeader .wallet { min-height:44px; }
.marketHeader.previewHeader .ownCollectionEntry { gap:7px; white-space:nowrap; }
.marketHeader.previewHeader .ownCollectionEntry [data-own-collection-count] { min-width:1.4em; color:#efd67e; font-variant-numeric:tabular-nums; }
.marketHeader.previewHeader .walletMascot {
  display:block;
  flex:0 0 30px;
  width:30px;
  height:30px;
  padding:1px;
  box-sizing:border-box;
  object-fit:contain;
  background:transparent;
}
.marketHeader.previewHeader .previewPersonaExit { min-height:44px; }
@media(max-width:1100px) and (min-width:768px) {
  .marketHeader.previewHeader .topin { grid-template-columns:minmax(0,1fr) auto; column-gap:16px; padding-block:4px 0; }
  .marketHeader.previewHeader .navAccount { grid-column:2; grid-row:1; }
  .marketHeader.previewHeader .topin > .nav { grid-column:1/-1; grid-row:2; width:100%; height:44px; }
}
@media(max-width:767px) {
  .marketHeader.previewHeader .topin {
    grid-template-columns:minmax(0,1fr) auto 44px;
    grid-template-rows:auto 44px;
    min-height:0;
    height:auto;
    column-gap:8px;
    row-gap:0;
    padding-block:4px;
  }
  .marketHeader.previewHeader .brandCluster { grid-column:1; grid-row:1; gap:6px; min-width:0; }
  .marketHeader.previewHeader .brandCluster > .logo { grid-column:auto; grid-row:auto; }
  .marketHeader.previewHeader .shopLogo { width:132px; height:66px; max-width:none; }
  .marketHeader.previewHeader .localeToggle { min-width:56px; min-height:44px; padding:4px; gap:4px; font-size:10px; }
  .marketHeader.previewHeader .localeGlobe { width:14px; height:14px; }
  .marketHeader.previewHeader .localeChevron { width:10px; height:10px; }
  .marketHeader.previewHeader .navAccount { display:contents; }
  .marketHeader.previewHeader .navAccount > .wallet { grid-column:2/4; grid-row:1; justify-self:end; gap:6px; padding:6px 7px; font-size:11px; }
  .marketHeader.previewHeader .wallet > span { display:block; white-space:nowrap; line-height:1.2; }
  .marketHeader.previewHeader .wallet small { display:block; font-size:8px; line-height:1.2; }
  .marketHeader.previewHeader .walletMascot { flex-basis:28px; width:28px; height:28px; }
  .marketHeader.previewHeader .navAccount > .avatar { display:inline-flex; grid-column:3; grid-row:2; justify-self:end; align-items:center; justify-content:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; }
  .marketHeader.previewHeader .navAccount > .previewPersonaExit { grid-column:2; grid-row:2; justify-self:end; max-width:102px; min-height:44px; padding:8px 6px; font-size:10px; line-height:1.4; white-space:normal; text-align:center; }
  .marketHeader.previewHeader .navAccount > .ownCollectionEntry { display:none; }
  .marketHeader.previewHeader .topin > .nav { grid-column:1/3; grid-row:2; justify-self:center; width:100%; height:44px; gap:24px; }
  .marketHeader.previewHeader .topin:not(:has(.navAccount > .avatar)) > .nav { grid-column:1/-1; }
  /* Only the local persona exit needs a separate actions row. Public auth remains two rows. */
  .marketHeader.previewHeader .topin:has(.navAccount > .previewPersonaExit) { grid-template-rows:auto 44px 44px; }
  .marketHeader.previewHeader .topin:has(.navAccount > .previewPersonaExit) > .nav { grid-column:1/-1; grid-row:3; }
  .mobileNav .ownCollectionBottomEntry > span { display:inline-flex; align-items:center; gap:3px; }
  .mobileNav .ownCollectionBottomCount { min-width:1.4em; font-size:9px; font-weight:600; font-variant-numeric:tabular-nums; color:inherit; }
  .marketHeader.previewHeader .nav > button { min-height:44px; padding-inline:2px; font-size:11px; }
}
@media(max-width:359px) {
  .marketHeader.previewHeader .topin { column-gap:6px; }
  .marketHeader.previewHeader .brandCluster { gap:4px; }
  .marketHeader.previewHeader .shopLogo { width:96px; height:48px; }
  .marketHeader.previewHeader .localeToggle { min-width:52px; padding-inline:2px; }
  .marketHeader.previewHeader .topin > .nav { gap:8px; }
  .marketHeader.previewHeader .nav > button { font-size:10px; padding-inline:1px; }
  .marketHeader.previewHeader .navAccount > .previewPersonaExit { max-width:76px; padding-inline:4px; font-size:9px; }
}

/* Explicit local-only credential session, kept compact in account chrome. */
.credentialDemoBadge { font-size:10px; font-weight:600; color:#e7c66b; white-space:nowrap; }
@media(max-width:767px) { .marketHeader.previewHeader .credentialDemoBadge { grid-column:1; grid-row:2; align-self:center; justify-self:start; font-size:10px; } }