/* Install-the-app strip and steps sheet (brand night palette). */
.pwa-strip { display: flex; align-items: center; gap: 10px; margin: 10px 16px; padding: 9px 10px 9px 14px; border-radius: 14px; background: #221f1a; border: 1px solid #36312a; color: #f3eee6; font-size: 13px; line-height: 1.4; }
.pwa-strip[hidden] { display: none !important; }
.pwa-strip img { flex: none; width: 34px; height: 34px; border-radius: 9px; }
.pwa-strip span { flex: 1; min-width: 0; }
.pwa-strip [data-pwa-install] { flex: none; border: 0; border-radius: 999px; padding: 6px 14px; background: #ff882e; color: #1b1006; font-weight: 700; font-size: 13px; cursor: pointer; }
.pwa-strip [data-pwa-dismiss] { flex: none; border: 0; background: transparent; color: #a59c8f; font-size: 18px; line-height: 1; padding: 4px; cursor: pointer; }
.pwa-sheet-wrap { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: flex-end; justify-content: center; background: rgba(0,0,0,.55); }
.pwa-sheet { width: 100%; max-width: 520px; box-sizing: border-box; padding: 16px 18px calc(22px + env(safe-area-inset-bottom, 0px)); border-radius: 22px 22px 0 0; background: #221f1a; color: #f3eee6; font-family: inherit; }
.pwa-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: center; }
.pwa-row img { border-radius: 14px; }
.pwa-row b { display: block; font-size: 16px; }
.pwa-row small { display: block; color: #a59c8f; font-size: 12px; }
.pwa-close { border: 0; background: transparent; color: #a59c8f; font-size: 24px; line-height: 1; cursor: pointer; padding: 4px 8px; }
.pwa-steps { margin: 14px 0 0; padding-inline-start: 22px; display: grid; gap: 8px; font-size: 15px; line-height: 1.6; }