.ke-age-gate { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: rgba(6,6,10,.92); backdrop-filter: blur(6px); padding: 20px; }
.ke-age-box { max-width: 620px; width: 100%; text-align: center; background: #14141b; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; padding: 40px 40px 34px; color: #f4f4f6; }
.ke-age-logo { font-weight: 800; font-size: 22px; color: var(--ke-accent,#e50914); margin-bottom: 14px; }
.ke-age-logo span { color: #fff; }
.ke-age-box h2 { margin: 0 0 10px; }
.ke-age-box p { opacity: .82; font-size: 15px; line-height: 1.5; }
.ke-age-actions { display: flex; gap: 12px; justify-content: center; margin: 22px 0 10px; flex-wrap: wrap; }
.ke-age-actions .ke-btn { padding: 12px 22px; border-radius: 8px; border: 0; cursor: pointer; font-weight: 600; background: rgba(255,255,255,.14); color: #fff; }
.ke-age-actions .ke-btn--primary { background: var(--ke-accent,#e50914); }
.ke-age-note { font-size: 12px; opacity: .55; margin-top: 8px; }
/* Se il brand è un'immagine (logo), tienila di dimensioni sensate nella modale. */
.ke-age-logo img { display: block; max-height: 64px; width: auto; margin: 0 auto 4px; object-fit: contain; }
/* Illustrazione (orizzontale) in cima alla modale 18+: a tutta larghezza, arrotondata. */
.ke-age-illustration { display: block; width: 100%; height: auto; border-radius: 10px; margin: 2px 0 16px; }