/* ═══════ /kits — carrossel de folhas empilhadas + tema Black Friday ═══════

   Dois estados na mesma página:

     normal ........ rosa do site (tokens --ab-*), SEM nada de Black Friday,
                     mas já com o carrossel de folhas.
     Black Friday .. <html data-bf="ativo">, posto por blackfriday.js só
                     dentro da janela de datas. As cores vêm TODAS dos
                     tokens --bf-* logo abaixo, em dois temas prontos:
                     "amarelo" (preto + rosa claro — era amarelo; o nome ficou) e "rosa" (rosa claro +
                     dourado). Trocar = mudar TEMA_BF no topo do
                     blackfriday.js (ou o ajuste do painel).

   Nada aqui usa JavaScript inline: a CSP do site proíbe. Animações só em
   transform/opacity (60 fps) e todas desligadas com prefers-reduced-motion. */

/* ───────── 1. TOKENS DE COR DA BLACK FRIDAY (um lugar só) ───────── */
html[data-tema-bf="amarelo"]{
  --bf-fundo:#0a0a0b;
  --bf-tijolo-a:#1c1c1f;
  --bf-tijolo-b:#151517;
  --bf-argamassa:#08080a;
  --bf-fita:#F9C3D7;
  --bf-fita-2:#F4ACC7;
  --bf-letra-fita:#1c0a13;
  --bf-destaque:#F9B8D0;
  --bf-destaque-2:#F29BBD;
  --bf-destaque-tinta:#1c0a13;
  --bf-destaque-sombra:#b04d7a;
  --bf-titulo-1:#ffffff;
  --bf-titulo-2:#c9ccd1;
  --bf-titulo-3:#8f959e;
  --bf-cursiva:#F9B8D0;
  --bf-texto:#ffffff;
  --bf-texto-suave:#d6d6da;
  --bf-card:#141416;
  --bf-card-2:#1e1e21;
  --bf-borda:#F9B8D0;
  --bf-borda-suave:rgba(249,184,208,.35);
  --bf-chip:#0e0e10;
  --bf-chip-texto:#F9B8D0;
  --bf-led:#FFC4DB;
  --bf-led-brilho:rgba(255,150,195,.75);
  --bf-led-apagado:rgba(255,150,195,.08);
  --bf-relogio-fundo:#050506;
  --bf-relogio-miolo:#101012;
  --bf-pilula-fundo:#ffffff;
  --bf-pilula-texto:#111113;
  --bf-sombra-card:0 30px 60px rgba(0,0,0,.6);
  --bf-mimo:#F9B8D0;
  --bf-mimo-2:#1a1a1c;
  --bf-fonte-titulo:"BF Montserrat","DM Sans",system-ui,sans-serif;
  --bf-fonte-cursiva:"BF Allura","Brush Script MT",cursive;
  --bf-fonte-fita:"BF Anton","Impact",sans-serif;
  --bf-fonte-texto:"BF Poppins","DM Sans",system-ui,sans-serif;
}
html[data-tema-bf="rosa"]{
  --bf-fundo:#fff1f6;
  --bf-tijolo-a:#fff1f6;
  --bf-tijolo-b:#fff1f6;
  --bf-argamassa:#fff1f6;
  --bf-fita:#fbd5e3;
  --bf-fita-2:#fde4ee;
  --bf-letra-fita:#b07a1b;
  --bf-destaque:#e0357a;
  --bf-destaque-2:#ff7fb0;
  --bf-destaque-tinta:#ffffff;
  --bf-destaque-sombra:#a81a58;
  --bf-titulo-1:#fbd2e2;
  --bf-titulo-2:#fbd2e2;
  --bf-titulo-3:#f6bcd3;
  --bf-cursiva:#e0357a;
  --bf-texto:#3a1a2a;
  --bf-texto-suave:#9b7a89;
  --bf-card:#ffffff;
  --bf-card-2:#fff1f6;
  --bf-borda:#e7c26e;
  --bf-borda-suave:#f8c9db;
  --bf-chip:#ffffff;
  --bf-chip-texto:#b81f5f;
  --bf-led:#ffb3d1;
  --bf-led-brilho:rgba(255,127,176,.8);
  --bf-led-apagado:rgba(255,255,255,.07);
  --bf-relogio-fundo:#4a0e28;
  --bf-relogio-miolo:#36081d;
  --bf-pilula-fundo:#ffffff;
  --bf-pilula-texto:#4a0e28;
  --bf-sombra-card:0 24px 50px rgba(224,53,122,.22);
  --bf-mimo:#d9a84a;
  --bf-mimo-2:#e0357a;
  --bf-fonte-titulo:"BF Playfair",Georgia,serif;
  --bf-fonte-cursiva:"BF Great Vibes","Brush Script MT",cursive;
  --bf-fonte-fita:"BF Anton","Impact",sans-serif;
  --bf-fonte-texto:"DM Sans",system-ui,sans-serif;
}

