.halloween-notification{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px 24px;background:#17100d;color:#fff5e7;border:1px solid #ff963d;border-radius:14px;box-shadow:0 20px 90px #0008;text-align:center;font-size:16px;line-height:1.5}
.halloween-notification[hidden]{display:none}
.halloween-notification p{margin:8px 0 16px}
.halloween-notification__icon{font-size:40px}
.halloween-notification .halloween-notification__title{font-size:15px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffad67}
.halloween-notification .halloween-notification__discount{font-size:58px;font-weight:800;line-height:1;margin:18px 0;color:#ff963d}
.halloween-notification__close{position:absolute;right:10px;top:6px;background:transparent;border:0;color:#fff5e7;font-size:28px;cursor:pointer;width:44px;height:44px}
.halloween-notification__button{display:block;background:#ff963d;color:#17100d;border-radius:4px;padding:12px 20px;font-weight:800;text-transform:uppercase}
.halloween-notification__button:hover{color:#17100d;background:#ffb36f}
.halloween-notification :focus-visible{outline:2px solid #fff;outline-offset:3px}