/* ===================================== PayUP – Splash Screen (Minimal + Centered) FIXED for: ===================================== */ /* כלל כללי */ html.onboarding *, html.onboarding *::before, html.onboarding *::after { box-sizing: border-box; } /* בסיס */ html.onboarding, html.onboarding body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: "Heebo", sans-serif; direction: rtl; overscroll-behavior: none; -webkit-text-size-adjust: 100%; } /* בזמן ספלש */ html.onboarding body.lock-scroll { overflow: hidden; /* iOS: נועל כדי שלא יהיה "קפיצה" */ position: fixed; inset: 0; width: 100%; } /* אחרי שהספלש נגמר (הסרת splash-active מה-body) – להסתיר אותו לחלוטין */ html.onboarding body:not(.splash-active) .screen-splash { display: none; } /* ===================================== Splash – גרדיאנט עם אור למעלה ===================================== */ html.onboarding .screen-splash { position: fixed; inset: 0; width: 100vw; /* iOS: יציב יותר */ height: 100svh; height: 100dvh; background: radial-gradient( circle at top center, #0f8d78 0%, #065344 40%, #00241f 100% ); display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 9999; } /* ===================================== בלוק אמצעי – לוגו + חתול כיחידה אחת ===================================== */ html.onboarding .splash-content { display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translateY(-5%); } /* לוגו */ html.onboarding .splash-logo { width: 170px; height: auto; margin-bottom: 14px; } /* חתול – קטן ומינימליסטי */ html.onboarding .splash-cat { width: 130px; height: auto; display: block; } /* ===================================== מובייל ===================================== */ @media (max-width: 480px) { html.onboarding .splash-logo { width: 130px; margin-bottom: 12px; } html.onboarding .splash-cat { width: 90px; } } /* ===================================== דסקטופ ===================================== */ @media (min-width: 900px) { html.onboarding .splash-logo { width: 200px; } html.onboarding .splash-cat { width: 150px; } }