/* cores da caixinha de presente e do megafone (usadas dentro de SVG) */
:root{--bfk-g1:#ffa6c7;--bfk-g2:#e0357a;--bfk-ouro1:#fbe6a6;--bfk-ouro2:#d9a84a;--bfk-ouro3:#a8761f}
html[data-bf="ativo"][data-tema-bf="amarelo"]{--bfk-g1:#48484d;--bfk-g2:#0d0d0f;--bfk-ouro1:#ffe4ef;--bfk-ouro2:#F9B8D0;--bfk-ouro3:#c45a86}

/* ───────── 2. TOKENS DO CARTÃO (normal = rosa do site; BF = --bf-*) ───────── */
.bfk-card{
  --k-card:var(--ab-branco);
  --k-card2:var(--ab-selecao);
  --k-borda:var(--ab-rosa-claro);
  --k-txt:var(--ab-grafite);
  --k-txt2:var(--ab-cinza);
  --k-titulo:var(--ab-ameixa);
  --k-ac:#e0357a;
  --k-ac2:#ff7fb0;
  --k-ac-sombra:#a81a58;
  --k-ac-tinta:#ffffff;
  --k-chip:var(--ab-branco);
  --k-chip-txt:#b81f5f;
  --k-chip-borda:#f8c9db;
  --k-chip-sombra:#f3b5cd;
  --k-ouro:#c9973a;
  --k-mimo:#d9a84a;
  --k-mimo2:#e0357a;
  --k-fonte:var(--ab-fonte);
  --k-fonte-forte:"BF Playfair",Georgia,serif;
  --k-fonte-cursiva:"BF Great Vibes","Brush Script MT",cursive;
  --k-nome-fundo:rgba(224,53,122,.16);
  --k-nome-frente:#e0357a;
}
html[data-bf="ativo"] .bfk-card{
  --k-card:var(--bf-card);
  --k-card2:var(--bf-card-2);
  --k-borda:var(--bf-borda);
  --k-txt:var(--bf-texto);
  --k-txt2:var(--bf-texto-suave);
  --k-titulo:var(--bf-texto);
  --k-ac:var(--bf-destaque);
  --k-ac2:var(--bf-destaque-2);
  --k-ac-sombra:var(--bf-destaque-sombra);
  --k-ac-tinta:var(--bf-destaque-tinta);
  --k-chip:var(--bf-chip);
  --k-chip-txt:var(--bf-chip-texto);
  --k-chip-borda:var(--bf-borda-suave);
  --k-chip-sombra:rgba(0,0,0,.55);
  --k-ouro:var(--bf-destaque);
  --k-mimo:var(--bf-mimo);
  --k-mimo2:var(--bf-mimo-2);
  --k-fonte:var(--bf-fonte-texto);
  --k-fonte-forte:var(--bf-fonte-titulo);
  --k-fonte-cursiva:var(--bf-fonte-cursiva);
  --k-nome-fundo:rgba(255,255,255,.14);
  --k-nome-frente:var(--bf-cursiva);
}
html[data-bf="ativo"][data-tema-bf="rosa"] .bfk-card{
  --k-chip-sombra:#f3b5cd;
  --k-nome-fundo:rgba(224,53,122,.16);
}

/* ───────── 3. PÁGINA NO MODO BLACK FRIDAY ───────── */
html[data-bf="ativo"] body{
  position:relative;
  background-color:var(--bf-fundo);
  color:var(--bf-texto);
  font-family:var(--bf-fonte-texto);
}
html[data-bf="ativo"][data-tema-bf="amarelo"] body{
  /* parede de tijolos escura, sutil: duas fileiras deslocadas */
  background-image:
    radial-gradient(120% 80% at 50% 0%,rgba(249,184,208,.07),transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='72'%3E%3Crect width='160' height='72' fill='%2308080a'/%3E%3Crect x='2' y='2' width='76' height='32' rx='2' fill='%231c1c1f'/%3E%3Crect x='82' y='2' width='76' height='32' rx='2' fill='%23161618'/%3E%3Crect x='-38' y='38' width='76' height='32' rx='2' fill='%23151517'/%3E%3Crect x='42' y='38' width='76' height='32' rx='2' fill='%231b1b1e'/%3E%3Crect x='122' y='38' width='76' height='32' rx='2' fill='%23151517'/%3E%3C/svg%3E");
  background-size:auto,160px 72px;
}
html[data-bf="ativo"][data-tema-bf="rosa"] body{
  background-image:radial-gradient(90% 50% at 50% 0%,#ffe3ee,transparent 70%);
}
html[data-bf="ativo"] .wrap{position:relative;z-index:2}
html[data-bf="ativo"] header,
html[data-bf="ativo"] .filete{display:none}
html[data-bf="ativo"] .voltar-topo{color:var(--bf-texto-suave);position:relative;z-index:3}
html[data-bf="ativo"] .bfk-faixa-sumiu{display:none}

/* camada de fundo (fitas, megafones, estrelinhas): só existe na Black Friday */
.bfk-fundo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.bfk-vinheta{
  position:absolute;inset:0;
  background:radial-gradient(120% 70% at 50% 35%,transparent 40%,rgba(0,0,0,.65) 100%);
}
html[data-tema-bf="rosa"] .bfk-vinheta{background:none}

/* ───────── 4. FITAS ───────── */
.bfk-fita{
  position:absolute;left:-25%;width:150%;height:56px;overflow:hidden;
  background:linear-gradient(180deg,var(--bf-fita),var(--bf-fita-2));
  box-shadow:0 14px 28px rgba(0,0,0,.45);
  transform:rotate(var(--r,-5deg));
  display:flex;align-items:center;
}
html[data-tema-bf="rosa"] .bfk-fita{
  border-top:3px solid #e7c26e;border-bottom:3px solid #e7c26e;
  box-shadow:0 14px 28px rgba(120,20,70,.2);
}
.bfk-trilho{
  display:flex;flex:none;white-space:nowrap;
  animation:bfk-marq var(--v,70s) linear infinite;
  animation-direction:var(--d,normal);
}
.bfk-trilho span{
  flex:none;font-family:var(--bf-fonte-fita);font-size:34px;line-height:56px;letter-spacing:.1em;
  color:var(--bf-letra-fita);padding:0 .45em;
}
.bfk-trilho i{font-style:normal;font-size:.55em;opacity:.8;margin-left:.6em;vertical-align:middle}
@keyframes bfk-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bfk-fita-1{top:34px;--r:-5deg;--v:22s}
.bfk-fita-2{top:104px;--r:3.5deg;--d:reverse;--v:26s;height:46px;filter:blur(2.5px);opacity:.85}
.bfk-fita-2 .bfk-trilho span{font-size:28px;line-height:46px}
.bfk-fita-3{bottom:150px;--r:4deg;--v:24s}
.bfk-fita-4{bottom:60px;--r:-3deg;--d:reverse;--v:30s;height:84px;filter:blur(5px);opacity:.7}
.bfk-fita-4 .bfk-trilho span{font-size:56px;line-height:84px}

/* ───────── 5. MEGAFONES ───────── */
/* 22/10/2026: imagens PNG (megafone-*.png), já inclinadas no desenho — por
   isso o pulso não gira mais (--rot 0). Mesmas caixas de antes; a imagem
   quadrada cabe inteira dentro delas (contain). */
.bfk-mega{position:absolute;pointer-events:none;overflow:visible;transform-origin:50% 60%;object-fit:contain;--rot:0deg;-webkit-user-drag:none;user-select:none}
.bfk-mega-g{
  /* 22/10/2026: subiu do pé da página (ficava atrás do rodapé) para o
     lado do relógio, onde aparece. */
  right:-80px;top:540px;bottom:auto;width:420px;height:370px;
  filter:blur(5px) drop-shadow(0 20px 20px rgba(0,0,0,.5));opacity:.9;
  animation:bfk-pulso 3.4s ease-in-out infinite;
}
.bfk-mega-p{
  position:absolute;left:-6px;top:78px;width:104px;height:92px;z-index:3;
  filter:drop-shadow(0 12px 10px rgba(0,0,0,.5));
  animation:bfk-pulso 2.6s ease-in-out infinite;
}
@keyframes bfk-pulso{0%,100%{transform:rotate(var(--rot,0deg)) scale(1)}50%{transform:rotate(var(--rot,0deg)) scale(1.06)}}

/* ───────── 6. ESTRELINHAS ───────── */
.bfk-estrela{
  position:absolute;color:var(--bf-destaque);opacity:0;font-size:var(--s,14px);
  animation:bfk-brilha var(--t,4.5s) ease-in-out infinite;animation-delay:var(--a,0s);
}
@keyframes bfk-brilha{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:.85;transform:scale(1) rotate(45deg)}}

/* ───────── 7. HERO DA BLACK FRIDAY (montado pelo kits-folhas.js) ───────── */
.bfk-hero{position:relative;z-index:2;text-align:center;padding:150px 0 18px}
.bfk-titulo{position:relative;display:inline-block;margin:0 auto;line-height:.82}
.bfk-titulo .bfk-t{
  display:block;font-family:var(--bf-fonte-titulo);font-weight:900;text-transform:uppercase;
  font-size:clamp(68px,19vw,150px);letter-spacing:-.02em;
  background:linear-gradient(180deg,var(--bf-titulo-1) 10%,var(--bf-titulo-2) 55%,var(--bf-titulo-3));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 0 rgba(0,0,0,.35)) drop-shadow(0 14px 18px rgba(0,0,0,.45));
}
.bfk-titulo .bfk-cursiva{
  position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-9deg);
  font-family:var(--bf-fonte-cursiva);font-size:clamp(46px,13vw,104px);line-height:1;white-space:nowrap;
  color:var(--bf-cursiva);text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 22px rgba(0,0,0,.55);
  z-index:2;
}
/* tema rosa: duas camadas, serifada clara ao fundo + cursiva forte por cima */
.bfk-titulo-ro{display:none;position:relative;line-height:1}
html[data-tema-bf="rosa"] .bfk-titulo-am{display:none}
html[data-tema-bf="rosa"] .bfk-titulo-ro{display:inline-block}
.bfk-titulo-ro .bfk-l{display:block;position:relative;white-space:nowrap}
.bfk-titulo-ro .bfk-l b{
  font-family:var(--bf-fonte-titulo);font-weight:800;color:var(--bf-titulo-3);opacity:.6;letter-spacing:-.02em;
  text-shadow:0 2px 0 rgba(255,255,255,.55);
}
.bfk-titulo-ro .bfk-l i{
  position:absolute;left:3%;top:12%;font-style:normal;font-family:var(--bf-fonte-cursiva);
  color:var(--bf-cursiva);text-shadow:0 6px 18px rgba(224,53,122,.28);
}
.bfk-titulo-ro .bfk-l1 b{font-size:clamp(50px,14vw,104px)}
.bfk-titulo-ro .bfk-l1 i{font-size:clamp(56px,15.5vw,116px)}
.bfk-titulo-ro .bfk-l2 b{font-size:clamp(26px,7vw,52px)}
.bfk-titulo-ro .bfk-l2 i{font-size:clamp(34px,9vw,66px);top:-4%}
.bfk-titulo-ro .bfk-l2{margin-top:6px}

.bfk-chamada{
  margin:22px auto 0;max-width:30ch;font-family:var(--bf-fonte-texto);font-weight:400;
  font-size:clamp(17px,4.4vw,22px);line-height:1.35;color:var(--bf-texto);
}
.bfk-chamada b,.bfk-sub b{color:var(--bf-destaque);font-weight:700}
html[data-tema-bf="rosa"] .bfk-chamada b,html[data-tema-bf="rosa"] .bfk-sub b{color:#b81f5f}
.bfk-sub{margin:8px auto 0;font-size:clamp(14px,3.6vw,16px);color:var(--bf-texto-suave)}
.bfk-quando{
  display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;margin:16px 0 0;
  font-size:clamp(14px,3.8vw,17px);color:var(--bf-texto);
}
.bfk-quando b{font-weight:700}
.bfk-quando em{font-style:normal;font-weight:700;color:var(--bf-destaque);margin-left:.35em}
html[data-tema-bf="rosa"] .bfk-quando em{color:#b81f5f}
.bfk-em-breve{
  display:inline-block;margin-top:10px;padding:4px 12px;border-radius:999px;
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:var(--bf-destaque);color:var(--bf-destaque-tinta);
}

/* ───────── 8. RELÓGIO DE 7 SEGMENTOS ───────── */
.bfk-relogio{
  position:relative;margin:24px auto 0;max-width:640px;padding:16px 14px 14px;border-radius:28px;
  background:radial-gradient(120% 100% at 50% 0%,var(--bf-relogio-miolo),var(--bf-relogio-fundo));
  box-shadow:
    0 0 0 3px var(--bf-borda),
    0 0 0 6px rgba(0,0,0,.35),
    0 0 26px -4px var(--bf-led-brilho),
    0 24px 44px rgba(0,0,0,.45),
    inset 0 2px 0 rgba(255,255,255,.12);
}
.bfk-relogio-t{
  font-family:var(--bf-fonte-texto);font-weight:600;font-size:clamp(10.5px,2.8vw,13px);
  letter-spacing:.3em;text-transform:uppercase;color:var(--bf-destaque);margin-bottom:12px;
}
html[data-tema-bf="rosa"] .bfk-relogio-t{color:#f1d38b}
.bfk-grupos{display:flex;justify-content:center;align-items:flex-start;gap:clamp(4px,1.6vw,12px)}
.bfk-grupo{text-align:center;flex:0 1 auto}
.bfk-digitos{
  display:flex;gap:clamp(3px,1vw,8px);padding:8px clamp(6px,1.6vw,12px);border-radius:14px;
  background:rgba(0,0,0,.5);box-shadow:inset 0 3px 12px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.12);
}
.bfk-dig{width:clamp(22px,7vw,44px);height:auto;display:block;overflow:visible;transform:skewX(-5deg)}
.bfk-dig polygon{fill:var(--bf-led-apagado);transition:fill .12s}
.bfk-dig polygon.on{fill:var(--bf-led);filter:drop-shadow(0 0 4px var(--bf-led-brilho))}
.bfk-rot{
  margin-top:8px;font-family:var(--bf-fonte-texto);font-weight:600;font-size:clamp(9px,2.4vw,12px);
  letter-spacing:.28em;color:var(--bf-texto-suave);padding-left:.28em;
}
.bfk-pontos{display:flex;flex-direction:column;justify-content:center;gap:12px;height:clamp(46px,14vw,86px);margin:6px 0 0;width:10px}
.bfk-pontos i{display:block;width:7px;height:7px;border-radius:50%;background:var(--bf-led);box-shadow:0 0 8px var(--bf-led-brilho);margin:0 auto}
.bfk-grupo.p .bfk-digitos{animation:bfk-tic .45s ease-out}
@keyframes bfk-tic{0%{transform:scale(1)}30%{transform:scale(1.07)}100%{transform:scale(1)}}

/* ───────── 9. CARTÃO DO PRODUTO ───────── */
.bfk-card.escolha{
  position:relative;z-index:2;padding:0;margin:26px 0 0;border:0;background:none;
}
.bfk-corpo{
  position:relative;padding:22px 18px 22px;border-radius:30px;
  background:var(--k-card);border:2px solid var(--k-borda);
  box-shadow:0 24px 50px -22px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);
  display:grid;grid-template-columns:minmax(0,1fr);gap:18px;font-family:var(--k-fonte);color:var(--k-txt);
}
html[data-bf="ativo"] .bfk-corpo{box-shadow:var(--bf-sombra-card),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}
.bfk-cab{grid-column:1 / -1;text-align:center}
.bfk-cab h2{
  font-family:var(--k-fonte);font-size:clamp(13px,3.4vw,15px);font-weight:700;letter-spacing:.3em;
  text-transform:uppercase;color:var(--k-ouro);margin:0;
}
html:not([data-bf="ativo"]) .bfk-cab h2{color:var(--ab-ameixa);letter-spacing:.12em;font-size:clamp(20px,5vw,26px);text-transform:none}
.bfk-cab .selo{
  display:inline-block;margin:8px 0 0;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb,var(--k-ac) 16%,transparent);color:var(--k-ouro);
}
html:not([data-bf="ativo"]) .bfk-cab .selo{color:var(--ab-ameixa-media);background:var(--ab-blush)}
.bfk-cab::after{
  content:"";display:block;width:140px;height:2px;margin:12px auto 0;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--k-ouro),transparent);opacity:.8;
}

