.mb-black-friday .mb-bf-hero{background:#080808;color:#fff;font-family:'MB UX Body',Poppins,Arial,sans-serif}
.mb-bf-hero .mb-bf-film{height:var(--bf-desktop-height,680px);min-height:560px;position:relative;isolation:isolate;overflow:hidden;background:#121212}
.mb-bf-film video,.mb-bf-poster,.mb-bf-poster img{position:absolute;inset:0;width:100%;height:100%;display:block}
.mb-bf-film video,.mb-bf-poster img{object-fit:cover;object-position:50% 50%;filter:brightness(.66) saturate(.82) contrast(1.08)}
.mb-bf-film[data-ready=true] .mb-bf-poster{visibility:hidden}
.mb-bf-poster{pointer-events:none}
.mb-bf-hero .mb-bf-overlay{position:relative;z-index:2;min-height:100%;padding:54px 4% 0;box-sizing:border-box;pointer-events:none}
.mb-bf-hero .mb-bf-overlay-content{max-width:1800px;width:100%;margin:0 auto}
.mb-bf-hero .mb-bf-masthead{margin:0;padding:0;text-align:center}
.mb-bf-hero .mb-bf-masthead h1{display:flex;justify-content:center;gap:.15em;font-family:'MB UX Head',Cornerstone,Impact,sans-serif;font-weight:400;font-size:clamp(80px,11.7vw,210px);line-height:1;letter-spacing:-.025em;margin:0;color:#fff;text-transform:uppercase;text-shadow:0 3px 20px #000}
.mb-bf-hero .mb-bf-masthead h1 span{color:#fff}
.mb-bf-hero .mb-bf-masthead h1 span:last-child{color:var(--brand-red,#CE202C)}
.mb-bf-hero .mb-bf-main-offer{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1}
.mb-bf-hero .mb-bf-main-offer p{margin:0;display:flex;flex-direction:column;color:#fff;font-family:'MB UX Head',Cornerstone,Impact,sans-serif}
.mb-bf-hero .mb-bf-main-offer strong{font:inherit;font-size:clamp(48px,6.4vw,92px);line-height:1;white-space:nowrap}
.mb-bf-hero .mb-bf-main-offer p>span{font-size:clamp(22px,2.6vw,36px);line-height:1.1;margin-top:6px}
.mb-bf-hero .mb-bf-main-offer .mb-bf-shop{min-height:54px;display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;color:#080808;padding:14px 24px;text-decoration:none;font-size:14px;font-weight:700;text-transform:uppercase;border:1px solid #fff;box-sizing:border-box}
.mb-bf-hero .mb-bf-main-offer .mb-bf-shop:hover{background:#080808;border-color:#080808;color:#fff}
.mb-bf-hero .mb-bf-offer{background:var(--brand-red,#CE202C);color:#fff;display:flex;align-items:center;gap:30px;padding:25px max(4%,calc((100vw - 1472px)/2))}
.mb-bf-hero .mb-bf-other-offers{border-left:1px solid #fff;padding-left:30px;display:grid;gap:15px}
.mb-bf-hero .mb-bf-other-offers p{margin:0;display:flex;flex-direction:column;gap:4px}
.mb-bf-hero .mb-bf-other-offers strong{font:400 30px/1 'MB UX Head',Cornerstone,Impact,sans-serif;white-space:nowrap}
.mb-bf-hero .mb-bf-other-offers span{font-size:13px;line-height:1.3;white-space:nowrap}
.mb-bf-hero-details{max-width:1600px;margin:auto;padding:0 4%;border-bottom:1px solid #343434}
.mb-bf-terms{font:13px/1.6 'MB UX Body',Poppins,Arial,sans-serif;color:#fff}
.mb-bf-terms summary{padding:12px 0;cursor:pointer;min-height:44px;text-decoration:underline;text-underline-offset:4px;width:max-content}
.mb-bf-terms-content{padding:0 0 16px;max-width:760px}
.mb-bf-terms-content p{margin:0 0 6px;color:#ddd}
.mb-bf-rail{background:#121212;color:#fff;border-bottom:1px solid #464646}
.mb-bf-rail-inner{max-width:1600px;margin:auto;padding:0 4%;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.mb-bf-rail-title{font:400 22px/1 'MB UX Head',Cornerstone,Impact,sans-serif;color:#fff;text-decoration:none;border-left:4px solid var(--brand-red,#CE202C);padding-left:12px}
.mb-bf-rail p{font:13px/1.4 'MB UX Body',Poppins,Arial,sans-serif;margin:0}
.mb-bf-rail p strong{font-weight:600;color:#fff}
.mb-bf-rail .mb-bf-terms{margin-left:auto}
.mb-bf-rail .mb-bf-terms[open]{flex-basis:100%;margin-left:0}
.mb-bf-hero :is(a,button,summary):focus-visible,.mb-bf-rail :is(a,summary):focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:749px){
.mb-bf-hero .mb-bf-film{height:var(--bf-mobile-height,600px);min-height:500px}
.mb-bf-hero .mb-bf-film video,.mb-bf-hero .mb-bf-poster img{object-position:50% 50%}
.mb-bf-hero .mb-bf-overlay{padding:84px 20px 0}
.mb-bf-hero .mb-bf-masthead h1{font-size:clamp(68px,22vw,116px);line-height:1.02;flex-direction:column;gap:6px}
.mb-bf-hero .mb-bf-main-offer{display:block}
.mb-bf-hero .mb-bf-main-offer p{flex-direction:row;align-items:center;gap:14px}
.mb-bf-hero .mb-bf-main-offer strong{font-size:clamp(43px,12vw,70px)}
.mb-bf-hero .mb-bf-main-offer p>span{font-size:19px;max-width:88px;margin:0}
.mb-bf-hero .mb-bf-main-offer .mb-bf-shop{min-height:48px;margin-top:14px;padding:10px;font-size:13px}
.mb-bf-hero .mb-bf-offer{display:block;padding:16px}
.mb-bf-hero .mb-bf-other-offers{grid-template-columns:1fr 1fr;padding:14px 0 0;border-left:0;border-top:1px solid #fff;margin-top:14px;gap:16px}
.mb-bf-hero .mb-bf-other-offers p+p{border-left:1px solid #fff;padding-left:16px}
.mb-bf-hero .mb-bf-other-offers strong{font-size:25px}
.mb-bf-hero .mb-bf-other-offers span{font-size:12px}
.mb-bf-rail-inner{padding:8px 16px;gap:8px 14px}.mb-bf-rail-title{font-size:18px}.mb-bf-rail p{font-size:12px}.mb-bf-rail-secondary{display:none}.mb-bf-rail .mb-bf-terms{flex-basis:100%;margin:0}.mb-bf-rail .mb-bf-terms summary{padding:0;min-height:30px}
}

.mb-bf-hero .mb-bf-masthead h1{display:block;line-height:0;text-shadow:none}
.mb-bf-hero .mb-bf-campaign-logo{display:block;width:min(760px,68vw);height:auto;margin:0 auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.65))}
@media(max-width:749px){.mb-bf-hero .mb-bf-campaign-logo{width:min(100%,520px)}}
