/* V8.2.3: scoped installation UI; existing website layout stays intact. */
[data-th-install][hidden],[data-th-install-wrap][hidden],.th-pwa-dialog [hidden]{display:none!important}
.th-install{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:11px 16px;border:1px solid var(--gold,#d7a74a);border-radius:6px;background:var(--red,#651715);color:#fff3d5;font:inherit;font-size:13px;line-height:1.5;font-weight:600;cursor:pointer;text-align:center}
.th-install:hover{background:var(--red2,#8b241a)}
.th-install:focus-visible,.th-pwa-dialog button:focus-visible{outline:3px solid var(--gold2,#f3d184);outline-offset:3px}
.site-header nav .th-install-nav{background:transparent;border:0;padding:0;color:var(--th-nav-color,#ead8af);font-size:var(--th-nav-size,13px);font-weight:var(--th-nav-weight,500);text-align:left;justify-content:flex-start}
.th-install-footer{display:grid;gap:8px;margin-top:5px;max-width:300px}
.th-install-footer small{font-size:11px;color:#b8c0bb;line-height:1.65}
/* V8.2.3.1: install control is the last item, below Zalo / Facebook. */
.floating-socials .th-install-floating{flex:0 0 auto;flex-direction:column;gap:3px;width:64px;min-height:70px;max-width:none;padding:7px 4px;border-radius:14px;box-shadow:0 8px 20px #0005}
.th-install-floating svg{flex-shrink:0}
.th-install-floating span{font-size:10px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
@media(max-width:560px){.floating-socials .th-install-floating{width:48px;min-height:64px;padding:6px 3px;border-radius:12px}.th-install-floating span{font-size:9px}}
.th-pwa-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--gold,#d7a74a);border-radius:16px;background:var(--green,#062d20);color:#f4ead6;box-shadow:0 24px 80px #0008;overflow:auto;overscroll-behavior:contain}
.th-pwa-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
.th-pwa-dialog:not([open]){display:none}
.th-pwa-card{position:relative;padding:30px 26px 24px;text-align:center;overflow-wrap:anywhere}
.th-pwa-icon{display:block;width:80px;height:80px;border-radius:16px;margin:0 auto 16px}
.th-pwa-dialog h2{font-size:22px;line-height:1.4;color:var(--gold2,#f3d184);margin:0 20px 12px}
.th-pwa-dialog p{font-size:14px;line-height:1.8;margin:12px 0}
.th-pwa-dialog .th-pwa-steps{text-align:left;padding:16px;background:#ffffff0a;border:1px solid #d7a74a55;border-radius:8px}
.th-pwa-dialog .th-pwa-inapp,.th-pwa-dialog small{font-size:12px;line-height:1.7;color:#d4d9cf}
.th-pwa-close{position:absolute;right:8px;top:8px;width:40px;height:40px;background:transparent;color:#f3d184;font-size:28px;border:0;cursor:pointer}
.th-pwa-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.th-pwa-dismiss{border:1px solid #d7a74a88;border-radius:6px;padding:11px 18px;background:transparent;color:#f4ead6;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:380px){.th-pwa-card{padding:28px 18px 20px}.th-pwa-dialog h2{font-size:20px}}
@media(display-mode:standalone),(display-mode:fullscreen){[data-th-install],[data-th-install-wrap]{display:none!important}}