/* Teaser bubble CSS (isolated) */
.mmteaser-bubble{
  position: fixed;
  bottom: var(--mmteaser-offset-y, 90px);
  left: var(--mmteaser-offset-x, 16px);
  z-index: var(--mmteaser-z, 999999);
  background: #1d4ed8;
  color: #fff;
  padding: 10px 12px;
  border-radius: 18px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  font-size: 13px;
  line-height: 1.2;
  display:inline-flex;
  align-items:center;
  gap: 6px;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .25s ease, transform .25s ease;
}
.mmteaser-right{ right: var(--mmteaser-offset-x, 16px); left: auto; border-bottom-left-radius: 18px; border-bottom-right-radius: 6px; }
.mmteaser-bubble:after{
  content:''; position:absolute; left:10px; bottom:-6px; border:6px solid transparent; border-top-color:#1d4ed8;
}
.mmteaser-right.mmteaser-bubble:after{
  left:auto; right:10px; border-top-color:#1d4ed8;
}
.mmteaser-hide{
  opacity:0; transform: translateY(6px);
}
.mmteaser-text{ display:inline-block; }