/* ========================================================================== Age Gate -- Blocking 18+ modal, blur backdrop ========================================================================== */ /* Instantly hide if already verified (class set by inline script in ) */ .qv-verified .age-gate { display: none; } .age-gate { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(10, 10, 15, 0.95); backdrop-filter: blur(8px); } .age-gate__inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); padding: var(--s-48); max-width: 440px; width: 90%; text-align: center; } .age-gate__badge { margin: 0 auto var(--s-24); width: 48px; height: 48px; } .age-gate__title { font-family: var(--f-heading); font-size: 1.5rem; font-weight: 700; color: var(--c-text); margin-bottom: var(--s-16); } .age-gate__text { font-size: 0.875rem; color: var(--c-text-dim); line-height: 1.6; margin-bottom: var(--s-32); } .age-gate__actions { display: flex; flex-direction: column; gap: var(--s-12); } .age-gate__accept { display: inline-flex; align-items: center; justify-content: center; font-family: var(--f-body); font-weight: 600; font-size: 0.875rem; color: #ffffff; background: var(--c-accent); border: none; border-radius: var(--r-sm); padding: var(--s-12) var(--s-24); cursor: pointer; transition: background var(--dur) var(--ease); } .age-gate__accept:hover { background: var(--c-accent-hover); } .age-gate__deny { display: inline-flex; align-items: center; justify-content: center; font-family: var(--f-body); font-weight: 600; font-size: 0.875rem; color: var(--c-text-dim); background: transparent; border: 1px solid var(--c-border); border-radius: var(--r-sm); padding: var(--s-12) var(--s-24); cursor: pointer; transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease); } .age-gate__deny:hover { border-color: var(--c-text-dim); color: var(--c-text); } @media (max-width: 480px) { .age-gate__inner { padding: var(--s-32); } .age-gate__title { font-size: 1.25rem; } } /* Cookiebot hidden until age verified */ .cookiebot-hidden { visibility: hidden; pointer-events: none; }