.age-check-dialog { box-sizing: border-box; width: min(440px,calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow-y: auto; border: 1px solid #e5e5e7; border-radius: 20px; background: #fff; color: #242428; box-shadow: 0 24px 80px #0003; font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.age-check-dialog::backdrop { background: #11182780; backdrop-filter: blur(4px); }
.age-check-content { position: relative; padding: 32px 28px 26px; text-align: center; }
.age-check-dialog .age-check-close { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 34px; height: 34px; margin: 0; padding: 0; border: 0; border-radius: 7px; background: var(--primary,var(--pink,var(--accent,#e11d48))); color: #fff; font: 500 28px/1 sans-serif; cursor: pointer; }
.age-check-mark { display: inline-grid; place-items: center; width: 64px; height: 64px; margin-bottom: 16px; border: 2px solid currentColor; border-radius: 50%; color: var(--primary,var(--pink,var(--accent,#e11d48))); font-size: 24px; font-weight: 800; }
.age-check-dialog .age-check-product { margin: 0 0 8px; color: #64646e; font: 600 13px/1.5 Inter,sans-serif; overflow-wrap: anywhere; }
.age-check-dialog h2 { margin: 0 0 12px; font: 750 23px/1.25 Inter,sans-serif; letter-spacing: -.5px; }
.age-check-dialog p { margin: 12px 0; font: 400 14px/1.6 Inter,sans-serif; }
.age-check-dialog .age-check-handover { padding: 12px; border: 1px solid #e6e6e9; border-radius: 10px; background: #f8f8fa; color: #51515b; font-size: 13px; }
.age-check-dialog .age-check-question { margin: 22px 0 16px; font-weight: 750; font-size: 17px; }
.age-check-actions { display: flex; gap: 10px; }
.age-check-dialog .age-check-actions button { min-height: 46px; margin: 0; padding: 12px 16px; border: 1px solid #dddde2; border-radius: 999px; font: 700 13px/1.35 Inter,sans-serif; cursor: pointer; }
.age-check-no { flex: 1; background: #fff; color: #51515b; }
.age-check-dialog .age-check-yes { flex: 2; border-color: transparent; background: var(--primary,var(--pink,var(--accent,#e11d48))); color: #fff; }
.age-check-dialog button:hover { filter: brightness(.94); }
.age-check-dialog button:focus-visible { outline: 2px solid var(--primary,var(--pink,var(--accent,#e11d48))); outline-offset: 3px; }
.age-check-reminder { margin: 12px 0; padding: 12px 14px; border: 1px solid #e5e5e7; border-radius: 10px; background: #f8f8fa; color: #51515b; font-size: 13px; line-height: 1.6; }
@media(max-width:400px) { .age-check-content { padding: 28px 18px 20px; } .age-check-dialog h2 { font-size: 21px; } }