/* BCRM MFB Frontend Production - Mobile Footer */
.bcrm-mfb-footer,
.bcrm-mfb-bottom {
    --bcrm-mfb-primary: #ff2b58;
    --bcrm-mfb-ease: cubic-bezier(.2, .8, .2, 1);
    --bcrm-mfb-z-footer: 99990;
    --bcrm-mfb-z-popup: 99999;
    font-family: inherit;
}

.bcrm-mfb-footer,
.bcrm-mfb-footer-popup,
.bcrm-mfb-bottom,
.bcrm-mfb-bottom-popup {
    display: none;
}

.bcrm-mfb-footer *,
.bcrm-mfb-bottom *,
.bcrm-mfb-footer-popup *,
.bcrm-mfb-bottom-popup * {
    box-sizing: border-box;
}

@media (max-width: 768px) {
    body.bcrm-mfb-has-mobile-footer {
        padding-bottom: calc(var(--bcrm-mfb-footer-reserved-space, 78px) + env(safe-area-inset-bottom, 0px));
    }

    .bcrm-mfb-footer {
        position: fixed;
        left: 50%;
        bottom: var(--bcrm-mfb-footer-bottom, 0px);
        z-index: var(--bcrm-mfb-z-footer);
        display: block;
        width: min(var(--bcrm-mfb-footer-width, 100%), 100vw);
        max-width: 100vw;
        min-height: var(--bcrm-mfb-footer-height, 64px);
        transform: translate3d(-50%, 0, 0);
        background: var(--bcrm-mfb-footer-bg, #fff);
        border: 1px solid rgba(15, 23, 42, .08);
        border-bottom: 0;
        border-radius: var(--bcrm-mfb-footer-radius, 18px 18px 0 0);
        box-shadow: var(--bcrm-mfb-footer-shadow, 0 -8px 24px rgba(0,0,0,.12));
        padding-bottom: var(--bcrm-mfb-footer-safe-bottom, 0px);
        overflow: hidden;
        contain: layout paint style;
        will-change: transform;
        --bcrm-mfb-item-icon-color: var(--bcrm-mfb-footer-icon-color, var(--bcrm-mfb-primary));
        --bcrm-mfb-item-text-color: var(--bcrm-mfb-footer-text-color, #222);
    }

    .bcrm-mfb-footer-inner {
        display: grid;
        grid-template-columns: repeat(var(--bcrm-mfb-footer-columns, 4), minmax(0, 1fr));
        min-height: var(--bcrm-mfb-footer-height, 64px);
        align-items: stretch;
        width: 100%;
    }

    .bcrm-mfb-footer-item {
        appearance: none;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--bcrm-mfb-item-text-color, var(--bcrm-mfb-footer-text-color, #222));
        cursor: pointer;
        display: flex;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        padding: 8px 3px;
        text-align: center;
        text-decoration: none;
        font: inherit;
        line-height: 1.15;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        outline: none;
        transition: background-color .18s var(--bcrm-mfb-ease), transform .18s var(--bcrm-mfb-ease);
    }

    .bcrm-mfb-footer-item:hover,
    .bcrm-mfb-footer-item:focus-visible {
        background: rgba(255, 43, 88, .08);
    }

    .bcrm-mfb-footer-item:focus-visible {
        box-shadow: inset 0 0 0 2px var(--bcrm-mfb-primary);
    }

    .bcrm-mfb-footer-icon,
    .bcrm-mfb-footer-icon svg {
        width: 25px;
        height: 25px;
    }

    .bcrm-mfb-footer-icon {
        align-items: center;
        color: var(--bcrm-mfb-item-icon-color, var(--bcrm-mfb-footer-icon-color, var(--bcrm-mfb-primary)));
        display: inline-flex;
        justify-content: center;
        min-height: 28px;
        min-width: 28px;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        flex: 0 0 auto;
        transform: translateZ(0);
        will-change: transform, filter, box-shadow;
        transition: transform .22s var(--bcrm-mfb-ease), box-shadow .22s var(--bcrm-mfb-ease), background .22s var(--bcrm-mfb-ease), color .22s var(--bcrm-mfb-ease);
    }

    .bcrm-mfb-footer-text {
        color: var(--bcrm-mfb-item-text-color, var(--bcrm-mfb-footer-text-color, #222));
        display: block;
        font-size: clamp(9px, 2.7vw, 11px);
        font-weight: 700;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: -.01em;
        min-height: 13px;
    }

    .bcrm-mfb-footer-is-featured .bcrm-mfb-footer-icon {
        color: var(--bcrm-mfb-primary);
        transform: translate3d(0, -4px, 0) scale(1.08);
    }

    .bcrm-mfb-footer-style-basic .bcrm-mfb-footer-icon { border-radius: 0; }
    .bcrm-mfb-footer-style-circle .bcrm-mfb-footer-icon { width: 34px; height: 34px; border-radius: 999px; background: rgba(255, 43, 88, .1); }
    .bcrm-mfb-footer-style-bubble .bcrm-mfb-footer-icon { width: 38px; height: 30px; border-radius: 16px 16px 16px 4px; background: rgba(255, 43, 88, .12); }
    .bcrm-mfb-footer-style-badge .bcrm-mfb-footer-icon { min-width: 34px; height: 28px; padding: 0 8px; border-radius: 999px; background: var(--bcrm-mfb-primary); color: #fff; }
    .bcrm-mfb-footer-style-glow .bcrm-mfb-footer-icon { border-radius: 999px; filter: drop-shadow(0 0 8px rgba(255, 43, 88, .35)); }
    .bcrm-mfb-footer-style-lift .bcrm-mfb-footer-icon { transform: translate3d(0, -3px, 0); }
    .bcrm-mfb-footer-style-pulse .bcrm-mfb-footer-icon { border-radius: 999px; background: rgba(255, 43, 88, .08); }
    .bcrm-mfb-footer-style-stack .bcrm-mfb-footer-icon { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(180deg, rgba(255, 43, 88, .18), rgba(255, 43, 88, .06)); box-shadow: 0 6px 0 rgba(255, 43, 88, .09); }

    .bcrm-mfb-footer-anim-none .bcrm-mfb-footer-icon { animation: none; }
    .bcrm-mfb-footer-anim-shake .bcrm-mfb-footer-icon { animation: bcrm-mfb-footer-shake 1.8s var(--bcrm-mfb-ease) infinite; }
    .bcrm-mfb-footer-anim-swing .bcrm-mfb-footer-icon { transform-origin: top center; animation: bcrm-mfb-footer-swing 2s var(--bcrm-mfb-ease) infinite; }
    .bcrm-mfb-footer-anim-pulse .bcrm-mfb-footer-icon { animation: bcrm-mfb-footer-pulse 1.7s var(--bcrm-mfb-ease) infinite; }
    .bcrm-mfb-footer-anim-bounce .bcrm-mfb-footer-icon { animation: bcrm-mfb-footer-bounce 1.8s var(--bcrm-mfb-ease) infinite; }
    .bcrm-mfb-footer-anim-glow .bcrm-mfb-footer-icon { animation: bcrm-mfb-footer-glow 1.8s var(--bcrm-mfb-ease) infinite; }
    .bcrm-mfb-footer-anim-rotate .bcrm-mfb-footer-icon { animation: bcrm-mfb-footer-rotate 2.4s linear infinite; }
    .bcrm-mfb-footer-anim-highlight .bcrm-mfb-footer-icon { animation: bcrm-mfb-footer-highlight 2s var(--bcrm-mfb-ease) infinite; }
}

.bcrm-mfb-footer-popup,
.bcrm-mfb-bottom-popup {
    position: fixed;
    inset: 0;
    z-index: var(--bcrm-mfb-z-popup, 99999);
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, .56);
    padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s var(--bcrm-mfb-ease), visibility .2s var(--bcrm-mfb-ease);
}

.bcrm-mfb-footer-popup.is-bcrm-mfb-footer-popup-open,
.bcrm-mfb-bottom-popup[aria-hidden="false"] {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.bcrm-mfb-footer-popup-panel,
.bcrm-mfb-bottom-popup-panel {
    position: relative;
    width: min(100%, 430px);
    max-height: min(80vh, 680px);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 20px;
    background: #fff;
    color: #1d2327;
    padding: 22px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
    transform: translate3d(0, 12px, 0) scale(.98);
    transition: transform .22s var(--bcrm-mfb-ease), opacity .22s var(--bcrm-mfb-ease);
    outline: none;
}

.bcrm-mfb-footer-popup.is-bcrm-mfb-footer-popup-open .bcrm-mfb-footer-popup-panel,
.bcrm-mfb-bottom-popup[aria-hidden="false"] .bcrm-mfb-bottom-popup-panel {
    transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 768px) {
    .bcrm-mfb-footer-popup,
    .bcrm-mfb-bottom-popup {
        align-items: flex-end;
    }

    .bcrm-mfb-footer-popup-panel,
    .bcrm-mfb-bottom-popup-panel {
        width: min(100%, 480px);
        max-height: 82vh;
        border-radius: 22px 22px 12px 12px;
        transform: translate3d(0, 24px, 0);
    }
}

.bcrm-mfb-footer-popup-close,
.bcrm-mfb-bottom-popup-close {
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 43, 88, .1);
    color: var(--bcrm-mfb-primary);
    cursor: pointer;
    font-size: 22px;
    font-weight: 800;
    height: 36px;
    line-height: 36px;
    padding: 0;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 12px;
    width: 36px;
    -webkit-tap-highlight-color: transparent;
}

.bcrm-mfb-footer-popup-close:focus-visible,
.bcrm-mfb-bottom-popup-close:focus-visible {
    outline: 2px solid var(--bcrm-mfb-primary);
    outline-offset: 2px;
}

.bcrm-mfb-footer-popup-content,
.bcrm-mfb-bottom-popup-content {
    padding-right: 34px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

/* BCRM MFB Frontend Production - Bottom Button */
.bcrm-mfb-bottom {
    --bcrm-mfb-bottom-size: var(--bcrm-mfb-bottom-width, 58px);
    position: fixed;
    z-index: 99988;
    font-family: inherit;
    max-width: calc(100vw - 24px);
    contain: layout paint style;
    -webkit-tap-highlight-color: transparent;
}

.bcrm-mfb-bottom-device-all { display: block; }
@media (max-width: 768px) { .bcrm-mfb-bottom-device-mobile { display: block; } }
@media (min-width: 769px) and (max-width: 1024px) { .bcrm-mfb-bottom-device-tablet { display: block; } }
@media (min-width: 1025px) { .bcrm-mfb-bottom-device-desktop { display: block; } }

.bcrm-mfb-bottom-pos-bottom-right { right: max(18px, env(safe-area-inset-right, 0px)); bottom: max(18px, env(safe-area-inset-bottom, 0px)); }
.bcrm-mfb-bottom-pos-bottom-left { left: max(18px, env(safe-area-inset-left, 0px)); bottom: max(18px, env(safe-area-inset-bottom, 0px)); }
.bcrm-mfb-bottom-pos-center-bottom { left: 50%; bottom: max(18px, env(safe-area-inset-bottom, 0px)); transform: translate3d(-50%, 0, 0); }
.bcrm-mfb-bottom-pos-middle-right { right: max(18px, env(safe-area-inset-right, 0px)); top: 50%; transform: translate3d(0, -50%, 0); }
.bcrm-mfb-bottom-pos-middle-left { left: max(18px, env(safe-area-inset-left, 0px)); top: 50%; transform: translate3d(0, -50%, 0); }
.bcrm-mfb-bottom-pos-custom { top: var(--bcrm-mfb-bottom-custom-top); right: var(--bcrm-mfb-bottom-custom-right); bottom: var(--bcrm-mfb-bottom-custom-bottom); left: var(--bcrm-mfb-bottom-custom-left); }

.bcrm-mfb-bottom-button,
.bcrm-mfb-bottom-item {
    appearance: none;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    outline: none;
    touch-action: manipulation;
}

.bcrm-mfb-bottom-button {
    width: var(--bcrm-mfb-bottom-width, 58px);
    height: var(--bcrm-mfb-bottom-height, 58px);
    min-width: var(--bcrm-mfb-bottom-width, 58px);
    min-height: var(--bcrm-mfb-bottom-height, 58px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: var(--bcrm-mfb-bottom-color, var(--bcrm-mfb-primary));
    color: #fff;
    box-shadow: 0 14px 34px rgba(0,0,0,.22);
    transform: translateZ(0);
    will-change: transform, box-shadow, filter;
    transition: transform .22s var(--bcrm-mfb-ease), box-shadow .22s var(--bcrm-mfb-ease), opacity .22s var(--bcrm-mfb-ease), filter .22s var(--bcrm-mfb-ease);
}

.bcrm-mfb-bottom-button:focus-visible,
.bcrm-mfb-bottom-item:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
    box-shadow: 0 0 0 5px rgba(255, 43, 88, .36), 0 14px 34px rgba(0,0,0,.22);
}

.bcrm-mfb-bottom-button-icon,
.bcrm-mfb-bottom-button-icon svg {
    width: 24px;
    height: 24px;
}

.bcrm-mfb-bottom-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 800;
    font-size: 22px;
    transition: transform .2s var(--bcrm-mfb-ease);
}

.bcrm-mfb-bottom-button-text { font-size: 12px; font-weight: 800; white-space: nowrap; line-height: 1; }
.bcrm-mfb-bottom-button:hover { transform: translate3d(0, -2px, 0); box-shadow: 0 18px 38px rgba(0,0,0,.26); }
.bcrm-mfb-bottom-is-open .bcrm-mfb-bottom-button-icon { transform: rotate(45deg); }

.bcrm-mfb-bottom-style-floating-circle .bcrm-mfb-bottom-button { border-radius: 999px; }
.bcrm-mfb-bottom-style-floating-pill .bcrm-mfb-bottom-button { border-radius: 999px; padding: 0 18px; width: auto; min-width: var(--bcrm-mfb-bottom-width, 58px); }
.bcrm-mfb-bottom-style-glass .bcrm-mfb-bottom-button { border: 1px solid rgba(255,255,255,.38); background: rgba(255, 43, 88, .78); backdrop-filter: blur(12px); border-radius: 18px; }
.bcrm-mfb-bottom-style-gradient .bcrm-mfb-bottom-button { background: linear-gradient(135deg, var(--bcrm-mfb-bottom-color, var(--bcrm-mfb-primary)), #ff7a99); border-radius: 20px; }
.bcrm-mfb-bottom-style-ring-pulse .bcrm-mfb-bottom-button { border-radius: 999px; animation: bcrm-mfb-bottom-ring-pulse 1.9s var(--bcrm-mfb-ease) infinite; }
.bcrm-mfb-bottom-style-mini-dock .bcrm-mfb-bottom-button { border-radius: 18px; height: calc(var(--bcrm-mfb-bottom-height, 58px) - 8px); min-height: 46px; }

.bcrm-mfb-bottom-expand {
    position: absolute;
    display: flex;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 8px, 0) scale(.96);
    transform-origin: bottom right;
    transition: opacity .2s var(--bcrm-mfb-ease), transform .2s var(--bcrm-mfb-ease), visibility .2s var(--bcrm-mfb-ease);
    will-change: transform, opacity;
}

.bcrm-mfb-bottom-is-open .bcrm-mfb-bottom-expand {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1);
}

.bcrm-mfb-bottom-item {
    width: var(--bcrm-mfb-bottom-item-width, 44px);
    height: var(--bcrm-mfb-bottom-item-height, 44px);
    min-width: var(--bcrm-mfb-bottom-item-width, 44px);
    min-height: var(--bcrm-mfb-bottom-item-height, 44px);
    max-width: 92px;
    border-radius: var(--bcrm-mfb-bottom-item-radius, 999px);
    background: var(--bcrm-mfb-bottom-item-bg, var(--bcrm-mfb-primary));
    color: var(--bcrm-mfb-bottom-item-color, #fff);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
    line-height: 1;
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform, filter, box-shadow;
    transition: transform .18s var(--bcrm-mfb-ease), filter .18s var(--bcrm-mfb-ease), box-shadow .18s var(--bcrm-mfb-ease);
}

.bcrm-mfb-bottom-item:hover { transform: translate3d(0, -2px, 0); filter: brightness(1.05); }
.bcrm-mfb-bottom-item-icon,
.bcrm-mfb-bottom-item-icon svg { width: 18px; height: 18px; }
.bcrm-mfb-bottom-item-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; }
.bcrm-mfb-bottom-item-text { max-width: 74px; font-size: 10px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.05; }

.bcrm-mfb-bottom-expand-vertical .bcrm-mfb-bottom-expand { right: 0; bottom: calc(100% + 12px); flex-direction: column-reverse; align-items: flex-end; }
.bcrm-mfb-bottom-expand-horizontal-left .bcrm-mfb-bottom-expand { right: calc(100% + 12px); bottom: 7px; flex-direction: row-reverse; }
.bcrm-mfb-bottom-expand-horizontal-right .bcrm-mfb-bottom-expand { left: calc(100% + 12px); bottom: 7px; flex-direction: row; }
.bcrm-mfb-bottom-expand-fan .bcrm-mfb-bottom-expand { right: 0; bottom: calc(100% + 12px); flex-direction: row-reverse; transform-origin: bottom right; }
.bcrm-mfb-bottom-expand-fan .bcrm-mfb-bottom-item:nth-child(2n) { transform: translate3d(0, -12px, 0); }
.bcrm-mfb-bottom-expand-arc .bcrm-mfb-bottom-expand { right: 0; bottom: calc(100% + 12px); flex-direction: row-reverse; align-items: flex-end; }
.bcrm-mfb-bottom-expand-arc .bcrm-mfb-bottom-item:nth-child(2) { transform: translate3d(0, -18px, 0); }
.bcrm-mfb-bottom-expand-arc .bcrm-mfb-bottom-item:nth-child(3) { transform: translate3d(0, -30px, 0); }
.bcrm-mfb-bottom-expand-mini-grid .bcrm-mfb-bottom-expand { right: 0; bottom: calc(100% + 12px); display: grid; grid-template-columns: repeat(2, minmax(44px, auto)); }
.bcrm-mfb-bottom-expand-popup-panel .bcrm-mfb-bottom-expand { right: 0; bottom: calc(100% + 12px); display: grid; grid-template-columns: repeat(2, minmax(60px, auto)); padding: 12px; background: #fff; border: 1px solid rgba(15, 23, 42, .08); border-radius: 18px; box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.bcrm-mfb-bottom-expand-bottom-sheet .bcrm-mfb-bottom-expand { position: fixed; left: max(12px, env(safe-area-inset-left, 0px)); right: max(12px, env(safe-area-inset-right, 0px)); bottom: max(12px, env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 16px; background: #fff; border: 1px solid rgba(15, 23, 42, .08); border-radius: 22px; box-shadow: 0 -18px 45px rgba(0,0,0,.18); transform: translate3d(0, 18px, 0); }
.bcrm-mfb-bottom-expand-bottom-sheet .bcrm-mfb-bottom-item { width: 100%; max-width: none; justify-self: stretch; }

.bcrm-mfb-bottom-anim-shake .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-shake { animation: bcrm-mfb-bottom-shake 1.4s var(--bcrm-mfb-ease) infinite; }
.bcrm-mfb-bottom-anim-swing .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-swing { animation: bcrm-mfb-bottom-swing 1.6s var(--bcrm-mfb-ease) infinite; transform-origin: top center; }
.bcrm-mfb-bottom-anim-pulse .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-pulse { animation: bcrm-mfb-bottom-pulse 1.5s var(--bcrm-mfb-ease) infinite; }
.bcrm-mfb-bottom-anim-bounce .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-bounce { animation: bcrm-mfb-bottom-bounce 1.7s var(--bcrm-mfb-ease) infinite; }
.bcrm-mfb-bottom-anim-glow .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-glow { animation: bcrm-mfb-bottom-glow 1.8s var(--bcrm-mfb-ease) infinite; }
.bcrm-mfb-bottom-anim-rotate .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-rotate { animation: bcrm-mfb-bottom-rotate 2.4s linear infinite; }
.bcrm-mfb-bottom-anim-highlight .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-highlight { animation: bcrm-mfb-bottom-highlight 1.8s var(--bcrm-mfb-ease) infinite; }
.bcrm-mfb-bottom-anim-none .bcrm-mfb-bottom-button, .bcrm-mfb-bottom-item.bcrm-mfb-bottom-anim-none { animation: none; }
.bcrm-mfb-bottom-is-open .bcrm-mfb-bottom-expand { animation: bcrm-mfb-bottom-expand-in .22s var(--bcrm-mfb-ease) both; }

@media (max-width: 768px) {
    .bcrm-mfb-bottom { max-width: calc(100vw - 24px); }
    .bcrm-mfb-bottom-expand-horizontal-left .bcrm-mfb-bottom-expand,
    .bcrm-mfb-bottom-expand-horizontal-right .bcrm-mfb-bottom-expand,
    .bcrm-mfb-bottom-expand-fan .bcrm-mfb-bottom-expand,
    .bcrm-mfb-bottom-expand-arc .bcrm-mfb-bottom-expand {
        max-width: calc(100vw - 28px);
        overflow-x: auto;
        padding: 3px;
        scrollbar-width: none;
    }
    .bcrm-mfb-bottom-expand-horizontal-left .bcrm-mfb-bottom-expand::-webkit-scrollbar,
    .bcrm-mfb-bottom-expand-horizontal-right .bcrm-mfb-bottom-expand::-webkit-scrollbar,
    .bcrm-mfb-bottom-expand-fan .bcrm-mfb-bottom-expand::-webkit-scrollbar,
    .bcrm-mfb-bottom-expand-arc .bcrm-mfb-bottom-expand::-webkit-scrollbar { display: none; }
    .bcrm-mfb-bottom-expand-bottom-sheet .bcrm-mfb-bottom-expand { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
    .bcrm-mfb-footer-item { padding-left: 2px; padding-right: 2px; }
    .bcrm-mfb-footer-icon,
    .bcrm-mfb-footer-icon svg { width: 22px; height: 22px; }
    .bcrm-mfb-footer-style-circle .bcrm-mfb-footer-icon,
    .bcrm-mfb-footer-style-stack .bcrm-mfb-footer-icon { width: 30px; height: 30px; }
    .bcrm-mfb-footer-style-bubble .bcrm-mfb-footer-icon { width: 32px; height: 28px; }
    .bcrm-mfb-bottom-expand-bottom-sheet .bcrm-mfb-bottom-expand { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    .bcrm-mfb-footer *,
    .bcrm-mfb-bottom *,
    .bcrm-mfb-footer-popup *,
    .bcrm-mfb-bottom-popup * {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}

@keyframes bcrm-mfb-footer-shake { 0%, 100% { transform: translate3d(0,0,0); } 20% { transform: translate3d(-2px,0,0); } 40% { transform: translate3d(2px,0,0); } 60% { transform: translate3d(-1px,0,0); } 80% { transform: translate3d(1px,0,0); } }
@keyframes bcrm-mfb-footer-swing { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(8deg); } 75% { transform: rotate(-8deg); } }
@keyframes bcrm-mfb-footer-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes bcrm-mfb-footer-bounce { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-5px,0); } }
@keyframes bcrm-mfb-footer-glow { 0%, 100% { filter: drop-shadow(0 0 0 rgba(255, 43, 88, 0)); } 50% { filter: drop-shadow(0 0 12px rgba(255, 43, 88, .55)); } }
@keyframes bcrm-mfb-footer-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes bcrm-mfb-footer-highlight { 0%, 100% { background: rgba(255, 43, 88, .08); } 50% { background: rgba(255, 43, 88, .22); } }

@keyframes bcrm-mfb-bottom-shake { 0%,100%{transform:translate3d(0,0,0)} 25%{transform:translate3d(-2px,0,0)} 75%{transform:translate3d(2px,0,0)} }
@keyframes bcrm-mfb-bottom-swing { 0%,100%{transform:rotate(0)} 25%{transform:rotate(5deg)} 75%{transform:rotate(-5deg)} }
@keyframes bcrm-mfb-bottom-pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.06)} }
@keyframes bcrm-mfb-bottom-bounce { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-6px,0)} }
@keyframes bcrm-mfb-bottom-glow { 0%,100%{filter:drop-shadow(0 0 0 rgba(255,43,88,0))} 50%{filter:drop-shadow(0 0 12px rgba(255,43,88,.55))} }
@keyframes bcrm-mfb-bottom-rotate { to{transform:rotate(360deg)} }
@keyframes bcrm-mfb-bottom-highlight { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.18)} }
@keyframes bcrm-mfb-bottom-ring-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(255,43,88,.34),0 14px 34px rgba(0,0,0,.22)} 50%{box-shadow:0 0 0 10px rgba(255,43,88,0),0 14px 34px rgba(0,0,0,.22)} }
@keyframes bcrm-mfb-bottom-expand-in { from{opacity:0; transform:translate3d(0,10px,0) scale(.96)} to{opacity:1; transform:translate3d(0,0,0) scale(1)} }

/* Bottom Button Multi Version Frontend */
.bcrm-bottom-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:var(--bcrm-bottom-button-min-width,auto);padding:0 14px;text-decoration:none!important;line-height:1;font-weight:800;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.bcrm-bottom-button:hover{opacity:.94}.bcrm-bottom-button-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--bcrm-bottom-button-icon-color,currentColor);line-height:0}.bcrm-bottom-button-icon svg,.bcrm-bottom-button-icon img{width:var(--bcrm-bottom-button-icon-size,22px);height:var(--bcrm-bottom-button-icon-size,22px);display:block;object-fit:contain}.bcrm-bottom-button-text{white-space:nowrap;color:inherit}.bcrm-bottom-button-device-mobile,.bcrm-bottom-button-device-tablet,.bcrm-bottom-button-device-desktop{display:none}.bcrm-bottom-button-device-all{display:inline-flex}@media (max-width:768px){.bcrm-bottom-button-device-mobile{display:inline-flex}}@media (min-width:769px) and (max-width:1024px){.bcrm-bottom-button-device-tablet{display:inline-flex}}@media (min-width:1025px){.bcrm-bottom-button-device-desktop{display:inline-flex}}