/* V75.131 — barra do carrinho com a sacola de olhos. Cores: Master → config_plataforma/sacola (padrão: barra grafite, sacola marrom queimado). */
.barra-carrinho-global.barra-sacola { background: var(--barra-carrinho, #1d1d1d); color: #fff; border-radius: 17px; min-height: 58px; padding: 0 16px 0 12px; gap: 12px; font-weight: 600; box-shadow: 0 10px 24px rgba(0,0,0,.22); }
.barra-sacola .sacola-ic { flex: none; display: flex; }
.barra-sacola .barra-texto { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; font-size: 14.5px; }
.barra-sacola .barra-texto b { font-weight: 700; display: inline-block; transform-origin: left center; }
.barra-sacola .barra-texto small { font-weight: 500; font-size: 11.5px; opacity: .88; }
.barra-sacola strong { font-size: 15.5px; font-weight: 700; white-space: nowrap; }
.sacola-svg .sacola-alca { stroke: #fff; }
.sacola-svg .sacola-corpo { fill: var(--sacola-cor, #b85c00); }
.sacola-svg .sacola-olho { fill: #e9a728; transform-box: fill-box; transform-origin: center; }

/* sequência depois do "Adicionar": espera a tela do produto descer → a barra sobe → os olhos piscam duas vezes */
.barra-sacola.esperando { visibility: hidden; }
.barra-sacola.sobe { animation: sacolaBarraSobe .4s cubic-bezier(.2,.9,.3,1.25); }
.barra-sacola.pisca .sacola-olho { animation: sacolaPisca .9s ease-in-out; }
.barra-sacola.pisca .barra-texto b { animation: sacolaPulo .35s ease-out; }
@keyframes sacolaBarraSobe { from { transform: translateY(150%); } to { transform: none; } }
@keyframes sacolaPisca { 0%, 100% { transform: scaleY(1); } 12%, 20% { transform: scaleY(.1); } 32% { transform: scaleY(1); } 55%, 63% { transform: scaleY(.1); } 75% { transform: scaleY(1); } }
@keyframes sacolaPulo { 0% { transform: scale(1); } 40% { transform: scale(1.18); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .barra-sacola.sobe, .barra-sacola.pisca .sacola-olho, .barra-sacola.pisca .barra-texto b { animation: none; }
}
/* vence as regras antigas da barra (global.css: span:nth-child(2) e strong) */
.barra-carrinho-global.barra-sacola .barra-texto { flex: 1; font-size: 14.5px; }
.barra-carrinho-global.barra-sacola .barra-texto b span { flex: none; font-size: inherit; }
.barra-carrinho-global.barra-sacola strong { font-size: 15.5px; }