/* Shared install banner layout for the localized download surfaces. */
.app-install-banner,
.app-install-banner[hidden],
.app-install-banner [hidden] { display: none; }

@media (max-width: 900px) {
  .app-install-active { scroll-padding-bottom: calc(var(--app-install-height, 100px) + 52px + env(safe-area-inset-bottom)); }
  .app-install-active body { padding-bottom: calc(var(--app-install-height, 100px) + 36px + env(safe-area-inset-bottom)); }
  .app-install-banner:not([hidden]) {
    position: fixed;
    inset: auto max(12px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom) + var(--app-install-viewport-inset, 0px)) max(12px, env(safe-area-inset-left));
    z-index: 110;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto 44px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: #181820;
    border: 1px solid var(--border);
    border-radius: 18px;
    color: var(--text-primary);
  }
  .app-install-icon { width: 44px; height: 44px; border-radius: 10px; }
  .app-install-copy { min-width: 0; }
  .app-install-language { grid-column: 1 / -1; margin: 0; font-size: 11px; line-height: 1.4; color: var(--text-secondary); }
  .app-install-copy strong { display: block; font-size: 15px; line-height: 1.4; font-weight: 600; }
  .app-install-copy p { margin: 2px 0 0; font-size: 12px; line-height: 1.4; color: var(--text-secondary); }
  .app-install-link:not([hidden]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 13px;
    border-radius: 12px;
    background: var(--accent);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
  }
  .app-install-dismiss {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
  }
  .app-install-banner :focus-visible { outline: 2px solid var(--text-primary); outline-offset: 3px; }
  .app-install-active .np-cta { display: none; }
}