/* LadyDeal – PWA: nút tải app, hộp hướng dẫn / cập nhật, nhãn "Mới" trên logo, thanh trạng thái mạng. */
.pwa-install{display:none}
.ldpwa-web .pwa-install{display:grid}
.ldpwa-app .pwa-install{display:none!important}
.pwa-install .ico{color:var(--pink-ink,#D81B60)}
.pwa-install::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#F72570;box-shadow:0 0 0 2px #fff}

/* Logo có bản mới (chỉ trong app) */
[data-ldlogo]{position:relative}
[data-ldlogo].has-update::after{content:"Mới";position:absolute;top:-4px;right:-30px;padding:1px 6px;border-radius:999px;background:#F72570;color:#fff;font:700 10px/1.5 inherit;letter-spacing:.2px;animation:ldpwa-pulse 1.6s ease-in-out 3}
[data-ldlogo] .logo-tip{position:absolute;left:0;top:calc(100% + 8px);z-index:60;white-space:nowrap;padding:6px 12px;border-radius:999px;background:#20232A;color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.18)}
@keyframes ldpwa-pulse{50%{transform:scale(1.15)}}

/* Thanh trạng thái mạng */
.ldpwa-bar{position:fixed;left:50%;bottom:20px;z-index:9999;transform:translate(-50%,16px);padding:8px 16px;border-radius:999px;background:#20232A;color:#fff;font-weight:600;font-size:13.5px;max-width:min(420px,calc(100% - 32px));text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.ldpwa-bar.is-on{opacity:.96;transform:translate(-50%,0)}
.ldpwa-bar.is-off{background:#475467}
.ldpwa-bar.is-ok{background:#067647}
@media(max-width:1023px){.ldpwa-bar{bottom:calc(76px + env(safe-area-inset-bottom))}}

/* Hộp đáy màn hình */
.ldpwa-lock{overflow:hidden}
.ldpwa-sheet{position:fixed;inset:0;z-index:10000;display:none;align-items:flex-end;justify-content:center;background:rgba(32,35,42,.45)}
.ldpwa-sheet.is-on{display:flex}
.ldpwa-box{position:relative;width:100%;max-width:460px;margin:0 8px calc(8px + env(safe-area-inset-bottom));padding:22px 20px 18px;border-radius:20px;background:#fff;color:#20232A;box-shadow:0 -10px 40px rgba(32,35,42,.25);font-size:15px;line-height:1.5}
.ldpwa-x{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#667085;font-size:26px;line-height:1;cursor:pointer}
.ldpwa-t{margin:0 36px 6px 0;font-size:18px;font-weight:700;color:#C91858}
.ldpwa-s{margin:0 0 12px;color:#475467;font-size:14.5px}
.ldpwa-steps{margin:0 0 16px;padding-left:24px}.ldpwa-steps li{margin-bottom:8px}.ldpwa-steps li::marker{font-weight:700;color:#D81B60}
.ldpwa-ic{display:inline-block;padding:0 6px;border:1px solid #EAECEF;border-radius:6px;font-size:13px;color:#1D4ED8}
.ldpwa-warn{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#FFFAEB;color:#B54708;font-size:14px}
.ldpwa-ok{display:block;width:100%;min-height:46px;border:0;border-radius:999px;background:#F72570;color:#fff;font:inherit;font-weight:700;font-size:15.5px;cursor:pointer}
.ldpwa-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ldpwa-row .ldpwa-ok.alt{background:#FFF0F5;color:#C91858}
@media(min-width:600px){.ldpwa-sheet{align-items:center}}