.fsi-wrap{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}
.fsi-wrap.fsi-left{ left: 0; }
.fsi-wrap.fsi-right{ right: 0; }
.fsi-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; align-items:stretch; }
.fsi-item .fsi-btn{ display:flex; align-items:center; text-decoration:none; position:relative; isolation:isolate; }
.fsi-ico{ width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; background: var(--fsi-bg,#333); color:#fff; border-radius:0; box-shadow:0 2px 6px rgba(0,0,0,.15); flex:0 0 44px; }
.fsi-ico i{ font-size:18px; line-height:1; }
.fsi-ico img{ width:100%; height:100%; object-fit:cover; }
.fsi-label{ white-space:nowrap; background:#fff; color:#111; font-size:14px; line-height:44px; height:44px; padding:0 14px; display:inline-block; pointer-events:none; position:absolute; top:0; opacity:0; transition:transform .22s ease, opacity .18s ease, border-radius .18s ease; border:1px solid #ececec; }
.fsi-right .fsi-item .fsi-label{ right:44px; transform: translateX(12px); }
.fsi-left .fsi-item .fsi-label{ left:44px; transform: translateX(-12px); }
.fsi-item .fsi-btn:hover .fsi-label, .fsi-item .fsi-btn:focus .fsi-label{ opacity:1; transform: translateX(0); }
.fsi-item .fsi-btn:hover .fsi-label{ border-radius:0 }
.fsi-left .fsi-item .fsi-btn{ padding-left:0; }
.fsi-right .fsi-item .fsi-btn{ padding-right:0; }
/* Mobile bottom-right FAB */
.fsi-mobile-fab{ display:none; position:fixed; right:16px; bottom:16px; width:56px; height:56px; border-radius:50%; border:0; background:#f79520; color:#fff; box-shadow:0 6px 18px rgba(0,0,0,.25); cursor:pointer; z-index:10000; }
.fsi-mobile-fab .close{ display:none; font-size:20px; }
.fsi-mobile-fab .plus{ font-size:20px; }
.fsi-mobile-tray{ display:block; }
@media (max-width:768px){
    .fsi-wrap{ top:auto; transform:none; left:auto; right:auto; }
    .fsi-left,.fsi-right{ left:auto; right:auto; }
    .fsi-mobile-fab{ display:inline-flex; align-items:center; justify-content:center; }
    .fsi-mobile-tray{ position:fixed; right:16px; bottom:84px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.18); padding:10px; width:auto; max-width:86vw; }
    .fsi-list{ gap:8px; }
    .fsi-label{ position:static; opacity:1; transform:none; border-radius:0; border:none; background:#fff; color:#111; padding:0 6px; }
    .fsi-item .fsi-btn{ gap:8px; }
    .fsi-wrap.fsi-collapsed .fsi-mobile-tray{ display:none; }
    .fsi-wrap.fsi-expanded .fsi-mobile-tray{ display:block; }
    .fsi-wrap.fsi-collapsed .fsi-mobile-fab .plus{ display:inline; }
    .fsi-wrap.fsi-collapsed .fsi-mobile-fab .close{ display:none; }
    .fsi-wrap.fsi-expanded .fsi-mobile-fab .plus{ display:none; }
    .fsi-wrap.fsi-expanded .fsi-mobile-fab .close{ display:inline; }
}