/* 1.0.10 — Course Black presentation, scoped to eligible course pages. */
html body .vcp-course.vcp-course--black-week .vcp-course-hero,
html body .vcp-course.vcp-course--black-week .vcp-course-reoffer{
 background:radial-gradient(ellipse at 98% 12%,#063778 0,transparent 36%),radial-gradient(ellipse at 2% 70%,#082d55 0,transparent 42%),#070d17;color:#fff;
}
html body .vcp-course--black-week .vcp-course-hero{padding-top:36px}
html body .vcp-course--black-week .vcp-course-hero::before{display:none}
html body .vcp-course--black-week .vcp-course-hero__grid{padding-bottom:20px}
html body .vcp-course--black-week .vcp-course-hero__copy h1,
html body .vcp-course--black-week .vcp-course-reoffer__copy h2{color:#fff}
html body .vcp-course--black-week .vcp-course-hero__sub,
html body .vcp-course--black-week .vcp-course-hero__copy .vcp-kicker,
html body .vcp-course--black-week .vcp-course-reoffer__copy p{color:#dce8f5}
html body .vcp-course--black-week .vcp-course-reoffer__copy h2 span{color:#28baff}
html body .vcp-course--black-week .vcp-course-hero-card{border-color:#199cff;box-shadow:0 0 44px #006aff38}
html body .vcp-course--black-week .vcp-course-hero-card__media{border-color:#126fff}
html body .vcp-course--black-week .vcp-course-badges span{background:#fff;color:#144aa1}
html body .vcp-course--black-week .vcp-course-hero__actions .vcp-btn--primary,
html body .vcp-course--black-week .has-black-discount .vcp-btn--primary{background:#075ee8;border-color:#168cff;color:#fff!important}
html body .vcp-course--black-week .vcp-course-hero__actions .vcp-btn--ghost{background:#0b182b;color:#fff;border-color:#8ba6c7}
html body .vcp-course--black-week .vcp-bwc-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:0 0 26px}
html body .vcp-course--black-week .vcp-bwh-badge{display:inline-flex;align-items:baseline;gap:1px;color:#fff;font:900 clamp(25px,2.4vw,36px)/1.15 Inter,Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}
html body .vcp-course--black-week .vcp-bwh-badge b{color:#20b7ff}
html body .vcp-course--black-week .vcp-bwc-period{color:#e8f1ff;font-size:16px;font-weight:700;line-height:1.4}
html body .vcp-course--black-week .vcp-bwc-hero-offer{color:#28baff;font-size:clamp(20px,1.9vw,29px);line-height:1.25;font-weight:850;margin:18px 0 0}
/* Keep the first comparison on its original light surface. */
html body .vcp-course--black-week .vcp-course-offer{position:relative;margin-top:54px;background:#f4f8fd;box-shadow:0 0 0 100vmax #f4f8fd;clip-path:inset(-28px -100vmax -80px)}
html body .vcp-course--black-week .vcp-course-plan{background:#fff;color:#132642}
html body .vcp-course--black-week .vcp-course-plan.has-black-discount{border:2px solid #1686ff;transform:none}
html body .vcp-course--black-week .vcp-course-plan.has-black-discount.is-emphasis{box-shadow:0 0 0 1px #1686ff,0 14px 32px #006aff28}
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__badge{background:#0764eb;letter-spacing:0;font-size:16px;line-height:1.2;padding:8px 20px;top:-19px}
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__price-main{flex-direction:column;align-items:center;gap:5px}
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__price-main del{order:-1;color:#63738a;margin:0;font-size:15px}
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__price-main ins{color:#0758d9}
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__installment strong,
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__installment span{color:#006fb9}
html body .vcp-course--black-week .vcp-course-reoffer__plans{gap:24px}
html body .vcp-course--black-week .vcp-course-reoffer__copy .vcp-bwc-heading{flex-direction:column;align-items:flex-start;gap:12px}
html body .vcp-course--black-week .vcp-course-reoffer__trustline{background:transparent;border-color:#28425e;box-shadow:none}
html body .vcp-course--black-week .vcp-course-reoffer__trustline b{color:#eef5ff}
html body .vcp-course--black-week .vcp-course-reoffer__trustline small{color:#bfd0e4}
html body .vcp-course--black-week .vcp-course-reoffer__trustline span{border-color:#28425e}
html body .vcp-course--black-week .vcp-bwc-note{color:#c9d8ea;text-align:center;font-size:13px;line-height:1.5;margin:22px auto 0;max-width:850px}
html body .vcp-course--black-week #vcp-course-reoffer,
html body .vcp-course--black-week #vcp-course-offer{scroll-margin-top:120px}
.vcp-course--black-week .vcp-bwc-sticky[hidden]{display:none!important}
.vcp-course--black-week .vcp-bwc-sticky{position:fixed;bottom:0;left:0;right:0;z-index:9990;background:#070e1c;border-top:2px solid #159fff;box-shadow:0 -8px 28px #0005;padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));color:#fff}
.vcp-course--black-week .vcp-bwc-sticky-inner{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
html body .vcp-course--black-week .vcp-bwc-sticky .vcp-bwh-badge{font-size:27px}
.vcp-course--black-week .vcp-bwc-sticky-inner>strong{font-size:clamp(16px,1.6vw,24px);line-height:1.25;color:#fff}
html body .vcp-course--black-week .vcp-bwc-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:46px;padding:13px 22px;border-radius:10px;background:#075ee8;color:#fff;text-decoration:none;text-align:center;font-size:16px;font-weight:750;line-height:1.25}
html body .vcp-course--black-week .vcp-bwc-button:hover{background:#034fcd;color:#fff}
html body .vcp-course--black-week .vcp-bwc-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.vcp-course-black-sticky-visible #ht-ctc-chat{bottom:calc(var(--vcp-course-black-sticky-height,80px) + 16px)!important}
@media(max-width:1180px){
 html body .vcp-course--black-week .vcp-course-reoffer__copy .vcp-bwc-heading{align-items:center}
 html body .vcp-course--black-week .vcp-bwc-sticky .vcp-bwh-badge{display:none}
}
@media(max-width:760px){
 html body .vcp-course--black-week .vcp-course-hero{padding-top:20px}
 html body .vcp-course--black-week .vcp-bwc-heading{gap:12px;margin-bottom:22px}
 html body .vcp-course--black-week .vcp-bwc-period{font-size:14px}
 html body .vcp-course--black-week .vcp-course-reoffer__copy .vcp-bwc-heading{align-items:flex-start}
 html body .vcp-course--black-week .vcp-course-reoffer__plans,
 html body .vcp-course--black-week .vcp-course-plans{gap:32px}
 html body .vcp-course--black-week .vcp-bwc-note{padding-right:64px;text-align:left;min-height:60px}
 .vcp-course--black-week .vcp-bwc-sticky{padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px))}
 .vcp-course--black-week .vcp-bwc-sticky-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,140px);gap:12px}
 .vcp-course--black-week .vcp-bwc-sticky-inner>strong{font-size:13px;line-height:1.3}
 html body .vcp-course--black-week .vcp-bwc-button{font-size:13px;padding:10px 12px;min-height:48px;gap:6px}
 body.vcp-course-black-sticky-visible #ht-ctc-chat{right:12px!important}
}
@media(prefers-reduced-motion:reduce){.vcp-course--black-week *{scroll-behavior:auto!important}}

/* 1.0.12 — distinguish the existing promotion from the extra Black reduction. */
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__price-main{gap:6px}
html body .vcp-course--black-week .vcp-bwc-regular,
html body .vcp-course--black-week .vcp-bwc-before{display:block;font-size:13px;line-height:1.4;font-weight:500;color:#52647d;text-align:center}
html body .vcp-course--black-week .vcp-bwc-regular del{font-size:13px;color:inherit;font-weight:600;margin:0}
html body .vcp-course--black-week .vcp-bwc-final{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:2px}
html body .vcp-course--black-week .vcp-bwc-final small{font-size:12px;line-height:1.3;color:#0758d9;font-weight:700}
html body .vcp-course--black-week .vcp-bwc-extra-note{max-width:840px;margin:22px auto 0;padding:0 12px;color:#425a77;font-size:13px;font-weight:500;line-height:1.5;text-align:center}
html body .vcp-course--black-week .has-black-discount .vcp-course-plan__badge{max-width:calc(100% - 32px);white-space:normal;text-align:center;font-size:15px}
