/* Ponuka "Pridať na plochu" — pevný pásik nad hlavičkou, zatvárateľný. */
.pwa-ponuka {
  position: fixed; top: 0; left: 0; right: 0; z-index: 40;
  display: flex; align-items: center; gap: 12px;
  padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 10px;
  background: var(--ink); color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  font-size: .86rem; line-height: 1.35;
}
.pwa-ponuka img { width: 36px; height: 36px; border-radius: 8px; flex: 0 0 auto; background: #fff; }
.pwa-text { flex: 1 1 auto; min-width: 0; }
.pwa-text b { display: block; font-size: .92rem; }
.pwa-btn {
  flex: 0 0 auto; border: 0; border-radius: 999px; padding: 9px 14px;
  background: #fff; color: var(--ink); font: inherit; font-weight: 700; cursor: pointer;
}
.pwa-zavriet {
  flex: 0 0 auto; border: 0; background: none; color: #fff; opacity: .75;
  font-size: 1.4rem; line-height: 1; padding: 4px 6px; cursor: pointer;
}
.pwa-btn:focus-visible, .pwa-zavriet:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Pásik vyskočí zhora a potom ikona s tlačidlom opakovane poskočia. */
@keyframes pwa-vstup { 0% { transform: translateY(-110%); } 60% { transform: translateY(8%); } 80% { transform: translateY(-3%); } 100% { transform: translateY(0); } }
@keyframes pwa-skok { 0%, 55%, 100% { transform: translateY(0); } 15% { transform: translateY(-9px); } 30% { transform: translateY(0); } 42% { transform: translateY(-4px); } }
.pwa-ponuka { animation: pwa-vstup .7s cubic-bezier(.2, .8, .3, 1) both; }
.pwa-ponuka img, .pwa-btn { animation: pwa-skok 2.4s ease-in-out 1.2s infinite; }
.pwa-btn { animation-delay: 1.35s; }
@media (prefers-reduced-motion: reduce) {
  .pwa-ponuka, .pwa-ponuka img, .pwa-btn { animation: none; }
}