/* V16 — Premium launch splash and platform-appropriate install sheet */
#alhamid-splash{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,#16644e 0%,#063e33 50%,#012e29 100%);color:#fffaf0;text-align:center;transition:opacity .48s ease,visibility .48s ease;animation:ah-splash-safety 0s 4s forwards}
#alhamid-splash::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04392d15 0%,#023b32b8 100%),url('../../assets/design/backgrounds/qibla_green_arch.webp') center/cover no-repeat;opacity:.28;pointer-events:none}
#alhamid-splash::after{content:"";position:absolute;width:min(78vw,380px);aspect-ratio:1;border:1px solid #e7c8872b;border-radius:50%;box-shadow:0 0 0 30px #d3b7730b,0 0 0 72px #e8c78009;top:50%;left:50%;transform:translate(-50%,-56%);pointer-events:none}
.ah-splash-content{position:relative;z-index:1;padding:32px 22px 50px;display:flex;flex-direction:column;align-items:center;max-width:480px;animation:ah-splash-rise .7s ease-out both}
.ah-splash-icon{width:104px;height:104px;padding:10px;border:1px solid #e7c68b70;border-radius:28px;background:linear-gradient(145deg,#ffffff22,#ffffff06);box-shadow:0 20px 50px #001a1755;display:grid;place-items:center;margin-bottom:31px}
.ah-splash-icon img{width:83px;height:83px;object-fit:contain;border-radius:20px}
.ah-splash-arabic{font-family:var(--arabic);font-size:clamp(20px,4.5vw,26px);line-height:2;color:#f2d89e;margin:0 0 13px}
.ah-splash-title{font:700 clamp(45px,10vw,62px)/1.1 var(--serif);letter-spacing:-2.5px;margin:0 0 10px;color:#fffaf1}
.ah-splash-title span{color:#e6bd70}
.ah-splash-subtitle{font-size:12px;letter-spacing:2.8px;text-transform:uppercase;color:#d5e6d8;margin:0 0 36px;font-weight:600}
.ah-splash-progress{height:3px;width:125px;background:#ffffff2c;border-radius:99px;overflow:hidden}
.ah-splash-progress span{display:block;width:35%;height:100%;background:linear-gradient(90deg,#b98e45,#f4d58b);border-radius:inherit;animation:ah-splash-bar 1.4s ease-in-out infinite}
#alhamid-splash.ah-splash-dismissed{opacity:0;visibility:hidden;pointer-events:none;animation:none}
@keyframes ah-splash-rise{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ah-splash-bar{from{transform:translateX(-120%)}to{transform:translateX(390%)}}
@keyframes ah-splash-safety{to{visibility:hidden;pointer-events:none}}
.ah-install-backdrop{position:fixed;inset:0;z-index:10029;background:#021f1b99;backdrop-filter:blur(3px)}
.ah-install-sheet{position:fixed;z-index:10030;left:50%;bottom:max(15px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 24px));transform:translateX(-50%);background:#fffcf5;color:#123d32;border:1px solid #e6dfd0;border-radius:27px;padding:25px 25px 22px;box-shadow:0 30px 90px #001c1970;animation:ah-sheet-in .32s cubic-bezier(.22,1,.36,1) both;max-height:calc(100dvh - 30px);overflow-y:auto}
.ah-install-sheet[hidden],.ah-install-backdrop[hidden]{display:none!important}
.ah-install-close{position:absolute;right:16px;top:15px;border:0;background:#f0ede5;color:#496358;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;display:grid;place-items:center}
.ah-install-brand{display:flex;align-items:center;gap:12px;margin:1px 35px 18px 0;text-align:left}
.ah-install-brand img{width:59px;height:59px;border-radius:16px;box-shadow:0 6px 14px #123d3220}
.ah-install-brand strong{font:700 23px/1.1 var(--serif);display:block}
.ah-install-brand small{color:#738a7e;font-size:11px;letter-spacing:1px;text-transform:uppercase;display:block;margin-top:6px}
.ah-install-sheet h2{font:700 26px/1.2 var(--serif);letter-spacing:-.7px;margin:0 0 8px}
.ah-install-description{font-size:14px;line-height:1.65;color:#65776c;margin:0 0 17px}
.ah-install-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.ah-install-benefits span{background:#e9f2e8;color:#285c47;padding:8px 11px;border-radius:99px;font-size:11px;font-weight:700}
.ah-install-steps{border:1px solid #e7e0d0;background:#fbf8ef;border-radius:16px;padding:12px 14px;margin-bottom:16px}
.ah-install-steps p{margin:7px 0;font-size:13px;line-height:1.55;color:#365f50}
.ah-install-steps b{display:inline-grid;place-items:center;background:#e2eddc;border-radius:50%;width:23px;height:23px;margin-right:7px;color:#155b44}
.ah-install-main{display:block;width:100%;border:0;background:linear-gradient(100deg,#06523f,#087253);color:white;border-radius:14px;padding:14px 18px;font-weight:800;font-size:15px;box-shadow:0 9px 18px #07533d2b}
.ah-install-later{display:block;width:100%;border:0;background:transparent;color:#687c71;padding:12px;font-size:13px;font-weight:700;margin-top:2px}
@keyframes ah-sheet-in{from{opacity:0;transform:translate(-50%,22px)}to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:761px){.ah-install-sheet{bottom:25px}}
@media(max-width:380px){.ah-install-sheet{padding:22px 19px 17px;border-radius:23px}.ah-install-sheet h2{font-size:23px}.ah-install-benefits span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ah-splash-content,.ah-splash-progress span,.ah-install-sheet{animation:none}#alhamid-splash{transition:none}}