/* MAX'S BRICKS WOW v3.8.28 — SINGLE VIDEO / YOUTUBE WATCH PAGE + SIDEBAR */
.single-mb_video .mbarticle-editorial{width:min(calc(100% - 48px),1180px);margin-top:28px}
.single-mb_video .mbarticle-copy{padding:0;border:0;background:transparent;box-shadow:none}
.mbvideo-watch-layout{width:100%;max-width:1180px;margin:0 auto;color:#eef6ff}
.mbvideo-player-wrap{width:min(100%,980px);max-width:980px;margin:0 auto 22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;background:#000;box-shadow:0 18px 48px rgba(0,0,0,.38)}
.mbvideo-player-ratio{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.mbvideo-player-ratio iframe,.mbvideo-player-ratio video{display:block;width:100%!important;height:100%!important;border:0!important;max-width:none!important;margin:0!important}
.mbvideo-player-actions{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:11px 14px 13px;background:#111;color:#fff}.mbvideo-player-actions>span{color:#b6b6b6;font-size:.68rem;font-weight:900;letter-spacing:.08em}
.mbvideo-player-fallback{width:min(100%,980px);max-width:980px;margin:0 auto 22px;padding:24px;border:1px dashed #4d4d4d;border-radius:18px;background:#151515;color:#e6e6e6}.mbvideo-player-fallback strong{color:#ffc400}.mbvideo-player-fallback p{margin:7px 0 16px}.mbvideo-player-fallback a{display:inline-flex;padding:10px 16px;border-radius:999px;background:#ff0033;color:#fff!important;text-decoration:none!important;font-weight:950}
.mbvideo-watch-info{width:min(100%,1080px);margin:0 auto 18px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(29,29,29,.97),rgba(20,20,20,.98));box-shadow:0 12px 32px rgba(0,0,0,.22)}
.mbvideo-channel-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px}.mbvideo-channel-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#071527;border:2px solid rgba(255,255,255,.12);box-shadow:0 5px 16px rgba(0,0,0,.28)}.mbvideo-channel-avatar-img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:50%;margin:0!important}.mbvideo-channel-avatar-img.is-default{object-fit:cover}.mbvideo-channel-copy{min-width:0}.mbvideo-channel-copy strong{display:block;color:#fff;font-size:1rem;line-height:1.1}.mbvideo-channel-copy span{display:block;margin-top:4px;color:#aaa;font-size:.76rem}.mbvideo-youtube-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:7px 14px 7px 9px;border-radius:999px;background:#ff0033;color:#fff!important;text-decoration:none!important;font-size:.72rem;font-weight:950;letter-spacing:.025em;transition:transform .18s ease,filter .18s ease}.mbvideo-youtube-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.mbvideo-youtube-play{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#ff0033}.mbvideo-youtube-play svg{width:17px;height:17px}
.mbvideo-watch-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.mbvideo-watch-stats>span{display:inline-flex;align-items:baseline;gap:6px;min-height:35px;padding:8px 11px;border-radius:10px;background:#272727;color:#fff}.mbvideo-watch-stats strong{font-size:.78rem}.mbvideo-watch-stats small{color:#aaa;font-size:.66rem;text-transform:lowercase}
.mbvideo-description-panel{width:min(100%,1080px);margin:0 auto 6px;padding:20px 22px 24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#272727;color:#f2f2f2;box-shadow:0 12px 30px rgba(0,0,0,.18)}.mbvideo-description-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.mbvideo-description-head>span{color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.08em}.mbvideo-description-head>small{color:#aaa;font-size:.7rem}.mbvideo-description-copy{color:#e5e5e5;font-size:1rem;line-height:1.7}.mbvideo-description-copy>*:first-child{margin-top:0!important}.mbvideo-description-copy>*:last-child{margin-bottom:0!important}.mbvideo-description-copy p{max-width:none;margin:0 0 1.15em;color:#e5e5e5;font-size:1rem;line-height:1.7}.mbvideo-description-copy>p:first-child{color:#fff;font-size:1.02rem;font-weight:600;line-height:1.65}.mbvideo-description-copy h2,.mbvideo-description-copy h3,.mbvideo-description-copy h4{color:#fff;font-family:Arial,sans-serif;text-transform:none}.mbvideo-description-copy h2{margin:1.2em 0 .5em;font-size:1.55rem}.mbvideo-description-copy h3{margin:1.2em 0 .45em;font-size:1.25rem}.mbvideo-description-copy h4{margin:1.15em 0 .4em;color:#ffc400;font-size:1.05rem}.mbvideo-description-copy a{color:#3ea6ff;text-decoration:none}.mbvideo-description-copy a:hover{text-decoration:underline}.mbvideo-description-copy ul,.mbvideo-description-copy ol{margin:1em 0 1.25em;padding-left:1.45em;color:#e5e5e5}.mbvideo-description-copy li::marker{color:#ffc400}.mbvideo-description-copy blockquote{margin:1.5em 0;padding:16px 18px;border-left:4px solid #ffc400;border-radius:0 10px 10px 0;background:#1b1b1b;color:#fff}
.single-mb_video .mbarticle-gallery{width:min(100%,1080px);margin:22px auto 0;border-color:rgba(255,255,255,.10);background:#1f1f1f;box-shadow:0 10px 30px rgba(0,0,0,.20)}
.single-mb_video .mbarticle-gallery-head h2{font-family:Arial,sans-serif;text-transform:none;font-size:clamp(1.6rem,2.5vw,2.25rem)}
.single-mb_video .mbarticle-gallery-thumb{border-color:#3a3a3a;background:#111;box-shadow:none}.single-mb_video .mbarticle-gallery-thumb:hover{border-color:#ffc400}
.single-mb_video .mbcmt-section{margin-top:22px!important}
@media(max-width:980px){.single-mb_video .mbarticle-editorial{width:min(calc(100% - 32px),1180px)}.mbvideo-player-wrap{width:min(100%,900px)}.mbvideo-watch-info,.mbvideo-description-panel{width:100%}}
@media(max-width:720px){.single-mb_video .mbarticle-editorial{width:calc(100% - 18px);margin-top:18px}.mbvideo-player-wrap{border-radius:14px;margin:0 auto 16px}.mbvideo-player-actions{padding:10px 12px 12px}.mbvideo-watch-info,.mbvideo-description-panel{border-radius:14px;padding:16px}.mbvideo-channel-row{grid-template-columns:46px minmax(0,1fr)}.mbvideo-channel-mark{width:46px;height:46px}.mbvideo-youtube-button{grid-column:1/-1;width:100%;justify-content:center;margin-top:4px}.mbvideo-watch-stats{gap:6px}.mbvideo-watch-stats>span{flex:1 1 calc(50% - 6px);justify-content:center}.mbvideo-description-head{align-items:flex-start;flex-direction:column;gap:4px}.single-mb_video .mbarticle-gallery{margin-top:18px}}


/* =========================================================
   v3.8.28 — YOUTUBE-LIKE WATCH LAYOUT + LATEST VIDEOS SIDEBAR
   ========================================================= */
.single-mb_video .mbarticle-editorial{
  width:min(calc(100% - 48px),1580px)!important;
  max-width:1580px!important;
  margin-top:24px!important;
}
.single-mb_video .mbarticle-copy{width:100%!important;max-width:none!important}
.mbvideo-watch-layout{width:100%!important;max-width:1580px!important;margin:0 auto!important}
.mbvideo-watch-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,390px);
  gap:26px;
  align-items:start;
}
.mbvideo-watch-main{min-width:0}
.mbvideo-player-wrap{
  width:100%!important;
  max-width:1120px!important;
  margin:0 0 14px!important;
  border-radius:16px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
}
.mbvideo-player-actions{display:none!important}
.mbvideo-watch-title{
  margin:0 0 14px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(1.32rem,1.65vw,1.75rem);
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.015em;
}
.mbvideo-watch-info,
.mbvideo-description-panel{
  width:100%!important;
  max-width:1120px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.mbvideo-watch-info{margin-bottom:14px!important}
.mbvideo-description-panel{margin-bottom:0!important}

/* Right column */
.mbvideo-related{
  position:sticky;
  top:96px;
  min-width:0;
  padding:0;
  color:#fff;
}
.mbvideo-related-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
}
.mbvideo-related-head span{display:block;color:#aaa;font-size:.66rem;font-weight:900;letter-spacing:.09em}
.mbvideo-related-head h2{margin:3px 0 0;color:#fff;font:800 1.18rem/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.01em}
.mbvideo-related-head>a{
  color:#3ea6ff!important;
  text-decoration:none!important;
  font-size:.68rem;
  font-weight:850;
  white-space:nowrap;
}
.mbvideo-related-list{display:grid;gap:10px}
.mbvideo-related-card{
  display:grid;
  grid-template-columns:168px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:0;
}
.mbvideo-related-thumb{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:10px;
  background:#111;
}
.mbvideo-related-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.mbvideo-related-card:hover .mbvideo-related-thumb img{transform:scale(1.035)}
.mbvideo-related-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#fff;text-align:center;font:900 .72rem/1.05 Arial,sans-serif;background:linear-gradient(145deg,#07336d,#04182f)}
.mbvideo-related-duration{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:4px;background:rgba(0,0,0,.82);color:#fff;font-size:.61rem;font-weight:850}
.mbvideo-related-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.62);color:#fff;opacity:0;transition:opacity .18s ease,transform .18s ease}
.mbvideo-related-play svg{width:20px;height:20px}
.mbvideo-related-card:hover .mbvideo-related-play{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
.mbvideo-related-copy{min-width:0;padding-top:1px}
.mbvideo-related-copy h3{margin:0 0 6px;font:750 .88rem/1.28 Arial,Helvetica,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mbvideo-related-copy h3 a{color:#fff!important;text-decoration:none!important}
.mbvideo-related-copy>span,.mbvideo-related-copy>small{display:block;color:#aaa;font-size:.68rem;line-height:1.35}
.mbvideo-related-copy>small{margin-top:2px}

/* Comments must span the same complete watch shell below main + sidebar. */
.single-mb_video .mbcmt-section{
  width:min(calc(100% - 48px),1580px)!important;
  max-width:1580px!important;
  margin-top:20px!important;
}
.single-mb_video .mbpb-single-content-blocks{
  width:min(calc(100% - 48px),1580px)!important;
  max-width:1580px!important;
}

@media(max-width:1180px){
  .single-mb_video .mbarticle-editorial{width:min(calc(100% - 32px),1180px)!important}
  .mbvideo-watch-grid{grid-template-columns:1fr;gap:24px}
  .mbvideo-player-wrap,.mbvideo-watch-info,.mbvideo-description-panel{max-width:none!important}
  .mbvideo-related{position:relative;top:auto}
  .mbvideo-related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
  .mbvideo-related-card{grid-template-columns:180px minmax(0,1fr)}
  .single-mb_video .mbcmt-section,.single-mb_video .mbpb-single-content-blocks{width:min(calc(100% - 32px),1180px)!important}
}
@media(max-width:820px){
  .mbvideo-related-list{grid-template-columns:1fr}
  .mbvideo-related-card{grid-template-columns:190px minmax(0,1fr)}
}
@media(max-width:620px){
  .single-mb_video .mbarticle-editorial{width:calc(100% - 18px)!important;margin-top:16px!important}
  .mbvideo-watch-grid{gap:20px}
  .mbvideo-player-wrap{border-radius:12px!important;margin-bottom:12px!important}
  .mbvideo-watch-title{font-size:1.15rem;margin-bottom:12px}
  .mbvideo-related-head{margin-bottom:11px}
  .mbvideo-related-card{grid-template-columns:42% minmax(0,1fr);gap:9px}
  .mbvideo-related-copy h3{font-size:.82rem}
  .mbvideo-related-copy>span,.mbvideo-related-copy>small{font-size:.64rem}
  .mbvideo-related-play{display:none}
  .single-mb_video .mbcmt-section,.single-mb_video .mbpb-single-content-blocks{width:calc(100% - 18px)!important}
}


/* =========================================================
   v3.8.29 — COMPACT YOUTUBE WATCH CARD
   Player, title, channel and stats become one visual unit.
   ========================================================= */
.single-mb_video .mbvideo-watch-main{
  min-width:0!important;
}
.single-mb_video .mbvideo-watch-card{
  width:100%!important;
  max-width:1120px!important;
  margin:0 0 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#151515 0%,#101010 100%)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30)!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-player-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
}
.single-mb_video .mbvideo-watch-card-body{
  padding:16px 18px 18px!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-watch-title{
  margin:0 0 14px!important;
  padding:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(1.05rem,1.28vw,1.35rem)!important;
  line-height:1.28!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
  text-transform:none!important;
  text-shadow:none!important;
  max-width:100%!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-watch-info{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-channel-row{
  grid-template-columns:52px minmax(0,1fr) auto!important;
  gap:13px!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-channel-copy strong{
  font-size:.98rem!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-channel-copy span{
  font-size:.74rem!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-youtube-button{
  min-height:40px!important;
  padding:6px 13px 6px 8px!important;
  font-size:.70rem!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-watch-stats{
  margin-top:13px!important;
  padding-top:12px!important;
  gap:7px!important;
}
.single-mb_video .mbvideo-watch-card .mbvideo-watch-stats>span{
  min-height:33px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  background:#242424!important;
}
.single-mb_video .mbvideo-description-panel{
  width:100%!important;
  max-width:1120px!important;
  margin:0!important;
}
@media(max-width:1180px){
  .single-mb_video .mbvideo-watch-card,
  .single-mb_video .mbvideo-description-panel{max-width:none!important}
}
@media(max-width:720px){
  .single-mb_video .mbvideo-watch-card{border-radius:14px!important;margin-bottom:12px!important}
  .single-mb_video .mbvideo-watch-card-body{padding:13px 14px 15px!important}
  .single-mb_video .mbvideo-watch-card .mbvideo-watch-title{font-size:1.02rem!important;margin-bottom:12px!important}
  .single-mb_video .mbvideo-watch-card .mbvideo-channel-row{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important}
  .single-mb_video .mbvideo-watch-card .mbvideo-channel-mark{width:44px!important;height:44px!important}
  .single-mb_video .mbvideo-watch-card .mbvideo-youtube-button{grid-column:1/-1!important;width:100%!important;justify-content:center!important;margin-top:3px!important}
  .single-mb_video .mbvideo-watch-card .mbvideo-watch-stats>span{flex:1 1 calc(50% - 6px)!important;justify-content:center!important}
}


/* =========================================================
   v3.8.31 — VIDEO RELATED SIDEBAR DESKTOP POSITION FIX
   Keep related/latest videos at the right of the main player
   on desktop / laptop widths, including Retina/zoomed screens.
   ========================================================= */

/* Wide desktop: stronger YouTube-like proportions. */
@media (min-width:1281px){
  .single-mb_video .mbarticle-editorial{
    width:min(calc(100% - 44px),1720px)!important;
    max-width:1720px!important;
  }
  .single-mb_video .mbvideo-watch-layout{
    max-width:1720px!important;
  }
  .single-mb_video .mbvideo-watch-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
    gap:24px!important;
    align-items:start!important;
  }
  .single-mb_video .mbvideo-related{
    position:sticky!important;
    top:96px!important;
    width:100%!important;
    min-width:0!important;
    align-self:start!important;
  }
  .single-mb_video .mbvideo-related-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .single-mb_video .mbvideo-related-card{
    display:grid!important;
    grid-template-columns:146px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:146px!important;
    max-width:146px!important;
    border-radius:9px!important;
  }
  .single-mb_video .mbcmt-section,
  .single-mb_video .mbpb-single-content-blocks{
    width:min(calc(100% - 44px),1720px)!important;
    max-width:1720px!important;
  }
}

/* Desktop / laptop: DO NOT collapse the right sidebar too early.
   This intentionally overrides the old max-width:1180 rule. */
@media (min-width:901px) and (max-width:1280px){
  .single-mb_video .mbarticle-editorial{
    width:min(calc(100% - 28px),1240px)!important;
    max-width:1240px!important;
  }
  .single-mb_video .mbvideo-watch-layout{
    width:100%!important;
    max-width:1240px!important;
  }
  .single-mb_video .mbvideo-watch-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(270px,310px)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .single-mb_video .mbvideo-watch-main{
    min-width:0!important;
  }
  .single-mb_video .mbvideo-watch-card,
  .single-mb_video .mbvideo-description-panel{
    width:100%!important;
    max-width:none!important;
  }
  .single-mb_video .mbvideo-related{
    position:sticky!important;
    top:86px!important;
    width:100%!important;
    min-width:0!important;
    align-self:start!important;
  }
  .single-mb_video .mbvideo-related-head{
    width:100%!important;
    margin-bottom:11px!important;
  }
  .single-mb_video .mbvideo-related-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .single-mb_video .mbvideo-related-card{
    display:grid!important;
    grid-template-columns:128px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:128px!important;
    max-width:128px!important;
    border-radius:8px!important;
  }
  .single-mb_video .mbvideo-related-copy h3{
    margin-bottom:4px!important;
    font-size:.80rem!important;
    line-height:1.22!important;
  }
  .single-mb_video .mbvideo-related-copy>span,
  .single-mb_video .mbvideo-related-copy>small{
    font-size:.62rem!important;
    line-height:1.28!important;
  }
  .single-mb_video .mbvideo-related-duration{
    right:4px!important;
    bottom:4px!important;
    padding:2px 4px!important;
    font-size:.56rem!important;
  }
  .single-mb_video .mbcmt-section,
  .single-mb_video .mbpb-single-content-blocks{
    width:min(calc(100% - 28px),1240px)!important;
    max-width:1240px!important;
  }
}

/* Real tablet: sidebar becomes a compact grid below the main video. */
@media (min-width:621px) and (max-width:900px){
  .single-mb_video .mbvideo-watch-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .single-mb_video .mbvideo-related{
    position:relative!important;
    top:auto!important;
  }
  .single-mb_video .mbvideo-related-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:150px!important;
    max-width:150px!important;
  }
}

/* Phone: single compact list, thumbnails stay proportional. */
@media (max-width:620px){
  .single-mb_video .mbvideo-watch-grid{
    grid-template-columns:1fr!important;
  }
  .single-mb_video .mbvideo-related{
    position:relative!important;
    top:auto!important;
  }
  .single-mb_video .mbvideo-related-list{
    grid-template-columns:1fr!important;
  }
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:40% minmax(0,1fr)!important;
    gap:9px!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:100%!important;
    max-width:none!important;
  }
}


/* =========================================================
   v3.8.32 — RETINA DESKTOP SIDEBAR HARD FIX
   Desktop Macs/high-DPI browsers can expose a CSS viewport
   below 901px even on a wide physical screen. Keep the video
   sidebar on the right when a fine pointer/hover is available.
   ========================================================= */
@media (min-width:720px) and (max-width:900px) and (hover:hover) and (pointer:fine){
  .single-mb_video .mbarticle-editorial{
    width:min(calc(100% - 18px),1240px)!important;
    max-width:1240px!important;
  }
  .single-mb_video .mbvideo-watch-layout{
    width:100%!important;
    max-width:1240px!important;
  }
  .single-mb_video .mbvideo-watch-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(220px,250px)!important;
    gap:16px!important;
    align-items:start!important;
  }
  .single-mb_video .mbvideo-watch-main{
    min-width:0!important;
  }
  .single-mb_video .mbvideo-watch-card,
  .single-mb_video .mbvideo-description-panel{
    width:100%!important;
    max-width:none!important;
  }
  .single-mb_video .mbvideo-related{
    position:sticky!important;
    top:82px!important;
    width:100%!important;
    min-width:0!important;
    align-self:start!important;
    margin:0!important;
  }
  .single-mb_video .mbvideo-related-head{
    margin:0 0 10px!important;
  }
  .single-mb_video .mbvideo-related-head h2{
    font-size:1rem!important;
  }
  .single-mb_video .mbvideo-related-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .single-mb_video .mbvideo-related-card{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:104px!important;
    max-width:104px!important;
    border-radius:8px!important;
  }
  .single-mb_video .mbvideo-related-copy h3{
    margin:0 0 3px!important;
    font-size:.72rem!important;
    line-height:1.18!important;
    -webkit-line-clamp:2!important;
  }
  .single-mb_video .mbvideo-related-copy>span,
  .single-mb_video .mbvideo-related-copy>small{
    font-size:.57rem!important;
    line-height:1.22!important;
  }
  .single-mb_video .mbvideo-related-duration{
    right:3px!important;
    bottom:3px!important;
    padding:2px 4px!important;
    font-size:.52rem!important;
  }
  .single-mb_video .mbvideo-related-play{
    width:28px!important;
    height:28px!important;
  }
  .single-mb_video .mbcmt-section,
  .single-mb_video .mbpb-single-content-blocks{
    width:min(calc(100% - 18px),1240px)!important;
    max-width:1240px!important;
  }
}


/* =========================================================
   v3.8.33 — DESKTOP DEVICE RELATED SIDEBAR HARD OVERRIDE
   Activated by runtime device detection, independent of Retina/zoom CSS width.
   ========================================================= */
html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid{
  display:grid!important;
  align-items:start!important;
}
html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-main{
  min-width:0!important;
}
html.mbvideo-desktop-device body.single-mb_video .mbvideo-related{
  min-width:0!important;
  margin:0!important;
  align-self:start!important;
}
html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}
html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:start!important;
}
html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb{
  width:110px!important;
  max-width:110px!important;
  aspect-ratio:16/9!important;
  border-radius:8px!important;
}
html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy h3{
  margin:0 0 4px!important;
  font-size:.76rem!important;
  line-height:1.2!important;
  -webkit-line-clamp:2!important;
}
html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy>span,
html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy>small{
  font-size:.59rem!important;
  line-height:1.25!important;
}
@media(min-width:1050px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card{
    grid-template-columns:138px minmax(0,1fr)!important;
    gap:10px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb{
    width:138px!important;
    max-width:138px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy h3{font-size:.84rem!important}
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy>span,
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy>small{font-size:.66rem!important}
}
@media(max-width:519px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid{display:block!important}
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related{position:relative!important;top:auto!important;margin-top:20px!important}
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card{grid-template-columns:40% minmax(0,1fr)!important}
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb{width:100%!important;max-width:none!important}
}


/* =========================================================
   v3.8.34 — YOUTUBE-LIKE RELATED VIDEO SIDEBAR REFINEMENT
   Larger previews + MAX'S BRICKS category filter chips.
   ========================================================= */
.single-mb_video .mbvideo-watch-layout{
  max-width:1680px!important;
}
.single-mb_video .mbvideo-related{
  min-width:0!important;
}
.single-mb_video .mbvideo-related-head{
  align-items:center!important;
  margin-bottom:10px!important;
}
.single-mb_video .mbvideo-related-head h2{
  font-size:1.16rem!important;
  letter-spacing:-.015em!important;
}
.single-mb_video .mbvideo-related-head>a{
  color:#ffc400!important;
  font-size:.72rem!important;
  font-weight:950!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}
.single-mb_video .mbvideo-related-filters{
  display:flex!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:2px 0 3px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
}
.single-mb_video .mbvideo-related-filters::-webkit-scrollbar{display:none!important}
.single-mb_video .mbvideo-related-filters button{
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid rgba(22,140,255,.72)!important;
  border-radius:10px!important;
  background:#08264f!important;
  color:#e9f3ff!important;
  font:850 .68rem/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.035em!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.single-mb_video .mbvideo-related-filters button:hover,
.single-mb_video .mbvideo-related-filters button:focus-visible{
  border-color:#ffc400!important;
  color:#ffc400!important;
  outline:none!important;
}
.single-mb_video .mbvideo-related-filters button.is-active{
  border-color:#ffc400!important;
  background:#ffc400!important;
  color:#061a3b!important;
  box-shadow:0 4px 0 #9b7200!important;
}
.single-mb_video .mbvideo-related-list{
  gap:12px!important;
}
.single-mb_video .mbvideo-related-card{
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:start!important;
  padding:0!important;
}
.single-mb_video .mbvideo-related-card[hidden]{display:none!important}
.single-mb_video .mbvideo-related-thumb{
  width:190px!important;
  max-width:190px!important;
  aspect-ratio:16/9!important;
  border-radius:10px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.20)!important;
}
.single-mb_video .mbvideo-related-copy h3{
  margin:1px 0 5px!important;
  font-size:.88rem!important;
  line-height:1.24!important;
  -webkit-line-clamp:2!important;
}
.single-mb_video .mbvideo-related-copy>span,
.single-mb_video .mbvideo-related-copy>small{
  font-size:.68rem!important;
  line-height:1.35!important;
}
.single-mb_video .mbvideo-related-duration{
  right:5px!important;
  bottom:5px!important;
  padding:3px 5px!important;
  font-size:.61rem!important;
}

/* Large desktop: wider sidebar, closer to YouTube recommendation sizing. */
@media(min-width:1280px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid,
  body.single-mb_video .mbvideo-watch-grid{
    grid-template-columns:minmax(0,1fr) minmax(390px,445px)!important;
    gap:28px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card,
  body.single-mb_video .mbvideo-related-card{
    grid-template-columns:210px minmax(0,1fr)!important;
    gap:12px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb,
  body.single-mb_video .mbvideo-related-thumb{
    width:210px!important;
    max-width:210px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy h3,
  body.single-mb_video .mbvideo-related-copy h3{font-size:.92rem!important}
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy>span,
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy>small,
  body.single-mb_video .mbvideo-related-copy>span,
  body.single-mb_video .mbvideo-related-copy>small{font-size:.70rem!important}
}

/* Retina/compact desktop: still larger than previous tiny thumbnails. */
@media(min-width:760px) and (max-width:1279px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card{
    grid-template-columns:170px minmax(0,1fr)!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb{
    width:170px!important;
    max-width:170px!important;
  }
}

/* Tablet/phone: filter chips stay above the list and scroll horizontally. */
@media(max-width:900px){
  .single-mb_video .mbvideo-related-filters{margin-bottom:12px!important}
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:minmax(150px,38%) minmax(0,1fr)!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:560px){
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:44% minmax(0,1fr)!important;
    gap:9px!important;
  }
  .single-mb_video .mbvideo-related-copy h3{font-size:.82rem!important}
  .single-mb_video .mbvideo-related-copy>span,
  .single-mb_video .mbvideo-related-copy>small{font-size:.64rem!important}
}


/* =========================================================
   v3.8.35 — WIDER RELATED SIDEBAR + CLEANER YOUTUBE-LIKE CARDS
   Removes redundant labels, enlarges previews and aligns the
   right column with the overall watch page shell.
   ========================================================= */
.single-mb_video .mbvideo-watch-layout{
  max-width:1720px!important;
}
.single-mb_video .mbvideo-related{
  width:100%!important;
  max-width:none!important;
}
.single-mb_video .mbvideo-related-head{
  margin:0 0 16px!important;
}
.single-mb_video .mbvideo-related-head>div{
  min-width:0!important;
}
.single-mb_video .mbvideo-related-head span,
.single-mb_video .mbvideo-related-head>a{
  display:none!important;
}
.single-mb_video .mbvideo-related-head h2{
  margin:0!important;
  font-size:clamp(1.34rem,1.2vw,1.55rem)!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
}
.single-mb_video .mbvideo-related-filters{
  gap:10px!important;
  margin:0 0 18px!important;
}
.single-mb_video .mbvideo-related-filters button{
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  font-size:.76rem!important;
}
.single-mb_video .mbvideo-related-list{
  gap:22px!important;
}
.single-mb_video .mbvideo-related-card{
  grid-template-columns:228px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.single-mb_video .mbvideo-related-thumb{
  width:228px!important;
  max-width:228px!important;
  border-radius:14px!important;
}
.single-mb_video .mbvideo-related-duration{
  right:8px!important;
  bottom:8px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  font-size:.68rem!important;
}
.single-mb_video .mbvideo-related-copy{
  padding-top:2px!important;
}
.single-mb_video .mbvideo-related-copy h3{
  margin:0 0 8px!important;
  font-size:1.02rem!important;
  line-height:1.28!important;
  font-weight:800!important;
  -webkit-line-clamp:2!important;
}
.single-mb_video .mbvideo-related-copy .mbvideo-related-author,
.single-mb_video .mbvideo-related-copy .mbvideo-related-meta{
  display:block!important;
  color:#bfc8d7!important;
  font-size:.80rem!important;
  line-height:1.42!important;
}
.single-mb_video .mbvideo-related-copy .mbvideo-related-author{
  color:#f2f6ff!important;
  font-weight:650!important;
  margin-bottom:3px!important;
}
.single-mb_video .mbvideo-related-copy .mbvideo-related-meta{
  color:#9fb0c8!important;
}
@media(min-width:1280px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid,
  body.single-mb_video .mbvideo-watch-grid{
    grid-template-columns:minmax(0,1fr) minmax(500px,560px)!important;
    gap:34px!important;
    align-items:start!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related,
  body.single-mb_video .mbvideo-related{
    width:100%!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card,
  body.single-mb_video .mbvideo-related-card{
    grid-template-columns:250px minmax(0,1fr)!important;
    gap:15px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb,
  body.single-mb_video .mbvideo-related-thumb{
    width:250px!important;
    max-width:250px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy h3,
  body.single-mb_video .mbvideo-related-copy h3{
    font-size:1.08rem!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy .mbvideo-related-author,
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy .mbvideo-related-meta,
  body.single-mb_video .mbvideo-related-copy .mbvideo-related-author,
  body.single-mb_video .mbvideo-related-copy .mbvideo-related-meta{
    font-size:.83rem!important;
  }
}
@media(min-width:980px) and (max-width:1279px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid,
  body.single-mb_video .mbvideo-watch-grid{
    grid-template-columns:minmax(0,1fr) minmax(420px,470px)!important;
    gap:28px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card,
  body.single-mb_video .mbvideo-related-card{
    grid-template-columns:210px minmax(0,1fr)!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb,
  body.single-mb_video .mbvideo-related-thumb{
    width:210px!important;
    max-width:210px!important;
  }
}
@media(max-width:1180px){
  .single-mb_video .mbvideo-related-list{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}
@media(max-width:900px){
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:minmax(180px,42%) minmax(0,1fr)!important;
    gap:12px!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:560px){
  .single-mb_video .mbvideo-related-head{
    margin-bottom:14px!important;
  }
  .single-mb_video .mbvideo-related-filters button{
    min-height:36px!important;
    padding:0 14px!important;
    font-size:.70rem!important;
  }
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:46% minmax(0,1fr)!important;
    gap:10px!important;
  }
  .single-mb_video .mbvideo-related-copy h3{
    font-size:.88rem!important;
  }
  .single-mb_video .mbvideo-related-copy .mbvideo-related-author,
  .single-mb_video .mbvideo-related-copy .mbvideo-related-meta{
    font-size:.70rem!important;
  }
}


/* =========================================================
   v3.8.37 — RELATED SIDEBAR FINAL SCALE + ALIGNMENT
   ONLY video-related sidebar sizing/alignment is changed.
   ========================================================= */
.single-mb_video .mbvideo-watch-layout{
  width:100%!important;
  max-width:1580px!important; /* same shell width as comments */
  margin-left:auto!important;
  margin-right:auto!important;
}
.single-mb_video .mbvideo-related{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.single-mb_video .mbvideo-related-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
}
.single-mb_video .mbvideo-related-card{
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  min-width:0!important;
}
.single-mb_video .mbvideo-related-thumb{
  width:270px!important;
  max-width:270px!important;
  aspect-ratio:16/9!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.single-mb_video .mbvideo-related-copy h3{
  margin:1px 0 8px!important;
  font-size:1rem!important;
  line-height:1.28!important;
  font-weight:800!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.single-mb_video .mbvideo-related-copy .mbvideo-related-author,
.single-mb_video .mbvideo-related-copy .mbvideo-related-meta{
  font-size:.77rem!important;
  line-height:1.4!important;
}
.single-mb_video .mbvideo-related-copy .mbvideo-related-author{
  margin-bottom:3px!important;
}
.single-mb_video .mbvideo-related-duration{
  right:8px!important;
  bottom:8px!important;
  font-size:.68rem!important;
  padding:4px 7px!important;
  border-radius:6px!important;
}

/* Desktop: sidebar closer to the main player, but still clearly separated. */
@media(min-width:1280px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid,
  body.single-mb_video .mbvideo-watch-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(540px,580px)!important;
    gap:22px!important;
    align-items:start!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card,
  body.single-mb_video .mbvideo-related-card{
    grid-template-columns:290px minmax(0,1fr)!important;
    gap:17px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb,
  body.single-mb_video .mbvideo-related-thumb{
    width:290px!important;
    max-width:290px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy h3,
  body.single-mb_video .mbvideo-related-copy h3{
    font-size:1.04rem!important;
  }
}

/* Compact desktop / Retina laptop. */
@media(min-width:980px) and (max-width:1279px){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid,
  body.single-mb_video .mbvideo-watch-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(430px,470px)!important;
    gap:20px!important;
    align-items:start!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card,
  body.single-mb_video .mbvideo-related-card{
    grid-template-columns:225px minmax(0,1fr)!important;
    gap:14px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb,
  body.single-mb_video .mbvideo-related-thumb{
    width:225px!important;
    max-width:225px!important;
  }
}

/* Fine-pointer Retina windows can expose less CSS width: keep a compact right sidebar. */
@media(min-width:820px) and (max-width:979px) and (hover:hover) and (pointer:fine){
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-watch-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(330px,360px)!important;
    gap:18px!important;
    align-items:start!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-card{
    grid-template-columns:170px minmax(0,1fr)!important;
    gap:12px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-thumb{
    width:170px!important;
    max-width:170px!important;
  }
  html.mbvideo-desktop-device body.single-mb_video .mbvideo-related-copy h3{
    font-size:.86rem!important;
  }
}

/* Tablet / phone: stack below the player, keeping larger readable thumbnails. */
@media(max-width:819px){
  .single-mb_video .mbvideo-watch-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:minmax(180px,42%) minmax(0,1fr)!important;
    gap:12px!important;
  }
  .single-mb_video .mbvideo-related-thumb{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:560px){
  .single-mb_video .mbvideo-related-list{gap:18px!important}
  .single-mb_video .mbvideo-related-card{
    grid-template-columns:46% minmax(0,1fr)!important;
    gap:10px!important;
  }
  .single-mb_video .mbvideo-related-copy h3{
    font-size:.88rem!important;
    line-height:1.25!important;
  }
  .single-mb_video .mbvideo-related-copy .mbvideo-related-author,
  .single-mb_video .mbvideo-related-copy .mbvideo-related-meta{
    font-size:.70rem!important;
  }
}


/* =========================================================
   v3.8.39 — SINGLE VIDEO SHARED CENTERED SHELL
   Player + related sidebar + comments + editor blocks share
   exactly the same centered outer width.
   ========================================================= */
html body.single-mb_video{
  --mbvideo-shared-shell:1580px;
  --mbvideo-shared-gutter:64px;
}
html body.single-mb_video .mbarticle-editorial,
html body.single-mb_video .mbcmt-section,
html body.single-mb_video .mbpb-single-content-blocks{
  box-sizing:border-box!important;
  width:min(calc(100% - var(--mbvideo-shared-gutter)),var(--mbvideo-shared-shell))!important;
  max-width:var(--mbvideo-shared-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.single-mb_video .mbvideo-watch-layout{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.single-mb_video .mbvideo-watch-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Comments visually belong to the same watch shell. */
html body.single-mb_video .mbcmt-section{
  margin-top:24px!important;
}
@media(max-width:1280px){
  html body.single-mb_video{
    --mbvideo-shared-gutter:32px;
  }
}
@media(max-width:720px){
  html body.single-mb_video{
    --mbvideo-shared-gutter:18px;
  }
}


/* =========================================================
   v3.8.42 — SINGLE VIDEO TRUE CENTERED SHARED SHELL
   One actual outer shell now controls Watch Grid, Comments and
   MAX'S BRICKS blocks. This removes the independent width math
   that previously left Comments wider and visually off-centre.
   ========================================================= */
html body.single-mb_video{
  --mbvideo-page-shell-max:1580px;
  --mbvideo-page-shell-gutter:64px;
}
html body.single-mb_video .mbvideo-page-shell{
  box-sizing:border-box!important;
  width:min(calc(100% - var(--mbvideo-page-shell-gutter)),var(--mbvideo-page-shell-max))!important;
  max-width:var(--mbvideo-page-shell-max)!important;
  margin:24px auto 0!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
/* Every major Video module now inherits exactly the same outer shell width. */
html body.single-mb_video .mbvideo-page-shell > .mbarticle-editorial,
html body.single-mb_video .mbvideo-page-shell > .mbcmt-section,
html body.single-mb_video .mbvideo-page-shell > .mbpb-single-content-blocks{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-page-shell > .mbarticle-editorial{
  margin-top:0!important;
}
html body.single-mb_video .mbvideo-page-shell .mbvideo-watch-layout,
html body.single-mb_video .mbvideo-page-shell .mbvideo-watch-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* Comment block: same left/right edges as Player + Sidebar, centred by the shared parent. */
html body.single-mb_video .mbvideo-page-shell > .mbcmt-section{
  width:100%!important;
  max-width:none!important;
  margin-top:26px!important;
  margin-bottom:34px!important;
}
/* Editor blocks follow the very same shell. */
html body.single-mb_video .mbvideo-page-shell > .mbpb-single-content-blocks{
  width:100%!important;
  max-width:none!important;
  margin-top:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
/* Keep Player + Sidebar visually centred as a unit. */
html body.single-mb_video .mbvideo-page-shell .mbvideo-watch-grid{
  justify-content:center!important;
}
@media(max-width:1280px){
  html body.single-mb_video{--mbvideo-page-shell-gutter:32px}
  html body.single-mb_video .mbvideo-page-shell{margin-top:20px!important}
}
@media(max-width:720px){
  html body.single-mb_video{--mbvideo-page-shell-gutter:18px}
  html body.single-mb_video .mbvideo-page-shell{margin-top:16px!important}
  html body.single-mb_video .mbvideo-page-shell > .mbcmt-section{margin-top:20px!important}
}


/* =========================================================
   v3.8.43 — SINGLE VIDEO VIEWPORT-CENTERED SHARED SHELL HARD FIX
   The watch grid, Comments and MAX'S BRICKS blocks use one real
   viewport-centered shell, independent from WP constrained layout.
   ========================================================= */
html body.single-mb_video .wp-block-post-content,
html body.single-mb_video .mb-generic-single-template{
  max-width:none!important;
  width:100%!important;
}
html body.single-mb_video .mbvideo-page-shell{
  box-sizing:border-box!important;
  width:min(1580px,calc(100vw - 64px))!important;
  max-width:none!important;
  margin-top:24px!important;
  margin-right:0!important;
  margin-bottom:0!important;
  margin-left:50%!important;
  transform:translateX(-50%)!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  padding:0!important;
}
html body.single-mb_video .mbvideo-page-shell > .mbarticle-editorial,
html body.single-mb_video .mbvideo-page-shell > .mbcmt-section,
html body.single-mb_video .mbvideo-page-shell > .mbpb-single-content-blocks{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-page-shell .mbvideo-watch-layout,
html body.single-mb_video .mbvideo-page-shell .mbvideo-watch-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-page-shell > .mbcmt-section{
  width:100%!important;
  max-width:none!important;
  margin-top:26px!important;
  margin-bottom:34px!important;
}
/* Make the visible main Video modules fill their grid column instead of
   keeping an older 1120px cap that makes the whole layout look left-shifted. */
html body.single-mb_video .mbvideo-page-shell .mbvideo-watch-card,
html body.single-mb_video .mbvideo-page-shell .mbvideo-description-panel{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:1280px){
  html body.single-mb_video .mbvideo-page-shell{
    width:calc(100vw - 40px)!important;
    margin-top:20px!important;
  }
}
@media(max-width:720px){
  html body.single-mb_video .mbvideo-page-shell{
    width:calc(100vw - 18px)!important;
    margin-top:16px!important;
  }
  html body.single-mb_video .mbvideo-page-shell > .mbcmt-section{margin-top:20px!important}
}


/* =========================================================
   v3.8.44 — TRUE SERVER-SIDE CENTERED VIDEO SHELL
   One full-bleed stage escapes WordPress constrained wrappers;
   one inner shell aligns Watch, Comments and editor blocks.
   ========================================================= */
html body.single-mb_video .mbvideo-fullbleed-stage{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
html body.single-mb_video .mbvideo-fullbleed-stage > .mbvideo-centered-shell{
  box-sizing:border-box!important;
  width:min(1580px,calc(100% - 64px))!important;
  max-width:1580px!important;
  margin:24px auto 0!important;
  padding:0!important;
}
html body.single-mb_video .mbvideo-centered-shell > .mbarticle-editorial,
html body.single-mb_video .mbvideo-centered-shell > .mbcmt-section,
html body.single-mb_video .mbvideo-centered-shell > .mbpb-single-content-blocks{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-centered-shell > .mbarticle-editorial{
  margin-top:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body.single-mb_video .mbvideo-centered-shell > .mbarticle-editorial > .mbarticle-copy{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body.single-mb_video .mbvideo-centered-shell .mbvideo-watch-layout,
html body.single-mb_video .mbvideo-centered-shell .mbvideo-watch-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-centered-shell > .mbcmt-section{
  width:100%!important;
  max-width:none!important;
  margin:26px 0 34px!important;
}
html body.single-mb_video .mbvideo-centered-shell > .mbpb-single-content-blocks{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
/* Old runtime shells must never add another width layer. */
html body.single-mb_video .mbvideo-centered-shell .mbvideo-page-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
}
@media(max-width:1280px){
  html body.single-mb_video .mbvideo-fullbleed-stage > .mbvideo-centered-shell{
    width:calc(100% - 40px)!important;
    margin-top:20px!important;
  }
}
@media(max-width:720px){
  html body.single-mb_video .mbvideo-fullbleed-stage > .mbvideo-centered-shell{
    width:calc(100% - 18px)!important;
    margin-top:16px!important;
  }
  html body.single-mb_video .mbvideo-centered-shell > .mbcmt-section{
    margin-top:20px!important;
  }
}


/* =========================================================
   v3.8.45 — DEDICATED VIDEO PAGE GEOMETRY
   This is the only geometry used by templates/single-mb_video.html.
   ========================================================= */
html body.single-mb_video .mbvideo-dedicated-stage{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell{
  box-sizing:border-box!important;
  width:min(1580px,calc(100% - 64px))!important;
  max-width:1580px!important;
  margin:24px auto 0!important;
  padding:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell > .mbvideo-watch-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(500px,540px)!important;
  gap:24px!important;
  align-items:start!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-watch-main,
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related{
  min-width:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-watch-card,
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-description-panel{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell > .mbcmt-section,
html body.single-mb_video .mbvideo-dedicated-shell > .mbpb-single-content-blocks{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell > .mbcmt-section{
  margin-top:28px!important;
  margin-bottom:34px!important;
}
html body.single-mb_video .mbvideo-dedicated-shell > .mbpb-single-content-blocks{
  margin-top:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related{
  position:sticky!important;
  top:96px!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related-card{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:15px!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related-thumb{
  width:260px!important;
  max-width:260px!important;
}
@media(max-width:1280px){
  html body.single-mb_video .mbvideo-dedicated-shell{
    width:calc(100% - 40px)!important;
    margin-top:20px!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell > .mbvideo-watch-grid{
    grid-template-columns:minmax(0,1fr) minmax(400px,450px)!important;
    gap:20px!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related-card{
    grid-template-columns:205px minmax(0,1fr)!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related-thumb{
    width:205px!important;
    max-width:205px!important;
  }
}
@media(max-width:980px){
  html body.single-mb_video .mbvideo-dedicated-shell > .mbvideo-watch-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related{
    position:relative!important;
    top:auto!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related-card{
    grid-template-columns:minmax(190px,38%) minmax(0,1fr)!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related-thumb{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:720px){
  html body.single-mb_video .mbvideo-dedicated-shell{
    width:calc(100% - 18px)!important;
    margin-top:16px!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell > .mbcmt-section{
    margin-top:20px!important;
  }
}


/* =========================================================
   v3.8.46 — AUTHORITATIVE CENTERED VIDEO SHELL
   Loaded last and used by the forced PHP single-mb_video.php.
   ========================================================= */
html body.single-mb_video .mbvideo-php-template-main{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body.single-mb_video .mbvideo-dedicated-stage{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell{
  --mbvideo-shell-max:1580px;
  box-sizing:border-box!important;
  width:min(var(--mbvideo-shell-max),calc(100% - 64px))!important;
  max-width:var(--mbvideo-shell-max)!important;
  margin:28px auto 0!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
html body.single-mb_video .mbvideo-dedicated-shell > .mbvideo-watch-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(430px,500px)!important;
  gap:22px!important;
  align-items:start!important;
  justify-content:stretch!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-watch-main,
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-watch-card,
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-description-panel{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* Comments are a direct child of the exact same centered shell. */
html body.single-mb_video .mbvideo-dedicated-shell > .mbcmt-section{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:28px 0 34px!important;
}
html body.single-mb_video .mbvideo-dedicated-shell > .mbpb-single-content-blocks{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related{
  position:sticky!important;
  top:96px!important;
}
@media(min-width:1440px){
  html body.single-mb_video .mbvideo-dedicated-shell > .mbvideo-watch-grid{
    grid-template-columns:minmax(0,1fr) minmax(460px,520px)!important;
    gap:24px!important;
  }
}
@media(max-width:1100px){
  html body.single-mb_video .mbvideo-dedicated-shell{
    width:calc(100% - 40px)!important;
    margin-top:22px!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell > .mbvideo-watch-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell .mbvideo-related{
    position:relative!important;
    top:auto!important;
  }
}
@media(max-width:720px){
  html body.single-mb_video .mbvideo-dedicated-shell{
    width:calc(100% - 18px)!important;
    margin-top:16px!important;
  }
  html body.single-mb_video .mbvideo-dedicated-shell > .mbcmt-section{
    margin-top:20px!important;
  }
}