/* v732912 — CARRINHO QUE FECHA VENDA: hierarquia limpa, barra de frete no topo,
progresso "leve 3+", economia visível, confiança e CTA vivo. */
#idlinkProfileCartSheet .idlink-profile-cart-panel{background:#0b0d10!important}
#idlinkProfileCartSheet .idlink-profile-cart-head strong{font-size:20px!important;letter-spacing:-.5px}
#idlinkProfileCartSheet #idlkCartSub{color:rgba(255,255,255,.55)!important;font-weight:700!important}
#idlkCartFreteBar{margin:10px 16px 6px!important;padding:11px 13px!important;border-radius:16px!important;border:1px solid rgba(215,255,1,.35)!important;background:linear-gradient(135deg,rgba(215,255,1,.14),rgba(215,255,1,.03))!important;order:0}
#idlkCartFreteBar b{display:block;color:#fff!important;font-size:13px!important;font-weight:900!important;margin-bottom:7px}
#idlkCartFreteBar .tr{display:block!important;height:8px!important;border-radius:99px!important;background:rgba(255,255,255,.1)!important;overflow:hidden}
#idlkCartFreteBar .tr i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8ec400,#D7FF01);transition:width .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 14px rgba(215,255,1,.5)}
#idlinkProfileCartSheet .idlink-profile-cart-row{grid-template-columns:56px 1fr auto!important;gap:12px!important;padding:12px 2px!important;align-items:start!important}
#idlinkProfileCartSheet .idlink-profile-cart-row img{width:56px!important;height:56px!important;border-radius:14px!important;object-fit:cover!important;background:#fff!important}
#idlinkProfileCartSheet .idlink-profile-cart-row [data-cart-step]{width:34px!important;height:34px!important;font-weight:900!important}
#idlkCartGanhos{margin:6px 16px 4px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
#idlkCartGanhos .g{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:9px 10px;background:rgba(255,255,255,.04);text-align:center}
#idlkCartGanhos .g b{display:block;color:#fff;font-size:12.5px;font-weight:900;line-height:1.1}
#idlkCartGanhos .g span{display:block;color:rgba(255,255,255,.55);font-size:10.5px;font-weight:800;margin-top:3px;letter-spacing:.02em}
#idlkCartGanhos .g.ok{border-color:rgba(38,242,139,.4);background:rgba(38,242,139,.08)}#idlkCartGanhos .g.ok b{color:#26f28b}
#idlkCartLeve{margin:2px 16px 0;color:#FFC24B;font-size:11.5px;font-weight:900}
#idlkCartLeve .lv{display:flex;align-items:center;gap:8px;margin:6px 0}
#idlkCartLeve .lv i{flex:1;height:5px;border-radius:99px;background:rgba(255,194,75,.18);overflow:hidden;display:block}
#idlkCartLeve .lv i s{display:block;height:100%;background:#FFC24B;text-decoration:none;transition:width .5s}
#idlkCartLeve .lv button{height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,194,75,.55);background:rgba(255,194,75,.12);color:#FFC24B;font-size:11px;font-weight:900;cursor:pointer}
#idlinkProfileCartSheet .idlink-profile-cart-total{margin-top:6px!important;padding:12px 16px!important;border-top:1px solid rgba(255,255,255,.08)!important}
#idlinkProfileCartSheet .idlink-profile-cart-total strong{font-size:26px!important;color:#D7FF01!important;letter-spacing:-.8px}
#idlkCartConfianca{margin:0 16px 8px;display:flex;gap:6px;flex-wrap:wrap}
#idlkCartConfianca span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.7);font-size:10.5px;font-weight:800}
html body #idlinkProfileCartSheet a#idlinkProfileCartCheckout{position:relative;overflow:hidden;height:54px!important;font-size:15px!important;font-weight:1000!important;border-radius:16px!important;animation:idlkCtaPulse 2.2s ease-in-out infinite}
html body #idlinkProfileCartSheet a#idlinkProfileCartCheckout::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:idlkBrilho 2.8s ease-in-out infinite}
@keyframes idlkCtaPulse{0%,100%{box-shadow:0 0 0 0 rgba(215,255,1,.35)}50%{box-shadow:0 0 0 9px rgba(215,255,1,0)}}
@keyframes idlkBrilho{0%{left:-60%}60%{left:120%}100%{left:120%}}
#idlkCartVazio{padding:18px 16px 6px}
#idlkCartVazio .tt{color:#fff;font-size:17px;font-weight:900;letter-spacing:-.4px}
#idlkCartVazio .st{color:rgba(255,255,255,.55);font-size:12.5px;font-weight:700;margin:4px 0 12px}
#idlkCartVazio .sug{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#idlkCartVazio .sug a{display:block;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04)}
#idlkCartVazio .sug img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#fff}
#idlkCartVazio .sug b{display:block;padding:7px 8px 2px;color:#fff;font-size:11px;font-weight:900;line-height:1.2;max-height:2.4em;overflow:hidden}
#idlkCartVazio .sug i{display:block;padding:0 8px 8px;color:#D7FF01;font-style:normal;font-size:12px;font-weight:900}
#idlkCartVazio .sug button{margin:0 8px 9px;width:calc(100% - 16px);height:30px;border:0;border-radius:10px;background:#D7FF01;color:#000;font-weight:900;font-size:11.5px;cursor:pointer}
/* pílula de incentivo no perfil quando o carrinho está vazio */
/* ═══════════════════════════════════════════════════════════════════════════
v733834 — 🔴 `display:flex` PICOU A FRASE EM TRÊS PEDAÇOS.
José: "quebrado". E estava mesmo — a pílula mostrava
"Toque em" / "+" / "para adicionar / ao carrinho" empilhados, por cima da
dock e do banner de queima.
A causa é sutil e vale guardar: num container flex, CADA corrida de texto
solta vira um item anônimo. Como o conteúdo é `🛍 Toque em + para
adicionar ao carrinho`, o `` partiu a frase em três itens independentes,
que quebram linha cada um por sua conta. O `gap:8px` ainda afastou os
pedaços, deixando claro que eram blocos diferentes.
Flex serve para arranjar CAIXAS, não para segurar uma frase com uma palavra
destacada no meio. Aqui a frase é uma linha só e é assim que ela tem de ser
tratada.
E ela sobe acima da dock: `bottom:18px` punha a dica exatamente onde a barra
fixa do carrinho mora, então a dica que ensina a usar o carrinho nascia
escondida atrás dele.
═══════════════════════════════════════════════════════════════════════════ */
#idlkAddHint{position:fixed;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));
transform:translateX(-50%) translateY(20px);opacity:0;z-index:2147482400;
padding:10px 16px;border-radius:999px;background:rgba(11,13,16,.94);
border:1px solid rgba(215,255,1,.5);color:#fff;font-weight:900;font-size:12.5px;
box-shadow:0 12px 30px rgba(0,0,0,.4);transition:all .4s cubic-bezier(.2,.8,.2,1);
pointer-events:none;display:block;white-space:nowrap;max-width:92vw;
overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(14px)}
#idlkAddHint.on{opacity:1;transform:translateX(-50%) translateY(0)}
#idlkAddHint em{font-style:normal;color:#D7FF01}