/* 2026-09-25: our own two-step push card (OneSignal's recommended pattern) replacing the generic
           OneSignal slidedown for the automatic ask. "Yes" fires the native permission dialog from a real
           click. Bottom sheet on phones (thumb zone, lifted above the anchor ad), top card on desktop. */
        .wfpc{position:fixed;z-index:2147482000;left:10px;right:10px;bottom:12px;background:#fff;color:#0f172a;
            border-radius:18px;box-shadow:0 18px 50px rgba(11,37,69,.28),0 2px 6px rgba(11,37,69,.12);
            padding:16px 16px 12px;font-size:14px;line-height:1.6;border:1px solid #e3ece6;
            transform:translateY(130%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
        .wfpc.show{transform:none;opacity:1}
        .wfpc-x{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;border:0;border-radius:50%;
            background:transparent;color:#64748b;font-size:22px;line-height:1;cursor:pointer}
        .wfpc-x:hover,.wfpc-x:focus-visible{background:#f1f5f9;outline:none}
        .wfpc-top{display:flex;gap:12px;align-items:center;padding-inline-end:28px}
        .wfpc-bell{flex:none;width:46px;height:46px;border-radius:14px;background:#e7f4ec;display:flex;
            align-items:center;justify-content:center;font-size:24px;animation:wfpcRing 1.2s ease .5s 1}
        @keyframes wfpcRing{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}
            45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
        .wfpc-t{font-weight:800;font-size:16px;color:#0b2545;line-height:1.35}
        .wfpc-s{color:#475569;font-size:13px;margin-top:2px}
        .wfpc-l{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
        .wfpc-l li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:#1e293b}
        .wfpc-l li:before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:#0f7d3a;
            color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
        .wfpc-a{display:flex;gap:8px;margin-top:14px}
        .wfpc-y{flex:1;border:0;border-radius:12px;background:#0f7d3a;color:#fff;font-weight:800;font-size:15px;
            padding:12px 14px;cursor:pointer;font-family:inherit;box-shadow:0 6px 16px rgba(15,125,58,.3)}
        .wfpc-y:hover{background:#0b6630}
        .wfpc-n{border:0;border-radius:12px;background:#f1f5f9;color:#334155;font-weight:600;font-size:14px;
            padding:12px 16px;cursor:pointer;font-family:inherit}
        .wfpc-n:hover{background:#e2e8f0}
        .wfpc-y:focus-visible,.wfpc-n:focus-visible{outline:3px solid #fde047;outline-offset:2px}
        .wfpc-f{text-align:center;color:#94a3b8;font-size:11.5px;margin-top:8px}
        @media (min-width:700px){.wfpc{left:50%;right:auto;bottom:auto;top:16px;width:430px;
            transform:translate(-50%,-140%)}.wfpc.show{transform:translate(-50%,0)}}
        @media (prefers-reduced-motion:reduce){.wfpc,.wfpc.show{transition:none}.wfpc-bell{animation:none}}