.pwa-wall {
    position: fixed; inset: 0; z-index: 100000;
    display: none;
    flex-direction: column;
    align-items: center; justify-content: flex-start;
    background: linear-gradient(160deg, #f3f1fb 0%, #fce9f1 100%);
    color: #1a1a2e;
    font-family: var(--sans, -apple-system, sans-serif);
    direction: rtl;
    padding: 38px 24px 28px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.pwa-wall-open { overflow: hidden; }
  .pwa-wall.show { display: flex; }
  .pwa-wall .pw-logo {
    width: 116px; height: 40px;
    background: no-repeat center / contain;
    margin-bottom: 22px;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
  }
  .pwa-wall .pw-card {
    background: #fff;
    border-radius: 22px;
    max-width: 440px; width: 100%;
    padding: 26px 22px 24px;
    box-shadow: 0 24px 60px rgba(40,20,80,.16);
  }
  .pwa-wall h2 {
    margin: 0 0 6px; font-size: 21px; font-weight: 800;
    color: #2a1a4a;
  }
  .pwa-wall .pw-sub {
    margin: 0 0 20px; font-size: 14.5px; line-height: 1.55; color: #5b5b73;
  }
  .pwa-wall .pw-step {
    display: flex; align-items: flex-start; gap: 12px;
    margin-bottom: 15px;
  }
  .pwa-wall .pw-step:last-child { margin-bottom: 0; }
  .pwa-wall .pw-num {
    flex-shrink: 0;
    width: 27px; height: 27px; border-radius: 50%;
    background: linear-gradient(135deg, #7b5cff, #c84bd6);
    color: #fff; font-weight: 700; font-size: 14px;
    display: flex; align-items: center; justify-content: center;
  }
  .pwa-wall .pw-step-txt { font-size: 14.5px; line-height: 1.5; padding-top: 3px; }
  .pwa-wall .pw-step-txt b { color: #2a1a4a; }
  .pwa-wall .pw-ios-share {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; vertical-align: -6px;
    margin: 0 1px;
  }
  .pwa-wall .pw-hint {
    margin-top: 18px; padding: 11px 13px;
    background: #f4f1fc; border-radius: 12px;
    font-size: 12.5px; color: #6a5b9a; line-height: 1.5;
  }
  .pwa-wall .pw-btn {
    margin-top: 18px; width: 100%;
    background: linear-gradient(135deg, #7b5cff, #c84bd6);
    color: #fff; border: none;
    padding: 14px; border-radius: 100px;
    font-family: inherit; font-size: 15px; font-weight: 700;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .pwa-wall .pw-btn:active { opacity: .85; }
  .pwa-wall .pw-copied {
    margin-top: 10px; font-size: 13px; color: #2a9d6a;
    font-weight: 600; display: none;
  }
  .pwa-wall .pw-copied.show { display: block; }
  .pwa-wall .pw-arrow {
    margin-top: 26px; font-size: 13px; color: #8a7bb8;
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    flex-shrink: 0;
  }
  .pwa-wall .pw-arrow svg { animation: pwBounce 1.4s ease-in-out infinite; }
  @keyframes pwBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(7px); }
  }
  .pwa-wall .pw-panel { display: none; }
  .pwa-wall .pw-panel.active { display: block; }