body.has-menu-nav { padding-bottom: 92px; }

.sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 16px;
  background: #3a2a22;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 10px 10px max(10px, env(safe-area-inset-bottom)) !important;
  text-align: left;
  border-top: 2px solid #ff8c42;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
  z-index: 900;
}

.sticky-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto;
  flex: 0 0 auto;
  min-width: 0;
  padding: 6px 8px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
  border-radius: 10px;
  -webkit-tap-highlight-color: transparent;
}

.sticky-nav-item i {
  font-size: 1.55rem;
  line-height: 1;
}

.sticky-nav-item span {
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}

.sticky-nav-item.food i { color: #ff9a72; }
.sticky-nav-item.drink i { color: #7adcff; }
.sticky-nav-item.seafood i { color: #7ef0d8; }
.sticky-nav-item.smoke i { color: #ffc46b; }

.sticky-nav-item.is-active,
.sticky-nav-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.sticky-nav-item.is-active span,
.sticky-nav-item:hover span {
  color: #fff;
}

@media (min-width: 769px) {
  .sticky-footer {
    gap: 28px;
  }

  .sticky-nav-item {
    padding: 7px 12px;
  }

  .sticky-nav-item i {
    font-size: 1.7rem;
  }

  .sticky-nav-item span {
    font-size: 0.74rem;
  }
}

footer {
  text-align: center;
  padding: 16px 15px 20px;
  background: #000;
  font-size: 0.72rem;
  color: #666;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

footer .footer-copy {
  color: #666;
}