#ageGate{
  position:fixed; inset:0; z-index:9999; display:flex;
  background:#000; color:#fff; align-items:center; justify-content:center; padding:24px;
}
#ageCheck:checked ~ #ageGate{ display:none; }

.age-box{
  width:100%; max-width:520px;
  padding:28px 24px; text-align:center;
}
#ageGate h2{ margin:0 0 10px; font-size:28px; line-height:1.2; }
#ageGate p{ margin:0 0 22px; font-size:16px; opacity:.9; }

.age-actions{
  display:flex; gap:14px; justify-content:center; align-items:stretch;
}
.age-actions .btn{
  display:inline-block; padding:14px 18px; border-radius:12px;
  font-weight:700; font-size:16px; text-decoration:none; cursor:pointer;
  min-width:180px; line-height:1.2;
}
.age-actions .yes{ background:#25D366; color:#003928; border:0; }
.age-actions .outline{ background:transparent; color:#fff; border:2px solid #fff; }

/* Mobile */
@media (max-width: 480px){
  .age-box{ max-width:360px; padding:24px 18px; }
  #ageGate h2{ font-size:24px; }
  #ageGate p{ font-size:15px; margin-bottom:18px; }
  .age-actions{ flex-direction:column; gap:10px; }
  .age-actions .btn{ width:100%; min-width:0; padding:14px; font-size:15px; }
}