/* Tema Black Friday do Honest Price: so carrega quando o tema esta ligado (painel do site) */
body.bf {
  --bf-fundo: #0b0708; --bf-card: #171012; --bf-borda: #34222a; --bf-texto: #fbeee9; --bf-suave: #c9aeb1;
  --bf-ouro: #ffcf4a; --bf-neon: #ff5a4f;
  background:
    radial-gradient(900px 500px at 85% -5%, rgba(242, 104, 96, .28), transparent 60%),
    radial-gradient(700px 420px at 0% 30%, rgba(255, 207, 74, .08), transparent 60%),
    var(--bf-fundo);
  color: var(--bf-texto);
}
body.bf a { color: var(--bf-neon); }

/* faixa correndo no topo */
.bf-faixa { background: linear-gradient(90deg, var(--coral), #ff8a3d, var(--coral)); color: #160b0d; overflow: hidden; white-space: nowrap; font-weight: 700; font-size: 13.5px; letter-spacing: .06em; text-transform: uppercase; position: relative; z-index: 11; }
.bf-faixa .trilho { display: inline-flex; gap: 0; animation: bf-corre 28s linear infinite; padding: 7px 0; }
.bf-faixa span { padding: 0 18px; } .bf-faixa span::after { content: "✦"; margin-left: 36px; }
@keyframes bf-corre { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* topo */
body.bf .topo { background: rgba(11, 7, 8, .88); backdrop-filter: blur(10px); border-bottom: 1px solid var(--bf-borda); box-shadow: 0 1px 0 rgba(242, 104, 96, .35); }
body.bf .marca, body.bf .menu a { color: var(--bf-texto); }
body.bf .menu a:hover, body.bf .menu a.ativo { background: #24171b; }
body.bf .btn.claro { background: #24171b; color: var(--bf-texto) !important; border: 1px solid var(--bf-borda); }

/* hero black friday */
.bf-hero { padding: 46px 0 34px; position: relative; overflow: hidden; }
.bf-hero .cont { display: grid; grid-template-columns: 1.25fr .75fr; gap: 36px; align-items: center; }
.bf-selo { display: inline-flex; align-items: center; gap: 8px; background: #24171b; border: 1px solid var(--bf-borda); color: var(--bf-texto); border-radius: 99px; padding: 6px 14px 6px 10px; font-size: 13.5px; font-weight: 600; margin-bottom: 14px; }
.bf-selo .ponto { width: 10px; height: 10px; border-radius: 50%; background: #ff3b30; box-shadow: 0 0 0 0 rgba(255, 59, 48, .7); animation: bf-pulso 1.6s infinite; }
@keyframes bf-pulso { 0% { box-shadow: 0 0 0 0 rgba(255, 59, 48, .7); } 70% { box-shadow: 0 0 0 10px rgba(255, 59, 48, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); } }
.bf-titulo { margin: 0; line-height: .92; font-weight: 700; letter-spacing: -.02em; text-transform: uppercase; }
.bf-titulo .l1 { display: block; font-size: clamp(54px, 10vw, 112px); color: transparent; -webkit-text-stroke: 2px var(--bf-texto); }
.bf-titulo .l2 { display: block; font-size: clamp(54px, 10vw, 112px); color: var(--coral); text-shadow: 0 0 24px rgba(242, 104, 96, .55), 0 0 60px rgba(242, 104, 96, .35); }
.bf-titulo .ano { font-size: .42em; color: var(--bf-ouro); -webkit-text-stroke: 0; text-shadow: 0 0 18px rgba(255, 207, 74, .5); vertical-align: top; margin-left: 10px; }
.bf-sub { font-size: 18px; color: var(--bf-suave); margin: 18px 0 22px; max-width: 560px; }
.bf-sub b { color: var(--bf-texto); }

.bf-contagem { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 24px; }
.bf-contagem .q { background: linear-gradient(180deg, #1f1417, #120c0e); border: 1px solid var(--bf-borda); border-radius: 16px; min-width: 86px; padding: 12px 10px 10px; text-align: center; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 24px rgba(0, 0, 0, .4); position: relative; }
.bf-contagem .q::before { content: ""; position: absolute; inset: -1px; border-radius: 16px; padding: 1px; background: linear-gradient(160deg, rgba(242, 104, 96, .9), transparent 45%, rgba(255, 207, 74, .6)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.bf-contagem .n { font-size: 40px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; color: #fff; }
.bf-contagem .r { font-size: 11.5px; text-transform: uppercase; letter-spacing: .1em; color: var(--bf-suave); margin-top: 6px; }
.bf-contagem.hoje .q { display: none; }
.bf-hoje { display: none; font-size: 26px; font-weight: 700; color: var(--bf-ouro); text-shadow: 0 0 18px rgba(255, 207, 74, .45); margin: 0 0 22px; }
.bf-contagem.hoje + .bf-hoje { display: block; }

body.bf .hero .acoes, .bf-hero .acoes { display: flex; gap: 12px; flex-wrap: wrap; }
.bf-hero .btn { padding: 14px 22px; font-size: 16px; }
.bf-hero .btn.brilho { box-shadow: 0 0 0 0 rgba(242, 104, 96, .6); animation: bf-brilho 2.4s infinite; }
@keyframes bf-brilho { 0% { box-shadow: 0 0 0 0 rgba(242, 104, 96, .55); } 70% { box-shadow: 0 0 0 16px rgba(242, 104, 96, 0); } 100% { box-shadow: 0 0 0 0 rgba(242, 104, 96, 0); } }

.bf-arte { position: relative; display: flex; justify-content: center; align-items: center; min-height: 340px; }
.bf-arte img { width: min(250px, 70%); position: relative; z-index: 2; filter: drop-shadow(0 0 30px rgba(242, 104, 96, .55)); animation: bf-flutua 5s ease-in-out infinite; }
.bf-arte .anel { position: absolute; width: 330px; height: 330px; border-radius: 50%; border: 2px dashed rgba(255, 207, 74, .45); animation: bf-gira 26s linear infinite; }
.bf-arte .anel.b { width: 270px; height: 270px; border: 1px solid rgba(242, 104, 96, .5); box-shadow: 0 0 40px rgba(242, 104, 96, .25), inset 0 0 40px rgba(242, 104, 96, .18); animation-duration: 40s; animation-direction: reverse; }
.bf-arte .etq { position: absolute; z-index: 3; background: var(--bf-ouro); color: #1a0f05; font-weight: 700; border-radius: 10px; padding: 6px 12px; font-size: 14px; transform: rotate(-8deg); box-shadow: 0 8px 20px rgba(0, 0, 0, .4); }
.bf-arte .etq.e1 { top: 22px; right: 8%; } .bf-arte .etq.e2 { bottom: 34px; left: 6%; transform: rotate(7deg); background: var(--coral); color: #fff; }
.bf-arte .faisca { position: absolute; color: var(--bf-ouro); font-size: 20px; animation: bf-pisca 2.2s ease-in-out infinite; }
@keyframes bf-gira { to { transform: rotate(360deg); } }
@keyframes bf-flutua { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes bf-pisca { 0%, 100% { opacity: .2; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.15); } }
@media (max-width: 760px) {
  .bf-hero .cont { grid-template-columns: 1fr; }
  .bf-arte { display: none; }
  .bf-contagem .q { min-width: 0; flex: 1; padding: 10px 4px 8px; }
  .bf-contagem .n { font-size: 30px; }
  .bf-titulo .l1 { -webkit-text-stroke-width: 1.5px; }
}
@media (prefers-reduced-motion: reduce) { .bf-faixa .trilho, .bf-arte img, .bf-arte .anel, .bf-arte .faisca, .bf-selo .ponto, .bf-hero .btn.brilho { animation: none; } }

/* lives */
.bf-lives { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.bf-live { background: var(--bf-card); border: 1px solid var(--bf-borda); border-radius: var(--raio); padding: 20px; position: relative; overflow: hidden; }
.bf-live::after { content: ""; position: absolute; right: -40px; top: -40px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(242, 104, 96, .35), transparent 70%); }
.bf-live .tag { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #ff6b62; margin-bottom: 8px; }
.bf-live .tag::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff3b30; }
.bf-live h3 { margin: 0 0 6px; font-size: 19px; color: #fff; }
.bf-live p { margin: 0; color: var(--bf-suave); font-size: 15px; }
.bf-avisolive { margin-top: 14px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; color: var(--bf-suave); font-size: 15px; }
@media (max-width: 760px) { .bf-lives { grid-template-columns: 1fr; } }

/* secoes no escuro */
body.bf .titulo-secao h2 { color: #fff; }
body.bf .titulo-secao p, body.bf .aviso-preco { color: var(--bf-suave); }
body.bf .kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bf-ouro); margin-bottom: 4px; }
body.bf .filtros button { background: #1d1316; color: var(--bf-texto); border-color: var(--bf-borda); }
body.bf .filtros button.on { background: var(--coral); border-color: var(--coral); color: #fff; }
body.bf .aviso-lojas { background: #1d1612; border-color: #4a3a1c; color: #f3e3c4; }
body.bf .aviso-lojas a { color: var(--bf-ouro); }
body.bf .oferta { border-color: #2c1d22; box-shadow: 0 10px 30px rgba(0, 0, 0, .45); }
body.bf .oferta .corpo { color: var(--vinho); }
body.bf .oferta .pct { background: var(--bf-ouro); color: #1a0f05; box-shadow: 0 0 14px rgba(255, 207, 74, .55); }
body.bf .vazio { background: var(--bf-card); border-color: var(--bf-borda); color: var(--bf-suave); }
body.bf .passo, body.bf .guia { background: var(--bf-card); border-color: var(--bf-borda); color: var(--bf-texto); box-shadow: none; }
body.bf .passo h3, body.bf .guia h3 { color: #fff; }
body.bf .passo p, body.bf .guia p { color: var(--bf-suave); }
body.bf .guia .ler { color: var(--bf-neon); }
body.bf .guia.destaque { border-color: rgba(255, 207, 74, .55); box-shadow: 0 0 0 1px rgba(255, 207, 74, .25), 0 10px 30px rgba(255, 207, 74, .08); }
body.bf .chamada { background: linear-gradient(120deg, #3d1c24, #7a2a2c 55%, var(--coral)); box-shadow: 0 20px 50px rgba(242, 104, 96, .25); }

/* artigos no escuro */
body.bf .artigo h1, body.bf .artigo h2, body.bf .artigo h3 { color: #fff; }
body.bf .artigo .linha-fina, body.bf .artigo .meta, body.bf .artigo .migalha, body.bf .artigo .migalha a { color: var(--bf-suave); }
body.bf .artigo .caixa { background: var(--bf-card); border-color: var(--bf-borda); border-left-color: var(--coral); }
body.bf .artigo table { background: var(--bf-card); } body.bf .artigo th { background: #24171b; } body.bf .artigo th, body.bf .artigo td { border-color: var(--bf-borda); }

/* rodape */
body.bf .rodape { background: #070405; border-top-color: var(--bf-borda); color: var(--bf-suave); }
body.bf .rodape h4, body.bf .rodape .legal b { color: #fff; }
body.bf .rodape a { color: var(--bf-suave); } body.bf .rodape a:hover { color: var(--bf-neon); }
body.bf .rodape .legal { border-top-color: var(--bf-borda); }

/* pagina de links */
.bf-links { background: linear-gradient(135deg, #160b0d, #3d1c24); color: #fff; border-radius: 18px; padding: 14px 16px; margin: 0 0 18px; box-shadow: 0 10px 30px rgba(61, 28, 36, .3); }
.bf-links b { color: var(--ouro, #f3c64a); font-size: 18px; letter-spacing: .04em; }
.bf-links .mini { display: flex; justify-content: center; gap: 8px; margin-top: 8px; }
.bf-links .mini > div { background: rgba(255, 255, 255, .08); border-radius: 10px; padding: 6px 8px; min-width: 58px; }
.bf-links .mini .n { font-size: 22px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.bf-links .mini .r { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; opacity: .75; }
.bf-links .live { font-size: 13px; margin-top: 8px; opacity: .9; }

.bf-links .mini.hoje { display: none; }
.bf-links .mini.hoje + .bf-hoje { display: block; font-size: 17px; margin: 8px 0 0; }