/* Compact birthday popup: all controls fit typical desktop/mobile viewports. */
.sbdev-birthday-modal .modal-inner-wrap{width:440px;max-width:calc(100% - 28px);margin:16px auto;border-radius:22px;background:#fff;box-shadow:0 24px 90px rgba(37,37,70,.24);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto}
.sbdev-birthday-modal .modal-header{position:absolute;right:10px;top:10px;padding:0;z-index:2}
.sbdev-birthday-modal .modal-header .action-close{padding:9px;background:rgba(255,255,255,.92);border-radius:50%;width:32px;height:32px;box-shadow:0 2px 8px #24284918}
.sbdev-birthday-modal .modal-header .action-close:before{color:#545471;font-size:13px}
.sbdev-birthday-modal .modal-content{padding:0!important;max-height:none!important;overflow:visible!important;flex:0 0 auto}
.sbdev-birthday-modal .modal-footer{display:none}
.sbdev-birthday{font-family:inherit;color:#28283c;text-align:center;background:#fff}
.sbdev-birthday__hero{position:relative;background:#edf1fa;text-align:left}
.sbdev-birthday__banner{display:block;width:100%;height:auto;aspect-ratio:4 / 2;object-fit:cover}
.sbdev-birthday__hero-copy{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:48%}
.sbdev-birthday__eyebrow{font-size:8px;letter-spacing:1.5px;color:#667096;font-weight:600}
.sbdev-birthday .sbdev-birthday__title{font-size:30px!important;line-height:1.08;font-weight:700;letter-spacing:-.8px;color:#4857ed;margin:7px 0 9px;max-width:170px}
.sbdev-birthday__subtitle{font-size:11px;line-height:1.5;color:#4a5270;margin:0}
.sbdev-birthday__voucher{display:block;width:88%;max-width:379px;height:auto;margin:9px auto 9px}
.sbdev-birthday__body{padding:12px 24px 14px}
.sbdev-birthday__intro{font-size:12px;line-height:1.5;color:#68687a;margin:0 0 10px}
.sbdev-birthday__coupon{border:1px dashed #aaa9ed;background:#f7f7ff;border-radius:13px;padding:11px 12px;margin:0}
.sbdev-birthday__benefit{font-size:12px;font-weight:600;line-height:1.5;color:#474bc5;margin:0 0 6px}
.sbdev-birthday__code-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.sbdev-birthday__code{font-size:21px;font-weight:700;letter-spacing:.6px;color:#28283c;overflow-wrap:anywhere;max-width:100%}
.sbdev-birthday .sbdev-birthday__copy{border:0;border-radius:8px;background:#e9eaff;color:#4857ed;box-shadow:none;font-size:11px;line-height:1.5;padding:7px 10px;font-family:inherit}
.sbdev-birthday__status{font-size:11px;color:#25834e;line-height:1.4;margin:6px 0}
.sbdev-birthday__status:empty{display:none}

.sbdev-birthday .sbdev-birthday__shop{display:block;width:100%;padding:10px;border:0;border-radius:24px;background:#4c5bff;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;font-weight:600;box-shadow:none}
.sbdev-birthday .sbdev-birthday__shop:hover{background:#3746e8}
.sbdev-birthday .sbdev-birthday__conditions{display:inline-block;text-decoration:none;border:0;background:none;box-shadow:none;color:#858594;font-family:inherit;font-size:11px;line-height:1.5;margin:5px 0 0;padding:3px}
@media(max-width:767px){.sbdev-birthday-modal.modal-popup.modal-slide{left:0!important}.sbdev-birthday-modal .modal-inner-wrap{width:calc(100% - 28px);max-width:400px;margin:14px auto;max-height:calc(100dvh - 28px)}.sbdev-birthday__hero-copy{left:20px}.sbdev-birthday .sbdev-birthday__title{font-size:26px!important;max-width:145px}.sbdev-birthday__body{padding:11px 20px 12px}}
@media(max-height:640px){.sbdev-birthday__subtitle{display:none}.sbdev-birthday .sbdev-birthday__title{font-size:25px!important}.sbdev-birthday__body{padding-top:8px}.sbdev-birthday__intro{margin-bottom:7px}}

.sbdev-birthday .sbdev-birthday__shop{margin-top:12px}.sbdev-birthday__conditions:hover{text-decoration:underline}


/* Explicit viewport anchor wins over theme modal widths and positioning. */
.sbdev-birthday-modal.modal-popup{position:fixed!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;padding:0!important;box-sizing:border-box;transform:none!important}
.sbdev-birthday-modal.modal-popup .modal-inner-wrap{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;translate:none!important;margin:0!important;width:440px!important;max-width:calc(100% - 32px)!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;min-height:0!important;height:auto!important;float:none!important}
@media(max-width:767px){.sbdev-birthday-modal.modal-popup .modal-inner-wrap{width:400px!important;max-width:calc(100% - 28px)!important;max-height:calc(100dvh - 28px)!important}}