/* Standalone/PWA controls isolated from the existing public visual system. */
.pzko-pwa-install[hidden], .pzko-pwa-offline[hidden] { display: none !important; }
/* PZKO_PWA_ICON_ONLY_V9_12_11: compact public-header icon, with its
   existing aria-label/title and install event handler left untouched. */
.utility-bar .utility-actions .pzko-pwa-install {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 44px; box-sizing: border-box; width: 44px; height: 44px;
  min-width: 44px; min-height: 44px; gap: 0; padding: 0;
  appearance: none; cursor: pointer;
  border: 1px solid rgba(255,255,255,.10); border-radius: 12px;
  background: rgba(255,255,255,.08); color: #fff;
  box-shadow: none; font: inherit; line-height: 1; touch-action: manipulation;
}
.utility-bar .utility-actions .pzko-pwa-install:hover {
  background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.24);
}
.utility-bar .utility-actions .pzko-pwa-install:focus-visible {
  outline: 2px solid currentColor; outline-offset: 3px;
}
.utility-bar .utility-actions .pzko-pwa-install svg {
  width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.pzko-pwa-install__label { display: none !important; }
.pzko-pwa-offline {
  padding: .65rem 1rem; text-align: center; font-size: .85rem;
  background: #f5e8d9; color: #6d3343; border-bottom: 1px solid #e9d1bc;
}
.pzko-pwa-help { border: 0; padding: 0; border-radius: 1.05rem; color: #273344; background: #fff; max-width: min(94vw, 420px); box-shadow: 0 30px 90px rgba(35,16,26,.24); }
.pzko-pwa-help::backdrop { background: rgba(25,20,25,.6); }
.pzko-pwa-help__inner { padding: 1.6rem; position: relative; }
.pzko-pwa-help__inner h2 { margin: 0 2.1rem .8rem 0; font-family: inherit; font-size: 1.3rem; font-weight: 800; line-height: 1.2; color: #8b2b4b; }
.pzko-pwa-help__inner p { margin: 0; line-height: 1.55; font-size: .95rem; }
.pzko-pwa-help__close { border: 0; background: #f5edf0; color: #8b2b4b; position: absolute; top: .9rem; right: .9rem; border-radius: .5rem; width: 36px; height: 36px; cursor: pointer; font-family: inherit; font-size: 1.45rem; font-weight: 700; line-height: 1; }
@media(display-mode: standalone) {
  .pzko-pwa-install { display: none !important; }
}

/* PZKO_PWA_BOTTOM_MENU_FIX_V9_12_2
 * The legacy mobile stylesheet hid .pzko-mobile-dock in installed PWAs.
 * Restore it while retaining the 5-column responsive design and safe-area.
 */
@media (max-width: 800px) and (display-mode: standalone) {
  .pzko-mobile-dock {
    display: grid !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    visibility: visible !important;
    z-index: 160 !important;
  }
  body {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
/* navigator.standalone is the fallback on older iPhone/iPad web-app modes. */
@media (max-width: 800px) {
  html.pzko-pwa-standalone .pzko-mobile-dock {
    display: grid !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    visibility: visible !important;
    z-index: 160 !important;
  }
  html.pzko-pwa-standalone body {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
  }
}