/* MAX'S BRICKS WOW v3.8.23 — Universal Comments System */
.mbcmt-section{box-sizing:border-box;width:min(calc(100% - 32px),1540px);margin:clamp(38px,5vw,72px) auto clamp(60px,7vw,100px);padding:clamp(26px,4vw,48px);border:2px solid #117bdc;border-radius:28px;background:radial-gradient(circle at 15px 15px,rgba(41,129,230,.08) 0 5px,transparent 6px) 0 0/34px 34px,linear-gradient(145deg,#061f48,#03142f);box-shadow:0 12px 0 #00265d,0 30px 62px rgba(0,12,40,.34);color:#fff}.mbcmt-section *{box-sizing:border-box}.mbcmt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.mbcmt-head>div{max-width:980px}.mbcmt-head>div>span{display:block;color:#ffc400;font-size:.76rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.mbcmt-head h2{margin:9px 0 12px;color:#fff;font:clamp(2.4rem,4vw,4.6rem)/.92 Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.005em;text-shadow:0 4px 0 #00183d,0 12px 24px rgba(0,0,0,.32)}.mbcmt-head h2 mark{background:none;color:#ffc400}.mbcmt-head p{margin:0;max-width:830px;color:#bfd5ec;font-size:clamp(15px,1.1vw,18px);line-height:1.6}.mbcmt-count{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 122px;min-height:108px;padding:14px;border:2px solid #168cff;border-radius:20px;background:rgba(3,20,47,.76);color:#ffc400;font:950 2.2rem/1 Arial,sans-serif;box-shadow:inset 0 2px 0 rgba(255,255,255,.04)}.mbcmt-count small{margin-top:8px;color:#dcecff;font-size:.61rem;letter-spacing:.08em}.mbcmt-list-wrap{margin-top:18px}.mbcmt-list-wrap>h3{margin:0 0 16px;color:#ffc400;font-size:.78rem;letter-spacing:.12em}.mbcmt-list,.mbcmt-list .children{list-style:none;margin:0;padding:0}.mbcmt-list .children{margin:14px 0 0 clamp(22px,5vw,66px);padding-left:14px;border-left:2px solid rgba(22,140,255,.28)}.mbcmt-item{margin:0 0 16px}.mbcmt-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:20px;border:1px solid rgba(35,150,255,.42);border-radius:20px;background:linear-gradient(145deg,rgba(7,43,91,.96),rgba(3,24,58,.96));box-shadow:0 8px 0 rgba(0,24,60,.5),0 18px 34px rgba(0,0,0,.18)}.mbcmt-avatar img{display:block;width:64px;height:64px;border:3px solid #ffc400;border-radius:18px;object-fit:cover;box-shadow:0 7px 18px rgba(0,0,0,.25)}.mbcmt-main{min-width:0}.mbcmt-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.mbcmt-meta>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.mbcmt-meta strong{color:#fff;font-size:1rem}.mbcmt-meta time{color:#86aaca;font-size:.72rem;font-weight:800;white-space:nowrap}.mbcmt-author-badge{padding:4px 7px;border-radius:999px;background:#ffc400;color:#061a3b;font-size:.56rem;font-weight:950;letter-spacing:.05em}.mbcmt-text{color:#d8e7f7;font-size:.96rem;line-height:1.65}.mbcmt-text p{margin:0 0 10px}.mbcmt-text p:last-child{margin-bottom:0}.mbcmt-awaiting{margin:0 0 10px;padding:8px 10px;border:1px solid rgba(255,196,0,.45);border-radius:9px;background:rgba(255,196,0,.10);color:#ffdf69;font-size:.76rem;font-weight:850}.mbcmt-actions{display:flex;gap:12px;margin-top:14px}.mbcmt-actions a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #168cff;border-radius:999px;color:#dfeeff!important;text-decoration:none!important;font-size:.68rem;font-weight:950;letter-spacing:.05em;transition:.18s ease}.mbcmt-actions a:hover{border-color:#ffc400;color:#ffc400!important;transform:translateY(-1px)}.mbcmt-empty{margin:22px 0 28px;padding:26px;border:1px dashed rgba(22,140,255,.55);border-radius:18px;background:rgba(3,20,47,.55);text-align:center}.mbcmt-empty span{display:block;color:#ffc400;font-size:.72rem;font-weight:950;letter-spacing:.1em}.mbcmt-empty strong{display:block;margin:7px 0 8px;color:#fff;font-size:1.25rem}.mbcmt-empty p{margin:0;color:#a9c5e0}.mbcmt-form-wrap{margin-top:28px;padding:clamp(22px,3vw,34px);border:2px solid #0f69d4;border-radius:22px;background:linear-gradient(145deg,#072654,#04182f);box-shadow:0 8px 0 #002453}.mbcmt-form .comment-reply-title{margin:0 0 14px;color:#fff;font:clamp(1.7rem,2.5vw,2.7rem)/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.mbcmt-cancel{display:block;margin:-5px 0 15px}.mbcmt-cancel a{color:#ffc400!important;font-size:.72rem;font-weight:900}.mbcmt-form .comment-notes,.mbcmt-form .logged-in-as,.mbcmt-form .must-log-in,.mbcmt-policy{margin:0 0 18px;color:#9ebbd8;font-size:.82rem;line-height:1.5}.mbcmt-form .logged-in-as a,.mbcmt-form .must-log-in a{color:#ffc400}.mbcmt-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.mbcmt-form>*{grid-column:1/-1}.mbcmt-form .comment-form-author{grid-column:1}.mbcmt-form .comment-form-email{grid-column:2}.mbcmt-field{margin:0}.mbcmt-field label{display:block;margin:0 0 7px;color:#dceaff;font-size:.72rem;font-weight:950;letter-spacing:.07em}.mbcmt-field input,.mbcmt-field textarea{width:100%;border:2px solid #176fca;border-radius:13px;background:#031426;color:#fff;padding:13px 14px;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.mbcmt-field input{min-height:52px}.mbcmt-field textarea{min-height:150px;resize:vertical}.mbcmt-field input:focus,.mbcmt-field textarea:focus{border-color:#ffc400;box-shadow:0 0 0 3px rgba(255,196,0,.13)}.mbcmt-field input::placeholder,.mbcmt-field textarea::placeholder{color:#6e8cab}.mbcmt-form .form-submit{margin:4px 0 0}.mbcmt-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:7px 9px 7px 20px;border:0;border-radius:14px;background:#ffc400;color:#061a3b;font-weight:950;letter-spacing:.04em;cursor:pointer;box-shadow:0 7px 0 #9d7200;transition:transform .18s ease,box-shadow .18s ease}.mbcmt-submit b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#041b3b;color:#ffc400;border:1px solid #168cff}.mbcmt-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.mbcmt-submit:hover{transform:translateY(-2px);box-shadow:0 9px 0 #8c6600}.mbcmt-notice{margin:20px 0 0;padding:13px 15px;border:1px solid #3077b9;border-radius:12px;background:#061e40;color:#c8dbef}.mbcmt-notice.is-success{border-color:#ffc400;background:rgba(255,196,0,.08);color:#ffe482}.mbnl-reader+.mbcmt-section{margin-top:40px}
@media(max-width:760px){.mbcmt-section{width:calc(100% - 18px);padding:22px 16px;border-radius:20px}.mbcmt-head{align-items:flex-start;flex-direction:column}.mbcmt-count{flex:0 0 auto;min-height:80px;width:100%;flex-direction:row;gap:9px}.mbcmt-count small{margin-top:0}.mbcmt-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px}.mbcmt-avatar img{width:48px;height:48px;border-radius:14px}.mbcmt-meta{flex-direction:column;gap:5px}.mbcmt-list .children{margin-left:12px;padding-left:9px}.mbcmt-form{grid-template-columns:1fr}.mbcmt-form .comment-form-author,.mbcmt-form .comment-form-email{grid-column:1/-1}.mbcmt-submit{width:100%}}


