/* sticky-bar.css — mobile-only Store bar at the bottom of app pages (12 s5, 05 "Mobile"). */

.sticky-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-sticky);
  background: var(--surface-raised);
  border-top: var(--border-w) solid var(--border);
  box-shadow: var(--sh-3);
  transform: translateY(100%);
  transition: transform var(--dur) var(--ease);
}

.sticky-bar.is-visible { transform: none; }

.sticky-bar__inner { display: flex; align-items: center; gap: var(--sp-3); min-height: var(--control-h-lg); padding-block: var(--sp-2); }
.sticky-bar__icon { width: var(--control-h-sm); height: var(--control-h-sm); border-radius: var(--r-sm); }
.sticky-bar__name { flex: 1; font-weight: var(--fw-semibold); color: var(--text-strong); }

@media (min-width: 768px) {
  .sticky-bar { display: none; }
}