/* Inline invitation: never cover navigation, cart or payment controls. */
[data-pwa-install-trigger][hidden], .app-install[hidden] { display: none !important; }
.app-install, .app-install-guide, .app-install * , .app-install-guide * { box-sizing: border-box; }
.app-install {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    margin: 0 0 16px;
    padding: 10px 12px;
    border: 1px solid #dbe7f6;
    border-radius: 14px;
    background: #f0f6ff;
    color: #172b4d;
    font: 14px/1.4 system-ui, sans-serif;
}
.app-install__inner { display: flex; align-items: center; gap: 10px; max-width: 1240px; margin: auto; min-width: 0; }
.app-install__icon { width: 40px; height: 40px; object-fit: contain; border-radius: 10px; flex: 0 0 40px; }
.app-install__copy { flex: 1; min-width: 0; }
.app-install__copy strong { display: block; font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.app-install__copy span { display: block; color: #52647d; font-size: 13px; }
.app-install button, .app-install-guide button { font: 600 13px/1.3 system-ui, sans-serif; min-height: 44px; cursor: pointer; border-radius: 10px; border: 0; padding: 10px 14px; margin: 0; }
.app-install__action { background: #2563eb; color: #fff; flex-shrink: 0; }
.app-install__close { width: 44px; flex: 0 0 44px; color: #52647d; background: transparent; font-size: 24px !important; padding: 0 !important; }
.app-install button:focus-visible, .app-install-guide button:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.app-install__action:hover { background: #1d4ed8; }
.app-install__close:hover { background: #e0ebf9; }
.app-install[data-app="pdv"] { border-radius: 0; border-width: 0 0 1px; margin: 0; padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); }
.app-install-guide {
    position: fixed; inset: 0; margin: auto; padding: 24px;
    width: min(440px, calc(100% - 24px)); max-width: calc(100% - 24px);
    max-height: calc(100dvh - 32px); overflow-y: auto;
    border: 1px solid #e2e8f0; border-radius: 20px; background: #fff; color: #172b4d;
    box-shadow: 0 24px 80px #0f172a33; font: 15px/1.55 system-ui, sans-serif;
}
.app-install-guide::backdrop { background: #0f172a70; }
.app-install-guide__head { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.app-install-guide h2 { font-size: 19px; line-height: 1.3; flex: 1; margin: 0; overflow-wrap: anywhere; }
.app-install-guide p { margin: 0 0 12px; }
.app-install-guide ol { padding-left: 24px; margin: 0 0 20px; }
.app-install-guide li { margin-bottom: 10px; }
.app-install-guide__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.app-install-guide__actions button { flex: 1 1 auto; }
.app-install-guide__secondary { background: #eef2f7; color: #334155; }
@media (max-width: 480px) {
    .app-install { padding: 8px; }
    .app-install__inner { gap: 6px; }
    .app-install__icon { width: 32px; height: 32px; flex-basis: 32px; }
    .app-install__copy strong { font-size: 13px; }
    .app-install button { padding-inline: 10px; }
    .app-install-guide { padding: 18px; }
}
@media (max-height: 500px) { .app-install { display: none; } }