/* ===================================== */
/* MBQ Category Header (layout fix)       */
/* ===================================== */

.mbqCatHead{
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  border-radius:22px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  padding:18px 18px 16px 18px;
  overflow:hidden;
  position:relative;
}

.mbqCatHead:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 360px at 18% 15%, rgba(139,47,163,.12), rgba(0,0,0,0) 58%),
    radial-gradient(900px 360px at 78% 10%, rgba(255,79,216,.10), rgba(0,0,0,0) 60%);
  pointer-events:none;
}

.mbqCatHead > *{position:relative}

/* row 1 */
.mbqCatHead_row1{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.mbqCatHead_labelWrap{min-width:0}

/* label -> badge/label (no “tag”) */
.mbqCatHead_label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:12px;
  background:rgba(17,24,39,.04);
  border:1px solid rgba(17,24,39,.10);
  color:rgba(17,24,39,.72);
  font-weight:900;
  font-size:12px;
  text-transform:lowercase;
}
.mbqCatHead_label i{opacity:.9}

/* actions */
.mbqCatHead_actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* follow BELOW buttons */
.mbqCatHead_followRow{
  display:flex;
  justify-content:flex-end;
  margin:6px 0 14px 0;
}
.mbqCatHead_followRow .ipsFollow{margin:0 !important;}
.mbqCatHead_followRow .ipsFollow .ipsButton{
  border-radius:999px !important;
  padding:8px 12px !important;
  font-weight:900 !important;
}

/* title */
.mbqCatHead_title{
  margin:0 0 10px 0;
  font-size:32px;
  line-height:1.05;
  letter-spacing:-.03em;
  font-weight:950;
  color:#140a18;
  text-transform:lowercase;
}

/* desc */
.mbqCatHead_desc{
  color:rgba(17,24,39,.78);
  font-size:14px;
  line-height:1.55;
  max-width:950px;
}
.mbqCatHead_desc p{margin:0 0 10px 0}
.mbqCatHead_desc p:last-child{margin-bottom:0}

/* phone actions */
.mbqCatHead_actionsPhone{
  display:flex;
  gap:10px;
  margin-top:14px;
  flex-wrap:wrap;
}

/* buttons */
.mbqBtn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.10);
  text-decoration:none !important;
  font-weight:900;
  transition:all .2s ease;
  white-space:nowrap;
}

.mbqBtn_primary{
  color:#fff !important;
  border-color:rgba(139,47,163,.25);
  background:linear-gradient(135deg,#8b2fa3,#ff4fd8);
  box-shadow:0 12px 30px rgba(139,47,163,.20);
}
.mbqBtn_primary:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(139,47,163,.26);}

.mbqBtn_soft{
  background:rgba(17,24,39,.04);
  border-color:rgba(17,24,39,.10);
  color:#2b1034 !important;
}
.mbqBtn_soft:hover{
  transform:translateY(-2px);
  background:rgba(139,47,163,.08);
  border-color:rgba(139,47,163,.18);
  color:#8b2fa3 !important;
}

.mbqBtn_full{width:100%; justify-content:center;}

/* responsive */
@media (max-width: 979px){
  .mbqCatHead_title{font-size:28px}
}
@media (max-width: 767px){
  .mbqCatHead{padding:16px 14px 14px 14px}
  .mbqCatHead_title{font-size:24px}
  .mbqCatHead_actions{display:none}
  .mbqCatHead_followRow{justify-content:flex-start}
}

