.barra {
  position: fixed; right: 0; bottom: 0; left: 0; z-index: 30;
  display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--spazio-griglia);
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--linea);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -10px 30px -12px rgba(20, 20, 20, 0.2);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: transform 0.25s ease;
}
@media (min-width: 900px) { .barra { display: none; } }
@media (max-width: 899.98px) { html { scroll-padding-bottom: calc(var(--altezza-barra) + env(safe-area-inset-bottom)); } }
.barra--nascosta { transform: translateY(110%); }
.barra a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 52px; border-radius: var(--raggio-pillola); font: 600 var(--misura-label)/1 var(--font-titoli); text-decoration: none; }
.barra__prezzo { flex-direction: column; gap: 2px !important; border: 1.5px solid var(--linea); color: var(--testo); }
.barra__prezzo > span { color: var(--testo-2); font: 600 0.75rem/1.1 var(--font-titoli); }
.barra__prezzo strong { color: var(--rosso-scuro); font: 800 1.0625rem/1.1 var(--font-titoli); }
.barra--prezzo .barra__chiama, .barra--chiama .barra__prezzo { display: none; }
.barra__chiama { border: 1.5px solid var(--linea); color: var(--testo); }
.barra__chiama .bi { color: var(--rosso); }
.barra__whatsapp { background: var(--nero); color: var(--bianco); }
.barra__iscriviti { background: var(--rosso); color: var(--bianco); }