.ufb-container{
    position:fixed;
    bottom:var(--ufb-bottom,24px);
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:var(--ufb-gap,14px);
    font-family:'Cairo',Tahoma,Arial,sans-serif;
    opacity:0;
    transform:translateY(20px);
    transition:opacity .5s ease, transform .5s ease, bottom .3s ease;
    pointer-events:none;
}
.ufb-container.ufb-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.ufb-container.ufb-hidden-scroll{opacity:0;transform:translateY(30px);pointer-events:none}
.ufb-container.ufb-side-right{right:var(--ufb-side,20px);align-items:flex-end}
.ufb-container.ufb-side-left{left:var(--ufb-side,20px);align-items:flex-start}

@media (max-width:782px){
    .ufb-container.ufb-vis-desktop{display:none!important}
}
@media (min-width:783px){
    .ufb-container.ufb-vis-mobile{display:none!important}
}

.ufb-close-btn{
    width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #e2e4e9;
    display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12);
    color:#666;padding:0;margin-bottom:2px;align-self:flex-end;
}
.ufb-close-btn svg{width:13px;height:13px}
.ufb-container.ufb-side-left .ufb-close-btn{align-self:flex-start}

.ufb-button{
    display:flex;align-items:center;gap:10px;
    height:var(--ufb-box,52px);
    background:var(--ufb-bg,#ffffff);
    color:var(--ufb-text,#12172b);
    border:2px solid var(--ufb-border,#146ef0);
    box-shadow:0 8px 24px rgba(20,30,60,.15);
    text-decoration:none;
    padding:0 8px 0 20px;
    transition:transform .25s ease, box-shadow .25s ease;
    white-space:nowrap;
    overflow:hidden;
}
.ufb-button:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(20,30,60,.22)}

/* الأشكال */
.ufb-shape-pill{border-radius:100px}
.ufb-shape-rounded-square{border-radius:16px}
.ufb-shape-square{border-radius:6px}
.ufb-shape-circle{
    border-radius:50%;
    width:var(--ufb-box,52px);
    padding:0;
    justify-content:center;
}
.ufb-shape-circle .ufb-label{display:none}

/* النص */
.ufb-label{font-weight:700;font-size:var(--ufb-font,14.5px);line-height:1}
.ufb-text-hidden .ufb-label{display:none}
.ufb-text-hidden{padding:0;width:var(--ufb-box,52px);justify-content:center;border-radius:50%}
.ufb-text-hover .ufb-label{
    max-width:0;opacity:0;overflow:hidden;transition:max-width .35s ease, opacity .25s ease;
}
.ufb-text-hover:hover .ufb-label{max-width:200px;opacity:1}
.ufb-text-hover{padding:0;width:var(--ufb-box,52px);border-radius:50%;justify-content:center}
.ufb-text-hover:hover{width:auto;padding:0 8px 0 20px;border-radius:100px}

/* الأيقونة الدائرية */
.ufb-icon-wrap{
    width:var(--ufb-box,52px);height:var(--ufb-box,52px);
    min-width:var(--ufb-box,52px);
    border-radius:50%;
    background:var(--ufb-icon-bg,#146ef0);
    color:var(--ufb-icon-color,#fff);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
    margin:0 -8px 0 0;
}
.ufb-side-left .ufb-icon-wrap{margin:0 0 0 -8px}
.ufb-icon{width:var(--ufb-icon-size,22px)!important;height:var(--ufb-icon-size,22px)!important;max-width:var(--ufb-icon-size,22px);max-height:var(--ufb-icon-size,22px)}
.ufb-icon-custom{border-radius:50%;object-fit:cover}

/* الحركات */
@keyframes ufb-pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.18)}70%{box-shadow:0 0 0 14px rgba(0,0,0,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}
.ufb-anim-pulse .ufb-icon-wrap{animation:ufb-pulse 2s infinite}

@keyframes ufb-shake{0%,100%{transform:rotate(0)}10%,30%,50%,70%{transform:rotate(-8deg)}20%,40%,60%,80%{transform:rotate(8deg)}90%{transform:rotate(0)}}
.ufb-anim-shake:hover{animation:ufb-shake .6s ease}

@keyframes ufb-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ufb-anim-bounce{animation:ufb-bounce 1.8s infinite}

@media (max-width:480px){
    .ufb-container{transform:scale(.92);transform-origin:bottom var(--ufb-origin,right)}
    .ufb-container.ufb-side-right{transform-origin:bottom right}
    .ufb-container.ufb-side-left{transform-origin:bottom left}
}