/* ── chips das fragrâncias: fora da vista (22/10/2026, pedido do dono) ──
   Continuam no DOM porque são a verdade da escolha (loja.js); escondidos do
   jeito acessível (leitor de tela ainda lê o grupo e o aria-pressed). */
.bfk-chips{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.bfk-chips .fragrancia{margin:0}
.bfk-chips .frag-titulo,.bfk-chips .frag-seta{display:none}
.bfk-chips .frag-opcoes{flex-wrap:nowrap;gap:10px;padding:0 10px}
.bfk-chips .frag-op,.bfk-chips .frag-op.guardada{
  display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;
  padding:11px 18px;border-radius:999px;font:inherit;font-family:var(--k-fonte);font-size:15px;font-weight:700;letter-spacing:.01em;
  color:var(--k-chip-txt);cursor:pointer;
  background:linear-gradient(180deg,var(--k-chip),color-mix(in srgb,var(--k-chip) 88%,var(--k-ac) 12%));
  border:2.5px solid var(--k-chip-borda);
  box-shadow:0 8px 14px -6px rgba(0,0,0,.4),0 3px 0 var(--k-chip-sombra),inset 0 2px 0 rgba(255,255,255,.35);
  transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s,background .18s,color .18s;
}
.bfk-chips .frag-op:hover:not(:disabled){transform:translateY(-3px);border-color:var(--k-ac)}
.bfk-chips .frag-op:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 0 var(--k-chip-sombra)}
.bfk-chips .frag-op.marcada{
  color:var(--k-ac-tinta);border-color:var(--k-ac2);
  background:linear-gradient(180deg,var(--k-ac2) 0%,var(--k-ac) 60%,color-mix(in srgb,var(--k-ac) 82%,#000));
  box-shadow:0 12px 20px -8px color-mix(in srgb,var(--k-ac) 70%,transparent),0 3px 0 var(--k-ac-sombra),inset 0 3px 4px rgba(255,255,255,.55),inset 0 -6px 10px rgba(0,0,0,.18);
  transform:translateY(-2px);
}
.bfk-chips .frag-op.esgotada{opacity:.5;text-decoration:none;cursor:not-allowed}
.bfk-chips .frag-op.esgotada small{
  display:inline;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0;padding:0;background:none;
}
.bfk-chips .frag-op:focus-visible,.bfk-seta:focus-visible,.bfk-pilha:focus-visible,.bfk-card .qtd button:focus-visible,.bfk-card .add:focus-visible{
  outline:3px solid var(--k-ac);outline-offset:3px;
}
/* setas grandes nas laterais da pilha, centradas na altura da foto */
.bfk-seta{
  position:absolute;top:50%;z-index:30;margin-top:-26px;
  flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;
  color:var(--k-ac-tinta);border:2.5px solid var(--k-ac2);
  background:linear-gradient(180deg,var(--k-ac2),var(--k-ac));
  box-shadow:0 10px 16px -6px color-mix(in srgb,var(--k-ac) 65%,transparent),0 3px 0 var(--k-ac-sombra),inset 0 3px 4px rgba(255,255,255,.5),inset 0 -5px 8px rgba(0,0,0,.18);
  transition:transform .16s cubic-bezier(.3,1.4,.5,1);
}
.bfk-seta svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.bfk-seta-ant{left:-8px}
.bfk-seta-seg{right:-8px}
.bfk-seta-ant svg{margin-left:-2px}
.bfk-seta-seg svg{margin-right:-2px}
.bfk-seta:hover{transform:translateY(-2px) scale(1.06)}
.bfk-seta:active{transform:translateY(1px) scale(.96)}
.bfk-seta[hidden]{display:none}

/* ── a pilha de folhas ── */
/* 22/10/2026: leque mais aberto; a pilha encolhe um pouco na largura para as
   folhas de trás aparecerem dos dois lados sem sair da tela no celular. */
.bfk-palco{position:relative;width:min(calc(100% - 92px),340px);margin:34px auto 14px;padding-bottom:6px}
.bfk-pilha{
  position:relative;width:100%;aspect-ratio:3 / 4;perspective:1100px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;
}
.bfk-vitrine{position:relative;min-width:0}
/* garantia: folha do leque nunca cria rolagem lateral no celular */
body{overflow-x:clip}
/* indicador: bolinhas (uma por fragrância), a atual vira pílula */
.bfk-bolinhas{display:flex;justify-content:center;align-items:center;gap:8px;min-height:22px;margin:4px 0 0}
.bfk-bolinhas:empty{display:none}
.bfk-bolinha{
  width:9px;height:9px;padding:0;border:0;border-radius:999px;cursor:pointer;
  background:color-mix(in srgb,var(--k-ac) 32%,transparent);
  transition:width .3s cubic-bezier(.3,1.3,.5,1),background .3s;
  position:relative;
}
/* área de toque maior que a bolinha */
.bfk-bolinha::before{content:"";position:absolute;inset:-8px -4px}
.bfk-bolinha.atual{width:26px;background:linear-gradient(90deg,var(--k-ac2),var(--k-ac));box-shadow:0 2px 6px color-mix(in srgb,var(--k-ac) 50%,transparent)}
.bfk-folha{
  position:absolute;inset:0;margin:0;border-radius:24px;overflow:hidden;cursor:pointer;
  background:var(--k-card2);border:3px solid var(--k-borda);
  box-shadow:0 22px 30px -16px rgba(0,0,0,.55),0 2px 0 rgba(255,255,255,.2) inset;
  --dx:0px;
  transform-origin:50% 90%;
  transform:translate3d(calc(var(--x,0px) + var(--dx)),var(--y,0px),0) rotate(var(--rot,0deg)) scale(var(--esc,1));
  transition:transform .65s cubic-bezier(.22,1.15,.36,1),opacity .45s ease,box-shadow .45s ease,filter .45s ease;
  z-index:var(--z,1);opacity:var(--op,1);
  will-change:transform;
}
.bfk-folha[data-pos="0"]{--x:0px;--y:0px;--rot:0deg;--esc:1;cursor:grab;box-shadow:0 30px 40px -18px rgba(0,0,0,.6)}
/* leque: deslocamento em % da largura da folha, rotação de ±8 a ±12° */
.bfk-folha[data-pos="1"]{--x:14%;--y:-10px;--rot:8deg;--esc:.95;filter:brightness(.9)}
.bfk-folha[data-pos="2"]{--x:-14%;--y:-14px;--rot:-8deg;--esc:.93;filter:brightness(.84)}
.bfk-folha[data-pos="3"]{--x:17%;--y:-22px;--rot:10deg;--esc:.88;filter:brightness(.74)}
/* com 5+ fragrâncias, a última (a "anterior") espia do lado esquerdo */
.bfk-pilha[data-n="5"] .bfk-folha[data-pos="4"],.bfk-pilha[data-n="6"] .bfk-folha[data-pos="5"],.bfk-pilha[data-n="7"] .bfk-folha[data-pos="6"]{--x:-17%;--y:-24px;--rot:-10deg;--esc:.86;--op:1;filter:brightness(.68);pointer-events:auto}
.bfk-folha[data-pos="4"],.bfk-folha[data-pos="5"],.bfk-folha[data-pos="6"],.bfk-folha[data-pos="7"],.bfk-folha[data-pos="8"],.bfk-folha[data-pos="9"],.bfk-folha[data-pos="10"]{--x:0px;--y:-34px;--rot:0deg;--esc:.88;--op:0;pointer-events:none}
.bfk-pilha.arrastando .bfk-folha[data-pos="0"]{transition:none;cursor:grabbing}
.bfk-folha.sobe{animation:bfk-sobe .7s cubic-bezier(.2,1.1,.3,1) both;transition:none}
@keyframes bfk-sobe{
  0%{transform:translate3d(46px,-26px,0) rotate(8deg) scale(.9);opacity:.2}
  55%{transform:translate3d(-6px,-6px,0) rotate(-2.2deg) scale(1.035);opacity:1}
  100%{transform:translate3d(0,0,0) rotate(0) scale(1)}
}
.bfk-foto{position:absolute;inset:0;background:var(--k-card2)}
.bfk-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block;pointer-events:none;-webkit-user-drag:none}
.bfk-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.62) 100%)}.bfk-folha-bf{
  display:none;position:absolute;left:12px;top:12px;z-index:3;padding:6px 12px;border-radius:999px;
  font-family:var(--bf-fonte-texto);font-size:11px;font-weight:700;letter-spacing:.14em;
  background:linear-gradient(180deg,var(--bf-destaque-2),var(--bf-destaque));color:var(--bf-destaque-tinta);
  box-shadow:0 6px 10px rgba(0,0,0,.35),0 2px 0 var(--bf-destaque-sombra);
}
html[data-bf="ativo"] .bfk-folha-bf{display:block}
.bfk-legenda{position:absolute;left:0;right:0;bottom:0;padding:0 16px 14px;z-index:2;text-align:center}
.bfk-rotulo{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.85);
  margin-bottom:2px;text-shadow:0 1px 3px rgba(0,0,0,.6);
}
.bfk-nome{position:relative;display:inline-block;max-width:100%;line-height:1}
.bfk-nome b{
  display:block;font-family:var(--k-fonte-forte);font-weight:900;font-size:var(--fs,40px);color:var(--k-nome-fundo);
  text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;
}
html:not([data-bf="ativo"]) .bfk-nome b{text-transform:none;font-weight:800;color:rgba(255,255,255,.28)}
.bfk-nome i{
  position:absolute;left:4%;top:18%;font-style:normal;font-family:var(--k-fonte-cursiva);
  font-size:calc(var(--fs,40px) * 1.3);color:var(--k-nome-frente);white-space:nowrap;
  text-shadow:0 3px 0 rgba(0,0,0,.45),0 6px 16px rgba(0,0,0,.45);
}
html:not([data-bf="ativo"]) .bfk-nome i{color:#fff}

/* mimo: caixinha de presente 3D + etiqueta */
.bfk-mimo{position:absolute;right:10px;top:10px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}
.bfk-presente{width:74px;height:74px;overflow:visible;filter:drop-shadow(0 8px 6px rgba(0,0,0,.4));transform-origin:50% 90%;animation:bfk-balanca 3.2s ease-in-out infinite}
@keyframes bfk-balanca{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}
.bfk-etiqueta{
  max-width:190px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.25;text-align:center;
  background:#fffaf0;color:#6b4a0f;border:2px solid #e7c26e;box-shadow:0 6px 10px rgba(0,0,0,.3);
}
.bfk-etiqueta b{letter-spacing:.14em;color:var(--k-mimo2);margin-right:.35em}
html[data-bf="ativo"][data-tema-bf="amarelo"] .bfk-etiqueta{background:#111;color:var(--bf-destaque);border-color:var(--bf-destaque)}
html[data-bf="ativo"][data-tema-bf="amarelo"] .bfk-etiqueta b{color:#fff}
.bfk-esgotada-faixa{
  position:absolute;left:0;right:0;top:46%;z-index:5;text-align:center;padding:8px;background:rgba(0,0,0,.7);
  color:#fff;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px;
}
.bfk-vazio{margin:0;text-align:center;color:var(--k-txt2);font-size:14px}
.bfk-dicas{margin:2px 0 0;text-align:center;font-size:12px;color:var(--k-txt2);letter-spacing:.02em}
.bfk-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bfk-pilha.sem-folhas{aspect-ratio:auto;min-height:0}
/* produto sem fragrância (Gestante): uma folha só, parada */
.bfk-palco.unica .bfk-folha{position:relative;cursor:default;--esc:1}
.bfk-palco.unica .bfk-pilha{aspect-ratio:auto}
.bfk-palco.unica .bfk-foto{position:relative;aspect-ratio:3/4}
.bfk-palco.unica .bfk-foto img{position:absolute;inset:0}

/* ── coluna de informações ── */
.bfk-info{min-width:0;display:flex;flex-direction:column}
.bfk-info > p:not([class]){font-size:15px;line-height:1.55;color:var(--k-txt2);margin:0 0 10px}
.bfk-info .rotulo{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--k-ouro);margin:14px 0 0}
html:not([data-bf="ativo"]) .bfk-info .rotulo{color:var(--ab-ameixa-media)}
.bfk-info .conteudo li{color:var(--k-txt);border-bottom-color:color-mix(in srgb,var(--k-txt) 12%,transparent)}
.bfk-info .conteudo li b{color:var(--k-titulo)}
.bfk-info .conteudo li::before{background:var(--k-ac)}
.bfk-info .fecho{color:var(--k-titulo);font-size:15px}
.bfk-info .diferenciais{background:color-mix(in srgb,var(--k-ac) 10%,transparent);border-color:var(--k-chip-borda)}
.bfk-info .diferenciais li{background:color-mix(in srgb,var(--k-ac) 16%,transparent);color:var(--k-titulo)}
.bfk-info .aviso{background:color-mix(in srgb,var(--k-ac) 10%,transparent);border-color:var(--k-chip-borda);color:var(--k-txt)}
.bfk-info .abre-conteudo{
  background:color-mix(in srgb,var(--k-ac) 10%,transparent);border-color:var(--k-chip-borda);color:var(--k-titulo);
}
.bfk-info .abre-conteudo em{color:var(--k-txt2)}
.bfk-info .abre-conteudo svg{fill:var(--k-ac)}

/* preço */
.bfk-precos{margin:12px 0 0;display:flex;flex-direction:column;gap:2px}
.bfk-card .preco{font-family:var(--k-fonte);color:var(--k-titulo);font-weight:800;font-size:44px;letter-spacing:-.02em;margin:0}
.bfk-card .preco span,.bfk-card .preco small{font-size:17px;font-weight:700;vertical-align:super}
html[data-bf="ativo"] .bfk-card .preco{color:var(--bf-texto)}
.bfk-card .preco-nota{font-size:13px;font-weight:500;color:var(--k-txt2);margin:2px 0 6px}
.bfk-promo{display:none}
.bfk-card.com-promo .bfk-promo{display:block}
.bfk-card.com-promo .preco{font-size:20px;font-weight:600;color:var(--k-txt2);text-decoration:line-through;text-decoration-thickness:2px;opacity:.85}
.bfk-card.com-promo .preco span,.bfk-card.com-promo .preco small{font-size:12px}
.bfk-promo-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bfk-promo-valor{font-weight:900;font-size:50px;letter-spacing:-.02em;color:var(--k-ac);line-height:1}
.bfk-promo-valor small{font-size:20px;font-weight:800;vertical-align:super;margin-right:2px}
.bfk-promo-pix{
  padding:5px 14px;border-radius:999px;font-weight:800;font-size:15px;color:var(--k-ac-tinta);
  background:linear-gradient(180deg,var(--k-ac2),var(--k-ac));box-shadow:0 3px 0 var(--k-ac-sombra),0 8px 12px -4px rgba(0,0,0,.4);
}
.bfk-promo-cartao{margin:4px 0 0;font-size:14px;color:var(--k-txt)}
.bfk-entrega{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--k-txt2)}
.bfk-card .estoque{margin-top:10px;align-self:flex-start}
html[data-bf="ativo"] .bfk-card .estoque{background:rgba(255,255,255,.08)}

/* quantidade + comprar: pílulas 3D */
.bfk-card .compra{margin-top:14px;gap:12px;flex-wrap:nowrap;align-items:stretch}
.bfk-card .qtd{
  flex:none;border-radius:999px;padding:5px;gap:2px;align-items:center;overflow:visible;
  background:linear-gradient(180deg,var(--k-chip),color-mix(in srgb,var(--k-chip) 90%,var(--k-ac)));
  border:2.5px solid var(--k-chip-borda);
  box-shadow:0 8px 14px -6px rgba(0,0,0,.4),0 3px 0 var(--k-chip-sombra),inset 0 2px 0 rgba(255,255,255,.3);
}
.bfk-card .qtd button{
  width:40px;height:40px;border-radius:50%;padding:0;font-size:22px;font-weight:800;line-height:1;color:var(--k-ac-tinta);
  background:linear-gradient(180deg,var(--k-ac2),var(--k-ac));
  box-shadow:0 3px 0 var(--k-ac-sombra),inset 0 2px 3px rgba(255,255,255,.5);
  transition:transform .15s cubic-bezier(.3,1.4,.5,1);
}
.bfk-card .qtd button:hover:not(:disabled){background:linear-gradient(180deg,var(--k-ac2),var(--k-ac));transform:translateY(-1px)}
.bfk-card .qtd button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--k-ac-sombra)}
.bfk-card .qtd button:disabled{opacity:.35;box-shadow:none}
.bfk-card .qtd input{width:40px;height:40px;font-size:19px;font-weight:800;color:var(--k-chip-txt);background:transparent}
.bfk-card .qtd input:focus{background:transparent}
.bfk-card .add{
  position:relative;overflow:hidden;flex:1;min-width:0;min-height:56px;border-radius:999px;border:3px solid var(--k-ac2);
  font-family:var(--k-fonte);font-size:18px;font-weight:800;letter-spacing:.02em;color:var(--k-ac-tinta);gap:10px;
  background:linear-gradient(180deg,var(--k-ac2) 0%,var(--k-ac) 58%,color-mix(in srgb,var(--k-ac) 80%,#000));
  box-shadow:0 14px 22px -10px color-mix(in srgb,var(--k-ac) 75%,transparent),0 5px 0 var(--k-ac-sombra),inset 0 4px 5px rgba(255,255,255,.55),inset 0 -8px 12px rgba(0,0,0,.16);
  transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s,filter .18s;
}
.bfk-card .add svg{width:22px;height:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.bfk-card .add:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.05)}
.bfk-card .add:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--k-ac-sombra),inset 0 3px 5px rgba(0,0,0,.2)}
.bfk-card .add::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);
  animation:bfk-brilho 3.6s ease-in-out infinite;
}
.bfk-card .add:disabled::after{display:none}
@keyframes bfk-brilho{0%,55%{left:-60%}100%{left:130%}}
.bfk-card .add:disabled{
  background:color-mix(in srgb,var(--k-txt2) 28%,transparent);border-color:transparent;color:var(--k-txt2);box-shadow:none;font-size:15px;
}
.bfk-card .add.pulou svg{animation:bfk-carrinho .5s ease}
@keyframes bfk-carrinho{0%{transform:translateX(0)}35%{transform:translateX(8px) rotate(-10deg)}70%{transform:translateX(-3px)}100%{transform:none}}