/* ===================================== */
/* DARK MODE OVERRIDES                   */
/* ===================================== */
[data-focus-scheme="dark"] .mbqCatHead,
[data-focus-theme-id="64"] .mbqCatHead,
[data-focus-theme-id="60"] .mbqCatHead,
[data-focus-theme-id="57"] .mbqCatHead,
html[data-theme="dark"] .mbqCatHead,
body[data-theme="dark"] .mbqCatHead,
body.cTheme_dark .mbqCatHead,
body.ipsfocus_darkTheme .mbqCatHead,
body.ipsDark .mbqCatHead,
.ipsDarkMode .mbqCatHead {
  background: #212328 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

[data-focus-scheme="dark"] .mbqCatHead:before,
[data-focus-theme-id="64"] .mbqCatHead:before,
[data-focus-theme-id="60"] .mbqCatHead:before,
[data-focus-theme-id="57"] .mbqCatHead:before,
html[data-theme="dark"] .mbqCatHead:before,
body[data-theme="dark"] .mbqCatHead:before,
body.cTheme_dark .mbqCatHead:before,
body.ipsfocus_darkTheme .mbqCatHead:before,
body.ipsDark .mbqCatHead:before,
.ipsDarkMode .mbqCatHead:before {
  background:
    radial-gradient(900px 360px at 18% 15%, rgba(139, 47, 163, 0.22), rgba(0, 0, 0, 0) 58%),
    radial-gradient(900px 360px at 78% 10%, rgba(255, 79, 216, 0.18), rgba(0, 0, 0, 0) 60%) !important;
}

[data-focus-scheme="dark"] .mbqCatHead_label,
[data-focus-theme-id="64"] .mbqCatHead_label,
[data-focus-theme-id="60"] .mbqCatHead_label,
[data-focus-theme-id="57"] .mbqCatHead_label,
html[data-theme="dark"] .mbqCatHead_label,
body[data-theme="dark"] .mbqCatHead_label,
body.cTheme_dark .mbqCatHead_label,
body.ipsfocus_darkTheme .mbqCatHead_label,
body.ipsDark .mbqCatHead_label,
.ipsDarkMode .mbqCatHead_label {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}

[data-focus-scheme="dark"] .mbqCatHead_title,
[data-focus-theme-id="64"] .mbqCatHead_title,
[data-focus-theme-id="60"] .mbqCatHead_title,
[data-focus-theme-id="57"] .mbqCatHead_title,
html[data-theme="dark"] .mbqCatHead_title,
body[data-theme="dark"] .mbqCatHead_title,
body.cTheme_dark .mbqCatHead_title,
body.ipsfocus_darkTheme .mbqCatHead_title,
body.ipsDark .mbqCatHead_title,
.ipsDarkMode .mbqCatHead_title {
  color: #ffffff !important;
}

[data-focus-scheme="dark"] .mbqCatHead_desc,
[data-focus-theme-id="64"] .mbqCatHead_desc,
[data-focus-theme-id="60"] .mbqCatHead_desc,
[data-focus-theme-id="57"] .mbqCatHead_desc,
html[data-theme="dark"] .mbqCatHead_desc,
body[data-theme="dark"] .mbqCatHead_desc,
body.cTheme_dark .mbqCatHead_desc,
body.ipsfocus_darkTheme .mbqCatHead_desc,
body.ipsDark .mbqCatHead_desc,
.ipsDarkMode .mbqCatHead_desc {
  color: #cbd5e1 !important;
}

[data-focus-scheme="dark"] .mbqCatHead_desc a,
[data-focus-theme-id="64"] .mbqCatHead_desc a,
[data-focus-theme-id="60"] .mbqCatHead_desc a,
[data-focus-theme-id="57"] .mbqCatHead_desc a,
html[data-theme="dark"] .mbqCatHead_desc a,
body[data-theme="dark"] .mbqCatHead_desc a,
body.cTheme_dark .mbqCatHead_desc a,
body.ipsfocus_darkTheme .mbqCatHead_desc a,
body.ipsDark .mbqCatHead_desc a,
.ipsDarkMode .mbqCatHead_desc a {
  color: #d182e6 !important;
}

[data-focus-scheme="dark"] .mbqCatHead .mbqBtn_soft,
[data-focus-theme-id="64"] .mbqCatHead .mbqBtn_soft,
[data-focus-theme-id="60"] .mbqCatHead .mbqBtn_soft,
[data-focus-theme-id="57"] .mbqCatHead .mbqBtn_soft,
html[data-theme="dark"] .mbqCatHead .mbqBtn_soft,
body[data-theme="dark"] .mbqCatHead .mbqBtn_soft,
body.cTheme_dark .mbqCatHead .mbqBtn_soft,
body.ipsfocus_darkTheme .mbqCatHead .mbqBtn_soft,
body.ipsDark .mbqCatHead .mbqBtn_soft,
.ipsDarkMode .mbqCatHead .mbqBtn_soft {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f1f5f9 !important;
}

[data-focus-scheme="dark"] .mbqCatHead .mbqBtn_soft:hover,
[data-focus-theme-id="64"] .mbqCatHead .mbqBtn_soft:hover,
[data-focus-theme-id="60"] .mbqCatHead .mbqBtn_soft:hover,
[data-focus-theme-id="57"] .mbqCatHead .mbqBtn_soft:hover,
html[data-theme="dark"] .mbqCatHead .mbqBtn_soft:hover,
body[data-theme="dark"] .mbqCatHead .mbqBtn_soft:hover,
body.cTheme_dark .mbqCatHead .mbqBtn_soft:hover,
body.ipsfocus_darkTheme .mbqCatHead .mbqBtn_soft:hover,
body.ipsDark .mbqCatHead .mbqBtn_soft:hover,
.ipsDarkMode .mbqCatHead .mbqBtn_soft:hover {
  background: rgba(139, 47, 163, 0.3) !important;
  border-color: rgba(209, 130, 230, 0.4) !important;
  color: #ffffff !important;
}