/* بانر دعوة تثبيت المتجر كتطبيق (PWA) — مشترك بين كل الثيمات */
.pwa-sheet {
    position: fixed; inset-inline: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 150;
    display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 18px;
    background: #1c1917; color: #fff; box-shadow: 0 18px 50px rgba(0,0,0,.45);
    transform: translateY(140%); transition: transform .3s ease;
    font-family: "Tajawal", "IBM Plex Sans Arabic", "Cairo", sans-serif;
}
.pwa-sheet.is-on { transform: translateY(0); }
.pwa-sheet[hidden] { display: none !important; }
.pwa-sheet__x {
    position: absolute; top: 8px; inset-inline-end: 8px; width: 28px; height: 28px;
    border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff;
    font-size: .7rem; cursor: pointer; display: grid; place-items: center;
}
.pwa-sheet__logo { width: 56px; height: 56px; border-radius: 14px; flex: none; }
.pwa-sheet__copy { display: grid; gap: 3px; min-width: 0; flex: 1; }
.pwa-sheet__copy strong { font-size: .95rem; }
.pwa-sheet__copy small { font-size: .78rem; opacity: .8; line-height: 1.6; }
.pwa-sheet__acts { display: grid; gap: 6px; flex: none; }
.pwa-sheet__go {
    min-height: 42px; padding: 8px 22px; border: 0; border-radius: 999px; cursor: pointer;
    background: linear-gradient(135deg, #e8c56b, #a67c12); color: #3b1f3a;
    font: inherit; font-weight: 800; font-size: .88rem;
}
.pwa-sheet__later {
    border: 0; background: none; color: rgba(255,255,255,.75); cursor: pointer;
    font: inherit; font-size: .8rem; font-weight: 700;
}
