/* Blocos da página de TikTok Shop (parts/blocos-tiktok.php): tiktok-compra e tiktok-caminhos (o checklist usa
   fg-implantacao.css). Estados ligados pelo JS: fg-anim = animação ligada; f1..f4 = fase da compra; s1..s5 = passo
   do caminho; is-on = item aceso; is-feito = passo concluído. Sem JS ou com "reduzir movimento": estado final, parado.
   Texto de ilustração vem de data-t (content: attr), fora do texto indexado. */

.fg-tt,.fg-tc{font-family:"IBM Plex Sans","IBM Plex Sans Fallback",Arial,sans-serif;color:#4d3b3c;text-align:left}
.fg-tt *,.fg-tc *{box-sizing:border-box}
.fg-tt [data-t]:after,.fg-tc [data-t]:after{content:attr(data-t)}
.fg-tt svg,.fg-tc svg{display:block}

/* ---------- Do vídeo à compra: ilustração ao lado dos itens ---------- */
#fg-lp-v2 .session-bloco.bloco-tiktok-compra .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:center}
#fg-lp-v2 .bloco-tiktok-compra .container>*{grid-column:1/-1}
#fg-lp-v2 .bloco-tiktok-compra .container>.fg-tt{grid-column:1;min-width:0}
#fg-lp-v2 .bloco-tiktok-compra .container>.bloco-itens{grid-column:2;min-width:0;grid-template-columns:1fr;gap:6px;max-width:none;margin:0}
#fg-lp-v2 .bloco-tiktok-compra .bloco-item{position:relative;padding:14px 16px 14px 20px;border-radius:14px;border:1px solid transparent;background:transparent;box-shadow:none;transition:background-color .35s ease,border-color .35s ease,opacity .35s ease,box-shadow .35s ease}
#fg-lp-v2 .bloco-tiktok-compra .bloco-item:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:#f3d3dd;transition:background-color .35s ease}
#fg-lp-v2 .bloco-tiktok-compra .bloco-item-titulo{font-size:18px;margin:0 0 4px}
#fg-lp-v2 .bloco-tiktok-compra .bloco-item-texto p{font-size:15px!important;line-height:1.55}
.fg-tt.fg-anim+.bloco-itens .bloco-item{opacity:.5}
.fg-tt.fg-anim+.bloco-itens .bloco-item.is-on{opacity:1;background:#fff;border-color:#f2dbe2;box-shadow:0 10px 28px rgba(47,23,24,.08)}
.fg-tt.fg-anim+.bloco-itens .bloco-item.is-on:before{background:#f91669}

.fg-tt-palco{position:relative;max-width:480px;height:520px;margin:0 auto}
.fg-tt-cel{position:absolute;left:0;top:0;width:256px;height:520px;padding:9px;border-radius:40px;background:#16090b;box-shadow:0 24px 60px rgba(47,23,24,.22),inset 0 0 0 2px #3a2526}
.fg-tt-tela{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#000}
.fg-tt-video{position:absolute;inset:0;background:linear-gradient(165deg,#ffe3d6 0%,#f6b4a2 52%,#c9786b 100%)}
.fg-tt-luz{position:absolute;left:50%;top:38%;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 70%)}
.fg-tt-video .fg-tt-frasco{position:absolute;left:50%;top:38%;width:84px;height:140px;margin:-70px 0 0 -42px;filter:drop-shadow(0 14px 18px rgba(80,30,25,.25))}
.fg-tt-prog{position:absolute;left:14px;right:14px;top:14px;height:3px;border-radius:3px;background:rgba(255,255,255,.4);overflow:hidden}
.fg-tt-prog b{display:block;height:100%;width:100%;background:#fff;border-radius:3px}
.fg-tt-acoes{list-style:none;margin:0;padding:0;position:absolute;right:10px;bottom:132px;display:flex;flex-direction:column;gap:14px}
.fg-tt-acoes li{margin:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.fg-tt-acoes svg{width:26px;height:26px}
.fg-tt-leg{position:absolute;left:14px;right:56px;bottom:80px;color:#fff;font-size:12px;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.fg-tt-leg b{display:block;font-size:13px;margin-bottom:2px}
.fg-tt-tag{position:absolute;left:12px;right:12px;bottom:16px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.fg-tt-tag-ico{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#fe2c55;color:#fff;display:flex;align-items:center;justify-content:center}
.fg-tt-tag-ico svg{width:19px;height:19px}
.fg-tt-tag-nome{font-size:12px;font-weight:600;color:#1a1a1a;line-height:1.2}
.fg-tt-tag-preco{font-size:12px;font-weight:700;color:#fe2c55;line-height:1.2}

.fg-tt-folha{position:absolute;left:0;right:0;bottom:0;padding:16px 14px 18px;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);transform:translateY(110%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.fg-tt-folha-topo{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;margin-bottom:14px}
.fg-tt-mini{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:12px;background:#fbe9e3}
.fg-tt-mini .fg-tt-frasco{width:30px;height:48px}
.fg-tt-fn{display:block;font-size:13px;color:#1a1a1a;line-height:1.25}
.fg-tt-fp{display:block;font-size:15px;font-weight:700;color:#fe2c55;margin-top:2px}
.fg-tt-btns{display:flex;gap:8px}
.fg-tt-btn{flex:1;display:flex;align-items:center;justify-content:center;height:38px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}
.fg-tt-btn-1{background:#fe2c55;color:#fff}
.fg-tt-btn-2{background:#fff0f3;color:#fe2c55}
.fg-tt-linha{display:grid;grid-template-columns:20px 1fr 22px;gap:9px;align-items:center;padding:10px 2px;border-bottom:1px solid #f1eaeb;font-size:12.5px;color:#1a1a1a}
.fg-tt-linha>svg{width:18px;height:18px;color:#8a7476}
.fg-tt-linha i{width:22px;height:22px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,opacity .35s ease}
.fg-tt-linha i svg{width:13px;height:13px}
.fg-tt-folha-pag .fg-tt-btns{margin-top:14px}
.fg-tt-ok{position:absolute;inset:0;border-radius:20px 20px 0 0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#1a1a1a;transition:opacity .4s ease}
.fg-tt-ok span{width:46px;height:46px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center}
.fg-tt-ok span svg{width:24px;height:24px}
.fg-tt-toque{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid #fe2c55;background:rgba(254,44,85,.18);opacity:0;pointer-events:none}

/* painel da operação (o pedido entra no ERP/loja) */
.fg-tt-op{position:absolute;right:0;bottom:38px;width:236px;padding:14px 14px 10px;background:#fff;border:1px solid #eadde0;border-radius:18px;box-shadow:0 20px 50px rgba(47,23,24,.16)}
.fg-tt-op-topo{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #f3e8ea;font-size:14px;color:#2f1718}
.fg-tt-op-topo svg{width:20px;height:20px;color:#c2094f}
.fg-tt-op-lista{list-style:none;margin:0;padding:0}
.fg-tt-op-lista li{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:center;margin:0;padding:8px 0;font-size:13px;line-height:1.3;color:#4d3b3c}
.fg-tt-op-lista li:first-child{font-weight:600;color:#2f1718}
.fg-tt-op-lista i{width:22px;height:22px;border-radius:50%;border:2px solid #16a34a;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .35s ease}
.fg-tt-op-lista i svg{width:12px;height:12px}
.fg-tt-voo{position:absolute;left:-150px;top:30px;width:38px;height:38px;border-radius:50%;background:#fe2c55;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;box-shadow:0 8px 20px rgba(254,44,85,.35)}
.fg-tt-voo svg{width:20px;height:20px}

/* estado final (sem animação): checkout concluído e pedido na operação */
.fg-tt:not(.fg-anim) .fg-tt-folha-pag{transform:none}

/* animação por fases */
.fg-tt.fg-anim .fg-tt-tag{opacity:0;transform:translateY(12px) scale(.96);transition:opacity .4s ease,transform .4s ease}
.fg-tt.fg-anim .fg-tt-prog b{width:0}
.fg-tt.fg-anim.f1 .fg-tt-prog b{width:100%;transition:width 2.6s linear}
.fg-tt.fg-anim.f1 .fg-tt-tag,.fg-tt.fg-anim.f2 .fg-tt-tag{opacity:1;transform:none;transition-delay:.7s}
.fg-tt.fg-anim.f2 .fg-tt-tag{transition-delay:0s}
.fg-tt.fg-anim.f2 .fg-tt-prog b,.fg-tt.fg-anim.f3 .fg-tt-prog b,.fg-tt.fg-anim.f4 .fg-tt-prog b{width:100%}
.fg-tt.fg-anim.f2 .fg-tt-folha-prod{transform:none}
.fg-tt.fg-anim.f3 .fg-tt-folha-pag,.fg-tt.fg-anim.f4 .fg-tt-folha-pag{transform:none}
.fg-tt.fg-anim .fg-tt-linha i{opacity:0;transform:scale(.4)}
.fg-tt.fg-anim.f3 .fg-tt-linha i,.fg-tt.fg-anim.f4 .fg-tt-linha i{opacity:1;transform:none}
.fg-tt.fg-anim.f3 .fg-tt-linha:nth-child(1) i{transition-delay:.5s}
.fg-tt.fg-anim.f3 .fg-tt-linha:nth-child(2) i{transition-delay:.9s}
.fg-tt.fg-anim .fg-tt-ok{opacity:0}
.fg-tt.fg-anim.is-feito .fg-tt-ok,.fg-tt.fg-anim.f4 .fg-tt-ok{opacity:1}
.fg-tt.fg-anim .fg-tt-op-lista i{background:#fff;border-color:#e3d3d6;color:transparent}
.fg-tt.fg-anim .fg-tt-op-lista li{opacity:.55;transition:opacity .35s ease}
.fg-tt.fg-anim.f4 .fg-tt-op-lista li{opacity:1;transition-delay:calc(.9s + var(--i)*.45s)}
.fg-tt.fg-anim.f4 .fg-tt-op-lista i{background:#16a34a;border-color:#16a34a;color:#fff;transition-delay:calc(.9s + var(--i)*.45s)}
.fg-tt.fg-anim.f4 .fg-tt-voo{animation:fgTtVoo 1s cubic-bezier(.4,0,.2,1) forwards}
.fg-tt.fg-anim.f4 .fg-tt-op{animation:fgTtPulso .5s ease .95s 1}
.fg-tt-toque.is-on{animation:fgTtToque .6s ease-out 1}
@keyframes fgTtVoo{0%{opacity:0;transform:translate(0,40px) scale(.6)}15%{opacity:1}80%{opacity:1;transform:translate(150px,-6px) scale(1)}100%{opacity:0;transform:translate(170px,0) scale(.6)}}
@keyframes fgTtPulso{0%,100%{transform:none}50%{transform:scale(1.03)}}
@keyframes fgTtToque{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}

/* ---------- Dois caminhos: Implantação × Anúncios ---------- */
.fg-tc{max-width:1080px;margin:8px auto 0}
.fg-tc-tabs{display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 26px;padding:6px;border-radius:999px;background:#f6e6ea}
.fg-tc-tab{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:0;border-radius:999px;background:transparent;font:600 16px/1.2 "IBM Plex Sans","IBM Plex Sans Fallback",Arial,sans-serif;color:#6a0b11;cursor:pointer;transition:background .3s ease,color .3s ease,box-shadow .3s ease}
.fg-tc-tab:focus-visible{outline:2px solid #f91669;outline-offset:2px}
.fg-tc-tn{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:#fff;color:#c2094f}
.fg-tc-tab.is-on{background:linear-gradient(120deg,#2f1718,#8f1b45);color:#fff;box-shadow:0 8px 22px rgba(47,23,24,.22)}
.fg-tc-tab.is-on .fg-tc-tn{background:#f91669;color:#fff}
.fg-tc-painel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:center;padding:36px 40px;background:#fff;border:1px solid #e8d9db;border-radius:22px;box-shadow:0 6px 22px rgba(47,23,24,.06)}
.fg-tc-painel+.fg-tc-painel{margin-top:22px}
.fg-tc.is-js .fg-tc-painel{display:none;margin-top:0}
.fg-tc.is-js .fg-tc-painel.is-on{display:grid;animation:fgTcEntra .45s ease}
@keyframes fgTcEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#fg-lp-v2 .fg-tc-txt h3{margin:0 0 8px;font-size:24px;line-height:1.25;font-weight:600;color:#2f1718;text-wrap:balance}
#fg-lp-v2 .fg-tc-sub{margin:0 0 20px;font-size:16px!important;line-height:1.55;color:#5b4446;text-wrap:pretty}
.fg-tc-passos{list-style:none;margin:0;padding:0}
.fg-tc-passos li{position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:14px;margin:0;padding:0 0 16px;transition:opacity .35s ease}
.fg-tc-passos li:last-child{padding-bottom:0}
.fg-tc-passos li:not(:last-child):before{content:"";position:absolute;left:16px;top:36px;bottom:2px;width:2px;background:#f91669;border-radius:2px}
.fg-tc-bola{position:relative;width:34px;height:34px;border-radius:50%;border:2px solid #f91669;background:#f91669;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .35s ease}
.fg-tc-bola svg{width:16px;height:16px}
.fg-tc-bola em{display:none;font-style:normal;font-weight:600;font-size:14px}
#fg-lp-v2 .fg-tc-passos strong{display:block;font-size:17px;line-height:1.3;color:#2f1718;margin:5px 0 3px}
#fg-lp-v2 .fg-tc-passos p{margin:0;font-size:15px!important;line-height:1.5;color:#5b4446}
#fg-lp-v2 .fg-tc-passos a{color:#c2094f;text-decoration:underline}
/* animado: pendente = número; vez = anel; feito = ✓ */
.fg-tc.fg-anim .fg-tc-passos li{opacity:.5}
.fg-tc.fg-anim .fg-tc-passos li:before{background:#eadde0}
.fg-tc.fg-anim .fg-tc-bola{background:#fff;border-color:#e3d3d6;color:#8a7476}
.fg-tc.fg-anim .fg-tc-bola svg{display:none}
.fg-tc.fg-anim .fg-tc-bola em{display:block}
.fg-tc.fg-anim .fg-tc-passos li.is-on,.fg-tc.fg-anim .fg-tc-passos li.is-feito{opacity:1}
.fg-tc.fg-anim .fg-tc-passos li.is-on .fg-tc-bola{border-color:#f91669;color:#c2094f;box-shadow:0 0 0 6px rgba(249,22,105,.14)}
.fg-tc.fg-anim .fg-tc-passos li.is-feito .fg-tc-bola{background:#f91669;border-color:#f91669;color:#fff}
.fg-tc.fg-anim .fg-tc-passos li.is-feito .fg-tc-bola svg{display:block}
.fg-tc.fg-anim .fg-tc-passos li.is-feito .fg-tc-bola em{display:none}
.fg-tc.fg-anim .fg-tc-passos li.is-feito:before{background:#f91669}

/* ilustração da implantação: janela com o status de cada etapa + cena (catálogo, envio, sincronização) */
.fg-tc-ilu{min-width:0}
.fg-tc-janela{background:#fff;border:1px solid #eadde0;border-radius:16px;box-shadow:0 18px 44px rgba(47,23,24,.12);overflow:hidden}
.fg-tc-jtopo{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#faf3f4;border-bottom:1px solid #f1e6e8;font-size:13px;color:#2f1718}
.fg-tc-jtopo span{width:9px;height:9px;border-radius:50%;background:#e3d3d6}
.fg-tc-jtopo b{margin-left:8px;font-weight:600}
.fg-tc-status{list-style:none;margin:0;padding:8px 16px}
.fg-tc-status li{display:flex;align-items:center;justify-content:space-between;margin:0;padding:9px 0;border-bottom:1px solid #f6eef0;font-size:14px;color:#2f1718}
.fg-tc-status li:last-child{border-bottom:0}
.fg-tc-pill{font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:#e7f7ec;color:#15803d;transition:all .3s ease}
.fg-tc-pill:after{content:attr(data-ok)!important}
.fg-tc.fg-anim .fg-tc-status li .fg-tc-pill{background:#f3edee;color:#8a7476}
.fg-tc.fg-anim .fg-tc-status li .fg-tc-pill:after{content:attr(data-t)!important}
.fg-tc.fg-anim .fg-tc-status li.is-ok .fg-tc-pill{background:#e7f7ec;color:#15803d}
.fg-tc.fg-anim .fg-tc-status li.is-ok .fg-tc-pill:after{content:attr(data-ok)!important}
.fg-tc-cena{display:grid;grid-template-columns:1fr auto 54px;gap:12px;align-items:center;padding:14px 16px 16px;border-top:1px solid #f1e6e8;background:#fdf8f9}
.fg-tc-cat{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fg-tc-cat i{aspect-ratio:1;border-radius:8px;background:linear-gradient(160deg,#ffe3d6,#f2ad9b)}
.fg-tc-cat i:nth-child(2){background:linear-gradient(160deg,#e5ecff,#a9b9ec)}
.fg-tc-cat i:nth-child(3){background:linear-gradient(160deg,#e3f6ee,#9fd9bf)}
.fg-tc-cat i:nth-child(4){background:linear-gradient(160deg,#fff1cf,#f0c96a)}
.fg-tc-sync{display:flex;align-items:center;gap:6px}
.fg-tc-no{font-size:11px;font-weight:600;padding:5px 8px;border-radius:8px;background:#2f1718;color:#fff;white-space:nowrap}
.fg-tc-no:last-child{background:#fff;color:#2f1718;border:1px solid #e3d3d6}
.fg-tc-ida{width:26px;height:26px;color:#c2094f}
.fg-tc-ida svg{width:26px;height:26px}
.fg-tc-env{width:54px;height:54px;border-radius:14px;background:#fde7ef;color:#c2094f;display:flex;align-items:center;justify-content:center}
.fg-tc-env svg{width:28px;height:28px}
.fg-tc.fg-anim .fg-tc-ilu-imp .fg-tc-cat i{opacity:.15;transform:scale(.8);transition:all .35s ease}
.fg-tc.fg-anim .fg-tc-ilu-imp.s2 .fg-tc-cat i{opacity:1;transform:none}
.fg-tc.fg-anim .fg-tc-ilu-imp.s2 .fg-tc-cat i:nth-child(2){transition-delay:.12s}
.fg-tc.fg-anim .fg-tc-ilu-imp.s2 .fg-tc-cat i:nth-child(3){transition-delay:.24s}
.fg-tc.fg-anim .fg-tc-ilu-imp.s2 .fg-tc-cat i:nth-child(4){transition-delay:.36s}
.fg-tc.fg-anim .fg-tc-ilu-imp .fg-tc-env,.fg-tc.fg-anim .fg-tc-ilu-imp .fg-tc-sync{opacity:.2;transition:opacity .35s ease}
.fg-tc.fg-anim .fg-tc-ilu-imp.s3 .fg-tc-env,.fg-tc.fg-anim .fg-tc-ilu-imp.s4 .fg-tc-sync{opacity:1}
.fg-tc.fg-anim .fg-tc-ilu-imp.s4 .fg-tc-ida svg{animation:fgTcGira 1.4s linear infinite}
.fg-tc.fg-anim .fg-tc-ilu-imp.s5 .fg-tc-env{animation:fgTtPulso .6s ease 2}
@keyframes fgTcGira{to{transform:rotate(360deg)}}

/* ilustração dos anúncios: vídeo vira anúncio, barras de vendas atribuídas sobem */
.fg-tc-ads{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:end}
.fg-tc-vid{position:relative;height:250px;border-radius:20px;background:linear-gradient(165deg,#ffe3d6,#f6b4a2 55%,#c9786b);box-shadow:0 18px 44px rgba(47,23,24,.16);overflow:hidden;border:6px solid #16090b}
.fg-tc-vid .fg-tt-frasco{position:absolute;left:50%;top:42%;width:54px;height:90px;margin:-45px 0 0 -27px}
.fg-tc-play{position:absolute;left:10px;top:10px;width:24px;height:24px;color:#fff;opacity:.85}
.fg-tc-play svg{width:20px;height:20px}
.fg-tc-pat{position:absolute;right:8px;top:10px;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;transition:all .35s ease}
.fg-tc-vnome{position:absolute;left:8px;right:8px;bottom:8px;font-size:10.5px;font-weight:600;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.95);color:#1a1a1a;line-height:1.2;transition:all .35s ease}
.fg-tc-graf{padding:16px 16px 12px;background:#fff;border:1px solid #eadde0;border-radius:16px;box-shadow:0 18px 44px rgba(47,23,24,.12)}
.fg-tc-gtit{display:block;font-size:13px;font-weight:600;color:#2f1718;margin-bottom:10px}
.fg-tc-barras{display:flex;align-items:flex-end;gap:10px;height:150px;padding-bottom:20px;border-bottom:1px solid #f1e6e8}
.fg-tc-barras span{position:relative;flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#f91669,#8f1b45);transition:height .7s cubic-bezier(.2,.8,.2,1)}
.fg-tc-sem{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-style:normal;font-size:11px;color:#8a7476}
.fg-tc.fg-anim .fg-tc-ilu-ads .fg-tc-pat,.fg-tc.fg-anim .fg-tc-ilu-ads .fg-tc-vnome{opacity:0;transform:translateY(6px)}
.fg-tc.fg-anim .fg-tc-ilu-ads.s2 .fg-tc-pat,.fg-tc.fg-anim .fg-tc-ilu-ads.s2 .fg-tc-vnome{opacity:1;transform:none}
.fg-tc.fg-anim .fg-tc-ilu-ads .fg-tc-barras span{height:8%}
.fg-tc.fg-anim .fg-tc-ilu-ads.s3 .fg-tc-barras span{height:var(--h)}
.fg-tc.fg-anim .fg-tc-ilu-ads.s3 .fg-tc-barras span:nth-child(2){transition-delay:.15s}
.fg-tc.fg-anim .fg-tc-ilu-ads.s3 .fg-tc-barras span:nth-child(3){transition-delay:.3s}
.fg-tc.fg-anim .fg-tc-ilu-ads.s3 .fg-tc-barras span:nth-child(4){transition-delay:.45s}

/* ---------- Tablet e celular ---------- */
@media (max-width:1024px){
  #fg-lp-v2 .session-bloco.bloco-tiktok-compra .container{column-gap:28px}
  .fg-tt-palco{transform:scale(.88);transform-origin:top center;height:520px;margin-bottom:-62px}
  .fg-tc-painel{gap:28px;padding:28px}
}
@media (max-width:760px){
  #fg-lp-v2 .session-bloco.bloco-tiktok-compra .container{display:block}
  #fg-lp-v2 .bloco-tiktok-compra .container>.fg-tt{margin:0 0 18px}
  .fg-tt-palco{transform:none;margin:0 auto;max-width:360px;height:440px}
  .fg-tt-cel{width:214px;height:440px;padding:7px;border-radius:34px}
  .fg-tt-tela{border-radius:28px}
  .fg-tt-op{width:178px;bottom:26px;padding:11px 11px 7px;border-radius:15px}
  .fg-tt-op-topo{font-size:12.5px}
  .fg-tt-op-lista li{font-size:11.5px;padding:6px 0;grid-template-columns:20px 1fr;gap:7px}
  .fg-tt-op-lista i{width:20px;height:20px}
  .fg-tt-video .fg-tt-frasco{width:70px;height:116px;margin:-58px 0 0 -35px}
  .fg-tt-btn{font-size:11px;height:34px}
  .fg-tc-tabs{width:100%}
  .fg-tc-tab{flex:1;justify-content:center;padding:11px 10px;font-size:14.5px;gap:7px}
  .fg-tc-painel{grid-template-columns:1fr;padding:22px 18px;gap:22px}
  #fg-lp-v2 .fg-tc-txt h3{font-size:21px}
  .fg-tc-ads{grid-template-columns:118px 1fr;gap:12px}
  .fg-tc-vid{height:206px}
  .fg-tc-barras{height:120px}
  .fg-tc-cena{grid-template-columns:1fr auto;row-gap:10px}
  .fg-tc-env{display:none}
}
@media (max-width:380px){
  .fg-tt-palco{max-width:330px}
  .fg-tt-cel{width:200px}
  .fg-tt-op{width:166px}
}

/* ---------- Outras frentes (estilo colunas, 3 itens): 3 colunas no computador ---------- */
@media (min-width:1025px){#fg-lp-v2 #outras-frentes .bloco-itens{grid-template-columns:repeat(3,minmax(0,1fr))}}