/* بطاقة التطبيق والإشعارات (assets/pwa.js)، كما في التصور: تنزلق من أسفل الشاشة فوق تعتيمٍ خفيف */
.tzpwa{position:fixed;inset:0;z-index:99990;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;direction:rtl;pointer-events:none}
.tzpwa.on{pointer-events:auto}
.tzpwa-dim{position:absolute;inset:0;background:#0b2a1c66;opacity:0;transition:opacity .4s}
.tzpwa.on .tzpwa-dim{opacity:1}
.tzpwa-sheet{position:absolute;inset-inline:0;bottom:0;margin-inline:auto;width:min(460px,100%);background:#fff;color:#132018;border-radius:26px 26px 0 0;padding:16px 18px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 -10px 30px #0003;box-sizing:border-box}
.tzpwa.on .tzpwa-sheet{transform:none}
.tzpwa-sheet:focus{outline:none}
.tzpwa-sheet.ios{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}
.tzpwa-grab{width:42px;height:5px;border-radius:9px;background:#d9e0d4;margin:0 auto 14px}
.tzpwa-app{display:flex;gap:12px;align-items:center}
.tzpwa-ico{width:56px;height:56px;border-radius:15px;background:#0b2a1c;display:grid;place-items:center;flex:none;overflow:hidden;box-shadow:0 8px 18px -8px #0b2a1c99;color:#9bd05a}
.tzpwa-ico img{width:100%;height:100%;object-fit:cover;display:block}
.tzpwa-ico svg{width:28px;height:28px}
.tzpwa-app b{display:block;font:700 15.5px/1.5 "Readex Pro","IBM Plex Sans Arabic",sans-serif}
.tzpwa-app span{color:#5c6b60;font-size:12.5px;line-height:1.6}
.tzpwa-pts{display:grid;gap:8px;margin:14px 0}
.tzpwa-pts div{display:flex;gap:10px;align-items:center;font-size:13.5px}
.tzpwa-pts i{width:28px;height:28px;border-radius:9px;background:#e9f2e3;color:#08702b;display:grid;place-items:center;flex:none}
.tzpwa-pts i svg{width:16px;height:16px}
.tzpwa-btn{display:block;width:100%;border:0;border-radius:14px;padding:12px;margin-top:12px;font:700 15px "IBM Plex Sans Arabic",Tahoma,sans-serif;cursor:pointer;background:#08702b;color:#fff}
.tzpwa-pts+.tzpwa-btn{margin-top:0}
.tzpwa-btn:disabled{opacity:.7;cursor:wait}
.tzpwa-btn.g{background:none;color:#5c6b60;font-weight:600;padding:8px;margin-top:4px}
.tzpwa-btn:focus-visible{outline:3px solid #9bd05a;outline-offset:2px}
.tzpwa-steps{display:grid;gap:10px;margin:14px 0 4px}
.tzpwa-steps div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:center;font-size:13.5px;line-height:1.9;background:#f4f7f1;border-radius:12px;padding:9px 10px}
.tzpwa-steps small{display:block;color:#5c6b60;font-size:12px;line-height:1.6}
/* أجزاءٌ مصغّرة من واجهة الآيفون: تشبه الزر الحقيقي لكنها ليست زراً */
.tzpwa-ui{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #d6dbd2;border-radius:8px;padding:0 7px;font-size:12.5px;color:#111;vertical-align:middle;white-space:nowrap;line-height:1.9}
.tzpwa-ui svg{width:14px;height:14px;color:#1a73e8}
.tzpwa-ui.d{font-weight:700;letter-spacing:1px;color:#1a73e8}
.tzpwa-ui.b{color:#1a73e8;font-weight:700}
.tzpwa-steps em{font-style:normal;width:26px;height:26px;border-radius:50%;background:#0b2a1c;color:#9bd05a;display:grid;place-items:center;font-weight:700;font-size:12.5px}
.tzpwa-steps div>span{min-width:0}
.tzpwa-wa{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:#08702b;font-weight:600}
.tzpwa-msg{margin:8px 0 0;font-size:13px;color:#b73a3a;text-align:center}
.tzpwa-msg:empty{display:none}
.tzpwa-arrow{position:absolute;bottom:calc(4px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);color:#1a73e8;font-size:28px;opacity:0;transition:opacity .4s .6s;animation:tzpwa-bob 1.2s ease-in-out infinite;text-shadow:0 2px 8px #fff}
/* السهم فوق الزر الحقيقي: أسفل اليمين (⋯ في سفاري)، أو أعلى اليمين (كروم والمتصفحات الداخلية والآيباد) */
.tzpwa-arrow.br{left:auto;right:22px;transform:none;animation-name:tzpwa-bobd}
.tzpwa-arrow.tr{bottom:auto;top:calc(8px + env(safe-area-inset-top,0px));left:auto;right:22px;transform:none;animation-name:tzpwa-bobu}
/* بعد «سأجرّب الآن»: تختفي البطاقة والتعتيم، ويبقى السهم وحده ولا يحجب الصفحة */
/* جهازٌ بلغةٍ من اليمين: أزرار المتصفح معكوسة، فالسهم يساراً */
.tzpwa-arrow.br.rtl,.tzpwa-arrow.tr.rtl{right:auto;left:22px}
.tzpwa.peek{pointer-events:none}.tzpwa.peek .tzpwa-dim{opacity:0}.tzpwa.peek .tzpwa-sheet{transform:translateY(105%)}
.tzpwa.on .tzpwa-arrow{opacity:1}
@keyframes tzpwa-bob{50%{transform:translate(-50%,6px)}}
@keyframes tzpwa-bobu{50%{transform:translateY(-6px)}}
@keyframes tzpwa-bobd{50%{transform:translateY(6px)}}
@media (min-width:600px){.tzpwa-sheet{bottom:20px;border-radius:24px}}
@media (prefers-reduced-motion:reduce){.tzpwa-sheet,.tzpwa-dim{transition:none}.tzpwa-arrow{animation:none}}