/* หิวดึก — install-app button + guide (js/install.js) */
.mm-install[hidden] { display: none !important; }
.mm-install .i2 { width: 1.4em; height: 1.4em; vertical-align: -0.35em; margin-right: 6px; }
.mm-inst-ov { position: fixed; inset: 0; z-index: 9999; background: rgba(5, 6, 14, .72); display: flex; align-items: flex-end; justify-content: center;
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); box-sizing: border-box; animation: mmInstIn .18s ease-out; }
.mm-inst-card { width: min(420px, 100%); max-height: 100%; overflow: auto; background: #171a33; color: #e9ecff; border: 1px solid #ffffff1f; border-radius: 20px;
  padding: 20px 18px 16px; box-shadow: 0 18px 50px #000a; text-align: center; font-family: Mitr, system-ui, sans-serif; }
.mm-inst-card img { width: 64px; height: 64px; border-radius: 16px; }
.mm-inst-card h3 { margin: 10px 0 8px; font-size: 19px; }
.mm-inst-card ol { text-align: left; margin: 0 0 10px; padding-left: 22px; line-height: 1.7; font-size: 15px; }
.mm-inst-card ol svg { vertical-align: -5px; }
.mm-inst-card p { margin: 0 0 14px; color: #aab0d6; font-size: 13px; }
.mm-inst-ok { font: inherit; font-weight: 600; font-size: 16px; padding: 10px 30px; border: 0; border-radius: 999px; background: #ffc94a; color: #2a1d00; cursor: pointer; }
@media (min-width: 700px) { .mm-inst-ov { align-items: center; } }
@keyframes mmInstIn { from { opacity: 0; } to { opacity: 1; } }