/* Scoped RANTIZ Black Friday 2026 popup. No dependencies, no global theme changes. */
.rzbf[hidden], .rzbf__error[hidden] { display:none !important; }
.rzbf { position:fixed; inset:0; z-index:2147480000; display:flex; align-items:center; justify-content:center; padding:22px; box-sizing:border-box; font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.rzbf, .rzbf * { box-sizing:border-box; }
.rzbf__scrim { position:absolute; inset:0; background:rgba(2,6,13,.84); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.rzbf__dialog { position:relative; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,.66fr); width:min(950px,100%); max-height:min(92dvh,840px); overflow:hidden; isolation:isolate; border-radius:20px; color:#f2f5fa; border:1px solid rgba(186,211,229,.21); background:#0b121d; box-shadow:0 34px 110px rgba(0,0,0,.65); outline:0; animation:rzbf-enter .42s cubic-bezier(.2,.8,.25,1) both; }
.rzbf__content { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:clamp(22px,3.7vw,42px); scrollbar-color:#344657 transparent; }
.rzbf__eyebrow { display:flex; align-items:center; gap:8px; color:#ffa873; font-size:10px; line-height:1.3; font-weight:850; letter-spacing:2.2px; margin:0 32px 18px 0; }
.rzbf__signal { width:7px; height:7px; border-radius:50%; background:#ffad77; box-shadow:0 0 0 4px rgba(255,154,89,.09); }
.rzbf__eyebrow-dash { color:#738296; margin:0 1px; }
.rzbf__headline { margin:0 0 16px !important; font-size:clamp(26px,3.15vw,41px) !important; line-height:1.12 !important; letter-spacing:-1.3px !important; font-weight:900 !important; color:#fff !important; text-transform:uppercase; max-width:630px; }
.rzbf__description { color:#d6dfea !important; font-size:14px !important; line-height:1.65 !important; margin:0 0 14px !important; }
.rzbf__story { margin:0 0 20px !important; color:#9eafc1 !important; font-size:13px !important; line-height:1.6 !important; border-left:2px solid #ef995f; padding-left:13px; }
.rzbf__story-accent { display:block; font-weight:750; color:#fff; margin-bottom:3px; }
.rzbf__offer { display:flex; align-items:center; justify-content:space-between; gap:16px; background:linear-gradient(120deg,rgba(251,153,83,.13),rgba(20,36,51,.55)); border:1px solid rgba(253,165,105,.23); border-radius:13px; padding:17px 19px; margin-bottom:14px; }
.rzbf__offer-main { display:flex; flex-direction:column; gap:4px; }
.rzbf__offer-label,.rzbf__coupon-caption { font-size:9px; letter-spacing:1.45px; color:#c0c9d2; font-weight:800; }
.rzbf__percent { color:#ffa56c; font-size:clamp(40px,4.2vw,56px); letter-spacing:-2.4px; line-height:1; font-weight:900; font-variant-numeric:tabular-nums; }
.rzbf__percent span { font-size:.56em; }
.rzbf__coupon-area { display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.rzbf__coupon { display:flex; justify-content:center; align-items:center; gap:15px; min-height:45px; padding:8px 15px; border-radius:8px !important; border:1px dashed rgba(255,170,112,.75) !important; background:rgba(6,12,20,.48) !important; color:#fff !important; cursor:pointer; font-size:18px !important; letter-spacing:2px; font-weight:900; font-family:inherit; box-shadow:none !important; }
.rzbf__coupon:hover { background:rgba(255,164,108,.1) !important; }
.rzbf__copied { color:#a7edbf; min-height:12px; line-height:1; font-size:10px; }
.rzbf__gift { display:flex; align-items:center; gap:12px; min-height:72px; padding:8px 12px 8px 8px; border:1px solid rgba(173,196,213,.14); border-radius:12px; background:rgba(255,255,255,.035); margin-bottom:18px; }
.rzbf__gift img { flex:none; width:67px; height:67px; object-fit:contain; border-radius:9px; background:#23313a; }
.rzbf__gift div { min-width:0; display:flex; flex-direction:column; gap:5px; }
.rzbf__gift-kicker { color:#ffa773; letter-spacing:1.1px; font-weight:850; font-size:9px; }
.rzbf__gift strong { color:#f7f9fc; font-size:12px; line-height:1.5; font-weight:700; }
.rzbf__gift-icon { margin-left:auto; color:#ffb778; font-size:20px; padding-right:3px; }
.rzbf__primary { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; min-height:52px; padding:13px 18px !important; background:linear-gradient(105deg,#f69254,#ffb374) !important; border:0 !important; border-radius:9px !important; color:#18202a !important; font-family:inherit; font-size:13px !important; font-weight:900 !important; line-height:1.3; letter-spacing:.3px; cursor:pointer; text-align:left; box-shadow:0 7px 25px rgba(255,140,77,.13) !important; }
.rzbf__primary:hover { filter:brightness(1.06); transform:translateY(-1px); }
.rzbf__primary:disabled { cursor:wait; opacity:.7; }
.rzbf__primary span:last-child { font-size:23px; line-height:1; }
.rzbf__guide { display:block; color:#d0d9e5 !important; text-align:center; text-decoration:underline !important; text-decoration-color:rgba(204,223,240,.35) !important; text-underline-offset:4px; font-size:12px; margin-top:13px; }
.rzbf__guide:hover { color:#ffb279 !important; }
.rzbf__fineprint { margin:14px 0 0 !important; text-align:center; color:#7d90a5 !important; font-size:10px !important; line-height:1.4 !important; }
.rzbf__error { background:#522a2b; border:1px solid #af5a5f; padding:9px; border-radius:7px; color:#fff !important; font-size:12px !important; }
.rzbf__close { position:absolute; z-index:5; top:14px; right:14px; display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(209,231,242,.25) !important; border-radius:50% !important; background:rgba(10,20,32,.88) !important; color:#e7edf4 !important; padding:0 !important; font:26px/1 system-ui,sans-serif !important; cursor:pointer; }
.rzbf__close:hover { color:#fff !important; background:#253747 !important; }
.rzbf :is(button,a):focus-visible { outline:2px solid #ffad79 !important; outline-offset:3px !important; }
.rzbf__visual { overflow:hidden; position:relative; background:radial-gradient(ellipse at 65% 37%,#374756 0,#152231 43%,#080d17 90%); border-left:1px solid rgba(230,244,255,.09); }
.rzbf__visual-glow { position:absolute; inset:7% -40% 25% 12%; border:1px solid rgba(180,210,229,.12); border-radius:50%; box-shadow:0 0 0 35px rgba(192,208,224,.025),0 0 0 70px rgba(192,208,224,.018); transform:rotate(-20deg); }
.rzbf__visual-sheen { position:absolute; width:55%; height:170%; left:-25%; top:-35%; background:linear-gradient(90deg,transparent,rgba(130,169,201,.06),transparent); transform:rotate(26deg); }
.rzbf__vertical { position:absolute; writing-mode:vertical-rl; transform:rotate(180deg); top:23px; right:23px; color:rgba(229,239,247,.4); font-size:9px; letter-spacing:2.2px; }
.rzbf__visual-big { position:absolute; left:10%; top:25%; font-weight:950; line-height:1; letter-spacing:-24px; font-size:clamp(140px,19vw,290px); color:rgba(226,238,251,.09); text-shadow:1px 1px 0 rgba(248,250,252,.14); }
.rzbf__visual-big span { color:#f9a16c; }
.rzbf__visual-tag { position:absolute; left:15%; right:15%; bottom:8%; border-top:1px solid rgba(246,181,135,.35); padding-top:14px; display:flex; flex-direction:column; gap:7px; }
.rzbf__visual-tag span { color:#94afc4; letter-spacing:1.1px; line-height:1.4; font-size:9px; }
.rzbf__visual-tag strong { color:#f5f8fd; letter-spacing:1px; font-size:17px; }
body.rzbf--locked { overflow:hidden !important; }
@keyframes rzbf-enter { from { opacity:0; transform:translateY(22px) scale(.975); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (max-width:790px) { .rzbf { padding:12px; } .rzbf__dialog { grid-template-columns:minmax(0,1fr); width:min(520px,100%); max-height:min(92dvh,820px); } .rzbf__visual { display:none; } .rzbf__content { padding:25px; } .rzbf__headline { font-size:clamp(25px,6vw,34px) !important; } .rzbf__close { top:10px; right:10px; } }
@media (max-width:450px) { .rzbf { padding:8px; } .rzbf__dialog { border-radius:15px; max-height:calc(100dvh - 16px); } .rzbf__content { padding:20px 18px 16px; } .rzbf__eyebrow { font-size:9px; margin-bottom:11px; letter-spacing:1.5px; } .rzbf__headline { font-size:clamp(22px,6.9vw,29px) !important; letter-spacing:-.6px !important; margin-bottom:10px !important; } .rzbf__description { font-size:12px !important; line-height:1.52 !important; margin-bottom:10px !important; } .rzbf__story { font-size:11px !important; line-height:1.45 !important; margin-bottom:12px !important; } .rzbf__offer { padding:11px 13px; margin-bottom:10px; } .rzbf__percent { font-size:38px; } .rzbf__coupon { font-size:14px !important; min-height:39px; gap:9px; padding:6px 10px; } .rzbf__offer-label,.rzbf__coupon-caption { font-size:8px; letter-spacing:1px; } .rzbf__gift { margin-bottom:12px; gap:10px; min-height:57px; } .rzbf__gift img { height:54px; width:54px; } .rzbf__gift strong { font-size:11px; } .rzbf__gift-icon { display:none; } .rzbf__primary { min-height:46px; font-size:12px !important; padding:11px 14px !important; } .rzbf__guide { margin-top:9px; font-size:11px; } .rzbf__fineprint { font-size:9px !important; margin-top:9px !important; } }
@media (prefers-reduced-motion:reduce) { .rzbf__dialog { animation:none; } .rzbf__primary:hover { transform:none; } }