/* ── faixa do WhatsApp e rodapé em pílula (só Black Friday) ── */
.bfk-zap{display:none}
html[data-bf="ativo"] .bfk-zap{
  display:flex;position:relative;z-index:2;align-items:center;justify-content:center;gap:14px;margin:34px auto 0;
  max-width:560px;padding:16px 22px;border-radius:24px;text-decoration:none;text-align:left;
  background:linear-gradient(180deg,var(--bf-destaque-2),var(--bf-destaque));color:var(--bf-destaque-tinta);
  box-shadow:0 5px 0 var(--bf-destaque-sombra),0 22px 34px -12px rgba(0,0,0,.5),inset 0 3px 4px rgba(255,255,255,.55);
  transition:transform .2s cubic-bezier(.3,1.4,.5,1);
}
html[data-bf="ativo"] .bfk-zap:hover{transform:translateY(-3px)}
.bfk-zap svg{flex:none;width:40px;height:40px;fill:currentColor}
.bfk-zap b{display:block;font-family:var(--bf-fonte-titulo);font-weight:900;font-size:clamp(15px,4.2vw,19px);letter-spacing:.04em;text-transform:uppercase;line-height:1.15}
.bfk-zap span{font-size:13px;font-weight:600}
html[data-bf="ativo"] footer{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 18px;
  margin:26px auto 0;max-width:640px;padding:12px 22px;border-radius:999px;
  background:var(--bf-pilula-fundo);color:var(--bf-pilula-texto);font-family:var(--bf-fonte-texto);font-size:13px;font-weight:600;
  box-shadow:0 14px 26px -10px rgba(0,0,0,.5);
}
html[data-bf="ativo"] footer a{color:inherit}
html[data-bf="ativo"] footer span{margin-left:0}

