body:has(.ws-offer-dialog[open]){overflow:hidden}
:is(.specials-page,.membership-page) .ws-offer-dialog{position:fixed;inset:0;width:min(560px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:42px 36px 34px;border:0;border-radius:25px;background:#fff;color:#000;box-shadow:0 20px 80px #0005;font:400 16px/1.5 "Inter XD",Arial,sans-serif;overflow:auto}
:is(.specials-page,.membership-page) .ws-offer-dialog::backdrop{background:#082753b3}
:is(.specials-page,.membership-page) .ws-dialog-close{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#e58026;color:#fff;font:400 30px/1 Arial,sans-serif;cursor:pointer}
:is(.specials-page,.membership-page) .ws-dialog-close:hover{background:#c96b19}
:is(.specials-page,.membership-page) .ws-offer-dialog h2{max-width:80%;padding:0;margin:0 auto 26px;color:#0d346d;font-size:30px;line-height:1.15;text-align:center}
:is(.specials-page,.membership-page) .ws-form-field{margin-bottom:18px}
:is(.specials-page,.membership-page) .ws-form-field label{display:block;margin:0 0 7px;color:#0d346d;font-size:16px;font-weight:700}
:is(.specials-page,.membership-page) .ws-form-field input,:is(.specials-page,.membership-page) .ws-form-field textarea{display:block;width:100%;min-height:48px;margin:0;padding:12px 14px;border:1px solid transparent;border-radius:0;background:#ebebeb;color:#000;font:400 16px/24px "Inter XD",Arial,sans-serif;box-shadow:none}
:is(.specials-page,.membership-page) .ws-form-field textarea{min-height:110px;resize:vertical}
:is(.specials-page,.membership-page) .ws-offer-form .ws-offer-submit{display:flex;min-width:210px;margin:26px auto 0}
:is(.specials-page,.membership-page) .ws-offer-dialog :is(input,textarea,button):focus-visible{outline:3px solid #3e7de2;outline-offset:3px}
:is(.specials-page,.membership-page) .ws-offer-dialog .form-status{margin:22px 0 0;padding:14px 16px;border-left:4px solid #e58026;background:#f1f6fd;color:#0d346d}
@keyframes offer-modal-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes offer-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
  .ws-offer-dialog[open]{animation:offer-modal-enter .36s cubic-bezier(.22,1,.36,1) both}
  .ws-offer-dialog[open]::backdrop{animation:offer-backdrop-enter .3s ease-out both}
}
@media(max-width:768px){
  :is(.specials-page,.membership-page) .ws-offer-dialog{padding:38px 22px 28px;max-height:calc(100dvh - 24px)}
  :is(.specials-page,.membership-page) .ws-offer-dialog h2{font-size:26px}
}