/* ── PWA POPUP ────────────────────────────────────── */

#pwa-install-modal {

    display: none;

    position: fixed;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

    background: #0d0f14;

    color: #fff;

    padding: 20px;

    border-radius: 15px;

    border:
        1px solid #f97316;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.5);

    z-index: 10000;

    width: 90%;

    max-width: 400px;

    font-family: 'DM Sans', sans-serif;

}

/* ── TOP ──────────────────────────────────────────── */

.pwa-top {

    display: flex;

    align-items: center;

    gap: 15px;

}

/* ── ICON ─────────────────────────────────────────── */

.pwa-icon {

    border-radius: 10px;

    width: 50px;

}

/* ── TITLE ────────────────────────────────────────── */

.pwa-title {

    margin: 0;

    font-size: 16px;

    color: #f97316;

}

/* ── DESC ─────────────────────────────────────────── */

.pwa-desc {

    margin: 5px 0 0;

    font-size: 13px;

    color: #ccc;

}

/* ── BUTTONS WRAP ─────────────────────────────────── */

.pwa-buttons {

    margin-top: 20px;

    display: flex;

    gap: 10px;

}

/* ── INSTALL BTN ─────────────────────────────────── */

.pwa-install-btn {

    flex: 1;

    background: #f97316;

    color: #fff;

    border: none;

    padding: 10px;

    border-radius: 8px;

    font-weight: bold;

    cursor: pointer;

}

/* ── CLOSE BTN ───────────────────────────────────── */

.pwa-close-btn {

    background: transparent;

    color: #888;

    border: none;

    padding: 10px;

    cursor: pointer;

    font-size: 13px;

}