#nd-black-friday-modal[hidden]{display:none!important}
#nd-black-friday-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,30px);overflow-y:auto;overscroll-behavior:contain;background:rgb(7 10 16 / 74%)}
.nd-bf-dialog{position:relative;width:min(100%,590px);max-height:calc(100dvh - 24px);overflow:hidden;border:1px solid #b7954c;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#202126 0%,#101114 45%,#08090b 100%);box-shadow:0 28px 90px #0009;color:#fff;text-align:center}
.nd-bf-content{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(52px,6vw,64px) clamp(20px,7vw,58px) 38px}
.nd-bf-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;width:42px;height:42px;place-items:center;border:1px solid #ffffff45;border-radius:50%;background:#161719;color:#fff;font:400 28px/1 system-ui,sans-serif;cursor:pointer}
.nd-bf-close:hover{background:#ffffff20}
.nd-bf-close:focus-visible,.nd-bf-cta:focus-visible{outline:3px solid #d7b665;outline-offset:3px}
.nd-bf-logo{display:block;width:min(190px,62%);height:68px;margin:0 auto 23px;object-fit:contain}
.nd-bf-overline{margin:0;color:#d6b363;font-size:12px;font-weight:800;letter-spacing:.22em;line-height:1.4}
.nd-bf-dialog h2{margin:6px 0 23px;color:#f7f3e9;font-size:clamp(25px,6vw,34px);font-weight:850;letter-spacing:.04em;line-height:1.12;overflow-wrap:anywhere}
.nd-bf-dialog h3{margin:0 0 12px;color:#fff;font-size:clamp(20px,4.5vw,25px);line-height:1.25;overflow-wrap:anywhere}
.nd-bf-description{margin:0 auto;color:#e2e2e4;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.nd-bf-points{margin:20px 0 25px;color:#d8c89f;font-size:14px;font-weight:650;line-height:1.65}
.nd-bf-cta{display:inline-flex;min-height:50px;align-items:center;justify-content:center;width:min(100%,340px);padding:13px 20px;border:1px solid #e0bf69;border-radius:10px;background:linear-gradient(180deg,#dfbf70,#c49b42);box-shadow:0 8px 25px #c69f4b30;color:#151515;font-family:inherit;font-size:14px;font-weight:800;line-height:1.3;letter-spacing:.055em;text-align:center;cursor:pointer}
.nd-bf-cta:hover{background:linear-gradient(180deg,#f0d48f,#d5ad59)}
@media(max-width:760px){#nd-black-friday-modal{align-items:center;padding:12px}.nd-bf-dialog{max-height:calc(100dvh - 24px);border-radius:17px}.nd-bf-content{max-height:calc(100dvh - 24px)}}
@media(max-width:430px){.nd-bf-content{padding:52px 21px 25px}.nd-bf-logo{height:56px;margin-bottom:19px}.nd-bf-dialog h2{margin-bottom:18px}.nd-bf-description{font-size:14px;line-height:1.62}.nd-bf-points{margin:17px 0 21px;font-size:13px}.nd-bf-cta{width:100%;font-size:13px}}
@media(max-width:390px){.nd-bf-content{padding-right:18px;padding-left:18px}}
@media(max-width:375px){.nd-bf-content{padding-right:16px;padding-left:16px}.nd-bf-overline{font-size:11px;letter-spacing:.19em}}
@media(max-width:320px){#nd-black-friday-modal{padding:8px}.nd-bf-dialog,.nd-bf-content{max-height:calc(100dvh - 16px)}.nd-bf-dialog{border-radius:14px}.nd-bf-content{padding:48px 14px 20px}.nd-bf-close{top:8px;right:8px;width:38px;height:38px}.nd-bf-logo{height:48px;margin-bottom:15px}.nd-bf-dialog h2{font-size:24px}.nd-bf-description{font-size:13px}.nd-bf-points{font-size:12px}}
