/* Social Floating Links Pro - styles */
#sflp-root { position: fixed; z-index: 99999; font-family: inherit; }
#sflp-root.sflp-position-right { right: 20px; }
#sflp-root.sflp-position-left { left: 20px; }
.sflp-toggle { width:56px; height:56px; border-radius:50%; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 8px 26px rgba(0,0,0,0.18); transition:transform .15s ease, background .15s ease; }
.sflp-toggle:hover { transform:translateY(-3px); }
.sflp-panel { position: fixed; bottom: 0; width:300px; max-width:90vw; height: auto; transform: translateY(110%); transition: transform .35s cubic-bezier(.2,.9,.2,1); box-shadow: 0 20px 40px rgba(0,0,0,0.25); border-radius:12px 12px 0 0; overflow: hidden; }
.sflp-position-right .sflp-panel { right: 20px; }
.sflp-position-left .sflp-panel { left: 20px; }
.sflp-panel.show { transform: translateY(0%); }
.sflp-panel-inner { background: #fff; color: #111; padding: 14px; }
.sflp-panel-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:8px; border-bottom:1px solid #eee; }
.sflp-panel-body { display:flex; flex-wrap:wrap; gap:10px; padding-top:12px;     justify-content: space-between;    justify-content: space-between;}
.sflp-link { display:inline-flex; align-items:center; justify-content:center; width:55px; height:55px; border-radius:10px; text-decoration:none; background:transparent; transition: transform .15s ease, box-shadow .15s ease; color:inherit;padding:10px; }
.sflp-link .sflp-svg { width:28px; height:28px; display:block; }
.sflp-link:hover { transform: translateY(-4px); box-shadow:0 10px 26px rgba(0,0,0,0.12); }

/* sizes */
.sflp-small .sflp-link { width:44px; height:44px; }
.sflp-large .sflp-link { width:64px; height:64px; }

/* welcome bubble */
.sflp-welcome { position: fixed; left:50%; transform: translateX(-50%); bottom: 90px; background: #111; color:#fff; padding:10px 14px; border-radius:20px; display:none; box-shadow:0 10px 30px rgba(0,0,0,0.2); }

/* responsive: reduce panel width on small screens */
@media (max-width:600px){
    .sflp-panel { width:100%; left:0 !important; right:0 !important; border-radius:12px 12px 0 0; }
    #sflp-root.sflp-position-right { right: 10px; }
    #sflp-root.sflp-position-left { left: 10px; }
}