.mbmf-footer{
  background: var(--mbmf-bg);
  color: var(--mbmf-text);
  padding: 36px 0 18px;
  font-family: inherit;
}
.mbmf-wrap{
  width: min(1100px, calc(100% - 32px));
  margin: 0 auto;
}
.mbmf-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: 22px;
  align-items: start;
}
.mbmf-brand-row{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}
.mbmf-logo-img{width:46px;height:46px;border-radius:14px;object-fit:contain;background:rgba(255,255,255,.55);padding:8px;}
.mbmf-logo-fallback{
  width:46px;height:46px;border-radius:14px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.85), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.45);
}
.mbmf-brand-name{font-weight:700; font-size:16px; letter-spacing:.2px;}
.mbmf-desc{opacity:.85; line-height:1.55; font-size:14px; max-width: 360px;}

.mbmf-title{
  font-weight:700;
  font-size:14px;
  margin: 6px 0 10px;
}
.mbmf-links{
  list-style:none;
  margin:0;
  padding:0;
}
.mbmf-links li{margin: 8px 0;}
.mbmf-links a{
  color: var(--mbmf-link);
  text-decoration: none;
  font-size: 14px;
  opacity:.9;
}
.mbmf-links a:hover{opacity:1; text-decoration: underline; text-decoration-color: var(--mbmf-accent);}

.mbmf-trust-box{
  background: rgba(255,255,255,.38);
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 18px;
  padding: 14px;
}
.mbmf-badge{
  width: 160px;
  height: auto;
  display:block;
  margin: 0 0 10px;
  opacity: .95;
}
.mbmf-badge-fallback{
  width: 160px;
  height: 62px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 12px;
  margin-bottom:10px;
  background: rgba(255,255,255,.35);
}
.mbmf-badge-big{font-size:34px;font-weight:800;line-height:1;}
.mbmf-badge-small{font-size:12px;font-weight:700;letter-spacing:.8px;opacity:.85;}

.mbmf-rating{
  display:flex;
  gap: 10px;
  align-items:center;
}
.mbmf-rating-text{font-size:14px; opacity:.9; line-height:1.35;}

.mbmf-ring{flex:0 0 auto;}
.mbmf-ring-bg{stroke: rgba(255,255,255,.7);}
.mbmf-ring-fg{stroke: var(--mbmf-accent); stroke-linecap: round;}

.mbmf-bottom{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.55);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
}
.mbmf-copy{font-size:12px; opacity:.75;}

.mbmf-wa{
  position: fixed;
  right: 18px;
  bottom: 88px;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 999px;
  background: #25D366;
  color: #fff;
  text-decoration:none;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  z-index: 9999;
  font-weight: 700;
  font-size: 13px;
}
.mbmf-wa:hover{filter: brightness(0.98);}
.mbmf-wa-dot{
  width: 10px;height:10px;border-radius:99px;
  background: rgba(255,255,255,.9);
}
.mbmf-wa-text{letter-spacing:.2px}

/* Social Icons */
.mbmf-social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.mbmf-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,.45);
  border: 1px solid rgba(255,255,255,.65);
  color: var(--mbmf-text);
  text-decoration: none;
  transition: background .2s, transform .15s, box-shadow .2s;
  box-shadow: 0 2px 8px rgba(0,0,0,.07);
}
.mbmf-social-icon:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  background: rgba(255,255,255,.7);
}
.mbmf-social-icon svg { display: block; }

/* Brand-specific hover colors */
.mbmf-social-instagram:hover { color: #C13584; }
.mbmf-social-snapchat:hover  { color: #FFFC00; background: rgba(0,0,0,.55) !important; }
.mbmf-social-facebook:hover  { color: #1877F2; }
.mbmf-social-tiktok:hover    { color: #010101; }

/* Mobile */
@media (max-width: 980px){
  .mbmf-grid{grid-template-columns: 1fr 1fr; gap: 16px;}
  .mbmf-trust{grid-column: 1 / -1;}
  .mbmf-desc{max-width: 100%;}
}
@media (max-width: 560px){
  .mbmf-footer{padding: 28px 0 14px;}
  .mbmf-grid{grid-template-columns: 1fr; gap: 14px;}
  .mbmf-trust-box{padding: 12px;}
  .mbmf-badge, .mbmf-badge-fallback{width: 100%;}
  .mbmf-wa{right: 14px; bottom: 76px;}
}