/* ====== PRE-BLACK ======================================================
   Mesma loja, outra temperatura: o papel quente continua, o acento sai do
   verde e vai pro dourado sobre quase-preto. A Black de verdade e que vira
   o fundo. Botao de comprar NAO MUDA.
   ==================================================================== */
:root{ --pb-noite:#121011; --pb-ouro:#D9B874; --pb-ouro2:#F0D9A4; }

.topbar{background:var(--pb-noite);color:#F3EFE6;letter-spacing:.01em}
.topbar b{color:var(--pb-ouro2)}
.topbar .sep{color:#4A443C}

/* faixa da contagem, entra logo abaixo do topo */
.pbFaixa{background:linear-gradient(90deg,#121011,#1E1A18 55%,#121011);
  color:#F3EFE6;border-bottom:1px solid #2A2522;padding:11px 20px;
  display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;justify-content:center;
  font-size:13.5px;text-align:center}
.pbFaixa .pbSelo{font-family:Archivo,sans-serif;font-weight:800;letter-spacing:.14em;
  font-size:11.5px;color:#121011;background:var(--pb-ouro);padding:5px 11px;border-radius:999px}
.pbFaixa b{color:var(--pb-ouro2);font-variant-numeric:tabular-nums}
.pbFaixa .pbEsc{color:#B9B1A4}

/* selo no hero, sem tapar a foto nem o botao */
.hx .in{padding-bottom:58px}
.hx .seo{color:var(--pb-ouro2)}
.pbHero{display:inline-flex;align-items:center;gap:9px;align-self:center;
  font-family:Archivo,sans-serif;font-weight:800;font-size:12px;letter-spacing:.16em;
  color:#121011;background:var(--pb-ouro);padding:7px 14px;border-radius:999px;
  box-shadow:0 6px 22px rgba(0,0,0,.35)}

/* titulo de secao ganha um fio dourado */
section h2{position:relative}
section h2::after{content:"";display:block;width:52px;height:3px;border-radius:9px;
  background:var(--pb-ouro);margin-top:10px}

/* selo NOVO dos kits vira dourado */
.card .tag{background:var(--pb-ouro);color:#121011;font-weight:800;letter-spacing:.08em}

footer{background:var(--pb-noite)}
@media (max-width:560px){
  .pbFaixa{font-size:12.5px;gap:4px 14px;padding:9px 14px}
  .pbFaixa .pbSelo{font-size:10.5px}
}