/* BantuSocial Profile — consolidated production UI
   23 Aug 2026 / final full-code pass
   Principle: preserve Cradle/Sngine native behaviour; customize presentation only. */

body.bantusphere.bg-page-profile{
  overflow-x:hidden!important;
  background:#06111f!important;
}
body.bantusphere.bg-page-profile .profile-header.profile{
  padding:0 0 12px!important;
  background:linear-gradient(180deg,#07111f 0%,#07111f 76%,rgba(7,17,31,.92) 100%)!important;
}
body.bantusphere.bg-page-profile .profile-header .container.ele_prof_cont_wide,
body.bantusphere.bg-page-profile #bs-profile-native-content,
body.bantusphere.bg-page-profile .bs-profile-extra-panel{
  width:min(100%,1280px)!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ============================================================
   COVER — native upload/reposition/delete behaviour is retained
   ============================================================ */
body.bantusphere.bg-page-profile .profile-cover-wrapper.bs-profile-cover-shell{
  position:relative!important;
  height:315px!important;
  min-height:315px!important;
  max-height:315px!important;
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.12)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:#0a1627!important;
  box-shadow:0 20px 50px rgba(2,6,23,.30)!important;
}
body.bantusphere.bg-page-profile .profile-cover-wrapper>img,
body.bantusphere.bg-page-profile .profile-cover-wrapper .bs-profile-default-cover{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.bantusphere.bg-page-profile .profile-cover-wrapper .js_position-cover-full.x-hidden{display:none!important}

body.bantusphere.bg-page-profile .profile-cover-buttons{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:50!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
body.bantusphere.bg-page-profile .profile-cover-buttons>.dropdown,
body.bantusphere.bg-page-profile .profile-cover-buttons>.profile-cover-position,
body.bantusphere.bg-page-profile .profile-cover-buttons>.profile-cover-position-buttons,
body.bantusphere.bg-page-profile .profile-cover-buttons>.profile-cover-delete{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(4,13,25,.82)!important;
  color:#fff!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 7px 18px rgba(2,6,23,.24)!important;
}
body.bantusphere.bg-page-profile .profile-cover-buttons>.dropdown>.toggle{
  height:38px!important;
  min-width:86px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:rgba(4,13,25,.82)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(12px)!important;
  white-space:nowrap!important;
  line-height:1!important;
}
body.bantusphere.bg-page-profile .profile-cover-position,
body.bantusphere.bg-page-profile .profile-cover-position-buttons,
body.bantusphere.bg-page-profile .profile-cover-delete{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0!important;
  border-radius:10px!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
  text-align:center!important;
  cursor:pointer!important;
  vertical-align:middle!important;
}
body.bantusphere.bg-page-profile .profile-cover-position,
body.bantusphere.bg-page-profile .profile-cover-delete{display:flex!important}
/* Native JS toggles these with .show()/.hide(); when visible, make them flex. */
body.bantusphere.bg-page-profile .profile-cover-position-buttons:not([style*="display: none"]){display:flex!important}
body.bantusphere.bg-page-profile .profile-cover-position>svg,
body.bantusphere.bg-page-profile .profile-cover-position-buttons>svg,
body.bantusphere.bg-page-profile .profile-cover-delete>svg{
  position:static!important;
  inset:auto!important;
  float:none!important;
  display:block!important;
  flex:0 0 20px!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  line-height:20px!important;
  vertical-align:middle!important;
  pointer-events:none!important;
}
body.bantusphere.bg-page-profile .profile-cover-position-loader{z-index:55!important}
body.bantusphere.bg-page-profile .profile-cover-buttons>*:hover{filter:brightness(1.08)!important}

/* ============================================================
   PROFILE INFORMATION CARD
   ============================================================ */
body.bantusphere.bg-page-profile .profile-info-cont{
  position:relative!important;
  z-index:20!important;
  margin:-22px 0 0!important;
  padding:22px 18px 0!important;
  min-height:166px!important;
  border:1px solid rgba(148,163,184,.13)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(13,25,43,.99),rgba(7,17,31,.995))!important;
  box-shadow:0 20px 46px rgba(2,6,23,.30)!important;
  backdrop-filter:blur(14px)!important;
}
body.bantusphere.bg-page-profile .profile-avatar-wrapper{
  position:relative!important;
  z-index:24!important;
  margin-top:-70px!important;
  width:max-content!important;
}
body.bantusphere.bg-page-profile .profile-avatar-wrapper>img{
  display:block!important;
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  object-fit:cover!important;
  border:4px solid #0a1527!important;
  border-radius:22px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
}
body.bantusphere.bg-page-profile .profile-name-wrapper{
  padding-top:8px!important;
  min-height:65px!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-self .profile-name-wrapper{padding-right:92px!important}
body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-name-wrapper{padding-right:560px!important}
body.bantusphere.bg-page-profile .profile-name-wrapper h3{
  margin:0 0 3px!important;
  max-width:100%!important;
  color:#f8fafc!important;
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
}
body.bantusphere.bg-page-profile .profile-name-wrapper>p{margin:0!important;color:#91a2b9!important;font-size:11px!important}
body.bantusphere.bg-page-profile .profile-name-wrapper .verified-color{display:inline-flex!important;vertical-align:middle!important}
body.bantusphere.bg-page-profile .profile-name-wrapper .verified-color svg{width:20px!important;height:20px!important}
body.bantusphere.bg-page-profile .profile-name-wrapper .pro-badge{display:inline-flex!important;align-items:center!important;vertical-align:middle!important}

/* Action plane. Own-profile Edit is inside the information card and parallel to identity row. */
body.bantusphere.bg-page-profile .profile-buttons-wrapper{
  position:absolute!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:auto!important;
  max-width:560px!important;
  margin:0!important;
  padding:0!important;
  z-index:38!important;
}
body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-self .profile-buttons-wrapper{top:42px!important;max-width:78px!important}
body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper{top:40px!important}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-action,
body.bantusphere.bg-page-profile .profile-buttons-wrapper>.btn,
body.bantusphere.bg-page-profile .profile-buttons-wrapper>.d-inline-block>.btn{
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  margin:0!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:9px!important;
  font-weight:800!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-linkup{
  background:linear-gradient(135deg,#f7c948,#ffd76a)!important;
  border:1px solid rgba(255,214,78,.72)!important;
  color:#332300!important;
}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-message{
  min-width:106px!important;
  padding:0 12px!important;
  background:linear-gradient(135deg,#123653,#1f5f83)!important;
  border:1px solid rgba(112,221,255,.40)!important;
  color:#f5fbff!important;
}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-message svg{
  position:static!important;
  display:block!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-message span{display:inline!important;white-space:nowrap!important;overflow:visible!important}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-more{width:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important;border-radius:9px!important}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-edit{
  min-width:62px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 10px!important;
  background:#162338!important;
  border:1px solid rgba(148,163,184,.19)!important;
  color:#eef5ff!important;
  box-shadow:0 6px 16px rgba(2,6,23,.20)!important;
}
body.bantusphere.bg-page-profile .profile-buttons-wrapper .bs-profile-edit svg{width:14px!important;height:14px!important}

/* Social links */
body.bantusphere.bg-page-profile .profile-info-cont>.valign.mx-n1{margin-top:9px!important;padding-top:2px!important;padding-bottom:8px!important;gap:3px!important}

/* ============================================================
   HORIZONTAL PROFILE NAVIGATION
   ============================================================ */
body.bantusphere.bg-page-profile .bs-profile-nav{
  margin-top:8px!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  overflow:hidden!important;
}
body.bantusphere.bg-page-profile .bs-profile-nav ul{
  display:flex!important;
  flex-flow:row nowrap!important;
  gap:2px!important;
  min-width:0!important;
  margin:0!important;
  overflow-x:auto!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity!important;
}
body.bantusphere.bg-page-profile .bs-profile-nav ul::-webkit-scrollbar{display:none!important}
body.bantusphere.bg-page-profile .bs-profile-nav li{flex:0 0 auto!important;scroll-snap-align:start!important}
body.bantusphere.bg-page-profile .bs-profile-nav a{
  height:46px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:10px!important;
  color:#9ba9bc!important;
  font-size:9px!important;
  font-weight:760!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
body.bantusphere.bg-page-profile .bs-profile-nav a i{color:#5cdff3!important;font-size:11px!important}
body.bantusphere.bg-page-profile .bs-profile-nav a em{font-style:normal!important;background:rgba(148,163,184,.15)!important;border-radius:6px!important;padding:2px 5px!important;color:#d9e3ef!important}
body.bantusphere.bg-page-profile .bs-profile-nav a.active,
body.bantusphere.bg-page-profile .bs-profile-nav a.is-extra-active{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(49,74,112,.50),rgba(37,49,85,.48))!important;
  box-shadow:inset 0 -3px 0 #14d77b!important;
}

/* ============================================================
   EXTRA IDENTITY/LISTINGS TABS
   ============================================================ */
body.bantusphere.bg-page-profile .bs-profile-extra-panel{padding-left:0!important;padding-right:0!important;margin-top:14px!important;margin-bottom:18px!important}
body.bantusphere.bg-page-profile .bs-profile-extra-panel[hidden]{display:none!important}
.bs-profile-listings-shell{padding:15px;border:1px solid rgba(139,92,246,.17);border-radius:20px;background:linear-gradient(145deg,#0d192e,#0b1528);box-shadow:0 16px 38px rgba(2,6,23,.16)}
.bs-profile-extra-head{display:flex;align-items:center;gap:12px;padding:4px 3px 14px}.bs-profile-extra-head>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#06b6d4,#7c3aed 58%,#ec4899);color:#fff}.bs-profile-extra-head small{font-size:7px;letter-spacing:.13em;color:#67e8f9;font-weight:900}.bs-profile-extra-head h3{margin:2px 0 0;color:#f8fafc;font-size:18px}.bs-profile-extra-head p{margin:3px 0 0;color:#8191a7;font-size:9px}.bs-profile-listings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bs-profile-listing-card{display:grid;grid-template-rows:145px auto;border-radius:15px;overflow:hidden;background:#0a1628;border:1px solid rgba(148,163,184,.11);text-decoration:none!important}.bs-profile-listing-card img{width:100%;height:145px;object-fit:cover}.bs-profile-listing-card .bs-pl-body{padding:11px}.bs-profile-listing-card small{color:#67e8f9;font-size:7px;font-weight:850}.bs-profile-listing-card h4{font-size:12px;color:#f2f6fb;margin:4px 0}.bs-profile-listing-card p{font-size:8px;color:#8493a8;margin:0;line-height:1.45}.bs-profile-listing-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#9aa8bb;font-size:7px}.bs-profile-loader,.bs-profile-empty{grid-column:1/-1;padding:28px;text-align:center;border-radius:14px;background:rgba(255,255,255,.025);color:#8290a3;font-size:10px}

/* ============================================================
   PROFILE CONTENT / SIDEBAR
   ============================================================ */
body.bantusphere.bg-page-profile #bs-profile-native-content>.row{margin-left:-6px!important;margin-right:-6px!important}
body.bantusphere.bg-page-profile #bs-profile-native-content>.row>[class*="col-"]{padding-left:6px!important;padding-right:6px!important}
body.bantusphere.bg-page-profile #bs-profile-native-content .ele_content{
  border:1px solid rgba(148,163,184,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#0d192b,#0a1527)!important;
  box-shadow:0 10px 28px rgba(2,6,23,.08)!important;
}
body.bantusphere.bg-page-profile .bs-profile-side-card{position:relative!important;overflow:hidden!important}
body.bantusphere.bg-page-profile .bs-profile-side-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.35),rgba(139,92,246,.35),transparent);pointer-events:none}
body.bantusphere.bg-page-profile .ele_sidebar_widget_title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}

/* Merits — compact visual hierarchy */
body.bantusphere.bg-page-profile .bs-merits-card .row.text-center{margin:2px -4px 0!important}
body.bantusphere.bg-page-profile .bs-merits-card .row.text-center>[class*="col-"]{padding:4px!important}
body.bantusphere.bg-page-profile .bs-merits-card .row.text-center svg[width="34"]{width:26px!important;height:26px!important;color:#edf5ff!important}
body.bantusphere.bg-page-profile .bs-merits-card .row.text-center .fw-bold{font-size:9px!important;color:#cbd8e8!important}
body.bantusphere.bg-page-profile .bs-merits-card .row.text-center .badge{font-size:8px!important;padding:3px 6px!important;border-radius:6px!important}
body.bantusphere.bg-page-profile .bs-merits-card .btn-primary{min-height:34px!important;padding:0 16px!important;border-radius:10px!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;border:0!important;font-size:10px!important;font-weight:800!important}

/* Profile completion */
body.bantusphere.bg-page-profile .bs-profile-completion-card .progress{height:7px!important;border-radius:999px!important;overflow:hidden!important;background:#202c40!important}
body.bantusphere.bg-page-profile .bs-profile-completion-card .progress-bar{border-radius:999px!important}
body.bantusphere.bg-page-profile .bs-profile-completion-card a,
body.bantusphere.bg-page-profile .bs-profile-completion-card .mt-1{font-size:10px!important;line-height:1.45!important}
body.bantusphere.bg-page-profile .bs-profile-completion-card .mt-1{padding:5px 0!important}

/* About */
body.bantusphere.bg-page-profile .profle-meta-wrapper{display:grid!important;gap:7px!important}
body.bantusphere.bg-page-profile .profle-meta-wrapper>div:not(.js_readmore){min-height:34px!important;padding:7px 9px!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;display:flex!important;align-items:center!important;gap:8px!important;color:#c7d2df!important}
body.bantusphere.bg-page-profile .profle-meta-wrapper>div>svg{width:17px!important;height:17px!important;flex:0 0 17px!important;color:#67e8f9!important}
body.bantusphere.bg-page-profile .bx-about-explore-row{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(124,58,237,.07))!important;border:1px solid rgba(103,232,249,.10)!important}
body.bantusphere.bg-page-profile .bx-about-explore-row small{display:block!important;color:#8291a7!important;font-size:7px!important;margin-top:2px!important}

/* ============================================================
   PEOPLE CARDS — compact TikTok-style, no avatar overlap
   ============================================================ */
body.bantusphere.bg-page-profile .ele_page_content ul.row{margin-left:-5px!important;margin-right:-5px!important}
body.bantusphere.bg-page-profile .ele_page_content ul.row>[class*="col-"]{padding:5px!important;flex:0 0 33.333%!important;max-width:33.333%!important}
body.bantusphere.bg-page-profile .bs-person-card{
  min-height:70px!important;
  padding:9px!important;
  border:1px solid rgba(148,163,184,.10)!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"avatar name action" "avatar meta action"!important;
  column-gap:10px!important;
  row-gap:2px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:#0b1729!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.bantusphere.bg-page-profile .bs-person-avatar{grid-area:avatar!important;width:48px!important;height:48px!important;margin:0!important;overflow:hidden!important;border-radius:50%!important}
body.bantusphere.bg-page-profile .bs-person-avatar a,
body.bantusphere.bg-page-profile .bs-person-avatar img{display:block!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;border-radius:50%!important;object-fit:cover!important}
body.bantusphere.bg-page-profile .bs-person-name{grid-area:name!important;margin:0!important;min-width:0!important;align-self:end!important;overflow:hidden!important}
body.bantusphere.bg-page-profile .bs-person-name .h6{display:block!important;max-width:100%!important;margin:0!important;overflow:hidden!important;color:#eef5fb!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body.bantusphere.bg-page-profile .bs-person-actions{grid-area:action!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important}
body.bantusphere.bg-page-profile .bs-person-actions .btn{height:28px!important;min-height:28px!important;padding:0 9px!important;border-radius:8px!important;font-size:8px!important;white-space:nowrap!important}
body.bantusphere.bg-page-profile .bs-person-card>.mt10:not(.bs-person-name):not(.bs-person-actions){grid-area:meta!important;margin:0!important;align-self:start!important;font-size:7px!important;min-width:0!important;overflow:hidden!important}

/* ============================================================
   POST / MEDIA HEIGHT SAFETY — deterministic, profile scoped
   ============================================================ */
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .post,
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .post-wrapper,
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .feeds-item,
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .js_post{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .pg_wrapper:has(.pg_1x),
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .pg_1x{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#0b1523!important;
}
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .pg_1x>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  background:#0b1523!important;
}
body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .pg_1x img,
body.bantusphere.bg-page-profile img.bs-profile-feed-image{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(720px,78vh)!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  background:transparent!important;
}
body.bantusphere.bg-page-profile .bs-profile-media-safe{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}

/* ============================================================
   PWA / PHONE — no horizontal page overflow, full use of width
   ============================================================ */
@media(max-width:767.98px){
  body.bantusphere.bg-page-profile .profile-header .container.ele_prof_cont_wide{
    width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;
  }
  body.bantusphere.bg-page-profile #bs-profile-native-content,
  body.bantusphere.bg-page-profile .bs-profile-extra-panel{
    width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important;
  }

  body.bantusphere.bg-page-profile .profile-cover-wrapper.bs-profile-cover-shell{
    height:230px!important;min-height:230px!important;max-height:230px!important;
    border-left:0!important;border-right:0!important;border-radius:0!important;
  }
  body.bantusphere.bg-page-profile .profile-cover-buttons{top:10px!important;right:10px!important;gap:6px!important}
  body.bantusphere.bg-page-profile .profile-cover-buttons>.dropdown>.toggle{height:40px!important;min-width:82px!important;padding:0 9px!important;border-radius:10px!important;font-size:12px!important}
  body.bantusphere.bg-page-profile .profile-cover-position,
  body.bantusphere.bg-page-profile .profile-cover-position-buttons,
  body.bantusphere.bg-page-profile .profile-cover-delete{
    width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;border-radius:10px!important
  }
  body.bantusphere.bg-page-profile .profile-cover-position>svg,
  body.bantusphere.bg-page-profile .profile-cover-position-buttons>svg,
  body.bantusphere.bg-page-profile .profile-cover-delete>svg{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important}

  body.bantusphere.bg-page-profile .profile-info-cont{
    margin:-15px 0 0!important;
    padding:14px 10px 0!important;
    min-height:176px!important;
    border-left:0!important;border-right:0!important;
    border-radius:18px 18px 0 0!important;
  }
  body.bantusphere.bg-page-profile .profile-avatar-wrapper{margin-top:-54px!important;margin-left:2px!important}
  body.bantusphere.bg-page-profile .profile-avatar-wrapper>img{width:72px!important;min-width:72px!important;max-width:72px!important;height:72px!important;min-height:72px!important;max-height:72px!important;border-radius:19px!important}
  body.bantusphere.bg-page-profile .profile-name-wrapper{padding-top:8px!important;min-height:64px!important}
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-self .profile-name-wrapper{padding-right:72px!important}
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-name-wrapper{padding-right:0!important}
  body.bantusphere.bg-page-profile .profile-name-wrapper h3{font-size:21px!important;line-height:1.12!important;max-width:100%!important}
  body.bantusphere.bg-page-profile .profile-name-wrapper>p{font-size:10px!important}

  /* Own profile: Edit is INSIDE top-right of the info card on the name/VIP plane. */
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-self .profile-buttons-wrapper{
    position:absolute!important;
    top:37px!important;
    right:10px!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:62px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    overflow:visible!important;
  }
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-self .profile-buttons-wrapper .bs-profile-edit{
    width:58px!important;min-width:58px!important;max-width:58px!important;height:31px!important;min-height:31px!important;padding:0 8px!important;font-size:8px!important
  }

  /* Other profiles: equal, compact actions; no horizontal page scroll. */
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:9px 0 3px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
  }
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper>.btn,
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper>.d-inline-block{width:100%!important;min-width:0!important;max-width:100%!important}
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper .bs-profile-action,
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper>.btn,
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper>.d-inline-block>.btn{
    width:100%!important;min-width:0!important;max-width:100%!important;height:32px!important;min-height:32px!important;padding:0 5px!important;border-radius:8px!important;font-size:7.5px!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper .bs-profile-message{min-width:0!important}
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper .bs-profile-message svg{display:block!important;width:12px!important;height:12px!important;flex-basis:12px!important}
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper .bs-profile-more{width:100%!important;min-width:0!important;max-width:100%!important}

  body.bantusphere.bg-page-profile .profile-info-cont>.valign.mx-n1{margin-top:6px!important;padding:1px 2px 6px!important}
  body.bantusphere.bg-page-profile .bs-profile-nav{margin-top:4px!important}
  body.bantusphere.bg-page-profile .bs-profile-nav a{height:44px!important;padding:0 10px!important;font-size:10px!important;gap:6px!important}
  body.bantusphere.bg-page-profile .bs-profile-nav a i{font-size:12px!important}

  body.bantusphere.bg-page-profile #bs-profile-native-content>.row{margin-left:0!important;margin-right:0!important}
  body.bantusphere.bg-page-profile #bs-profile-native-content>.row>[class*="col-"]{padding-left:0!important;padding-right:0!important}
  body.bantusphere.bg-page-profile #bs-profile-native-content>.row>.col-md-4,
  body.bantusphere.bg-page-profile #bs-profile-native-content>.row>.col-lg-4,
  body.bantusphere.bg-page-profile #bs-profile-native-content>.row>.col-md-8,
  body.bantusphere.bg-page-profile #bs-profile-native-content>.row>.col-lg-8{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  body.bantusphere.bg-page-profile #bs-profile-native-content .ele_content{border-radius:15px!important;margin-left:0!important;margin-right:0!important}

  .bs-profile-listings-grid{grid-template-columns:1fr!important}
  .bs-profile-listing-card{grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:auto!important}
  .bs-profile-listing-card img{width:96px!important;height:100%!important;min-height:112px!important}
  .bs-profile-listing-card .bs-pl-body{padding:10px!important}
  body.bantusphere.bg-page-profile .bx-trust-primary{grid-template-columns:42px minmax(0,1fr)!important}
  body.bantusphere.bg-page-profile .bx-public-trust-badge{grid-column:1/-1!important}
  body.bantusphere.bg-page-profile .bx-trust-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* People/friends: single clean TikTok-style list on phone. */
  body.bantusphere.bg-page-profile .ele_page_content ul.row>[class*="col-"]{flex:0 0 100%!important;max-width:100%!important;padding:4px 0!important}
  body.bantusphere.bg-page-profile .bs-person-card{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:62px!important;padding:8px!important;border-radius:13px!important}
  body.bantusphere.bg-page-profile .bs-person-avatar,
  body.bantusphere.bg-page-profile .bs-person-avatar a,
  body.bantusphere.bg-page-profile .bs-person-avatar img{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}
  body.bantusphere.bg-page-profile .bs-person-name .h6{font-size:10px!important}
  body.bantusphere.bg-page-profile .bs-person-actions .btn{height:27px!important;min-height:27px!important;padding:0 8px!important;font-size:8px!important}

  /* Merits smaller on PWA — card retained, display density reduced. */
  body.bantusphere.bg-page-profile .bs-merits-card{padding:12px!important}
  body.bantusphere.bg-page-profile .bs-merits-card .row.text-center svg[width="34"]{width:21px!important;height:21px!important}
  body.bantusphere.bg-page-profile .bs-merits-card .row.text-center .fw-bold{font-size:8px!important}
  body.bantusphere.bg-page-profile .bs-merits-card .row.text-center .badge{font-size:7px!important;padding:2px 5px!important}
  body.bantusphere.bg-page-profile .bs-merits-card .btn-primary{min-height:31px!important;padding:0 13px!important;font-size:9px!important}
  body.bantusphere.bg-page-profile .bs-profile-completion-card,
  body.bantusphere.bg-page-profile .bs-profile-about-card{padding:12px!important}

  body.bantusphere.bg-page-profile #bs-profile-native-content .middlecol .pg_1x img,
  body.bantusphere.bg-page-profile img.bs-profile-feed-image{max-height:min(620px,66vh)!important}
}

@media(max-width:420px){
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper{gap:4px!important}
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper .bs-profile-action,
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper>.btn,
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper>.d-inline-block>.btn{font-size:7px!important;padding:0 3px!important}
  body.bantusphere.bg-page-profile .profile-info-cont.bs-profile-other .profile-buttons-wrapper .bs-profile-message svg{display:none!important}
}


/* ========================================================================== 
   BantuSocial Profile Final v2.33.3 — progressive fixes on previous UI style
   Keeps the familiar previous-version composition while retaining the functional
   fixes introduced in v2.33.2. It intentionally never positions the global + FAB.
   ========================================================================== */
:root{--bs-safe-appbar:64px;--bs-cyan:#5ee7ff;--bs-violet:#865cf6;--bs-pink:#ef3d9e;--bs-gold:#ffc93c}

/* LIGHTBOX: keep top-right author/actions pane fully visible below app bar */
body .lightbox{top:var(--bs-safe-appbar)!important;bottom:0!important;height:calc(100dvh - var(--bs-safe-appbar))!important;overflow:hidden!important;z-index:1048!important}
body .lightbox .lightbox-container{height:100%!important;max-height:100%!important;min-height:0!important}
body .lightbox .lightbox-preview{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}
body .lightbox .lightbox-preview>img,body .lightbox .lightbox-preview img.img-fluid{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:auto!important}
body .lightbox .lightbox-data{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;position:relative!important;padding-top:0!important}
body .lightbox .lightbox-data>.clearfix{position:sticky!important;top:0!important;z-index:20!important;min-height:44px!important;background:inherit!important;padding-top:4px!important}
body .lightbox .lightbox-post{position:relative!important;height:calc(100% - 44px)!important;max-height:calc(100% - 44px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 12px 18px!important;scroll-padding-top:8px!important;overscroll-behavior:contain!important}
body .lightbox .lightbox-post>.slimScrollDiv,body .lightbox .lightbox-post .slimScrollDiv{position:relative!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
body .lightbox .lightbox-post .slimScrollDiv>.js_scroller,body .lightbox .lightbox-post>.js_scroller{position:relative!important;top:auto!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding-top:0!important}
body .lightbox .lightbox-post .slimScrollBar,body .lightbox .lightbox-post .slimScrollRail{display:none!important}

/* Avatar: previous card style, requested larger size, no vertical oval backdrop */
body.bantusphere.bg-page-profile .profile-avatar-wrapper,body.bantusphere .profile-header.profile .profile-avatar-wrapper{width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;margin-top:-78px!important;background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;overflow:visible!important}
body.bantusphere.bg-page-profile .profile-avatar-wrapper:before,body.bantusphere.bg-page-profile .profile-avatar-wrapper:after,body.bantusphere .profile-header.profile .profile-avatar-wrapper:before,body.bantusphere .profile-header.profile .profile-avatar-wrapper:after{content:none!important;display:none!important}
body.bantusphere.bg-page-profile .profile-avatar-wrapper>img,body.bantusphere .profile-header.profile .profile-avatar-wrapper>img{width:132px!important;height:132px!important;min-width:132px!important;max-width:132px!important;min-height:132px!important;max-height:132px!important;border-radius:27px!important;object-fit:cover!important;border:4px solid #0a1527!important;box-shadow:0 12px 28px rgba(0,0,0,.30)!important}
body.bantusphere .profile-avatar-wrapper .bs-profile-avatar-camera{position:absolute!important;right:-5px!important;bottom:4px!important;left:auto!important;top:auto!important;width:36px!important;height:36px!important;z-index:40!important}
body.bantusphere .profile-avatar-wrapper .bs-profile-avatar-camera>.toggle{display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border-radius:11px!important;line-height:1!important;background:rgba(5,13,25,.95)!important;border:1px solid rgba(109,221,255,.34)!important}
body.bantusphere .profile-avatar-wrapper .bs-profile-avatar-camera svg{width:17px!important;height:17px!important;margin:0!important;transform:none!important}

/* Own Edit: inside top-right of info card, same plane as name/VIP/verified */
body.bantusphere .profile-info-cont{position:relative!important}
body.bantusphere .profile-info-cont>.bs-profile-own-edit{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;bottom:auto!important;z-index:45!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:64px!important;height:34px!important;min-height:34px!important;padding:0 11px!important;margin:0!important;border-radius:10px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
body.bantusphere .profile-info-cont.bs-profile-self .profile-name-wrapper{padding-right:92px!important}

/* Native cover controls: styling only; preserve Cradle/Sngine DOM and behaviour */
body.bantusphere .profile-cover-buttons.bs-profile-cover-tools{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;z-index:70!important;margin:0!important;padding:0!important}
body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>div{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;height:38px!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;line-height:1!important;box-sizing:border-box!important}
body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-move,body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-save,body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-cancel,body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-delete{width:38px!important;min-width:38px!important;max-width:38px!important}
body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>div>svg,body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>div>.toggle>svg{position:static!important;display:block!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;margin:auto!important;padding:0!important;transform:none!important;line-height:19px!important;pointer-events:none!important}

/* Merits: retain current functionality, restore cleaner previous aesthetic. Button remains at far right after Left. */
.bs-profile-merits-card{padding:13px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(13,25,43,.98),rgba(8,18,32,.99))!important;border:1px solid rgba(132,154,191,.13)!important}
.bs-merits-card-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}.bs-merits-card-head>div{display:grid!important;gap:2px!important}.bs-merits-card-head b{font-size:15px!important}.bs-merits-card-head small{font-size:8px!important;color:#8798b0!important}.bs-mini-kicker{font-size:7px!important;letter-spacing:.15em!important;font-weight:900!important;color:#7d91ff!important}
.bs-merits-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(108px,.76fr)!important;gap:7px!important;align-items:stretch!important}.bs-merit-stat{display:flex!important;align-items:center!important;gap:8px!important;min-height:58px!important;padding:8px 9px!important;border-radius:12px!important;background:rgba(10,23,39,.76)!important;border:1px solid rgba(132,154,191,.11)!important}.bs-merit-icon{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(133,92,246,.10)!important;color:#c9bbff!important;font-size:14px!important}.bs-merit-stat>div{display:grid!important;gap:1px!important;min-width:0!important}.bs-merit-stat small{font-size:8px!important;color:#8798b0!important}.bs-merit-stat strong{font-size:15px!important;line-height:1!important;color:#f7fbff!important}.bs-merit-send-btn{height:auto!important;min-height:58px!important;margin:0!important;border:0!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:linear-gradient(135deg,#8054f5,#ed3e9e)!important;color:#fff!important;font-size:9px!important;font-weight:850!important}

/* Merit posts: fixed visual card; never inherit giant background-image geometry */
.bs-merit-post-content{overflow:hidden!important;border-radius:14px!important}.bs-merit-post-content .post-media{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;border-radius:14px!important;background:#091524!important}.bs-merit-post-content .post-media-image{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:14px!important}.bs-merit-post-content .post-media-image>.image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.bs-merit-post-content .post-merit-meta{padding:9px 10px!important;margin:0!important;background:rgba(10,23,39,.88)!important;border:1px solid rgba(132,154,191,.10)!important;border-top:0!important;border-radius:0 0 12px 12px!important;line-height:1.45!important}

/* About: icon gutter prevents text covering icons */
.bs-profile-about-list>div:not(.row):not(.social):not(.p-0){display:block!important;position:relative!important;min-height:30px!important;padding:6px 2px 6px 31px!important;margin:0!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}.bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>svg{position:absolute!important;left:3px!important;top:7px!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important;opacity:.62!important}.bs-profile-about-list>div:not(.row):not(.social):not(.p-0) .details{display:block!important;margin:2px 0 0!important;padding:0!important;line-height:1.42!important}

/* Friends / followers / following: compact spacing and exact avatar+badge vertical alignment */
ul.bs-profile-people-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))!important;gap:7px!important;margin:0!important;padding:2px 0!important;list-style:none!important}ul.bs-profile-people-grid>li,ul.bs-profile-people-grid>div{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;min-width:0!important}ul.bs-profile-people-grid .ui-box{min-height:62px!important;height:62px!important;margin:0!important;padding:7px 8px!important;border-radius:12px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;column-gap:8px!important;row-gap:2px!important;align-items:center!important;text-align:left!important;overflow:hidden!important;background:rgba(12,25,43,.82)!important;border:1px solid rgba(132,154,191,.12)!important}ul.bs-profile-people-grid .ui-box>.img{grid-column:1!important;grid-row:1/3!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;margin:0!important;align-self:center!important}ul.bs-profile-people-grid .ui-box>.img a,ul.bs-profile-people-grid .ui-box>.img img{display:block!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;position:static!important;transform:none!important}ul.bs-profile-people-grid .ui-box>.mt10.truncate{grid-column:2!important;grid-row:1!important;margin:0!important;min-width:0!important;align-self:end!important;display:flex!important;align-items:center!important;gap:4px!important;line-height:1.15!important;overflow:hidden!important}ul.bs-profile-people-grid .ui-box>.mt10.truncate .js_user-popover{min-width:0!important;overflow:hidden!important;display:block!important}ul.bs-profile-people-grid .ui-box>.mt10.truncate .h6{display:block!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;line-height:1.2!important}ul.bs-profile-people-grid .ui-box>.mt10.truncate .verified-color{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important;transform:none!important;vertical-align:middle!important}ul.bs-profile-people-grid .ui-box>.mt10.truncate .verified-color svg{display:block!important;width:14px!important;height:14px!important;margin:0!important;transform:none!important}ul.bs-profile-people-grid .ui-box>.mt10:last-child{grid-column:2!important;grid-row:2!important;margin:0!important;align-self:start!important;display:flex!important;align-items:center!important;gap:4px!important}ul.bs-profile-people-grid .ui-box>.mt10:last-child .btn{height:24px!important;min-height:24px!important;padding:0 7px!important;border-radius:8px!important;font-size:7px!important;line-height:1!important;margin:0!important}

/* Events tab: same compact visual rhythm as people */
ul.bs-profile-events-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:8px!important;margin:0!important;padding:2px 0!important;list-style:none!important}ul.bs-profile-events-grid>li{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;min-width:0!important}ul.bs-profile-events-grid .ui-box{height:100%!important;min-height:0!important;margin:0!important;padding:7px!important;border-radius:13px!important;overflow:hidden!important;text-align:left!important;background:rgba(12,25,43,.82)!important;border:1px solid rgba(132,154,191,.12)!important}ul.bs-profile-events-grid .ui-box>.img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;margin:0!important;border-radius:10px!important;overflow:hidden!important}ul.bs-profile-events-grid .ui-box>.img img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important}ul.bs-profile-events-grid .ui-box>.mt10{margin:6px 0 0!important;font-size:9px!important;line-height:1.3!important}

/* Feed media height guard retained */
.bs-final-post{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.bs-final-media-wrap{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.bs-final-feed-media{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:min(78dvh,900px)!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;background:#0b1523!important}

/* Main BantuExplore control panel on own profile */
.bs-explore-control-card{border-radius:17px!important;border:1px solid rgba(102,215,255,.14)!important;background:linear-gradient(145deg,#0e1d32,#10192d)!important}.bs-explore-control-head{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important}.bs-explore-control-icon{width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(145deg,#654df0,#e23ca1)!important;color:#fff!important}.bs-explore-control-head>div{display:grid!important;gap:1px!important}.bs-explore-control-head b{font-size:14px!important}.bs-explore-control-head small{font-size:8px!important;color:#8496b1!important;line-height:1.4!important}.bs-explore-control-grid-main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.bs-explore-control-grid-main a{display:flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:7px 9px!important;border-radius:10px!important;background:rgba(22,40,66,.72)!important;border:1px solid rgba(132,154,191,.10)!important;color:#dce9fb!important}.bs-explore-control-grid-main a>i{flex:0 0 24px!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(94,231,255,.08)!important;color:#64e7ff!important}.bs-explore-control-grid-main a>span{display:grid!important;gap:1px!important;min-width:0!important}.bs-explore-control-grid-main a b{font-size:9px!important}.bs-explore-control-grid-main a small{font-size:7px!important;color:#8294ad!important;white-space:normal!important}.bs-explore-control-discover{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-top:7px!important;min-height:34px!important;border-radius:9px!important;background:rgba(94,231,255,.07)!important;border:1px solid rgba(94,231,255,.13)!important;color:#75eaff!important;font-size:8px!important;font-weight:800!important}

/* Confirmations / visible feedback */
.bs-feedback-stack{position:fixed!important;top:calc(var(--bs-safe-appbar) + 14px)!important;right:18px!important;z-index:2147483000!important;display:grid!important;gap:9px!important;width:min(390px,calc(100vw - 28px))!important;pointer-events:none!important}.bs-feedback-toast{pointer-events:auto!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 28px!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:15px!important;background:rgba(12,25,43,.98)!important;border:1px solid rgba(106,222,255,.22)!important;color:#ecf6ff!important;box-shadow:0 18px 46px rgba(0,0,0,.35)!important;backdrop-filter:blur(14px)!important}.bs-feedback-toast.is-success{border-color:rgba(51,219,139,.35)!important}.bs-feedback-toast.is-error{border-color:rgba(255,89,117,.38)!important}.bs-feedback-toast-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(94,231,255,.09)!important}.bs-feedback-toast strong{font-size:11px!important}.bs-feedback-toast small{display:block!important;margin-top:2px!important;color:#92a4bd!important;font-size:9px!important;line-height:1.35!important}.bs-feedback-toast button{border:0!important;background:transparent!important;color:#91a2ba!important;width:28px!important;height:28px!important;padding:0!important;display:grid!important;place-items:center!important}.bs-feedback-toast.is-leaving{opacity:0!important;transform:translateY(-7px)!important;transition:.2s!important}.bs-confirm-overlay{position:fixed!important;inset:0!important;z-index:2147483001!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(3,8,19,.76)!important;backdrop-filter:blur(8px)!important}.bs-confirm-card{width:min(440px,100%)!important;border-radius:20px!important;padding:20px!important;background:linear-gradient(145deg,#111f35,#0b1728)!important;border:1px solid rgba(123,149,191,.20)!important;box-shadow:0 28px 90px rgba(0,0,0,.48)!important;color:#eef6ff!important}.bs-confirm-card>.bs-confirm-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:14px!important;margin-bottom:12px!important;background:linear-gradient(145deg,#694ef3,#e83b9f)!important;color:#fff!important}.bs-confirm-card h3{font-size:18px!important;margin:0 0 6px!important}.bs-confirm-card p{font-size:11px!important;color:#95a8c1!important;line-height:1.55!important;margin:0 0 16px!important}.bs-confirm-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important}.bs-confirm-actions button{min-height:38px!important;padding:0 14px!important;border-radius:10px!important;font-size:10px!important;font-weight:850!important}.bs-confirm-cancel{background:#17273d!important;color:#cfdaea!important;border:1px solid rgba(132,154,191,.18)!important}.bs-confirm-ok{background:linear-gradient(135deg,#7554f6,#ee3e9f)!important;color:#fff!important;border:0!important}

@media(max-width:991.98px){:root{--bs-safe-appbar:68px}body .lightbox{overflow-y:auto!important}body .lightbox .lightbox-container{display:block!important;height:auto!important;min-height:calc(100dvh - var(--bs-safe-appbar))!important}body .lightbox .lightbox-preview{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:min(62dvh,620px)!important}body .lightbox .lightbox-data{display:block!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}body .lightbox .lightbox-post{height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}}
@media(max-width:767.98px){
  body.bantusphere.bg-page-profile .profile-avatar-wrapper,body.bantusphere .profile-header.profile .profile-avatar-wrapper{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;margin-top:-61px!important}
  body.bantusphere.bg-page-profile .profile-avatar-wrapper>img,body.bantusphere .profile-header.profile .profile-avatar-wrapper>img{width:112px!important;height:112px!important;min-width:112px!important;max-width:112px!important;min-height:112px!important;max-height:112px!important;border-radius:23px!important}
  body.bantusphere .profile-info-cont>.bs-profile-own-edit{top:12px!important;right:12px!important;min-width:56px!important;height:31px!important;min-height:31px!important;padding:0 9px!important;font-size:8px!important}
  body.bantusphere .profile-info-cont.bs-profile-self .profile-name-wrapper{padding-right:72px!important}
  body.bantusphere .profile-cover-buttons.bs-profile-cover-tools{top:10px!important;right:10px!important;gap:6px!important}body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>div{height:40px!important;min-height:40px!important;border-radius:11px!important}body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-move,body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-save,body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-cancel,body.bantusphere .profile-cover-buttons.bs-profile-cover-tools>.bs-profile-cover-delete{width:40px!important;min-width:40px!important;max-width:40px!important}
  .bs-merits-card-head small{display:none!important}.bs-merits-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(84px,.8fr)!important;gap:5px!important}.bs-merit-stat{min-height:54px!important;padding:6px 4px!important;display:grid!important;justify-items:center!important;text-align:center!important;gap:3px!important}.bs-merit-icon{width:26px!important;height:26px!important;flex-basis:26px!important;font-size:12px!important}.bs-merit-stat strong{font-size:13px!important}.bs-merit-send-btn{min-height:54px!important;padding:4px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;font-size:7.5px!important}
  .bs-merit-post-content .post-media-image{aspect-ratio:4/3!important}
  .bs-profile-about-list>div:not(.row):not(.social):not(.p-0){padding:6px 0 6px 28px!important;font-size:11px!important}.bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>svg{left:2px!important;width:17px!important;height:17px!important}
  ul.bs-profile-people-grid{grid-template-columns:1fr!important;gap:5px!important}ul.bs-profile-people-grid .ui-box{height:58px!important;min-height:58px!important;grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-rows:1fr!important;padding:7px!important;column-gap:7px!important}ul.bs-profile-people-grid .ui-box>.img,ul.bs-profile-people-grid .ui-box>.img a,ul.bs-profile-people-grid .ui-box>.img img{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}ul.bs-profile-people-grid .ui-box>.mt10.truncate{grid-column:2!important;grid-row:1!important;align-self:center!important}ul.bs-profile-people-grid .ui-box>.mt10:last-child{grid-column:3!important;grid-row:1!important;align-self:center!important}ul.bs-profile-people-grid .ui-box>.mt10:last-child .btn{height:27px!important;min-height:27px!important;max-width:100px!important}
  ul.bs-profile-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.bs-final-feed-media{max-height:66dvh!important}
  .bs-explore-control-grid-main{grid-template-columns:1fr!important}.bs-explore-control-grid-main a{min-height:43px!important}.bs-explore-control-head small{font-size:7.5px!important}
  .bs-feedback-stack{top:calc(var(--bs-safe-appbar) + 10px)!important;left:10px!important;right:10px!important;width:auto!important}.bs-confirm-overlay{padding:12px!important}.bs-confirm-card{padding:17px!important;border-radius:17px!important}
}
@media(max-width:430px){ul.bs-profile-events-grid{grid-template-columns:1fr!important}}


/* ==========================================================================
   BantuSocial Final v2.33.4 — profile polish, lightbox, reactions, menu
   ========================================================================== */

/* Profile header navigation: compact tech-pill rail, horizontally safe on PWA */
body.bantusphere.bg-page-profile .ele_user_profile_nav{
  overflow:hidden!important;
  border-top:1px solid rgba(127,150,190,.12)!important;
  margin-top:12px!important;
  background:rgba(5,14,27,.40)!important;
}
body.bantusphere.bg-page-profile .ele_user_profile_nav>ul{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:7px 8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
}
body.bantusphere.bg-page-profile .ele_user_profile_nav>ul::-webkit-scrollbar{display:none!important}
body.bantusphere.bg-page-profile .ele_user_profile_nav li{
  flex:0 0 auto!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
body.bantusphere.bg-page-profile .ele_user_profile_nav li>a{
  min-height:34px!important;
  padding:0 11px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid transparent!important;
  color:#91a2ba!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  scroll-snap-align:start!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
body.bantusphere.bg-page-profile .ele_user_profile_nav li>a i{
  width:14px!important;
  min-width:14px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#5fdcff!important;
  font-size:11px!important;
}
body.bantusphere.bg-page-profile .ele_user_profile_nav li>a>span{display:inline!important}
body.bantusphere.bg-page-profile .ele_user_profile_nav li>a>em{
  font-style:normal!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:6px!important;
  background:rgba(117,140,180,.16)!important;
  color:#d9e4f4!important;
  font-size:8px!important;
}
body.bantusphere.bg-page-profile .ele_user_profile_nav li>a.active{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(31,59,91,.92),rgba(25,43,78,.94))!important;
  border-color:rgba(94,225,255,.22)!important;
  box-shadow:inset 0 -2px 0 #16d97a,0 6px 18px rgba(0,8,22,.14)!important;
}
body.bantusphere.bg-page-profile .ele_user_profile_nav li>a.active i{color:#67ebff!important}

/* About rows: static flex icon column — no text can ever sit underneath the SVG */
body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0){
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:30px!important;
  margin:0!important;
  padding:6px 2px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>svg{
  position:static!important;
  inset:auto!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin:1px 0 0!important;
  transform:none!important;
  opacity:.66!important;
}
body.bantusphere.bg-page-profile .bs-profile-about-list .details{
  margin:2px 0 0!important;
  padding:0!important;
  line-height:1.42!important;
}
body.bantusphere.bg-page-profile .bs-profile-about-list .js_readmore{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
body.bantusphere.bg-page-profile .bs-profile-about-list [data-readmore-toggle]{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:5px!important;
  padding:4px 8px!important;
  border-radius:8px!important;
  background:rgba(96,214,255,.08)!important;
  color:#68dcff!important;
  font-size:8px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

/* People cards: target the real __feeds_user.tpl structure */
body.bantusphere.bg-page-profile ul.bs-profile-people-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:2px 0!important;
  list-style:none!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-card{
  min-height:70px!important;
  height:70px!important;
  width:100%!important;
  margin:0!important;
  padding:8px 9px!important;
  border-radius:13px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  grid-template-rows:1fr auto!important;
  column-gap:9px!important;
  row-gap:2px!important;
  align-items:center!important;
  text-align:left!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(12,26,45,.94),rgba(9,20,36,.94))!important;
  border:1px solid rgba(132,154,191,.13)!important;
  box-shadow:0 8px 24px rgba(0,8,20,.08)!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar{
  grid-column:1!important;
  grid-row:1/3!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  margin:0!important;
  align-self:center!important;
  overflow:visible!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar>a{
  display:block!important;
  width:52px!important;
  height:52px!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar img{
  display:block!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
  background:#17253b!important;
  border:1px solid rgba(113,218,255,.20)!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-name-row{
  grid-column:2/4!important;
  grid-row:1!important;
  margin:0!important;
  min-width:0!important;
  max-width:100%!important;
  align-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  line-height:1.15!important;
  overflow:visible!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-name-row .js_user-popover{
  min-width:0!important;
  max-width:calc(100% - 20px)!important;
  overflow:hidden!important;
  display:block!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-name-row .h6{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#f2f7ff!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-name-row .verified-color{
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-name-row .verified-color svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  transform:none!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-actions{
  grid-column:2/4!important;
  grid-row:2!important;
  margin:0!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  align-self:start!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-actions .btn{
  min-height:25px!important;
  height:25px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Events tab — tight grid, no oversized image wells */
body.bantusphere.bg-page-profile ul.bs-profile-events-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-events-grid .ui-box{
  min-width:0!important;
  padding:8px!important;
  border-radius:14px!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-events-grid .ui-box>.img{
  aspect-ratio:16/9!important;
  height:auto!important;
  background:#0a1424!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-events-grid .ui-box>.mt10{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Merit posts — natural image ratio, previous clean card aesthetic retained */
.bs-merit-post-content .post-media,
.bs-merit-post-content .post-media-image.bs-merit-media-shell{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  background:#08131f!important;
}
.bs-merit-post-content .bs-merit-post-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(78dvh,860px)!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  cursor:zoom-in!important;
  background:#08131f!important;
  border-radius:13px!important;
}

/* Reactions — one predictable horizontal popover above each action */
body.bantusphere .post .reactions-wrapper,
body.bantusphere .lightbox .reactions-wrapper,
body.bantusphere .comment .reactions-wrapper{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
body.bantusphere .post .reactions-container,
body.bantusphere .lightbox .reactions-container,
body.bantusphere .comment .reactions-container{
  left:50%!important;
  right:auto!important;
  bottom:calc(100% + 8px)!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:max-content!important;
  max-width:min(92vw,420px)!important;
  padding:7px 8px!important;
  border-radius:999px!important;
  background:rgba(12,22,38,.98)!important;
  border:1px solid rgba(127,151,191,.20)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
  z-index:10020!important;
}
body.bantusphere .reactions-container .reactions_item{
  position:relative!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
body.bantusphere .reactions-container .reactions_item .emoji,
body.bantusphere .reactions-container .reactions_item img{
  width:31px!important;
  height:31px!important;
  max-width:31px!important;
  max-height:31px!important;
  margin:0!important;
  object-fit:contain!important;
}

/* Full image/lightbox: top content is always below the fixed app bar */
:root{--bs-lightbox-safe-top:68px}
body.bantusphere .lightbox{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  padding-top:var(--bs-lightbox-safe-top)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  z-index:100000!important;
}
body.bantusphere .lightbox .lightbox-container{
  width:100%!important;
  height:calc(100dvh - var(--bs-lightbox-safe-top))!important;
  max-height:calc(100dvh - var(--bs-lightbox-safe-top))!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
body.bantusphere .lightbox .lightbox-preview{
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#03070d!important;
}
body.bantusphere .lightbox .lightbox-preview img{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}
body.bantusphere .lightbox .lightbox-data{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding-top:0!important;
}
body.bantusphere .lightbox .lightbox-post{
  min-height:0!important;
  height:auto!important;
}
body.bantusphere .lightbox .lightbox-post>.js_scroller{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Top-right user profile dropdown — compact control centre */
body.bantusphere .ele_hdr_user_dropdown{
  width:min(360px,calc(100vw - 20px))!important;
  max-width:min(360px,calc(100vw - 20px))!important;
  max-height:min(82dvh,720px)!important;
  padding:9px!important;
  border-radius:18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:linear-gradient(160deg,#0d192b,#091321)!important;
  border:1px solid rgba(128,151,190,.18)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.44)!important;
}
body.bantusphere .ele_hdr_user_dropdown>.dropdown-item{
  min-height:40px!important;
  margin:2px 0!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font-size:10px!important;
}
body.bantusphere .ele_hdr_user_dropdown hr.style-two{margin:7px 4px!important;opacity:.45!important}
.bs-user-menu-explore{
  margin:5px 0!important;
  padding:5px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(80,67,214,.10),rgba(222,52,157,.06))!important;
  border:1px solid rgba(133,105,247,.17)!important;
}
.bs-user-menu-explore-toggle{
  width:100%!important;
  min-height:48px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 20px!important;
  gap:8px!important;
  align-items:center!important;
  color:#f0f6ff!important;
  text-align:left!important;
}
.bs-user-menu-explore-icon{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;background:linear-gradient(145deg,#7456f5,#df3d9e)!important;color:#fff!important;
}
.bs-user-menu-explore-copy{display:grid!important;gap:2px!important;min-width:0!important}
.bs-user-menu-explore-copy b{font-size:11px!important;color:#fff!important}
.bs-user-menu-explore-copy small{font-size:7px!important;color:#8da0ba!important;white-space:normal!important}
.bs-user-menu-explore-chevron{justify-self:end!important;color:#8da0ba!important;transition:transform .2s ease!important}
.bs-user-menu-explore.is-open .bs-user-menu-explore-chevron{transform:rotate(180deg)!important}
.bs-user-menu-explore-panel{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  padding:6px 2px 1px!important;
}
.bs-user-menu-explore-panel[hidden]{display:none!important}
.bs-user-menu-explore-panel>a{
  min-width:0!important;
  min-height:55px!important;
  padding:8px!important;
  border-radius:10px!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  background:rgba(9,21,37,.82)!important;
  border:1px solid rgba(127,151,191,.10)!important;
  color:#dce8f7!important;
  text-decoration:none!important;
}
.bs-user-menu-explore-panel>a>i{width:25px!important;text-align:center!important;color:#66dfff!important}
.bs-user-menu-explore-panel>a>span{display:grid!important;gap:1px!important;min-width:0!important}
.bs-user-menu-explore-panel>a b{font-size:8px!important;color:#eef5ff!important}
.bs-user-menu-explore-panel>a small{font-size:6.5px!important;color:#8294ad!important;line-height:1.3!important}

/* PWA */
@media(max-width:767.98px){
  :root{--bs-lightbox-safe-top:62px}
  body.bantusphere.bg-page-profile .ele_user_profile_nav>ul{padding:6px 7px!important;gap:4px!important}
  body.bantusphere.bg-page-profile .ele_user_profile_nav li>a{min-height:32px!important;padding:0 9px!important;font-size:8px!important;border-radius:9px!important}
  body.bantusphere.bg-page-profile .ele_user_profile_nav li>a i{font-size:10px!important;width:13px!important;min-width:13px!important}
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid{grid-template-columns:1fr!important;gap:6px!important}
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-card{height:64px!important;min-height:64px!important;grid-template-columns:46px minmax(0,1fr) auto!important;padding:7px 8px!important}
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar,
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar>a,
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar img{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important}
  body.bantusphere.bg-page-profile ul.bs-profile-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .bs-merit-post-content .bs-merit-post-image{max-height:66dvh!important}
  body.bantusphere .lightbox{overflow-y:auto!important;background:#03070d!important}
  body.bantusphere .lightbox .lightbox-container{height:auto!important;min-height:calc(100dvh - var(--bs-lightbox-safe-top))!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:visible!important}
  body.bantusphere .lightbox .lightbox-preview{flex:0 0 auto!important;width:100%!important;height:min(58dvh,560px)!important;max-height:min(58dvh,560px)!important}
  body.bantusphere .lightbox .lightbox-data{flex:0 0 auto!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
  body.bantusphere .reactions-container{left:6px!important;transform:none!important;max-width:calc(100vw - 24px)!important;overflow-x:auto!important;justify-content:flex-start!important}
  body.bantusphere .ele_hdr_user_dropdown{right:7px!important;left:auto!important;width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 76px)!important;border-radius:16px!important}
  .bs-user-menu-explore-panel{grid-template-columns:1fr 1fr!important}
}
@media(max-width:420px){
  body.bantusphere.bg-page-profile ul.bs-profile-events-grid{grid-template-columns:1fr!important}
}


/* ==========================================================================
   BantuSocial v2.33.5 — screenshot regression hotfix
   Keeps v2.33.4 layout/functionality; fixes blank default cover and Merit posts.
   ========================================================================== */

/* Default cover: only rendered by profile.tpl when the account has no cover. */
body.bantusphere.bg-page-profile .profile-cover-wrapper .bs-profile-default-cover{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  pointer-events:none!important;
  user-select:none!important;
}
body.bantusphere.bg-page-profile .profile-cover-wrapper .profile-cover-buttons,
body.bantusphere.bg-page-profile .profile-cover-wrapper .profile-cover-change-loader,
body.bantusphere.bg-page-profile .profile-cover-wrapper .profile-cover-position-loader{
  z-index:50!important;
}

/* Merit posts: completely isolate from Sngine generic post-media geometry.
   This prevents the giant empty column/well visible in the supplied screenshot. */
body.bantusphere.bg-page-profile .bs-merit-post-content{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  margin-top:8px!important;
  border-radius:14px!important;
  background:#08131f!important;
}
body.bantusphere.bg-page-profile .bs-merit-post-content .bs-merit-media-shell{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:14px 14px 0 0!important;
  background:#08131f!important;
}
body.bantusphere.bg-page-profile .bs-merit-post-content .bs-merit-media-shell::before,
body.bantusphere.bg-page-profile .bs-merit-post-content .bs-merit-media-shell::after{
  display:none!important;
  content:none!important;
}
body.bantusphere.bg-page-profile .bs-merit-post-content .bs-merit-post-image{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  display:block!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(720px,72dvh)!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  vertical-align:middle!important;
  background:#08131f!important;
  border-radius:0!important;
}
body.bantusphere.bg-page-profile .bs-merit-post-content .post-merit-meta{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 11px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(132,154,191,.10)!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:rgba(10,23,39,.94)!important;
}
body.bantusphere.bg-page-profile .bs-merit-post-content .post-merit-meta .post-text{
  position:static!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Remove any inherited minimum/fixed geometry from a feed card that contains
   a Merit post, while leaving ordinary photo/video posts untouched. */
body.bantusphere.bg-page-profile .post:has(.bs-merit-post-content),
body.bantusphere.bg-page-profile .post-wrapper:has(.bs-merit-post-content),
body.bantusphere.bg-page-profile .feeds-item:has(.bs-merit-post-content){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

/* About rows: make the icon a real dedicated gutter and prevent text from
   ever occupying the icon's horizontal space. */
body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0){
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  column-gap:8px!important;
  align-items:start!important;
  position:relative!important;
  min-height:30px!important;
  padding:6px 2px!important;
  margin:0!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>svg{
  position:static!important;
  grid-column:1!important;
  width:18px!important;
  height:18px!important;
  margin:1px 0 0!important;
  transform:none!important;
  opacity:.70!important;
}
body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>.details,
body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>span:not(.badge),
body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>a{
  grid-column:2!important;
  min-width:0!important;
}

/* Slight people-card baseline refinement: photo, name, verification and action
   share a common vertical centre without changing v2.33.4 spacing. */
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .ui-box>.img{
  align-self:center!important;
  justify-self:start!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .ui-box>.mt10.truncate{
  align-self:center!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .ui-box>.mt10.truncate .verified-color{
  position:static!important;
  top:auto!important;
  vertical-align:middle!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .ui-box>.mt10.truncate .verified-color svg{
  transform:translateY(0)!important;
}

@media(max-width:767.98px){
  body.bantusphere.bg-page-profile .bs-merit-post-content .bs-merit-post-image{
    max-height:min(560px,62dvh)!important;
  }
  body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0){
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:7px!important;
    padding:6px 0!important;
  }
  body.bantusphere.bg-page-profile .bs-profile-about-list>div:not(.row):not(.social):not(.p-0)>svg{
    width:17px!important;
    height:17px!important;
  }
}



/* ==========================================================================
   BantuSocial v2.33.6 — DIRECT LIVE RECONCILE
   These rules intentionally use a new asset filename to bypass stale CDN /
   browser caches and override the contradictory historical profile layers.
   ========================================================================== */

/* Cover always has a visual fallback. Uploaded native cover remains on top. */
body.bantusphere.bg-page-profile .profile-cover-wrapper,
body.bantusphere.bg-page-profile .profile-cover-wrapper.bs-profile-cover-shell{
  background-color:#0a1627!important;
  background-image:url('../images/bantusocial-default-cover-sandton-v2.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body.bantusphere.bg-page-profile .profile-cover-wrapper>img{
  position:relative!important;
  z-index:2!important;
}
body.bantusphere.bg-page-profile .profile-cover-buttons{z-index:60!important}

/* About: undo base theme's absolute SVG positioning once and for all. */
body.bantusphere.bg-page-profile .profle-meta-wrapper.bs-profile-about-list>div:not(.p-0):not(.row):not(.social){
  position:relative!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  padding:7px 9px!important;
  margin:0!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.45!important;
}
body.bantusphere.bg-page-profile .profle-meta-wrapper.bs-profile-about-list>div:not(.p-0):not(.row):not(.social)>svg{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:1px 0 0!important;
  padding:0!important;
  opacity:.74!important;
}
body.bantusphere.bg-page-profile .profle-meta-wrapper.bs-profile-about-list>div:not(.p-0):not(.row):not(.social) .details,
body.bantusphere.bg-page-profile .profle-meta-wrapper.bs-profile-about-list>div:not(.p-0):not(.row):not(.social)>a,
body.bantusphere.bg-page-profile .profle-meta-wrapper.bs-profile-about-list>div:not(.p-0):not(.row):not(.social)>span{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}

/* People cards: hard reset the legacy absolute avatar geometry. */
body.bantusphere.bg-page-profile ul.bs-profile-people-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:2px 0!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:8px!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:7px 8px!important;
  text-align:left!important;
  overflow:hidden!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  grid-column:1!important;
  grid-row:1!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:50%!important;
  align-self:center!important;
  justify-self:start!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar>a,
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar img{
  position:static!important;
  display:block!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-name-row{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-name-row .verified-color{
  position:static!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  transform:none!important;
  align-self:center!important;
}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-actions{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  gap:4px!important;
}

/* Merit post: previous clean card look, but with a dedicated bounded media
   surface and a normalized image URL from class-user.php. */
body.bantusphere.bg-page-profile .bs-merit-feed-post,
body.bantusphere.bg-page-profile .bs-merit-feed-post .post-body,
body.bantusphere.bg-page-profile .bs-merit-feed-post .bs-merit-post-content{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
body.bantusphere.bg-page-profile .bs-merit-feed-post .bs-merit-post-content{
  width:100%!important;
  overflow:hidden!important;
  margin:8px 0 0!important;
  padding:0!important;
  border-radius:14px!important;
  background:#08131f!important;
}
body.bantusphere.bg-page-profile .bs-merit-media-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:220px!important;
  aspect-ratio:16 / 9!important;
  max-height:520px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:14px 14px 0 0!important;
  background-color:#07111f!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  cursor:zoom-in!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.bantusphere.bg-page-profile .bs-merit-feed-post .post-merit-meta{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 11px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(132,154,191,.10)!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:rgba(10,23,39,.94)!important;
}
body.bantusphere.bg-page-profile .bs-merit-feed-post .post-merit-meta .post-text{
  position:static!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.45!important;
}

/* Profile avatar remains large, clean and free of inherited oval backing. */
body.bantusphere.bg-page-profile .profile-avatar-wrapper{
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.bantusphere.bg-page-profile .profile-avatar-wrapper>img{
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  object-fit:cover!important;
  border-radius:28px!important;
}
body.bantusphere.bg-page-profile .profile-avatar-wrapper:before,
body.bantusphere.bg-page-profile .profile-avatar-wrapper:after{display:none!important}

/* Read-more never sits underneath an icon. */
body.bantusphere.bg-page-profile .bs-profile-about-list .js_readmore{
  position:relative!important;
  padding:0!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:767.98px){
  body.bantusphere.bg-page-profile .profle-meta-wrapper.bs-profile-about-list>div:not(.p-0):not(.row):not(.social){
    gap:8px!important;
    padding:7px 5px!important;
    font-size:11px!important;
  }
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-card{
    grid-template-columns:46px minmax(0,1fr) auto!important;
    height:62px!important;
    min-height:62px!important;
    padding:7px!important;
  }
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar,
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar>a,
  body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-avatar img{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }
  body.bantusphere.bg-page-profile .bs-merit-media-card{
    min-height:180px!important;
    aspect-ratio:4 / 3!important;
    max-height:420px!important;
  }
  body.bantusphere.bg-page-profile .profile-avatar-wrapper{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
  }
  body.bantusphere.bg-page-profile .profile-avatar-wrapper>img{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    border-radius:24px!important;
  }
}


/* ========================================================================== 
   BantuSocial v2.33.9 — account menu + interaction reconcile
   ========================================================================== */
body.bantusphere .ele_hdr_user_dropdown{
  width:360px!important;max-width:min(360px,calc(100vw - 18px))!important;padding:10px!important;
  border:1px solid rgba(148,163,184,.16)!important;border-radius:20px!important;
  background:linear-gradient(155deg,rgba(12,25,44,.995),rgba(5,15,28,.995))!important;
  box-shadow:0 28px 80px rgba(2,6,23,.48)!important;backdrop-filter:blur(20px)!important;
}
body.bantusphere .bs-account-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 8px 10px!important}
body.bantusphere .bs-account-menu-identity{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-width:0!important;color:inherit!important;text-decoration:none!important}
body.bantusphere .bs-account-menu-identity>img{display:block!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;border-radius:14px!important;object-fit:cover!important;border:2px solid rgba(103,232,249,.22)!important;box-shadow:0 8px 22px rgba(0,0,0,.26)!important}
body.bantusphere .bs-account-menu-identity>span{display:grid!important;gap:2px!important;min-width:0!important}
body.bantusphere .bs-account-menu-identity strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f8fafc!important;font-size:13px!important;line-height:1.15!important}
body.bantusphere .bs-account-menu-identity small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8fa0b6!important;font-size:8px!important}
body.bantusphere .bs-account-menu-close{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(148,163,184,.14)!important;background:#142238!important;color:#cbd5e1!important}
body.bantusphere .bs-account-menu-balances{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 5px 9px!important}
body.bantusphere .bs-account-balance-card{position:relative!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 12px!important;gap:7px!important;align-items:center!important;min-width:0!important;padding:10px!important;border-radius:13px!important;border:1px solid rgba(148,163,184,.12)!important;background:rgba(255,255,255,.035)!important;color:#eef6ff!important;text-decoration:none!important}
body.bantusphere .bs-account-balance-card.is-wallet{background:linear-gradient(135deg,rgba(6,182,212,.11),rgba(37,99,235,.07))!important}
body.bantusphere .bs-account-balance-card.is-points{background:linear-gradient(135deg,rgba(168,85,247,.12),rgba(236,72,153,.07))!important}
body.bantusphere .bs-account-balance-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:rgba(103,232,249,.09)!important;color:#67e8f9!important}
body.bantusphere .is-points .bs-account-balance-icon{color:#e879f9!important;background:rgba(232,121,249,.09)!important}
body.bantusphere .bs-account-balance-card>span:nth-child(2){display:grid!important;gap:1px!important;min-width:0!important}
body.bantusphere .bs-account-balance-card small{font-size:6.5px!important;letter-spacing:.10em!important;color:#8293aa!important;font-weight:900!important}
body.bantusphere .bs-account-balance-card strong{font-size:10px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.bantusphere .bs-account-balance-arrow{font-size:7px!important;color:#71839d!important}
body.bantusphere .bs-account-view-profile{display:grid!important;grid-template-columns:30px minmax(0,1fr) 14px!important;gap:8px!important;align-items:center!important;margin:0 5px 8px!important;padding:9px 10px!important;border-radius:12px!important;background:#0e1b2f!important;border:1px solid rgba(148,163,184,.10)!important}
body.bantusphere .bs-account-view-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:rgba(34,197,94,.09)!important;color:#4ade80!important}
body.bantusphere .bs-account-view-profile>span:nth-child(2){display:grid!important;gap:1px!important;min-width:0!important}
body.bantusphere .bs-account-view-profile b{font-size:9px!important;color:#eff6ff!important}
body.bantusphere .bs-account-view-profile small{font-size:6.5px!important;color:#7f91a9!important}
body.bantusphere .bs-account-view-profile>i{font-size:8px!important;color:#71839d!important}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-card{cursor:pointer!important}
body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-card a,body.bantusphere.bg-page-profile ul.bs-profile-people-grid .bs-person-card button{position:relative!important;z-index:2!important}
body.bantusphere .reactions-stats,body.bantusphere .reactions-stats-item,body.bantusphere .reactions-stats .emoji,body.bantusphere .reactions-stats .emoji img{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
body.bantusphere .reactions-stats .emoji img{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important}
@media(max-width:767.98px){
  body.bantusphere .ele_hdr_user_dropdown{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;right:7px!important;left:auto!important;border-radius:17px!important;padding:8px!important}
  body.bantusphere .bs-account-menu-balances{gap:6px!important;padding-inline:3px!important}
  body.bantusphere .bs-account-balance-card{padding:8px!important;grid-template-columns:27px minmax(0,1fr) 10px!important;gap:6px!important}
  body.bantusphere .bs-account-balance-icon{width:27px!important;height:27px!important}
  body.bantusphere .bs-account-menu-identity{grid-template-columns:44px minmax(0,1fr)!important}
  body.bantusphere .bs-account-menu-identity>img{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}
}

/* ========================================================================
   BantuSocial v2.34.0 — authoritative profile / account-menu / people repair
   ======================================================================== */

/* Own profile Edit: always inside the profile information card, top-right. */
html body.bantusphere .profile-header.profile .profile-info-cont{
  position:relative!important;
}
html body.bantusphere .profile-header.profile .profile-info-cont>.bs-profile-own-edit{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:55!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:70px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
html body.bantusphere .profile-header.profile .profile-info-cont>.profile-name-wrapper{
  padding-right:105px!important;
}
@media(max-width:767.98px){
  html body.bantusphere .profile-header.profile .profile-info-cont>.bs-profile-own-edit{
    top:14px!important;right:12px!important;min-width:62px!important;height:32px!important;min-height:32px!important;padding:0 10px!important;font-size:9px!important;
  }
  html body.bantusphere .profile-header.profile .profile-info-cont>.profile-name-wrapper{padding-right:88px!important}
}

/* ------------------------------------------------------------------------
   Friends / Followers / Following — compact TikTok-inspired professional cards
   ------------------------------------------------------------------------ */
html body.bantusphere.bg-page-profile ul.bs-profile-people-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:2px 0!important;
  list-style:none!important;
  align-items:stretch!important;
}
html body.bantusphere.bg-page-profile ul.bs-profile-people-grid>.bs-person-grid-cell,
html body.bantusphere.bg-page-profile ul.bs-profile-people-grid>[class*="col-"]{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
}
html body.bantusphere.bg-page-profile .bs-person-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  padding:9px 10px!important;
  margin:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  text-align:left!important;
  background:linear-gradient(145deg,rgba(14,27,47,.96),rgba(9,20,36,.96))!important;
  border:1px solid rgba(135,158,199,.14)!important;
  box-shadow:0 8px 22px rgba(1,8,20,.12)!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
html body.bantusphere.bg-page-profile .bs-person-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(84,214,255,.28)!important;
  background:linear-gradient(145deg,rgba(17,35,59,.98),rgba(10,24,42,.98))!important;
}
html body.bantusphere.bg-page-profile .bs-person-avatar{
  grid-column:1!important;
  display:block!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#16243a!important;
  border:2px solid rgba(93,216,255,.18)!important;
  box-shadow:0 5px 13px rgba(0,0,0,.22)!important;
  position:relative!important;
  z-index:2!important;
}
html body.bantusphere.bg-page-profile .bs-person-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  position:static!important;
}
html body.bantusphere.bg-page-profile .bs-person-copy{
  grid-column:2!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body.bantusphere.bg-page-profile .bs-person-name-row{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.bantusphere.bg-page-profile .bs-person-name{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body.bantusphere.bg-page-profile .bs-person-name>a{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  color:#f4f8ff!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
}
html body.bantusphere.bg-page-profile .bs-person-handle{
  display:block!important;
  min-width:0!important;
  color:#7589a8!important;
  font-size:7.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
}
html body.bantusphere.bg-page-profile .bs-person-verified{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
}
html body.bantusphere.bg-page-profile .bs-person-verified svg{
  display:block!important;width:15px!important;height:15px!important;margin:0!important;transform:none!important;
}
html body.bantusphere.bg-page-profile .bs-person-plan{
  display:inline-block!important;
  width:max-content!important;
  max-width:100%!important;
  padding:2px 5px!important;
  border-radius:999px!important;
  color:#9bdcff!important;
  background:rgba(56,189,248,.08)!important;
  font-size:6.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.bantusphere.bg-page-profile .bs-person-actions{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:3!important;
}
html body.bantusphere.bg-page-profile .bs-person-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  max-width:92px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 9px!important;
  margin:0!important;
  border-radius:9px!important;
  font-size:7px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body.bantusphere.bg-page-profile .bs-person-actions .btn i{
  width:auto!important;height:auto!important;margin:0!important;font-size:8px!important;line-height:1!important;
}
@media(max-width:1399.98px){html body.bantusphere.bg-page-profile ul.bs-profile-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1099.98px){html body.bantusphere.bg-page-profile ul.bs-profile-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){
  html body.bantusphere.bg-page-profile ul.bs-profile-people-grid{grid-template-columns:1fr!important;gap:7px!important}
  html body.bantusphere.bg-page-profile .bs-person-card{height:66px!important;min-height:66px!important;max-height:66px!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:8px!important;padding:8px!important;border-radius:13px!important}
  html body.bantusphere.bg-page-profile .bs-person-avatar{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important}
  html body.bantusphere.bg-page-profile .bs-person-name>a{font-size:10px!important}
  html body.bantusphere.bg-page-profile .bs-person-actions .btn{height:27px!important;min-height:27px!important;max-width:84px!important;padding:0 8px!important;font-size:6.5px!important}
}

/* ------------------------------------------------------------------------
   Complete top-right account menu redesign
   ------------------------------------------------------------------------ */
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu{
  width:390px!important;
  min-width:390px!important;
  max-width:min(390px,calc(100vw - 20px))!important;
  max-height:min(82dvh,760px)!important;
  padding:10px!important;
  border-radius:20px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:linear-gradient(165deg,#0d192c 0%,#0a1424 68%,#0c1728 100%)!important;
  border:1px solid rgba(127,151,193,.18)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.52)!important;
  scrollbar-width:thin!important;
  scrollbar-color:#30425f transparent!important;
}
html body.bantusphere .bs-account-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:3px 3px 10px!important}
html body.bantusphere .bs-account-menu-identity{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;color:inherit!important;text-decoration:none!important}
html body.bantusphere .bs-account-menu-identity>img{display:block!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:cover!important;border-radius:14px!important;border:2px solid rgba(74,222,255,.22)!important;box-shadow:0 8px 22px rgba(0,0,0,.26)!important}
html body.bantusphere .bs-account-menu-identity-copy{display:grid!important;gap:2px!important;min-width:0!important}
html body.bantusphere .bs-account-menu-identity-copy strong{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.bantusphere .bs-account-menu-identity-copy small{display:block!important;color:#879ab5!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.bantusphere .bs-account-menu-close{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;padding:0!important;margin:0!important;border-radius:10px!important;border:1px solid rgba(148,163,184,.13)!important;background:#142238!important;color:#d1d9e6!important}
html body.bantusphere .bs-account-menu-close i{width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;font-size:13px!important;line-height:1!important}
html body.bantusphere .bs-account-menu-balances{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;padding:0 1px 10px!important}
html body.bantusphere .bs-account-balance-card{position:relative!important;display:grid!important;grid-template-columns:31px minmax(0,1fr) 11px!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:10px!important;border-radius:13px!important;border:1px solid rgba(148,163,184,.11)!important;color:#eef6ff!important;text-decoration:none!important;background:rgba(255,255,255,.035)!important}
html body.bantusphere .bs-account-balance-card.is-wallet{background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(37,99,235,.07))!important}
html body.bantusphere .bs-account-balance-card.is-points{background:linear-gradient(135deg,rgba(168,85,247,.13),rgba(236,72,153,.07))!important}
html body.bantusphere .bs-account-balance-icon{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:9px!important;background:rgba(103,232,249,.1)!important;color:#67e8f9!important}
html body.bantusphere .is-points .bs-account-balance-icon{background:rgba(232,121,249,.1)!important;color:#e879f9!important}
html body.bantusphere .bs-account-balance-icon i,html body.bantusphere .bs-account-balance-arrow{width:auto!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important;line-height:1!important}
html body.bantusphere .bs-account-balance-copy{display:grid!important;gap:2px!important;min-width:0!important}
html body.bantusphere .bs-account-balance-copy small{color:#8294ad!important;font-size:6.5px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.09em!important}
html body.bantusphere .bs-account-balance-copy strong{color:#fff!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.bantusphere .bs-account-balance-arrow{font-size:7px!important;color:#71839d!important}
html body.bantusphere .bs-account-menu-section{display:grid!important;gap:5px!important;margin:0 0 8px!important;padding:8px!important;border-radius:15px!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(127,151,193,.08)!important}
html body.bantusphere .bs-account-menu-section.is-signout{margin-bottom:5px!important;background:rgba(244,63,94,.025)!important;border-color:rgba(244,63,94,.08)!important}
html body.bantusphere .bs-account-menu-label{display:block!important;padding:0 4px 3px!important;color:#60748f!important;font-size:6.5px!important;font-weight:950!important;letter-spacing:.13em!important;line-height:1!important}
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu>.bs-account-menu-section>.bs-account-menu-item,
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu .bs-account-menu-item{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#eaf2fc!important;
  text-decoration:none!important;
  text-align:left!important;
  white-space:normal!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .16s ease,transform .16s ease!important;
}
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu .bs-account-menu-item:hover{background:rgba(95,125,172,.10)!important;transform:translateX(1px)!important}
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu .bs-account-menu-item.is-profile{background:linear-gradient(135deg,rgba(51,65,85,.20),rgba(15,23,42,.12))!important;border:1px solid rgba(125,211,252,.06)!important}
html body.bantusphere .bs-account-item-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(148,163,184,.08)!important;color:#cbd5e1!important}
html body.bantusphere .bs-account-item-icon.is-green{color:#4ade80!important;background:rgba(34,197,94,.09)!important}
html body.bantusphere .bs-account-item-icon.is-cyan{color:#67e8f9!important;background:rgba(6,182,212,.09)!important}
html body.bantusphere .bs-account-item-icon.is-gold{color:#fbbf24!important;background:rgba(251,191,36,.09)!important}
html body.bantusphere .bs-account-item-icon.is-purple{color:#c084fc!important;background:rgba(168,85,247,.10)!important}
html body.bantusphere .bs-account-item-icon.is-pink{color:#f472b6!important;background:rgba(236,72,153,.09)!important}
html body.bantusphere .bs-account-item-icon.is-orange{color:#fb923c!important;background:rgba(249,115,22,.09)!important}
html body.bantusphere .bs-account-item-icon.is-explore{color:#e879f9!important;background:linear-gradient(135deg,rgba(124,58,237,.20),rgba(236,72,153,.16))!important}
html body.bantusphere .bs-account-item-icon.is-blue{color:#60a5fa!important;background:rgba(59,130,246,.09)!important}
html body.bantusphere .bs-account-item-icon.is-slate{color:#cbd5e1!important;background:rgba(100,116,139,.10)!important}
html body.bantusphere .bs-account-item-icon.is-teal{color:#5eead4!important;background:rgba(20,184,166,.09)!important}
html body.bantusphere .bs-account-item-icon.is-red{color:#fb7185!important;background:rgba(244,63,94,.09)!important}
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu .bs-account-menu-item i,
html body.bantusphere .bs-account-item-icon i,
html body.bantusphere .bs-account-item-arrow i{
  display:block!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;line-height:1!important;
}
html body.bantusphere .bs-account-item-copy{display:grid!important;gap:2px!important;min-width:0!important;overflow:hidden!important}
html body.bantusphere .bs-account-item-copy b{display:block!important;color:#f3f7fd!important;font-size:9px!important;font-weight:850!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.bantusphere .bs-account-item-copy small{display:block!important;color:#778ba8!important;font-size:6.5px!important;line-height:1.25!important;white-space:normal!important}
html body.bantusphere .bs-account-item-arrow{display:grid!important;place-items:center!important;color:#637791!important;justify-self:end!important}
html body.bantusphere .bs-account-item-arrow i{font-size:7px!important}
html body.bantusphere .bs-user-menu-explore{margin:0 0 8px!important}
html body.bantusphere .bs-user-menu-explore-toggle{font-family:inherit!important}
html body.bantusphere .bs-user-menu-explore-chevron{transition:transform .18s ease!important}
html body.bantusphere .bs-user-menu-explore.is-open .bs-user-menu-explore-chevron{transform:rotate(180deg)!important}
html body.bantusphere .bs-user-menu-explore-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:4px 0 0!important}
html body.bantusphere .bs-user-menu-explore-panel[hidden]{display:none!important}
html body.bantusphere .bs-user-menu-explore-panel>a{display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:7px!important;border-radius:9px!important;background:rgba(11,25,44,.88)!important;border:1px solid rgba(99,151,199,.08)!important;text-decoration:none!important;color:#e9f3ff!important}
html body.bantusphere .bs-user-menu-explore-panel>a:hover{background:rgba(20,45,72,.92)!important;border-color:rgba(103,232,249,.14)!important}
html body.bantusphere .bs-user-menu-explore-panel>a>i{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;padding:0!important;margin:0!important;border-radius:8px!important;background:rgba(6,182,212,.07)!important;color:#67e8f9!important;font-size:9px!important;line-height:1!important}
html body.bantusphere .bs-user-menu-explore-panel>a>span{display:grid!important;gap:1px!important;min-width:0!important}
html body.bantusphere .bs-user-menu-explore-panel>a b{display:block!important;color:#eef6ff!important;font-size:7.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.bantusphere .bs-user-menu-explore-panel>a small{display:block!important;color:#7589a5!important;font-size:5.8px!important;line-height:1.2!important;white-space:normal!important}
html body.bantusphere .bs-account-menu-footer{padding:8px 6px 3px!important;margin:0!important;color:#657994!important;font-size:6.5px!important}
html body.bantusphere .bs-account-menu-footer .ele_footer_cright{display:flex!important;align-items:center!important;gap:7px!important;justify-content:space-between!important}
html body.bantusphere .bs-account-menu-footer .ele_mobi_langs{height:24px!important;padding:0 7px!important;margin:0!important;border-radius:8px!important;font-size:6.5px!important}
html body.bantusphere .bs-account-menu-footer .ele_footer_links{margin-top:5px!important;line-height:1.5!important}
@media(max-width:575.98px){
  html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu{width:calc(100vw - 14px)!important;min-width:0!important;max-width:calc(100vw - 14px)!important;max-height:82dvh!important;padding:8px!important;border-radius:17px!important}
  html body.bantusphere .bs-account-menu-balances{gap:6px!important}
  html body.bantusphere .bs-account-balance-card{grid-template-columns:28px minmax(0,1fr) 8px!important;gap:5px!important;padding:8px!important}
  html body.bantusphere .bs-account-balance-icon{width:28px!important;height:28px!important}
  html body.bantusphere .bs-account-menu-section{padding:6px!important}
  html body.bantusphere .bs-user-menu-explore-panel{grid-template-columns:1fr!important}
}

/* ------------------------------------------------------------------------
   Funding campaign posts: predictable, compact media geometry
   ------------------------------------------------------------------------ */
html body.bantusphere .post-funding-meta .bs-funding-media{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#0a1424!important;
}
html body.bantusphere .post-funding-meta .bs-funding-media-link{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#16243a,#0b1728)!important;
}
html body.bantusphere .post-funding-meta .bs-funding-cover-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:420px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:#0a1424!important;
}
html body.bantusphere .post-funding-meta .funding-completion,
html body.bantusphere .post-funding-meta .funding-description{
  padding-left:12px!important;padding-right:12px!important;
}
@media(max-width:767.98px){html body.bantusphere .post-funding-meta .bs-funding-media-link{aspect-ratio:16/10!important}html body.bantusphere .post-funding-meta .bs-funding-cover-image{max-height:290px!important}}

/* About read-more control becomes a two-state Read more / Show less pill. */
html body.bantusphere .bs-profile-about-list .bs-about-readmore,
html body.bantusphere .bs-profile-about-card .bs-about-readmore{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;padding:0 10px!important;margin:7px 0 0!important;border-radius:9px!important;background:rgba(56,189,248,.10)!important;border:1px solid rgba(56,189,248,.16)!important;color:#67d9ff!important;font-size:7.5px!important;font-weight:850!important;text-decoration:none!important;
}


/* v2.34.0 final polish — account menu, people cards, funding */
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu .bs-account-menu-item.is-profile{
  min-height:46px!important;
  background:linear-gradient(135deg,rgba(24,43,70,.78),rgba(13,27,47,.78))!important;
  border:1px solid rgba(103,232,249,.10)!important;
}
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu .bs-account-menu-item.is-profile .bs-account-item-copy b{font-size:9.5px!important}
html body.bantusphere .ele_hdr_user_dropdown.bs-account-menu .bs-account-menu-item.is-profile .bs-account-item-copy small{font-size:6.3px!important;line-height:1.25!important}
html body.bantusphere.bg-page-profile .bs-person-card a,
html body.bantusphere.bg-page-profile .bs-person-card .bs-person-avatar,
html body.bantusphere.bg-page-profile .bs-person-card .bs-person-name>a,
html body.bantusphere.bg-page-profile .bs-person-card .bs-person-handle{pointer-events:auto!important;cursor:pointer!important}
html body.bantusphere.bg-page-profile .bs-person-card .bs-person-copy{pointer-events:auto!important}
html body.bantusphere .post-funding-meta{overflow:hidden!important;border-radius:15px!important;background:rgba(9,20,36,.92)!important;border:1px solid rgba(131,151,190,.11)!important}
html body.bantusphere .post-funding-meta .bs-funding-media-link{max-height:420px!important}
html body.bantusphere .post-funding-meta .bs-funding-cover-image{width:100%!important;height:100%!important;max-height:420px!important;object-fit:contain!important;background:#091524!important}
@media(max-width:767.98px){html body.bantusphere .post-funding-meta .bs-funding-media-link{max-height:300px!important}html body.bantusphere .post-funding-meta .bs-funding-cover-image{max-height:300px!important}}