/* Frontend: NO frame / NO background / NO shadow */
#frmr-floating.frmr-floating{
  position:fixed;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  pointer-events:none; /* container doesn't block page */
}

#frmr-floating.frmr-left{ align-items:flex-start; }

#frmr-floating .frmr-item,
#frmr-floating .frmr-close{
  pointer-events:auto; /* clickable */
}

#frmr-floating .frmr-item{
  display:block;
  text-decoration:none;
  line-height:0;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none;
}

#frmr-floating .frmr-img{
  display:block;
  max-width:none;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

#frmr-floating .frmr-close{
  margin-bottom:6px;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:2px 6px;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  opacity:.7;
}
#frmr-floating .frmr-close:hover{ opacity:1; }

/* Effects (can be disabled from admin) */
#frmr-floating .frmr-effect-bounce{ animation: frmrBounce 1.8s infinite; transform-origin:center; }
@keyframes frmrBounce{
  0%, 80%, 100% { transform: translateY(0); }
  90% { transform: translateY(-6px); }
}

#frmr-floating .frmr-effect-pulse{ animation: frmrPulse 1.6s ease-in-out infinite; }
@keyframes frmrPulse{
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

#frmr-floating .frmr-effect-slide{ animation: frmrSlide 2.2s ease-in-out infinite; }
@keyframes frmrSlide{
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  #frmr-floating .frmr-effect-bounce,
  #frmr-floating .frmr-effect-pulse,
  #frmr-floating .frmr-effect-slide{
    animation: none !important;
  }
}