/* ───────── 10. ENTRADA ESCALONADA (só na Black Friday) ───────── */
html[data-bf="ativo"].bfk-anima .bfk-fita-1{animation:bfk-fita-e .9s .05s cubic-bezier(.2,1,.3,1) both}
html[data-bf="ativo"].bfk-anima .bfk-fita-2{animation:bfk-fita-d 1s .2s cubic-bezier(.2,1,.3,1) both}
html[data-bf="ativo"].bfk-anima .bfk-fita-3,html[data-bf="ativo"].bfk-anima .bfk-fita-4{animation:bfk-fade 1.4s .4s both}
@keyframes bfk-fita-e{from{transform:translateX(-60%) rotate(var(--r))}to{transform:translateX(0) rotate(var(--r))}}
@keyframes bfk-fita-d{from{transform:translateX(60%) rotate(var(--r))}to{transform:translateX(0) rotate(var(--r))}}
@keyframes bfk-fade{from{opacity:0}to{opacity:1}}
html[data-bf="ativo"].bfk-anima .bfk-t1{animation:bfk-desenha .9s .35s cubic-bezier(.2,1,.3,1) both}
html[data-bf="ativo"].bfk-anima .bfk-t2{animation:bfk-desenha .9s .6s cubic-bezier(.2,1,.3,1) both}
html[data-bf="ativo"].bfk-anima .bfk-cursiva{animation:bfk-cursiva 1s .95s cubic-bezier(.2,1.2,.3,1) both}
@keyframes bfk-desenha{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(-10% -5% -10% -5%);opacity:1}}
@keyframes bfk-cursiva{from{opacity:0;transform:translate(-50%,-30%) rotate(-3deg) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) rotate(-9deg) scale(1)}}
html[data-bf="ativo"].bfk-anima .bfk-chamada,
html[data-bf="ativo"].bfk-anima .bfk-sub,
html[data-bf="ativo"].bfk-anima .bfk-quando{animation:bfk-sobe-leve .8s 1.05s ease-out both}
html[data-bf="ativo"].bfk-anima .bfk-relogio{animation:bfk-sobe-leve .9s 1.2s cubic-bezier(.2,1,.3,1) both}
html[data-bf="ativo"].bfk-anima .bfk-card{animation:bfk-sobe-leve .9s 1.4s cubic-bezier(.2,1,.3,1) both}
@keyframes bfk-sobe-leve{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.bfk-card:hover .bfk-corpo{transition:transform .3s}
@media (hover:hover){
  .bfk-corpo{transition:transform .35s cubic-bezier(.2,1,.3,1),box-shadow .35s}
  .bfk-card:hover .bfk-corpo{transform:translateY(-3px)}
}

/* ───────── 11. TELA GRANDE ───────── */
@media (min-width:860px){
  .wrap{max-width:1000px}
  .bfk-corpo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 44px;padding:30px 34px 32px}
  .bfk-vitrine{min-width:0}
  .bfk-info{align-self:center}
  .bfk-card .compra{flex-wrap:wrap}
  .bfk-hero{padding-top:120px}
  .bfk-mega-p{left:calc(50% - 440px);top:120px;width:150px;height:132px}
}
@media (max-width:520px){
  body{padding-left:14px;padding-right:14px}
  .bfk-corpo{padding:18px 14px 20px;border-radius:26px}
  .bfk-seta{width:46px;height:46px;margin-top:-23px}
  .bfk-palco{width:calc(100% - 80px)}
  .bfk-card .add{font-size:16px}
  .bfk-fita-1{top:24px}
  .bfk-trilho span{font-size:28px}
  .bfk-mega-g{width:300px;height:264px;right:-110px;top:470px}
  .bfk-hero{padding-top:92px}
  .bfk-mega-p{left:-2px;top:60px;width:78px;height:69px}
  .bfk-promo-valor{font-size:44px}
}

