.flc-video-bolha{position:absolute;right:.65rem;bottom:.65rem;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--flc-primary-dark);border:3px solid #fff;box-shadow:0 5px 18px #35131e42;font-size:1.25rem;z-index:2}.flc-stories{display:flex;gap:16px;overflow:auto;padding:4px 2px 14px;scrollbar-width:thin}.flc-story{flex:0 0 94px;text-align:center;text-decoration:none;color:inherit;cursor:pointer}.flc-story__anel{width:82px;height:82px;margin:auto;padding:3px;border-radius:50%;background:linear-gradient(145deg,var(--flc-primary),#e5a56f);box-shadow:0 6px 18px #5f373326;transition:transform .18s}.flc-story:hover .flc-story__anel{transform:scale(1.05)}.flc-story video,.flc-story img{width:100%;height:100%;border:3px solid #fff;border-radius:50%;object-fit:cover}.flc-story span{display:block;font-size:.72rem;font-weight:800;line-height:1.15;margin-top:6px}.flc-pedido{max-width:680px;margin:auto;text-align:center;border:1px solid var(--flc-line);background:#fffaf7;border-radius:22px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 18px 45px #5f373314}.flc-pedido h1{font-size:1.55rem;font-weight:800}.flc-pedido-icone{font-size:3rem}.flc-pedido-total{font-size:1.75rem;font-weight:900;color:var(--flc-primary-dark)}@media(max-width:575px){.flc-story{flex-basis:78px}.flc-story__anel{width:70px;height:70px}}

/* Vídeos em destaque da home: cartões grandes (retrato, mesma proporção da foto de produto) numa
   fileira que rola na horizontal, com o vídeo tocando sozinho e um cartãozinho com foto/nome/preço
   flutuando no canto inferior — troca dos círculos pequenos de antes, pedido do dono depois de ver
   o site antigo e um concorrente (Onlauri) usando esse formato maior. */
/* .flc-stories-wrap "quebra" a largura do .container pra fileira ocupar a tela inteira (igual às
   referências, ex.: Onlauri) — full-bleed clássico: 100vw com margem negativa recentraliza.
   `overflow-x:hidden` no body corta a sobra do "100vw" (que inclui a barra de rolagem vertical),
   sem afetar a rolagem horizontal interna da fileira (feita nela mesma, via overflow-x:auto).
   O tamanho de cada cartão (--flc-story-w) é calculado pra caber exatamente 7 por vez em telas
   grandes e 3 no mobile — o resto fica disponível rolando (setas/arraste/swipe). */
