@media (display-mode: standalone) {
  html, body { min-height: 100%; }
  body { min-height: 100dvh; }
  .mobile-bottom-nav { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
}

.pwa-install-chip {
  position: fixed;
  right: 14px;
  bottom: calc(88px + env(safe-area-inset-bottom));
  z-index: 1200;
  border: 1px solid rgba(68,38,23,.18);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(244,238,232,.96);
  color: #442617;
  box-shadow: 0 10px 30px rgba(39,24,16,.16);
  font: inherit;
  font-weight: 700;
}

.pwa-install-guide {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: grid;
  place-items: end center;
  background: rgba(25,15,10,.42);
  padding: 18px;
}

.pwa-install-guide__card {
  width: min(100%, 440px);
  border-radius: 24px;
  background: #f8f3ee;
  color: #442617;
  padding: 22px;
  box-shadow: 0 20px 60px rgba(26,15,9,.28);
}

.pwa-install-guide__card h2 { margin: 0 0 8px; }
.pwa-install-guide__card p { margin: 0 0 16px; line-height: 1.5; }
.pwa-install-guide__card button { width: 100%; }

@media (min-width: 769px) {
  .pwa-install-chip { display: none; }
}