
.install-mini{position:fixed;z-index:20000;left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom));width:auto;max-width:570px;margin:0 auto;padding:17px 16px;border:1px solid var(--line);border-radius:18px;background:var(--field);color:var(--ink);box-shadow:0 7px 32px #182b2526;direction:rtl;font-family:"droid Arabic kufi",sans-serif}
.install-mini[hidden]{display:none}
.install-mini__row{display:flex;align-items:center;gap:12px;padding-left:14px}
.install-mini__logo{width:40px;height:40px;border-radius:10px;flex:none}
.install-mini__copy{flex:1;min-width:0;text-align:right}
.install-mini h2{margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.8;color:var(--ink)}
.install-mini p{margin:0;color:var(--muted);font-size:10px;line-height:1.9}
.install-mini__how{flex:none;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--tab);color:var(--ink);font:11px/1.8 "droid Arabic kufi",sans-serif;cursor:pointer}
.install-mini__close{position:absolute;left:6px;top:3px;width:23px;height:23px;padding:4px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}
.install-mini__close svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.install-mini__steps{border-top:1px solid var(--line);margin-top:13px;padding-top:12px;display:grid;gap:10px}
.install-mini__steps[hidden]{display:none}
.install-mini__steps p{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:11px}
.install-mini__steps svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.install-mini button:focus-visible,.install-reopen:focus-visible{outline:2px solid var(--accent);outline-offset:3px}


@media(max-width:360px){.install-mini{left:10px;right:10px;padding:16px 12px}.install-mini__row{gap:9px}.install-mini__logo{width:34px;height:34px}.install-mini h2{font-size:12px}.install-mini__how{padding:6px 9px}}


.install-mini{max-width:640px;padding:19px 18px}
.install-mini__row{gap:14px;padding-left:15px}
.install-mini__copy p{font-size:11px;line-height:1.9}
.install-mini__copy p strong{font-weight:700;color:var(--ink)}
.install-guide{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.38);direction:rtl;font-family:"droid Arabic kufi",sans-serif}
.install-guide[hidden]{display:none}
.install-guide__box{position:relative;width:100%;max-width:550px;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--field);color:var(--ink);box-shadow:0 18px 70px #0003;text-align:right}
.install-guide__box h2{font-size:17px;line-height:1.8;margin:0 0 5px;padding-left:24px;color:var(--ink)}
.install-guide__intro{font-size:10px;line-height:1.9;color:var(--muted);margin:0 0 16px}
.install-guide__image{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--tab);border:1px solid var(--line);border-radius:14px}
.install-guide__caption{font-size:12px;line-height:2;margin:13px 0 5px;color:var(--ink)}
.install-guide__counter{font-size:10px;color:var(--muted)}
.install-guide__actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.install-guide__actions button{min-height:42px;padding:8px 20px;border:1px solid var(--line);border-radius:11px;background:var(--tab);color:var(--ink);font:12px/1.8 "droid Arabic kufi",sans-serif;cursor:pointer}
.install-guide__actions button:disabled{opacity:.4;cursor:default}
.install-guide__actions .install-guide__next{background:#16876c;border-color:#16876c;color:#fff}
.install-guide button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:360px){.install-mini{padding:17px 12px}.install-mini__row{gap:9px}.install-guide{padding:12px}.install-guide__box{padding:20px}}

.install-share-icon{display:inline-block;width:18px;height:20px;vertical-align:middle;margin:0 3px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Approved photo-guide close button: larger target, centered icon, soft red tint. */
#install-guide-close{top:12px;left:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;line-height:0;border:1px solid rgba(196,63,80,.2);border-radius:50%;background:rgba(196,63,80,.08);color:#b73749;box-shadow:0 2px 7px #00000012}
#install-guide-close svg{display:block;flex:none;width:20px;height:20px;margin:0;padding:0;stroke-width:2.1}
#install-guide-close:hover{background:rgba(196,63,80,.14)}
.install-guide__box h2{padding-left:44px;min-height:36px;display:flex;align-items:center}
@media(prefers-color-scheme:dark){#install-guide-close{background:rgba(239,125,143,.1);border-color:rgba(239,125,143,.25);color:#efa2b0}#install-guide-close:hover{background:rgba(239,125,143,.17)}}

/* Red completion button only on the final guide slide. */
.install-guide__actions .install-guide__next.is-final{background:#c43f50;border-color:#c43f50;color:#fff}
.install-guide__actions .install-guide__next.is-final:hover{background:#ae3041;border-color:#ae3041}