/* ───────── 12. MOVIMENTO REDUZIDO ───────── */
@media (prefers-reduced-motion:reduce){
  .bfk-estrela,.bfk-presente,.bfk-mega,.bfk-card .add::after,.bfk-grupo.p .bfk-digitos,
  html[data-bf="ativo"].bfk-anima *:not(.bfk-trilho){animation:none!important}
  .bfk-folha,.bfk-folha.sobe{transition:none!important;animation:none!important}
  .bfk-estrela{opacity:.5}
}

/* as bolhas brancas do tema rosa do site não combinam com o fundo preto */
html[data-bf="ativo"][data-tema-bf="amarelo"] body::before{display:none}

/* Mimo como linha da descrição (22/10/2026: a caixinha em cima da foto saiu). */
.bfk-mimo-desc{
  margin:14px 0 2px;padding:8px 18px 8px 8px;display:inline-flex;align-items:center;gap:12px;
  border-radius:20px;line-height:1.25;position:relative;overflow:hidden;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--bf-destaque,#F9B8D0) 20%,transparent),
    color-mix(in srgb,var(--bf-destaque,#F9B8D0) 6%,transparent));
  border:1.5px solid color-mix(in srgb,var(--bf-destaque,#F9B8D0) 70%,transparent);
  box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);
}
/* brilho passando, devagar */
.bfk-mimo-desc::after{
  content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);
  animation:bfk-brilho 4.8s ease-in-out infinite;pointer-events:none;
}
.bfk-mimo-ic{
  flex:none;width:68px;height:68px;display:grid;place-items:center;
  background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--bf-destaque,#F9B8D0) 40%,transparent),transparent 70%);
}
.bfk-mimo-ic img{
  width:64px;height:64px;object-fit:contain;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));
  transform-origin:50% 85%;animation:bfk-balanca 3.2s ease-in-out infinite;
}
.bfk-mimo-tx{display:flex;flex-direction:column;gap:0;text-align:left}
.bfk-mimo-tx b{
  font-family:var(--bf-fonte-cursiva);font-weight:400;
  font-size:30px;line-height:1;letter-spacing:0;
  color:var(--bf-cursiva,var(--bf-destaque,#F9B8D0));
}
.bfk-mimo-tx span{
  font-family:var(--bf-fonte-texto);font-size:16px;font-weight:600;
  color:var(--bf-texto,#fff);margin-top:2px;
}
@media (prefers-reduced-motion:reduce){.bfk-mimo-ic img{animation:none}}
.bfk-mimo-desc[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.bfk-mimo-desc::after{animation:none;display:none}}
/* 22/10/2026 (pedido do dono): na Black Friday o /kits fica sem a busca e
   sem a pílula branca "Studio Airla Bittencourt", o conteúdo sobe, e as
   fitas andam o tempo todo (também com "movimento reduzido", só mais devagar). */
html[data-bf="ativo"] .busca-loja,
html[data-bf="ativo"] .voltar-topo{display:none!important}
@media (prefers-reduced-motion:reduce){
  .bfk-trilho{animation-duration:calc(var(--v,24s) * 2)!important}
}
/* ───────── TEMA CLARO da Black Friday (22/10/2026) ─────────
   O dono achou feio o claro antigo (era outro desenho). Agora o claro é o
   MESMO desenho do escuro — mesmas fitas, título BLACK FRIDAY, relógio,
   setas e cartão — só com as cores invertidas: fundo rosado claro, título
   vinho, fitas rosa com letra vinho e cartão branco. */
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"]{
--bf-fundo:#fff4f8;
--bf-tijolo-a:#fde9f0;
--bf-tijolo-b:#fbe1eb;
--bf-argamassa:#fff7fa;
--bf-fita:#F9C3D7;
--bf-fita-2:#F4ACC7;
--bf-letra-fita:#4a1430;
--bf-destaque:#e0357a;
--bf-destaque-2:#ff7fb0;
--bf-destaque-tinta:#ffffff;
--bf-destaque-sombra:#a81a58;
--bf-titulo-1:#6b1d44;
--bf-titulo-2:#4a1430;
--bf-titulo-3:#2e0b1e;
--bf-cursiva:#e0357a;
--bf-texto:#3a1028;
--bf-texto-suave:#7d5468;
--bf-card:#ffffff;
--bf-card-2:#fff1f6;
--bf-borda:#f2a7c4;
--bf-borda-suave:rgba(224,53,122,.25);
--bf-chip:#ffffff;
--bf-chip-texto:#c2185b;
--bf-led:#ffc4db;
--bf-led-brilho:rgba(255,150,195,.85);
--bf-led-apagado:rgba(255,150,195,.1);
--bf-relogio-fundo:#3a1028;
--bf-relogio-miolo:#2a0a1c;
--bf-pilula-fundo:#ffffff;
--bf-pilula-texto:#4a1430;
--bf-sombra-card:0 24px 50px rgba(224,53,122,.16);
--bf-mimo:#e0357a;
--bf-mimo-2:#ffffff;
}
html[data-bf="ativo"][data-tema-bf="amarelo"][data-tema-efetivo="claro"]{
  --bfk-g1:#6b1d44;--bfk-g2:#2e0b1e;--bfk-ouro1:#ffe4ef;--bfk-ouro2:#F4ACC7;--bfk-ouro3:#c2185b;
}
html[data-bf="ativo"][data-tema-bf="amarelo"][data-tema-efetivo="claro"] body{
  background-image:
    radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.85),transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='72'%3E%3Crect width='160' height='72' fill='%23fff7fa'/%3E%3Crect x='2' y='2' width='76' height='32' rx='3' fill='%23fde9f0'/%3E%3Crect x='82' y='2' width='76' height='32' rx='3' fill='%23fbe3ec'/%3E%3Crect x='-38' y='38' width='76' height='32' rx='3' fill='%23fbe3ec'/%3E%3Crect x='42' y='38' width='76' height='32' rx='3' fill='%23fde9f0'/%3E%3Crect x='122' y='38' width='76' height='32' rx='3' fill='%23fbe3ec'/%3E%3C/svg%3E");
  background-size:auto,160px 72px;
}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-vinheta{
  background:radial-gradient(120% 70% at 50% 35%,transparent 55%,rgba(224,53,122,.12) 100%);
}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-fita{box-shadow:0 10px 24px rgba(168,26,88,.18)}
html[data-bf="ativo"][data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-card{
  --k-chip-sombra:rgba(224,53,122,.28);
  --k-nome-fundo:rgba(224,53,122,.14);
}
html[data-bf="ativo"][data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-etiqueta{background:#fff;color:#c2185b;border-color:#f2a7c4}
html[data-bf="ativo"][data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-etiqueta b{color:#4a1430}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-mimo-desc{box-shadow:0 8px 20px rgba(224,53,122,.14),inset 0 1px 0 #fff}
/* Ajuste do claro (pedido do dono, a partir do escuro): fitas rosa; título
   "BLACK FRIDAY" em rosa mais escuro (no escuro é branco); "dos kits" em
   rosa mais claro para destacar por cima; relógio SEM o contraste da caixa
   vinho — caixa clara com borda rosa e números em rosa mais escuro. */
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"]{
--bf-titulo-1:#f37aab;
--bf-titulo-2:#e0508d;
--bf-titulo-3:#c23a75;
--bf-cursiva:#e0357a;
--bf-relogio-fundo:#ffe6ef;
--bf-relogio-miolo:#ffffff;
--bf-led:#d63f80;
--bf-led-brilho:rgba(214,63,128,.35);
--bf-led-apagado:rgba(214,63,128,.09);
}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-titulo .bfk-t{
  filter:drop-shadow(0 5px 0 rgba(160,30,90,.22)) drop-shadow(0 12px 16px rgba(160,30,90,.18));
}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-titulo .bfk-cursiva{
  color:#ffd3e4;
  text-shadow:0 2px 0 #b02a66,0 -1px 0 #b02a66,1px 0 0 #b02a66,-1px 0 0 #b02a66,0 0 16px rgba(176,42,102,.45);
}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-relogio{
  box-shadow:
    0 0 0 3px var(--bf-borda),
    0 0 0 6px rgba(224,53,122,.10),
    0 18px 34px rgba(224,53,122,.16),
    inset 0 2px 0 #fff;
}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-digitos{
  background:rgba(224,53,122,.06);
  box-shadow:inset 0 2px 8px rgba(224,53,122,.12),0 1px 0 #fff;
}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-relogio-t{color:#c2185b}
html[data-tema-bf="amarelo"][data-tema-efetivo="claro"] .bfk-rot{color:#a0607e}