/* ============ PWA install popup — "ติดตั้งเป็นแอปบนหน้าจอ" ============ */
.pwa-install{position:fixed;inset:0;z-index:350;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:pwaFade .25s ease}
.pwa-install[hidden],.pwa-install [hidden]{display:none!important}   /* กัน display:grid/flex ของคลาสทับ attribute hidden */
@keyframes pwaFade{from{opacity:0}to{opacity:1}}
@keyframes pwaRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.pwa-card{font-family:'IBM Plex Sans Thai','Noto Sans Thai',sans-serif;width:100%;max-width:410px;background:#161618;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:20px;
  padding:22px 20px 10px;box-shadow:0 24px 70px rgba(0,0,0,.65);animation:pwaRise .38s cubic-bezier(.2,.65,.2,1);
  padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(min-width:700px){.pwa-install{align-items:center}}
.pwa-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.pwa-ic{width:58px;height:58px;flex:none;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.pwa-ic img{width:100%;height:100%;display:block}
.pwa-title{margin:0;font:700 19px/1.3 'IBM Plex Sans Thai','Noto Sans Thai',sans-serif;color:#fff}
.pwa-sub{margin:4px 0 0;font-size:14px;line-height:1.55;color:#a2a2a8}
.pwa-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:4px;
  font:600 16px 'IBM Plex Sans Thai','Noto Sans Thai',sans-serif;color:#fff;background:#ED1C24;border:0;border-radius:13px;padding:14px;cursor:pointer;transition:background .2s}
.pwa-btn:hover{background:#C70F16}
.pwa-steps{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:11px}
.pwa-steps li{display:flex;align-items:center;gap:12px;font-size:15px;color:#ececf0}
.pwa-steps b{color:#fff}
.pwa-step-ic{width:38px;height:38px;border-radius:10px;background:rgba(237,28,36,.14);color:#ff5a60;display:grid;place-items:center;flex:none}
.pwa-note{margin:0 0 6px;padding:12px 14px;border-radius:12px;background:rgba(240,162,28,.13);border:1px solid rgba(240,162,28,.35);color:#f3d9a4;font-size:14px;line-height:1.6}
.pwa-note b{color:#fff}
.pwa-later{display:block;width:100%;margin-top:6px;padding:13px;border:0;background:none;font:inherit;font-size:15px;color:#9a9aa0;cursor:pointer}
.pwa-later:hover{color:#fff}
.pwa-install button:focus-visible{outline:2px solid #ED1C24;outline-offset:2px}
/* ปุ่มเปิด popup ใน footer (โผล่เฉพาะเมื่อติดตั้งได้) */
.foot-install[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.pwa-install,.pwa-card{animation:none}}