/* Black Friday (preto + laranja do site) */
.bf-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 16px;background:linear-gradient(90deg,#1a0a00,#ff5a0a 50%,#1a0a00);color:#fff;font-size:13px;letter-spacing:.04em;text-align:center}
.bf-bar b{font-weight:700}
.bf-tag{background:#000;color:var(--accent);padding:3px 9px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.bf-cd{font-variant-numeric:tabular-nums;background:rgba(0,0,0,.35);padding:3px 9px}
.bf-t b{font-weight:700}
.bf-hero{position:relative;margin:10px 0 0;padding:clamp(36px,6vw,80px) var(--gx,5%);background:radial-gradient(70% 140% at 85% 50%,rgba(255,90,10,.35),transparent 62%),#000;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);overflow:hidden}
.bf-hero::before{content:"BLACK FRIDAY";position:absolute;right:-2%;bottom:-18%;font-family:var(--hf);font-weight:800;font-size:clamp(70px,16vw,240px);line-height:1;color:rgba(255,255,255,.04);white-space:nowrap;pointer-events:none;letter-spacing:-.04em}
.bf-hero-in{position:relative;max-width:1100px;margin:0 auto}
.bf-eye{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--accent);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.bf-eye::before{content:"";width:7px;height:7px;background:var(--accent)}
.bf-hero h2{font-size:clamp(34px,6vw,76px);font-weight:300;letter-spacing:-.045em;line-height:1.05;margin:0 0 16px}
.bf-n{color:var(--accent);font-weight:700}
.bf-sub{color:var(--muted);margin:0 0 22px;font-size:clamp(15px,1.4vw,18px)}
.bf-cp{border:1px dashed var(--accent);color:var(--accent);padding:2px 10px;font-weight:700;letter-spacing:.1em;cursor:pointer}
.bf-sub [data-bf-cont]{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:600px){.bf-bar{font-size:12px;gap:8px;padding:8px 12px}.bf-hero::before{bottom:-8%}}
/* bloco da home: menor, depois dos packs */
.bf-hero{margin:50px 0 10px;min-height:0;padding:clamp(26px,3.6vw,48px) var(--gx,5%)}
.bf-hero h2{font-size:clamp(28px,4.4vw,58px)}
.bf-hero .bf-sub{font-size:clamp(14px,1.2vw,16px);margin-bottom:18px}
.bf-hero .hx-btn{display:inline-block}
@media(max-width:600px){.bf-hero{margin-top:36px}}
/* sem traços: o bloco se funde ao fundo preto */
.bf-hero{border:0!important;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
/* título grande "BLACK FRIDAY" e 30% OFF logo abaixo; bloco é o primeiro da home */
.bf-hero{margin:0 0 10px;padding:clamp(34px,5vw,70px) var(--gx,5%)}
.bf-hero .bf-title{font-size:clamp(46px,9.4vw,140px);font-weight:800;letter-spacing:-.04em;line-height:.95;margin:0 0 14px}
.bf-off{font-family:var(--hf);font-size:clamp(22px,3.2vw,44px);font-weight:300;letter-spacing:-.03em;line-height:1.1;margin:0 0 18px}
.bf-off .bf-n{font-weight:700}
.bf-hero::before{content:none}
@media(max-width:600px){.bf-hero{margin-top:0;padding:34px 20px 40px}.bf-hero .bf-title{font-size:clamp(40px,13.5vw,70px)}}
.bf-hero + .section-head,body.pb .bf-hero + .section-head{border-top:0}
/* faixa do topo com botão de fechar */
.bf-bar{position:relative;display:block;padding:0}
.bf-bar .bf-link{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 44px 9px 16px;color:inherit}
.bf-x{position:absolute;right:8px;top:50%;translate:0 -50%;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;color:#fff;background:rgba(0,0,0,.3);transition:background .2s}
.bf-x:hover{background:rgba(0,0,0,.65)}
@media(max-width:600px){.bf-bar .bf-link{gap:8px;padding:8px 40px 8px 12px}.bf-x{right:6px;width:26px;height:26px}}
/* celular: faixa e bloco menores */
@media(max-width:600px){
  .bf-bar .bf-link{flex-wrap:nowrap;gap:8px;padding:6px 36px 6px 10px;font-size:11px;justify-content:flex-start}
  .bf-bar .bf-tag{font-size:9px;padding:3px 7px;letter-spacing:.12em;flex:none}
  .bf-bar .bf-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .bf-bar .bf-dt,.bf-bar .bf-cd{display:none}
  .bf-x{width:24px;height:24px;font-size:18px}
  .bf-hero{padding:22px 18px 26px}
  .bf-hero .bf-eye{margin-bottom:8px;font-size:10px}
  .bf-hero .bf-title{font-size:clamp(34px,10.5vw,52px);margin-bottom:8px}
  .bf-off{font-size:clamp(18px,5.4vw,24px);margin-bottom:10px}
  .bf-hero .bf-sub{font-size:13px;margin-bottom:14px}
  .bf-hero .hx-btn{padding:10px 20px;font-size:12px}
}