/* =========================================================
   v3.8.24 — COMMENTS POSITION / WIDTH / SPACING
   Aligns comments with each content layout and keeps comments
   immediately above MAX'S BRICKS editor modules.
   ========================================================= */
.mbcmt-section{
  margin-top:24px!important;
  margin-bottom:48px!important;
}
/* Editorial singles use the same 1260px reading shell as article-content.css. */
.single-post .mbcmt-section,
.single-mb_live .mbcmt-section,
.single-mb_moc .mbcmt-section,
.single-mb_guide .mbcmt-section,
.single-mb_video .mbcmt-section{
  width:min(calc(100% - 48px),1260px)!important;
}
/* Purpose-built Set / Gallery layouts use the 1520px content shell. */
.single-mb_set .mbcmt-section,
.single-mb_gallery .mbcmt-section{
  width:min(calc(100% - 64px),1520px)!important;
}
/* Newsletter comments live inside the Newsletter archive shell. */
.mbnl-page .mbcmt-section{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* When MAX'S BRICKS blocks follow comments, remove the oversized inter-module gap. */
.mbcmt-section.has-editor-blocks{
  margin-bottom:16px!important;
}
.mbcmt-section.has-editor-blocks + .mbpb-single-content-blocks,
.mbcmt-section.has-editor-blocks + .mbpb-newsletter-issue-blocks{
  margin-top:0!important;
  padding-top:0!important;
}
.mbcmt-section.has-editor-blocks + .mbpb-single-content-blocks > .mbpb-front-section:first-child,
.mbcmt-section.has-editor-blocks + .mbpb-newsletter-issue-blocks > .mbpb-front-section:first-child{
  margin-top:18px!important;
}
@media(max-width:980px){
  .mbcmt-section{margin-top:20px!important;margin-bottom:38px!important}
  .single-post .mbcmt-section,
  .single-mb_live .mbcmt-section,
  .single-mb_moc .mbcmt-section,
  .single-mb_guide .mbcmt-section,
  .single-mb_video .mbcmt-section{width:min(calc(100% - 32px),1260px)!important}
  .single-mb_set .mbcmt-section,
  .single-mb_gallery .mbcmt-section{width:min(calc(100% - 42px),1520px)!important}
  .mbcmt-section.has-editor-blocks{margin-bottom:14px!important}
}
@media(max-width:620px){
  .mbcmt-section{margin-top:16px!important;margin-bottom:30px!important}
  .single-post .mbcmt-section,
  .single-mb_live .mbcmt-section,
  .single-mb_moc .mbcmt-section,
  .single-mb_guide .mbcmt-section,
  .single-mb_video .mbcmt-section,
  .single-mb_set .mbcmt-section,
  .single-mb_gallery .mbcmt-section{width:calc(100% - 18px)!important}
  .mbcmt-section.has-editor-blocks{margin-bottom:10px!important}
}


/* v3.8.39 — Single Video comments use the exact watch shell. */
html body.single-mb_video .mbcmt-section{
  box-sizing:border-box!important;
  width:min(calc(100% - 64px),1580px)!important;
  max-width:1580px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1280px){
  html body.single-mb_video .mbcmt-section{width:calc(100% - 32px)!important}
}
@media(max-width:720px){
  html body.single-mb_video .mbcmt-section{width:calc(100% - 18px)!important}
}


/* v3.8.43 — Video comments inherit the one shared watch shell. */
html body.single-mb_video .mbvideo-page-shell > .mbcmt-section{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}


/* v3.8.44 — Single Video comments inherit the real server-side centered shell. */
html body.single-mb_video .mbvideo-centered-shell > .mbcmt-section{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}


/* v3.8.46 — single Video comments inherit the forced dedicated shell exactly. */
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-left:0!important;
  margin-right:0!important;
}
