.bottomBar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}

.bottomBar.show {
  transform: translateY(0);
  pointer-events: auto;
}

.bottomBar__content {
  max-width: 480px;
  margin: 0 auto;
  background: #f08707;
  padding: 16px 28px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 -4px 20px rgba(240,135,7,0.25);
}

.bottomBar__icon {
  font-size: 1.3rem;
  line-height: 1;
  flex-shrink: 0;
}

.bottomBar__title {
  font-family: 'Arial', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--c-white);
  white-space: nowrap;
}

/* Estado sem cupons */
.bottomBar[data-coupons="0"] .bottomBar__content {
  background: #455A64;
}