/* =============================== ScamSonnar — blokada "tylko na większym ekranie" Patrz desktopOnlyGate.js po logikę. =============================== */ .desktop-only-gate-overlay { display: none; position: fixed; inset: 0; z-index: 9999; background: #0f172a; align-items: center; justify-content: center; padding: 24px; } .desktop-only-gate-card { max-width: 360px; text-align: center; color: #e2e8f0; } .desktop-only-gate-badge { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.24); color: #7dd3fc; font-size: 24px; margin-bottom: 18px; } .desktop-only-gate-card h2 { font-size: 20px; margin: 0 0 10px; color: #f8fafc; } .desktop-only-gate-card p { font-size: 14px; line-height: 1.6; color: rgba(226, 232, 240, 0.65); margin: 0 0 24px; } .desktop-only-gate-btn { display: inline-block; padding: 14px 26px; border-radius: 14px; background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.24); color: #7dd3fc; text-decoration: none; font-weight: 600; font-size: 14px; transition: transform 0.2s ease, background 0.2s ease; } .desktop-only-gate-btn:hover { transform: translateY(-2px); background: rgba(56, 189, 248, 0.16); } /* Chowa całą resztę strony, gdy blokada jest aktywna — overlay (dodawany do końca przez desktopOnlyGate.js) zostaje jedynym widocznym elementem. */ html.desktop-only-gated body > *:not(#desktopOnlyGateOverlay) { display: none !important; }