/* V21 restores the approved Black November hero and calendar markers without replacing the normal builder. */
.bn21-hero{position:relative;isolation:isolate;overflow:hidden;border:0;margin:20px 0 0;min-height:360px;background:#050607;color:#fff;display:flex;align-items:center}
.bn21-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("./blacknov-banner-v21.webp") right center/cover no-repeat}
.bn21-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,7,.98) 0%,rgba(5,6,7,.94) 20%,rgba(5,6,7,.83) 34%,rgba(5,6,7,.55) 46%,rgba(5,6,7,.21) 61%,rgba(5,6,7,.04) 78%,transparent 95%);pointer-events:none}
.bn21-inner{padding:clamp(25px,3vw,42px);width:min(100%,660px)}
.bn21-kicker{letter-spacing:.16em;font-size:10px;font-weight:800;color:#96dcec;margin:0 0 11px}
.bn21-hero h2{font:800 clamp(32px,4vw,53px)/1.05 Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:0 0 13px}.bn21-hero h2 span{color:#85d9ec}
.bn21-hero h3{font:800 clamp(16px,2vw,21px) Inter,sans-serif;color:#91e2f2;margin:0 0 6px}
.bn21-price{font:800 clamp(43px,5vw,59px)/1.15 Manrope,Inter,sans-serif;margin:0 0 9px}
.bn21-benefits{font-size:12px;line-height:1.6;color:#e0e9ef;margin:0 0 7px}.bn21-terms{font-size:11px;color:#b8c9d0;margin:0 0 12px}.bn21-dates{font-size:11px;color:#95dfef;font-weight:700;margin:0 0 13px}
#bn21Start{border:0;background:#85dcea;color:#06151d;font-weight:800;border-radius:7px;padding:13px 17px;cursor:pointer}#bn21Start:hover{background:#b2f0fa}
.bn21-testnote{font-size:10px;color:#bca582;margin:9px 0 0}
.bn21-hero + .intro{display:none}
.bn21-hero + .intro + .date-gate{margin-top:0}
/* Prominent edition of the same selectable package in normal builder route. */
.bn20-special-card{position:relative!important;overflow:hidden!important;padding:32px!important;background:#07090a!important;border:0!important;isolation:isolate!important;min-height:270px!important;justify-content:center!important}
.bn20-special-card::before{content:"";position:absolute;inset:0;z-index:-2;background:url("./blacknov-banner-v21.webp") right center/cover no-repeat;opacity:.95}
.bn20-special-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.92) 34%,rgba(5,6,7,.55) 60%,rgba(5,6,7,.04) 95%)}
.bn20-special-card strong{color:#fff!important;font-size:clamp(28px,3vw,38px)!important;letter-spacing:-.04em!important}.bn20-special-card p{max-width:550px;color:#e2e8eb!important}.bn20-special-card button{background:#8ce2ee!important}
/* Milestone styling: no change to ordinary month tiles or their availability state. */
#dateMonthDays button.date-day[aria-label^="27 November 2026"],#dateMonthDays button.date-day[aria-label^="31 December 2026"]{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:7px 3px!important;font-size:0!important;background:linear-gradient(155deg,#020203 0%,#090a0b 60%,#141617 100%)!important;border:0!important;box-shadow:none!important;outline:0!important;color:#f6f6f6!important}
#dateMonthDays button.date-day[aria-label^="27 November 2026"]::before,#dateMonthDays button.date-day[aria-label^="31 December 2026"]::before{content:"27"!important;display:block!important;position:static!important;font-size:14px!important;font-weight:800!important;line-height:1.1!important;color:#f4f4f4!important}
#dateMonthDays button.date-day[aria-label^="31 December 2026"]::before{content:"31"!important}
#dateMonthDays button.date-day[aria-label^="27 November 2026"]::after,#dateMonthDays button.date-day[aria-label^="31 December 2026"]::after{content:"BLACK FRIDAY\A STARTS"!important;display:block!important;position:static!important;inset:auto!important;margin:0!important;padding:0!important;font-size:8px!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;white-space:pre-line!important;color:#e5e6e7!important}
#dateMonthDays button.date-day[aria-label^="31 December 2026"]::after{content:"BLACK FRIDAY\A ENDS"!important}
@media(max-width:700px){.bn21-hero::before,.bn20-special-card::before{background-position:70% center}.bn21-hero::after{background:linear-gradient(90deg,rgba(5,6,7,.95),rgba(5,6,7,.62)),linear-gradient(0deg,rgba(5,6,7,.72),transparent 80%)}.bn21-inner{padding:22px}.bn20-special-card::after{background:linear-gradient(90deg,rgba(5,6,7,.92),rgba(5,6,7,.65))}}

/* V22: Black November appears only in the approved top hero; retain the hidden selector as an internal hook for the existing fixed-package flow. */
#bn20Offer.bn20-special-card{display:none!important;}