/* M&B Website 2.0 V82 | Harry Potter collection — cinematic, image-led, mobile-first.
   Only IDs 35920/33128/35922/35934. Existing posts, SEO, ads, and access unchanged. */
:root{--mb2v82-sky:#a1e6f4;--mb2v82-paper:#f3f5f6;--mb2v82-muted:#d1dce1;--mb2v82-border:#354e58;--mb2v82-bg:#080e12}
body.mb2-site .mb2v82-eyebrow{
 display:block;font:900 10px/1.45 Lato,Arial,sans-serif;letter-spacing:2px;
 text-transform:uppercase;color:#99deee!important;margin-bottom:9px
}
body.mb2-site .mb2v82-card{
 display:block;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;
 min-height:276px;max-width:100%;
 border:1px solid #395662;border-radius:11px;background:#152630;
 text-decoration:none!important;outline-offset:4px;
 transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
body.mb2-site .mb2v82-card-image,body.mb2-site .mb2v82-card-shade{position:absolute;inset:0;display:block}
body.mb2-site .mb2v82-card-image img{
 display:block;width:100%!important;height:100%!important;max-width:none!important;
 object-fit:cover;object-position:center 35%;filter:saturate(.9) brightness(.83);
 transition:transform .36s ease
}
body.mb2-site .mb2v82-card-fallback{
 display:flex;align-items:center;justify-content:center;width:100%;height:100%;
 color:#c7dbdf;font:800 22px/1 Lato,Arial,sans-serif;letter-spacing:.12em;
 background:linear-gradient(130deg,#253c48,#101820)
}
body.mb2-site .mb2v82-card-shade{
 background:linear-gradient(180deg,rgba(7,13,17,.06) 0%,rgba(7,13,17,.17) 23%,rgba(7,13,17,.74) 61%,rgba(5,12,16,.99) 100%);
 pointer-events:none;z-index:1
}
body.mb2-site .mb2v82-card-content{
 position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;
 gap:7px;box-sizing:border-box;padding:26px 27px 23px;
 color:#eef6f8!important;text-shadow:0 1px 8px rgba(0,0,0,.22)
}
body.mb2-site .mb2v82-card-content small{
 color:#b9eafa!important;font:900 10px/1.4 Lato,Arial,sans-serif!important;
 letter-spacing:1.45px;text-transform:uppercase
}
body.mb2-site .mb2v82-card-content strong{
 color:#fff!important;font:900 clamp(23px,2.3vw,31px)/1.12 Lato,Arial,sans-serif!important;
 letter-spacing:-.035em
}
body.mb2-site .mb2v82-card-content>span{
 color:#d2e1e6!important;font:500 13px/1.45 Lato,Arial,sans-serif!important
}
body.mb2-site .mb2v82-card-content em{
 display:inline-flex;align-items:center;gap:10px;color:#a6e9f5!important;
 font:900 12px/1.2 Lato,Arial,sans-serif!important;font-style:normal!important;margin-top:6px
}
body.mb2-site .mb2v82-card:hover{border-color:#a0e3f2;box-shadow:0 12px 35px rgba(0,0,0,.3);transform:translateY(-2px)}
body.mb2-site .mb2v82-card:hover img{transform:scale(1.045)}
body.mb2-site .mb2v82-card:focus-visible{outline:3px solid #b5eaf5}
body.mb2-site .mb2v82-doors-grid,body.mb2-site .mb2v82-hbo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.mb2-site .mb2v82-section-intro{margin-bottom:19px}
body.mb2-site .mb2v82-section-intro h2,body.mb2-site .mb2v82-happening h2{
 color:#fff!important;font:900 clamp(29px,3.6vw,42px)/1.14 Lato,Arial,sans-serif!important;
 letter-spacing:-.035em!important;margin:0 0 11px!important
}
body.mb2-site .mb2v82-section-intro p,body.mb2-site .mb2v82-happening p{
 color:#cbd9df!important;font:500 15px/1.6 Lato,Arial,sans-serif!important;max-width:710px;margin:0!important
}
/* Homepage: replace text-heavy legacy lane and HBO sections with picture cards. */
body.mb2-site .mb2-hp-page .mb2v82-hub-doors{margin:15px 0 49px}
body.mb2-site .mb2-hp-page .mb2v82-happening{
 margin:0 0 46px;padding:clamp(22px,3vw,35px);
 background:#111b21;border:1px solid #355260;border-radius:14px
}
body.mb2-site .mb2-hp-page .mb2v82-happening-head{margin:0 0 20px}
body.mb2-site .mb2v82-hbo-grid .mb2v82-card{min-height:275px}
body.mb2-site .mb2v82-quicklinks{
 display:flex;align-items:center;flex-wrap:wrap;gap:9px;
 border-top:1px solid #2e444c;margin-top:20px;padding-top:20px
}
body.mb2-site .mb2v82-quicklinks a{
 padding:11px 14px;border-radius:6px;border:1px solid #3d5b68;
 color:#b5e9f4!important;background:#15232b;text-decoration:none!important;
 font:800 12px/1.3 Lato,Arial,sans-serif
}
body.mb2-site .mb2v82-quicklinks a:hover{background:#213b47;border-color:#7bc9db}
body.mb2-site .mb2v82-quicklinks a:focus-visible{outline:3px solid #b5eaf5;outline-offset:2px}
body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div{
 margin-bottom:40px!important
}
/* Dedicated guide pages — editorial cover system. */
body.mb2-site .mb2v82-page{background:#090e12;color:#f3f5f6;padding-bottom:30px;overflow:hidden}
body.mb2-site .mb2v82-container{width:min(1200px,90%);margin-inline:auto}
body.mb2-site .mb2v82-hero{
 isolation:isolate;position:relative;min-height:540px;
 background:#101920;border-bottom:1px solid #293b43;overflow:hidden
}
body.mb2-site .mb2v82-hero-art,body.mb2-site .mb2v82-hero-scrim{position:absolute;inset:0;z-index:-2}
body.mb2-site .mb2v82-hero-art img{
 width:100%!important;height:100%!important;max-width:none!important;display:block;
 object-fit:cover;object-position:center 37%;filter:saturate(.86) brightness(.75)
}
body.mb2-site .mb2v82-hero-scrim{
 z-index:-1;background:linear-gradient(90deg,#090e12 5%,rgba(9,14,18,.97) 26%,rgba(9,14,18,.77) 53%,rgba(9,14,18,.17) 94%),
 linear-gradient(0deg,#090e12 0%,transparent 38%)
}
body.mb2-site .mb2v82-hero-inner{min-height:540px;box-sizing:border-box;display:flex;flex-direction:column;padding:29px 0 62px}
body.mb2-site .mb2v82-breadcrumb{
 display:flex;align-items:center;flex-wrap:wrap;gap:10px;
 font:700 12px/1.5 Lato,Arial,sans-serif;color:#cbd7dd
}
body.mb2-site .mb2v82-breadcrumb a{color:#ade5f1!important;text-decoration:none!important}
body.mb2-site .mb2v82-breadcrumb [aria-current]{color:#edf4f6}
body.mb2-site .mb2v82-hero-content{max-width:770px;margin:auto 0 0;padding-top:75px}
body.mb2-site .mb2v82-hero-content h1{
 font:900 clamp(40px,4.25vw,63px)/1.065 Lato,Arial,sans-serif!important;
 color:#fff!important;letter-spacing:-.055em!important;text-wrap:balance;margin:0 0 22px!important
}
body.mb2-site .mb2v82-hero-content p{
 max-width:690px;color:#d8e3e7!important;font:500 17px/1.62 Lato,Arial,sans-serif!important;
 margin:0 0 26px!important
}
body.mb2-site .mb2v82-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}
body.mb2-site .mb2v82-hero-actions a{
 display:inline-flex;align-items:center;justify-content:space-between;gap:20px;
 padding:13px 19px;min-height:49px;box-sizing:border-box;
 text-decoration:none!important;font:900 13px/1.3 Lato,Arial,sans-serif!important;
 border-radius:6px
}
body.mb2-site .mb2v82-main-button{color:#091c25!important;background:#a5e9f5;border:1px solid #a5e9f5}
body.mb2-site .mb2v82-main-button:hover{background:#fff}
body.mb2-site .mb2v82-secondary-button{background:#13242cbf;color:#f1f7f8!important;border:1px solid #6c8e9c}
body.mb2-site .mb2v82-secondary-button:hover{background:#24404e}
body.mb2-site .mb2v82-hero-actions a:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.mb2-site .mb2v82-hero-fact{color:#a6d9e4;font:900 11px/1.4 Lato,Arial,sans-serif;letter-spacing:1.2px}
body.mb2-site .mb2v82-guide-nav{
 margin:28px 0 39px;padding:23px 24px 25px;
 background:#111d24;border:1px solid #354e5a;border-radius:12px
}
body.mb2-site .mb2v82-guide-nav-heading{
 display:flex;gap:6px;align-items:baseline;justify-content:space-between;
 margin-bottom:16px;flex-wrap:wrap
}
body.mb2-site .mb2v82-guide-nav-heading .mb2v82-eyebrow{margin:0}
body.mb2-site .mb2v82-guide-nav-heading strong{font:800 16px/1.35 Lato,Arial,sans-serif;color:#eef5f7}
body.mb2-site .mb2v82-guide-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.mb2-site .mb2v82-related{min-height:207px}
body.mb2-site .mb2v82-related .mb2v82-card-content{padding:20px}
body.mb2-site .mb2v82-related .mb2v82-card-content strong{font-size:23px!important}
body.mb2-site .mb2v82-back-to-hub{
 display:inline-flex;gap:14px;align-items:center;text-decoration:none!important;
 font:800 12px/1.4 Lato,Arial,sans-serif;color:#addfed!important;margin-top:18px
}
body.mb2-site .mb2v82-back-to-hub:hover{text-decoration:underline!important}
body.mb2-site .mb2v82-article{
 margin:0 auto 36px;max-width:1100px;padding:0;
 color:#e4ebef!important;background:transparent!important;border:0!important;box-shadow:none!important
}
body.mb2-site .mb2v82-article-content{max-width:1080px;margin:0 auto;min-width:0}
body.mb2-site .mb2v82-article-content>div[style*="max-width"]{
 width:100%!important;max-width:1080px!important;margin-inline:auto!important;box-sizing:border-box
}
body.mb2-site .mb2v82-article-content h2{
 color:#fafcfd!important;font:900 clamp(25px,3.2vw,37px)/1.2 Lato,Arial,sans-serif!important;
 letter-spacing:-.025em!important;text-wrap:balance
}
body.mb2-site .mb2v82-article-content h3{
 color:#f4f8fa!important;font:900 clamp(19px,2.3vw,25px)/1.3 Lato,Arial,sans-serif!important
}
body.mb2-site .mb2v82-article-content p,body.mb2-site .mb2v82-article-content li{
 color:#d7e0e4!important;line-height:1.67!important
}
body.mb2-site .mb2v82-article-content a{color:#a2e5f1;text-underline-offset:3px}
body.mb2-site .mb2v82-article-content a:hover{color:#fff}
body.mb2-site .mb2v82-article-content a br{display:none!important}
body.mb2-site .mb2v82-article-content>p:empty{display:none}
body.mb2-site .mb2v82-article-content .mb-potter-signup{
 background:linear-gradient(125deg,#162c36,#111b21)!important;
 border:1px solid #497483!important;border-radius:11px!important;
 padding:clamp(22px,3vw,34px)!important
}
body.mb2-site .mb2v82-article-content .mb-potter-signup a{
 display:inline-flex;align-items:center;min-height:47px;padding:11px 18px;
 background:#a0e5ef!important;color:#091920!important;text-decoration:none!important;
 border-radius:6px;font-weight:900!important
}
/* Content-first, SEO-safe: compact the old editorial intro without hiding its text. */
body.mb2-site .mb2v82-article-content>div[style*="max-width"]>div:first-of-type{
 border:1px solid #35515c!important;border-radius:12px!important;
 padding:clamp(22px,3vw,32px)!important;
 background:linear-gradient(125deg,#152630,#10171d)!important;box-shadow:none!important;
}
body.mb2-site .mb2v82-article-content>div[style*="max-width"]>div:first-of-type>div{
 font-size:inherit;line-height:1.2
}
body.mb2-site .mb2v82-article-content>div[style*="max-width"]>div:first-of-type>div:nth-of-type(2){
 font-size:clamp(24px,3vw,33px)!important;margin:0 0 13px!important
}
body.mb2-site .mb2v82-article-content [id="books"],
body.mb2-site .mb2v82-article-content [id="movie-order"],
body.mb2-site .mb2v82-article-content [id="quick-facts"]{scroll-margin-top:94px}
body.mb2-site .mb2v82-article-content [style*="flex:1 1 360px"],
body.mb2-site .mb2v82-article-content [style*="flex: 1 1 270px"]{
 border:1px solid #3e5360!important;background:#152128!important;
 border-radius:11px!important;box-shadow:none!important;min-width:0
}
body.mb2-site .mb2v82-article-content [style*="flex:1 1 360px"]:hover,
body.mb2-site .mb2v82-article-content [style*="flex: 1 1 270px"]:hover{
 border-color:#83cbdc!important;background:#1a303c!important
}
body.mb2-site .mb2v82-article-content [style*="background:#67d2ff"]{
 color:#0a2027!important
}
body.mb2-site .mb2v82-footer-app{margin-bottom:55px}
@media(max-width:820px){
 body.mb2-site .mb2v82-hero{min-height:485px}
 body.mb2-site .mb2v82-hero-inner{min-height:485px;padding-bottom:45px}
 body.mb2-site .mb2v82-hero-art img{object-position:center 42%}
 body.mb2-site .mb2v82-hero-scrim{
 background:linear-gradient(90deg,rgba(9,14,18,.99),rgba(9,14,18,.87) 52%,rgba(9,14,18,.4)),
 linear-gradient(0deg,#090e12,transparent 58%)
 }
}
@media(max-width:680px){
 body.mb2-site .mb2v82-container{width:min(calc(100% - 32px),1200px)}
 body.mb2-site .mb2v82-hero{min-height:0}
 body.mb2-site .mb2v82-hero-art{height:315px;inset:0 0 auto}
 body.mb2-site .mb2v82-hero-scrim{
 background:linear-gradient(0deg,#090e12 2%,rgba(9,14,18,.98) 34%,rgba(9,14,18,.32) 72%,rgba(9,14,18,.35)),
 linear-gradient(90deg,rgba(9,14,18,.55),transparent 75%)
 }
 body.mb2-site .mb2v82-hero-inner{min-height:0;padding:23px 0 38px}
 body.mb2-site .mb2v82-hero-content{padding-top:190px}
 body.mb2-site .mb2v82-hero-content h1{font-size:clamp(32px,8.8vw,47px)!important;line-height:1.11!important}
 body.mb2-site .mb2v82-hero-content p{font-size:15px!important}
 body.mb2-site .mb2v82-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
 body.mb2-site .mb2v82-hero-actions a{width:100%}
 body.mb2-site .mb2v82-guide-nav{padding:20px 18px 22px;margin:22px 0 31px}
 body.mb2-site .mb2v82-guide-nav-heading{display:block}
 body.mb2-site .mb2v82-guide-nav-heading strong{display:block;margin-top:6px}
 body.mb2-site .mb2v82-doors-grid,body.mb2-site .mb2v82-hbo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 body.mb2-site .mb2v82-hbo-grid .mb2v82-card,body.mb2-site .mb2v82-doors-grid .mb2v82-card{min-height:218px}
 body.mb2-site .mb2v82-card-content{padding:18px 16px 17px;gap:6px}
 body.mb2-site .mb2v82-card-content strong{font-size:21px!important}
 body.mb2-site .mb2v82-card-content small{font-size:9px!important}
 body.mb2-site .mb2v82-card-content>span{font-size:11px!important}
 body.mb2-site .mb2v82-guide-nav-grid{gap:10px}
 body.mb2-site .mb2v82-related{min-height:165px}
 body.mb2-site .mb2v82-related .mb2v82-card-content{padding:15px 13px}
 body.mb2-site .mb2v82-related .mb2v82-card-content strong{font-size:19px!important}
 body.mb2-site .mb2v82-happening{padding:22px 17px!important}
 body.mb2-site .mb2v82-article-content>div[style*="max-width"]>div:first-of-type{padding:22px 17px!important}
 body.mb2-site .mb2v82-article-content [style*="flex:1 1 360px"],
 body.mb2-site .mb2v82-article-content [style*="flex: 1 1 270px"]{padding:19px!important}
}
@media(max-width:420px){
 body.mb2-site .mb2v82-doors-grid,body.mb2-site .mb2v82-hbo-grid{grid-template-columns:1fr;gap:12px}
 body.mb2-site .mb2v82-hbo-grid .mb2v82-card,body.mb2-site .mb2v82-doors-grid .mb2v82-card{min-height:218px}
 body.mb2-site .mb2v82-quicklinks{display:grid;grid-template-columns:1fr 1fr}
 body.mb2-site .mb2v82-quicklinks a{display:flex;align-items:center;min-height:45px}
 body.mb2-site .mb2v82-quicklinks a:last-child{grid-column:span 2}
 body.mb2-site .mb2v82-guide-nav-grid{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
 body.mb2-site .mb2v82-card,body.mb2-site .mb2v82-card-image img{transition:none!important;transform:none!important}
}
