/* ===================================== */
/* 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}
}