.brl-floating-popups {
            position: fixed;
            top: 50%;
            z-index: 60;
            display: flex;
            flex-direction: column-reverse;
            gap: 10px;
            transform: translateY(-50%);
            pointer-events: none;
        }

        .brl-floating-popups--left {
            left: max(6px, env(safe-area-inset-left));
        }

        .brl-floating-popups--right {
            right: max(6px, env(safe-area-inset-right));
        }

        .brl-floating-popup {
            position: relative;
            display: block;
            width: clamp(88px, 22vw, 126px);
            max-height: 172px;
            border-radius: 8px;
            overflow: visible;
            filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35));
            pointer-events: auto;
            transition: transform .22s ease, opacity .22s ease;
        }

        .brl-floating-popup img {
            display: block;
            width: 100%;
            max-height: 172px;
            object-fit: contain;
            border-radius: 8px;
        }

        .brl-floating-popup__close {
            position: absolute;
            top: -8px;
            width: 22px;
            height: 22px;
            border: 0;
            border-radius: 999px;
            background: rgba(0, 0, 0, .75);
            color: #fff;
            font-size: 16px;
            line-height: 20px;
            font-weight: 800;
            cursor: pointer;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
        }

        .brl-floating-popups--right .brl-floating-popup__close {
            left: -8px;
        }

        .brl-floating-popups--left .brl-floating-popup__close {
            right: -8px;
        }

        body.brl-is-scrolling .brl-floating-popups--right .brl-floating-popup {
            transform: translateX(68%);
            opacity: .34;
            pointer-events: none;
        }

        body.brl-is-scrolling .brl-floating-popups--left .brl-floating-popup {
            transform: translateX(-68%);
            opacity: .34;
            pointer-events: none;
        }

        @media (max-width: 520px) {
            .brl-floating-popups {
                gap: 8px;
            }

            .brl-floating-popup {
                width: clamp(76px, 24vw, 112px);
                max-height: 150px;
            }

            .brl-floating-popup img {
                max-height: 150px;
            }
        }

/* BRL001 popups menores e inferiores */
.brl-floating-popups {
  top:auto;
  bottom:calc(100px + env(safe-area-inset-bottom));
  transform:none;
  gap:8px;
}
.brl-floating-popup {
  width:84px;
  max-height:110px;
}
.brl-floating-popup img {
  max-height:110px;
}
.brl-floating-popup__close {
  width:18px;
  height:18px;
  font-size:13px;
  line-height:18px;
  top:-6px;
}
@media(max-width:520px) {
  .brl-floating-popups {
    bottom:calc(88px + env(safe-area-inset-bottom));
    gap:7px;
  }
  .brl-floating-popup {
    width:68px;
    max-height:92px;
  }
  .brl-floating-popup img {
    max-height:92px;
  }
}