body{overflow-x:hidden}
.flc-stories-wrap{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
/* Altura fixa (baseada no cartão ATIVO, que é o mais alto) pro contêiner nunca mudar de tamanho
   conforme o vídeo central troca — sem isso, cada troca de "ativo" reflowava a página inteira,
   empurrando o bloco de cima e o rodapé pra cima/baixo a cada rolagem. */
.flc-stories-grandes{--flc-story-w:calc((100vw - 60px)/7);display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding:22px calc(50% - var(--flc-story-w)/2) 18px;height:calc(var(--flc-story-w) * 1.8 + 40px);box-sizing:border-box;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none}
.flc-stories-grandes.arrastando{cursor:grabbing;scroll-snap-type:none}
.flc-stories-grandes::-webkit-scrollbar{display:none}
.flc-stories-seta{position:absolute;top:calc(50% - 9px);transform:translateY(-50%);z-index:5;border:0;background:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);color:var(--flc-ink)}
.flc-stories-seta:hover{background:var(--flc-bg-soft,#f7f1ec)}
.flc-stories-seta-esq{left:10px}
.flc-stories-seta-dir{right:10px}
@media(max-width:767.98px){.flc-stories-seta{display:none}}
.flc-story-grande{position:relative;flex:0 0 var(--flc-story-w);height:calc(var(--flc-story-w) * 1.58);border-radius:16px;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;text-decoration:none;color:inherit;display:block;background:#fff;box-shadow:0 10px 22px rgba(95,55,51,.14);transition:height .3s ease,box-shadow .28s;-webkit-user-drag:none}
.flc-story-grande img,.flc-story-grande video{-webkit-user-drag:none;user-select:none;pointer-events:none}
.flc-story-grande.flc-ativo{height:calc(var(--flc-story-w) * 1.8);box-shadow:0 16px 34px rgba(95,55,51,.3);z-index:2}
.flc-story-grande video{width:100%;height:100%;object-fit:cover;display:block;background:#fff}
.flc-story-grande__info{position:absolute;left:8px;right:8px;bottom:8px;background:#fff;border-radius:12px;padding:.4rem .55rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.flc-story-grande__info img{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:0 0 auto}
.flc-story-grande__info strong{display:block;font-size:.74rem;line-height:1.2;color:var(--flc-ink);font-weight:800}
.flc-story-grande__info span{display:block;font-size:.8rem;font-weight:900;color:var(--flc-primary-dark)}
@media(max-width:767.98px){.flc-stories-grandes{--flc-story-w:calc((100vw - 20px)/3)}}

/* Blocos de produtos da home (Novidades, Mais vendidos, Lançamentos) em carrossel horizontal com
   setas — igual ao "Best Sellers" do site de referência (Onlauri), mas contido dentro do .container
   (sem o full-bleed usado nos vídeos). A seta fica alinhada com o centro da FOTO do cartão, não do
   cartão inteiro (que tem texto embaixo) — daí o "top" fixo em vez de 50% do wrap. */
.flc-produtos-wrap{position:relative}
.flc-produtos-wrap .flc-stories-seta{top:126px}
.flc-produtos-trilha{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 6px}
.flc-produtos-trilha::-webkit-scrollbar{display:none}
.flc-produtos-trilha .product-card{flex:0 0 220px;scroll-snap-align:start}
@media(min-width:992px){.flc-produtos-trilha .product-card{flex:0 0 calc((100% - 16px*3)/4)}}
@media(min-width:576px) and (max-width:991.98px){.flc-produtos-trilha .product-card{flex:0 0 calc((100% - 16px*2)/3)}}
@media(max-width:575px){.flc-produtos-trilha .product-card{flex:0 0 160px}.flc-produtos-wrap .flc-stories-seta{top:96px}}

/* Bolha de vídeo do produto (estilo Stories) — sempre numa colunazinha própria, à esquerda de tudo em
   ".fl-galeria-produto" (antes das miniaturas, quando existem). Existir ou não miniaturas não muda a
   posição da bolha — ela é sempre a primeira coluna, ao lado esquerdo da galeria. Já tentamos
   `position:sticky` pra ela "flutuar" acompanhando a rolagem, mas o alinhamento horizontal quebrava de
   forma inconsistente entre navegadores assim que ela "grudava" no topo (sobrepondo a foto principal) —
   por isso ficou só na posição normal do fluxo, sem flutuar. O rótulo "Assista" aparece em destaque por
   alguns segundos ao carregar a página (classe .mostrar-dica, removida via JS) e depois só no
   hover/toque. */
.flc-story-bubble-coluna{position:relative;flex:0 0 auto;align-self:flex-start}
.flc-story-bubble{position:relative;display:block;width:78px;height:78px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 80%,#4f5bd5);box-shadow:0 10px 28px rgba(47,38,35,.32);cursor:pointer;border:0;animation:flc-story-pulse 2.6s ease-in-out infinite}
.flc-story-bubble__inner{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#000;border:3px solid #fff;position:relative}
.flc-story-bubble__inner video{width:100%;height:100%;object-fit:cover;display:block}
.flc-story-bubble__play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.4rem;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none}
.flc-story-bubble__hint{position:absolute;left:50%;bottom:-1.55rem;transform:translateX(-50%);background:rgba(17,17,17,.78);color:#fff;font-size:.66rem;font-weight:700;padding:.22rem .5rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s}
.flc-story-bubble:hover .flc-story-bubble__hint,.flc-story-bubble.mostrar-dica .flc-story-bubble__hint{opacity:1}
@keyframes flc-story-pulse{0%,100%{box-shadow:0 10px 28px rgba(47,38,35,.32)}50%{box-shadow:0 10px 34px rgba(214,41,118,.42)}}
@media(max-width:767.98px){.flc-story-bubble{width:72px;height:72px}}

/* Galeria de fotos do produto: miniaturas numa coluna vertical à esquerda (com setas pra rolar) e o
   palco principal com setas de navegação sobre a própria foto — pedido do dono, inspirado num
   concorrente (Onlauri), no lugar da fileira horizontal de miniaturas de antes. */
.fl-galeria-produto{display:flex;gap:.6rem;align-items:flex-start}
.fl-galeria-palco-coluna{flex:1;min-width:0;display:flex;justify-content:center}
.fl-galeria-miniaturas{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:0 0 auto}
.fl-galeria-miniaturas-lista{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto;scrollbar-width:none}
.fl-galeria-miniaturas-lista::-webkit-scrollbar{display:none}
.fl-galeria-miniatura{width:60px;height:76px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;background:none;flex:0 0 auto;cursor:pointer}
.fl-galeria-miniatura img{width:100%;height:100%;object-fit:cover;display:block}
.fl-galeria-miniatura.ativa{border-color:var(--flc-primary-dark)}
.fl-galeria-seta-v{border:1px solid var(--flc-line);background:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;color:var(--flc-ink)}
.fl-galeria-seta-v:hover{background:var(--flc-bg-soft,#f7f1ec)}
.fl-galeria-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,.85);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--flc-ink)}
.fl-galeria-nav:hover{background:#fff}
.fl-galeria-nav-esq{left:10px}
.fl-galeria-nav-dir{right:10px}
/* A foto grande usa `height:auto` (deixando a proporção real vir dos atributos width/height do
   próprio <img>) em vez de `height:100%` de um contêiner com `aspect-ratio` — essa combinação
   (contêiner com aspect-ratio + filho em 100%/100%) cria uma dependência circular de tamanho que o
   Safari do iPhone às vezes nunca resolve sozinho: a foto fica com altura zero, invisível, até um
   reload forçado. Os atributos width="1600" height="2133" no HTML já bastam pra reservar o espaço
   certo sem CLS, sem precisar de aspect-ratio no contêiner. */
.fl-galeria-imagem-principal{display:block;width:100%}
.fl-galeria-imagem-principal>img{display:block;width:100%;height:auto}
.fl-galeria-ampliar{position:absolute;right:10px;bottom:10px;z-index:5;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--flc-ink);box-shadow:0 2px 8px rgba(0,0,0,.16);cursor:zoom-in}
.fl-galeria-ampliar:hover{background:#fff}
#flImagemPrincipal{cursor:zoom-in}
.fl-galeria-modal{width:min(960px,96vw);height:min(94vh,1100px);max-width:none;max-height:none;padding:0;border:0;border-radius:18px;overflow:hidden;background:#171513}
.fl-galeria-modal::backdrop{background:rgba(20,16,14,.88);backdrop-filter:blur(3px)}
.fl-galeria-modal picture{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.fl-galeria-modal img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.fl-galeria-modal__fechar{position:absolute;right:12px;top:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#2f2623;font-size:1.1rem;box-shadow:0 2px 10px rgba(0,0,0,.25)}
@media(max-width:991.98px){
  .fl-galeria-produto{flex-direction:column-reverse}
  .fl-galeria-miniaturas{flex-direction:row}
  .fl-galeria-miniaturas-lista{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:visible;padding-bottom:2px}
  .fl-galeria-seta-v{display:none}
  /* Em column-reverse a ordem visual é o INVERSO da ordem numérica — por isso o maior "order" fica no
     topo. Garante foto em cima e miniaturas embaixo. A bolha, no celular, sai do fluxo e vira
     position:fixed — nasce sobreposta no canto superior esquerdo da foto (como no site de referência,
     Onlauri) e continua "solta" ali, acompanhando a rolagem da tela, sem se prender à foto. Usamos
     fixed em vez de sticky de propósito: sticky dentro de flex já causou bug de alinhamento horizontal
     inconsistente entre navegadores (ver o card de "Bolha de vídeo" acima) — fixed com left/top
     explícitos não tem essa ambiguidade. */
  .fl-galeria-palco-coluna{order:2}
  .fl-galeria-miniaturas{order:1}
  .flc-story-bubble-coluna{position:fixed;top:160px;left:12px;z-index:50}
}

/* Modal fullscreen estilo Stories, compartilhado pela home e pelo produto */
.flc-video-modal .modal-dialog{max-width:min(420px,92vw)}
.flc-video-modal .modal-content{background:#111;border:0;border-radius:18px;overflow:hidden}
.flc-video-modal__frame{aspect-ratio:9/16;max-height:86vh;background:#111;position:relative}
.flc-video-modal__frame video{width:100%;height:100%;object-fit:contain;background:#111;display:block}
.flc-video-modal__label{position:absolute;top:.9rem;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.85);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.flc-video-modal__acoes{position:absolute;right:.7rem;bottom:1rem;z-index:3;display:flex;flex-direction:column;gap:.6rem}
.flc-video-modal__acoes button,.flc-video-modal__cta{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#2f2623;display:grid;place-items:center;font-size:1.05rem;text-decoration:none}
.flc-video-modal .btn-close{filter:invert(1) grayscale(1) brightness(2)}

/* Popup de cupom de boas-vindas, disparado ao rolar perto do fim da página */
.flc-cupom-modal .modal-dialog{max-width:min(400px,92vw)}
.flc-cupom-modal .modal-content{border:0;border-radius:20px;overflow:hidden}
.flc-cupom-modal__corpo{padding:2.75rem 1.75rem 2rem;text-align:center;background:linear-gradient(180deg,var(--flc-bg-soft,#f7f1ec) 0%,#fff 55%)}
.flc-cupom-modal__icone{font-size:2.4rem;color:var(--flc-primary-dark);margin-bottom:.5rem}
.flc-cupom-modal__titulo{font-weight:800;margin-bottom:.5rem}
.flc-cupom-modal__texto{color:var(--flc-ink);margin-bottom:1.25rem}
.flc-cupom-modal__codigo{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1.5px dashed var(--flc-primary-dark);border-radius:12px;padding:.6rem .6rem .6rem 1rem;margin-bottom:1.25rem;background:#fff}
.flc-cupom-modal__codigo span{font-weight:800;letter-spacing:.05em;font-size:1.05rem}
.flc-cupom-modal__cta{display:block;font-weight:700;color:var(--flc-primary-dark);text-decoration:underline}

/* Modal informativo de parcelamento na página de produto */
.flc-parcelas-modal__pix{display:flex;align-items:center;gap:.7rem;background:var(--flc-bg-soft,#f7f1ec);border-radius:12px;padding:.7rem .9rem;margin-bottom:1rem}
.flc-parcelas-modal__pix i{font-size:1.4rem;color:var(--flc-primary-dark)}
.flc-parcelas-modal__pix span{display:block;font-size:.78rem;color:var(--flc-muted)}

.product-card__badge.is-sale{background:var(--flc-sale);color:#fff;border-color:var(--flc-sale)}

/* Pills de seleção de variação (cor/tamanho) na página de produto */
.fl-pill-variacao,.fl-pill-cor,.fl-pill-tam{border:1.5px solid var(--flc-primary);border-radius:999px;padding:.4rem 1rem;cursor:pointer;background:#fff;color:var(--flc-ink);font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s,color .15s,opacity .15s}
.fl-pill-cor__bolinha{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block;flex:0 0 auto}
.fl-pill-variacao--ativa,.fl-pill-cor--ativa,.fl-pill-tam--ativa{background:var(--flc-primary-dark);color:#fff;border-color:var(--flc-primary-dark)}
.fl-pill-variacao--esgotada,.fl-pill-cor--esgotada,.fl-pill-tam--esgotada{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.fl-pill-variacao--esgotada.fl-pill-variacao--ativa,.fl-pill-cor--esgotada.fl-pill-cor--ativa,.fl-pill-tam--esgotada.fl-pill-tam--ativa{background:#fff;color:var(--flc-ink);border-color:var(--flc-primary)}

/* Cartão de produto: leve zoom na imagem ao passar o mouse */
.product-card__media img{transition:transform .35s ease}
.product-card__media picture,.fl-galeria-miniatura picture{display:contents}
.flc-cat-card picture{display:block}
.product-card:hover .product-card__media img{transform:scale(1.045)}

/* Banner da home: leve zoom contínuo (efeito "ken burns") no slide ativo */
.flc-hero__bg{transition:opacity .5s ease;animation:flc-hero-zoom 9s ease-in-out infinite alternate}
@keyframes flc-hero-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}

/* Faixa de confiança no rodapé (pagamentos + selo de compra segura) */
.footer-pagamentos{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;border-top:1px solid var(--flc-line);margin-top:1.75rem;padding-top:1.25rem}
.footer-pagamentos__item{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border:1px solid var(--flc-line);border-radius:999px;font-size:.76rem;font-weight:700;color:var(--flc-muted);background:#fff}
.footer-pagamentos__item i{color:var(--flc-primary)}
.store-footer .footer-legal{text-align:center}
@media(max-width:767px){.store-footer{text-align:center}.store-footer .footer-social{justify-content:center}.store-footer .footer-col__list{align-items:center}.store-footer .footer-selos{justify-content:center}}
.footer-operacao{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:28px;align-items:end;border-top:1px solid var(--flc-line);padding-top:22px;margin-top:4px}.footer-operacao section{min-width:0}.footer-operacao img{display:block;width:100%;height:54px;object-fit:contain;margin:0 auto}.footer-operacao .footer-col__title{margin-bottom:8px}@media(max-width:767px){.footer-operacao{grid-template-columns:1fr;gap:18px}.footer-operacao img{max-width:560px;height:auto;min-height:42px}}

/* Menu off-canvas do celular (hambúrguer) */
.offcanvas.fl-menu-mobile{width:min(320px,86vw);background:#fffaf7}
.fl-menu-mobile .offcanvas-header{border-bottom:1px solid var(--flc-line)}
.fl-menu-mobile__conta{display:block;padding:.6rem 0 1rem;font-weight:800;color:var(--flc-ink);text-decoration:none}
.fl-menu-mobile__lista{display:flex;flex-direction:column;padding-top:.5rem}
.fl-menu-mobile__lista a{padding:.7rem 0;border-bottom:1px solid var(--flc-line);text-decoration:none;color:var(--flc-ink);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.03em}
.fl-menu-mobile__lista a.is-sale{color:var(--flc-sale)}
.fl-menu-mobile__lista a.fl-menu-mobile__filho{padding-left:1rem;text-transform:none;font-weight:600;font-size:.85rem;color:var(--flc-muted)}
/* Categorias com subcategorias viram um acordeão nativo (<details>) — fecha por padrão pra não
   exigir tanta rolagem pra chegar nos itens finais (relatado em teste antes do lançamento). */
.fl-menu-mobile__grupo{border-bottom:1px solid var(--flc-line)}
.fl-menu-mobile__grupo-corpo{display:flex;flex-direction:column}
.fl-menu-mobile__grupo summary{padding:.7rem 0;list-style:none;cursor:pointer;color:var(--flc-ink);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.03em;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.fl-menu-mobile__grupo summary::-webkit-details-marker{display:none}
.fl-menu-mobile__grupo summary.is-sale{color:var(--flc-sale)}
.fl-menu-mobile__grupo summary::after{content:"\25be";font-size:.75rem;color:var(--flc-muted);transition:transform .2s}
.fl-menu-mobile__grupo[open] summary::after{transform:rotate(180deg)}
.fl-menu-mobile__grupo .fl-menu-mobile__filho{border-bottom:1px solid var(--flc-line)}
.fl-menu-mobile__grupo .fl-menu-mobile__filho:last-child{border-bottom:0;margin-bottom:.4rem}
.fl-menu-mobile__grupo .fl-menu-mobile__filho--tudo{font-weight:800;text-transform:uppercase;font-size:.72rem;color:var(--flc-primary-dark)}

/* Barra fixa de "Adicionar à sacola" no produto — só no celular, aparece quando o botão original sai da tela */
.flc-barra-adicionar{display:none}
@media(max-width:767px){
  .flc-barra-adicionar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:fixed;left:0;right:0;bottom:0;z-index:41;background:#fffaf7;border-top:1px solid var(--flc-line);box-shadow:0 -8px 24px rgba(47,38,35,.14);padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s ease}
  .flc-barra-adicionar.is-visivel{transform:translateY(0)}
  .flc-barra-adicionar__preco{font-weight:900;color:var(--flc-primary-dark);font-size:1.05rem;white-space:nowrap}
  .flc-barra-adicionar .btn{flex:1}
}

/* Barra de ações fixa no rodapé, só no celular — acesso rápido a catálogo, WhatsApp e sacola */
.flc-barra-mobile{display:none}
@media(max-width:767px){
  .flc-barra-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffaf7;border-top:1px solid var(--flc-line);box-shadow:0 -8px 24px rgba(47,38,35,.12);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom))}
  .flc-barra-mobile a{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none;color:var(--flc-ink);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
  .flc-barra-mobile a i{font-size:1.25rem;color:var(--flc-primary-dark)}
  .flc-barra-mobile a.is-cta i{color:var(--flc-sale)}
  body{padding-bottom:64px}
}