.service-offer{margin:0 0 12px}
.service-offer__trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid #d9dbd6;border-radius:0;background:#f7f7f5;color:#222;font:inherit;font-size:14px;line-height:1.4;text-align:left;cursor:pointer}
.service-offer__trigger:hover{border-color:#222}
.service-offer__trigger strong{font-weight:600}
.service-offer__trigger span{flex:none;text-decoration:underline;font-size:13px}
.service-offer__unlocked{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:11px 14px;border:1px solid #d9dbd6;background:#f7f7f5;color:#222;font-size:14px;line-height:1.4}
.service-offer__code{padding:2px 8px;border:1px dashed #222;font-weight:600;letter-spacing:.04em}
.service-offer__copy{margin-left:auto;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.service-offer__dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:28px 28px 22px;border:0;border-radius:16px;text-align:center;background:#fff;color:#222;font-size:14px;line-height:1.5}
.service-offer__dialog::backdrop{background:rgba(0,0,0,.5)}
.service-offer__dialog h2{margin:0 0 8px;font-size:24px;line-height:1.3}
.service-offer__dialog p{margin:0 0 18px}
.service-offer__close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;border:0;background:none;color:inherit;font-size:22px;line-height:1;cursor:pointer}
.service-offer__submit{width:100%;height:46px;border:0;border-radius:8px;background:#222;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.service-offer__submit:disabled{opacity:.6;cursor:default}
.service-offer__ends{margin:0 0 10px!important;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.service-offer__timer{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 16px}
.service-offer__timer div{display:flex;width:72px;flex-direction:column;padding:8px 0 6px;border-radius:10px;background:#f4f0e8}
.service-offer__timer strong{font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.service-offer__timer span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.service-offer__timer b{font-size:22px}
.service-offer__success{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px}
.service-offer__success .service-offer__copy{margin:0}
@media(max-height:760px),(max-width:480px){.service-offer__dialog{padding:20px 18px 16px}.service-offer__timer strong{font-size:24px}.service-offer__dialog h2{font-size:20px}}