.bps-popup{--bps-accent:#212341;position:fixed;inset:0;z-index:999999;direction:rtl;color:#292326;font-family:inherit}
.bps-popup[hidden]{display:none!important}
.bps-backdrop{position:absolute;inset:0;background:rgba(24,17,21,.58);backdrop-filter:blur(3px);animation:bps-fade .22s ease both}
.bps-card{position:relative;box-sizing:border-box;width:min(var(--bps-width,480px),calc(100vw - 32px));max-height:min(86vh,760px);max-height:min(86dvh,760px);overflow:hidden;display:flex;flex-direction:column;margin:7vh auto 0;background:#fff;border-radius:22px;box-shadow:0 24px 90px rgba(30,12,22,.28);animation:bps-zoom .28s cubic-bezier(.2,.8,.2,1) both}
.bps-popup[data-motion="fade"] .bps-card{animation-name:bps-card-fade}.bps-popup[data-motion="slide"] .bps-card{animation-name:bps-rise}
.bps-toast{inset:auto 20px 20px auto;width:min(420px,calc(100vw - 28px));height:auto}.bps-toast .bps-card{width:100%;max-height:75vh;max-height:75dvh;margin:0;border-radius:16px}
.bps-content{box-sizing:border-box;min-height:0;overflow:auto;padding:30px;text-align:center;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8c5cb transparent}
.bps-content h2{font:inherit;font-size:clamp(21px,4vw,28px);font-weight:750;line-height:1.5;margin:4px 34px 10px;color:inherit}.bps-copy{font:inherit;font-size:15px;line-height:1.85;color:#625a5e}.bps-copy>:first-child{margin-top:0}.bps-copy>:last-child{margin-bottom:0}.bps-copy img{max-width:100%;height:auto;border-radius:12px}.bps-copy iframe,.bps-copy video{max-width:100%}
.bps-emoji{display:block;font-size:32px;margin:0 auto 6px}.bps-close{position:absolute;z-index:3;top:12px;right:12px;width:38px;height:38px;border:1px solid #eee5e8;border-radius:50%;background:rgba(255,255,255,.96);color:#342c30;font-family:inherit;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 2px 12px #0002}.bps-close:hover{background:#fff0f3;transform:scale(1.04)}
.bps-button{display:inline-flex;justify-content:center;align-items:center;margin-top:18px;padding:12px 24px;min-height:24px;border-radius:999px;background:var(--bps-accent);color:#fff!important;text-decoration:none!important;font:inherit;font-weight:700;transition:filter .2s,transform .2s}.bps-button:hover{filter:brightness(.92);transform:translateY(-1px)}
.bps-coupon{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,300px);margin:18px auto 0;padding:11px 14px;border:1px dashed var(--bps-accent);border-radius:10px;background:#fff9fa;color:#32282c;font:inherit;cursor:pointer}.bps-coupon span:first-child{font:600 16px/1.4 ui-monospace,monospace;letter-spacing:.06em}.bps-copy-label{font-size:12px;color:var(--bps-accent);font-weight:700}.bps-discount{display:inline-block;margin-top:12px;padding:5px 12px;border-radius:999px;background:#fff0f2;color:var(--bps-accent);font-size:13px;font-weight:750}.bps-countdown{margin:12px auto 0;color:#777;font-size:12px}
.bps-theme-minimal .bps-card{border:1px solid #eee8ea;border-radius:12px;box-shadow:0 18px 60px #26151d24}.bps-theme-minimal .bps-button{border-radius:8px}.bps-theme-bold .bps-card{background:linear-gradient(145deg,#fff 55%,#fff2f4);border:1px solid #f4dce1}.bps-theme-bold .bps-content h2{color:var(--bps-accent)}.bps-theme-bold .bps-button{box-shadow:0 8px 20px rgba(183,110,121,.28)}.bps-popup :focus-visible{outline:3px solid rgba(183,110,121,.55);outline-offset:3px}.bps-copied .bps-copy-label{color:#24855a}
.bps-closing .bps-card{animation:bps-out .2s ease both}.bps-closing .bps-backdrop{animation:bps-fade-out .2s ease both}
@keyframes bps-fade{from{opacity:0}to{opacity:1}}@keyframes bps-fade-out{to{opacity:0}}@keyframes bps-zoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes bps-card-fade{from{opacity:0}to{opacity:1}}@keyframes bps-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bps-out{to{opacity:0;transform:translateY(8px) scale(.98)}}
@media(max-width:600px){.bps-card{width:calc(100vw - 24px);max-height:88vh;max-height:88dvh;margin:6vh auto 0;border-radius:18px}.bps-content{padding:26px 20px 22px}.bps-content h2{font-size:22px}.bps-toast{inset:auto 10px 10px auto;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.bps-popup *,.bps-popup *:before,.bps-popup *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
