:root{--pwa-primary:#4361ee;--pwa-gradient-start:#4361ee;--pwa-gradient-end:#7209b7;--pwa-btn-color:#7209b7}.pwa-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;opacity:0;transition:opacity 0.35s ease;pointer-events:none}.pwa-overlay--visible{opacity:1;pointer-events:auto}.pwa-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(150%);z-index:10001;width:92%;max-width:420px;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);direction:rtl;font-family:'Tajawal',system-ui,-apple-system,sans-serif}.pwa-banner--visible{transform:translateX(-50%) translateY(0)}.pwa-banner__capsule{position:relative;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:50px;padding:8px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 25px -5px rgba(10,31,68,.22),0 4px 6px -2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.9),inset 0 -2px 4px rgba(15,43,92,.06);border:1px solid rgba(255,255,255,.6)}.pwa-banner__close{position:absolute;top:-4px;right:-4px;background:#f1f5f9;border:1px solid #e2e8f0;width:20px;height:20px;border-radius:50%;color:#64748b;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10;padding:0;transition:all 0.2s ease}.pwa-banner__close:hover{background:#fee2e2;color:#ef4444}.pwa-banner__icon-box{width:38px;height:38px;background:linear-gradient(145deg,var(--pwa-gradient-start),var(--pwa-gradient-end));border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 8px -2px rgba(15,43,92,.35),inset 0 1px 1px rgba(255,255,255,.3)}.pwa-banner__icon-box img{width:24px;height:24px;border-radius:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pwa-banner__content{flex-grow:1;text-align:right;overflow:hidden}.pwa-banner__title{font-weight:700;color:#0f172a;font-size:.8rem;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pwa-banner__subtitle{font-size:.65rem;color:#64748b;font-weight:500;margin:1px 0 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pwa-banner__btn-install{background:linear-gradient(180deg,var(--pwa-btn-color) 0%,var(--pwa-gradient-end) 100%);color:#fff;border:1px solid var(--pwa-gradient-end);padding:7px 16px;border-radius:20px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:.75rem;cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 rgba(0,0,0,.2),0 4px 8px rgba(15,43,92,.15),inset 0 1px 0 rgba(255,255,255,.2);transition:all 0.1s ease}.pwa-banner__btn-install:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.2),0 2px 4px rgba(15,43,92,.1),inset 0 1px 0 rgba(255,255,255,.2)}.pwa-modal{position:fixed;inset:0;z-index:10001;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.5);opacity:0;transition:opacity 0.35s ease;direction:rtl;font-family:'Tajawal',system-ui,-apple-system,sans-serif}.pwa-modal--visible{opacity:1;display:flex!important}.pwa-modal__card{background:#fff;width:92%;max-width:340px;border-radius:22px;padding:24px 20px 18px 20px;text-align:center;position:relative;box-sizing:border-box;box-shadow:0 15px 30px -8px rgba(10,31,68,.35),0 0 0 1px rgba(255,255,255,.9) inset,0 1px 3px rgba(0,0,0,.05);transform:translateY(15px) scale(.95);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1)}.pwa-modal--visible .pwa-modal__card{transform:translateY(0) scale(1)}.pwa-modal__close{position:absolute;top:10px;left:10px;background:#f1f5f9;border:1px solid #e2e8f0;width:24px;height:24px;border-radius:50%;color:#64748b;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all 0.2s ease;padding:0}.pwa-modal__close:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5;transform:scale(1.05)}.pwa-modal__icon-wrap{margin:0 auto 12px auto;width:58px;height:58px;background:linear-gradient(145deg,var(--pwa-gradient-start),var(--pwa-gradient-end));border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 14px -4px rgba(10,31,68,.35),inset 0 1px 1px rgba(255,255,255,.3)}.pwa-modal__icon-wrap img{width:40px;height:40px;border-radius:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pwa-modal__title{margin:0 0 6px 0;font-size:1.05rem;font-weight:700;color:#0f172a}.pwa-modal__subtitle{margin:0 0 14px 0;font-size:.72rem;color:#475569;line-height:1.4;font-weight:500}.pwa-modal__features{list-style:none;padding:0;margin:0 auto 16px auto;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;gap:6px;text-align:right}.pwa-modal__features li{font-size:.78rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:6px;padding:0;border:none}.pwa-modal__features li .verified-icon{width:15px;height:15px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(29,155,240,.25));transition:transform 0.2s ease,filter 0.2s ease}.pwa-modal__features li:hover .verified-icon{transform:scale(1.08);filter:drop-shadow(0 2px 4px rgba(29,155,240,.4))}.pwa-modal__actions{display:flex;flex-direction:column;gap:6px}.pwa-modal__btn-install{width:100%;background:linear-gradient(180deg,var(--pwa-btn-color) 0%,var(--pwa-primary) 100%);color:#fff;border:none;border-radius:12px;padding:10px;font-family:'Tajawal',sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:none;transition:opacity 0.15s ease;margin-bottom:0}.pwa-modal__btn-install:hover{opacity:.92}.pwa-modal__btn-install:active{opacity:.85;transform:none}.pwa-modal__btn-dismiss{width:100%;background:#f8fafc;color:#64748b;border:1px solid #cbd5e1;border-radius:10px;padding:6px;font-family:'Tajawal',sans-serif;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 1px 0 #cbd5e1;transition:all 0.15s ease}.pwa-modal__btn-dismiss:hover{background:#f1f5f9;color:#0f172a}.pwa-modal__btn-dismiss:active{transform:translateY(1px);box-shadow:0 0 0 #cbd5e1}.pwa-ios{position:fixed;bottom:0;left:0;right:0;z-index:10001;display:none;direction:rtl;font-family:'Tajawal',system-ui,-apple-system,sans-serif;transform:translateY(100%);transition:transform 0.4s cubic-bezier(.16,1,.3,1)}.pwa-ios--visible{transform:translateY(0);display:block!important}.pwa-ios__card{background:#fff;border-radius:20px 20px 0 0;padding:28px 24px 20px;box-shadow:0 -8px 30px rgba(0,0,0,.12);max-width:480px;margin:0 auto;text-align:center;position:relative}.pwa-ios__close{position:absolute;top:12px;left:14px;background:#f1f5f9;border:none;width:30px;height:30px;border-radius:50%;font-size:1.1rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.pwa-ios__close:hover{background:#e2e8f0}.pwa-ios__title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 16px 0}.pwa-ios__steps{list-style:none;padding:0;margin:0 0 20px 0;text-align:right}.pwa-ios__steps li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:.92rem;color:#334155}.pwa-ios__steps li:last-child{border-bottom:none}.pwa-ios__step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--pwa-gradient-start),var(--pwa-gradient-end));color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-ios__share-icon{display:inline-block;width:20px;height:20px;vertical-align:middle}.pwa-ios__arrow{margin-top:8px;animation:pwa-bounce 1.5s ease infinite;font-size:1.5rem;color:var(--pwa-primary)}@keyframes pwa-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.pwa-ios__dismiss{background:none;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;font-family:'Tajawal',sans-serif;padding:8px}.pwa-ios__dismiss:hover{color:#475569}@media (max-width:480px){.pwa-modal__card{width:92%;max-width:340px;padding:24px 18px 18px 18px}.pwa-modal__icon-wrap{width:58px;height:58px}.pwa-modal__icon-wrap img{width:40px;height:40px}.pwa-modal__title{font-size:1.05rem}.pwa-modal__features li{font-size:.78rem}.pwa-ios__card{padding:22px 18px 16px}}@media (min-width:769px){.pwa-modal__card{max-width:340px}}