/* Age verification / adult-content warning overlay Принцип: оверлей видимий ЗА ЗАМОВЧУВАННЯМ (без JS). Ховається класом .age-verified на , який ставить синхронний inline-скрипт у ще до першого paint. */ #ageVerificationModal { position: fixed; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #2b2b3a, #14141c); z-index: 2147483647; } /* Миттєве приховування для вже підтверджених користувачів (клас ставиться inline-скриптом у ) */ html.age-verified #ageVerificationModal { display: none; } /* Приховування після кліку "18+" у поточній сесії */ #ageVerificationModal.verified { display: none; } /* Блокування скролу поки гейт відкритий — без участі JS */ html:not(.age-verified) body { overflow: hidden; } #ageVerificationModal > div { background-color: white; padding: 24px 28px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; max-width: 90%; } .ageConfirmButton, .ageDenyButton { padding: 10px 20px; margin: 10px; cursor: pointer; font-size: 16px; border: none; border-radius: 4px; } .ageConfirmButton { background-color: #4CAF50; color: white; } .ageDenyButton { background-color: red; color: white; opacity: 0.5; } .ageDenyButton:hover, .ageConfirmButton:hover { opacity: 1; }