/* 🛒 Sofia no site (10/10/2026): botão flutuante "Fale com a Sofia" e a janelinha dela.
   Conversando, a janelinha fica do tamanho da foto de um produto e acompanha o cliente pelo site. */
#sofiaBtn{position:fixed;right:18px;bottom:18px;z-index:70;border:0;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#ec4899);color:#fff;padding:14px 20px;font-weight:800;font-size:15px;box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer;font-family:"Segoe UI",Arial,sans-serif;display:flex;align-items:center;gap:8px}
#sofiaBtn img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center 15%;border:2px solid #fff}
#sofiaBtn.whats{background:#1fa855}
#sofiaBox{position:fixed;right:18px;bottom:18px;z-index:70;width:300px;max-width:calc(100vw - 24px);height:430px;max-height:calc(100vh - 36px);background:#0a1422;border-radius:14px;box-shadow:0 14px 45px rgba(0,0,0,.4);overflow:hidden;display:none;flex-direction:column;font-family:"Segoe UI",Arial,sans-serif;transition:width .25s ease,height .25s ease;border:2px solid #a855f7}
#sofiaBox.aberto{display:flex}
/* Conversando: do tamanho da foto de um produto (220 x 140) + a barrinha do nome. */
#sofiaBox.pequena{width:224px;height:168px}
#sofiaBox .sf-topo{flex:0 0 26px;background:linear-gradient(90deg,#7c3aed,#ec4899);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 10px;font-size:12.5px;font-weight:800}
#sofiaBox .sf-topo button{border:0;background:transparent;color:#fff;font-size:15px;line-height:1;cursor:pointer;padding:4px 7px}
#sofiaBox iframe{flex:1;width:100%;border:0;display:block;background:#0a1422}
/* Com o carrinho aberto (ele fica na direita), a Sofia vai para a esquerda para não cobrir os botões. */
body.sofia-esq #sofiaBox{right:auto;left:12px}
.card-produto.sofia-destaque{outline:4px solid #ec4899;outline-offset:2px;box-shadow:0 0 0 8px rgba(236,72,153,.18);transition:outline-color .3s}
#btnFinalizarWhats.sofia-pulsa{animation:sofiaPulsa 1s ease-in-out 8;outline:4px solid #f7b500;outline-offset:2px}
@keyframes sofiaPulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
#sofiaRotulo{display:inline-flex;align-items:center;gap:8px;background:#fdf2f8;border:1px solid #f9a8d4;color:#9d174d;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;margin:0 0 10px}
#sofiaRotulo button{border:0;background:#ec4899;color:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;cursor:pointer}
@media (max-width:520px){#sofiaBtn{right:10px;bottom:10px;padding:12px 16px}#sofiaBox{right:8px;bottom:8px}#sofiaBox.pequena{width:190px;height:150px}body.sofia-esq #sofiaBox{left:8px}}