.stfb-wrapper{margin:24px 0;display:inline-block;position:relative;font-family:inherit}
.stfb-main-btn{border:none;border-radius:999px;padding:10px 16px;font-size:16px;cursor:pointer}
.stfb-style-red .stfb-main-btn{background:#e02424;color:#fff;box-shadow:0 6px 16px rgba(224,36,36,.3)}
.stfb-style-dark .stfb-main-btn{background:#222;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.stfb-style-light .stfb-main-btn{background:#f3f4f6;color:#111;box-shadow:0 6px 16px rgba(0,0,0,.1);border:1px solid #e5e7eb}

.stfb-list{position:absolute;top:110%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;min-width:260px;box-shadow:0 12px 24px rgba(0,0,0,.08);z-index:9999}
.stfb-style-dark .stfb-list{background:#111;color:#fff;border-color:#333}
.stfb-style-light .stfb-list{background:#fff}
.stfb-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:600;margin:6px 0;transition:transform .04s ease, box-shadow .2s ease}
.stfb-item:active{transform:translateY(1px)}

.stfb-ico{width:18px;height:18px;display:inline-block;background:#fff;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex:0 0 18px}

/* Brand chips */
.net-line{background:#06C755;color:#fff}
.net-line:hover{box-shadow:0 8px 20px rgba(6,199,85,.35)}
.net-whatsapp{background:#25D366;color:#fff}
.net-whatsapp:hover{box-shadow:0 8px 20px rgba(37,211,102,.35)}
.net-telegram{background:#229ED9;color:#fff}
.net-telegram:hover{box-shadow:0 8px 20px rgba(34,158,217,.35)}
.net-facebook{background:#1877F2;color:#fff}
.net-facebook:hover{box-shadow:0 8px 20px rgba(24,119,242,.35)}
.net-messenger{background:#0084FF;color:#fff}
.net-messenger:hover{box-shadow:0 8px 20px rgba(0,132,255,.35)}
.net-sms{background:#10B981;color:#fff}
.net-sms:hover{box-shadow:0 8px 20px rgba(16,185,129,.35)}
.net-copy{background:#6B7280;color:#fff}
.net-copy:hover{box-shadow:0 8px 20px rgba(107,114,128,.35)}

/* Icons (SVG masks) */
.stfb-ico-line{mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M19 4H5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h2v3l4-3h8a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z"/></svg>')}
.stfb-ico-whatsapp{mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M20 3.8A10 10 0 0 0 3.7 17.9L3 22l4.2-1A10 10 0 1 0 20 3.8zM7.7 18.2l-.2.1-2.5.6.5-2.4.1-.2A7.9 7.9 0 1 1 16 16a7.9 7.9 0 0 1-8.3 2.2z"/><path fill="%23000" d="M9.5 7.8c-.3-.1-.5 0-.7.3-.2.3-.6.8-.6 1.5s.7 1.6.8 1.7c.1.1 1.5 2.5 3.7 3.4 2.3.9 2.3.6 2.7.5.4-.1 1.4-.6 1.6-1.2.2-.6.2-1.1.1-1.2-.1-.1-.3-.2-.7-.4s-1.4-.7-1.6-.7-.4 0-.6.3-.7.7-.8.8-.3.1-.6 0a6.5 6.5 0 0 1-2.2-1.4 8 8 0 0 1-1.3-1.9c-.1-.2 0-.4.1-.6s.2-.4.3-.5c.1-.1.1-.3 0-.6-.1-.3-.9-2.2-1-2.3z"/></svg>')}
.stfb-ico-telegram{mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M9.1 13.6l-.4 5.4c.6 0 .8-.3 1.1-.6l2.6-2.5 5.4 3.9c1 .6 1.7.3 2-.9l3.6-16.7h0c.3-1.2-.5-1.7-1.5-1.3L1.4 9.5C.2 10 .2 10.8 1.2 11.1l5.4 1.7 12.6-7.9-10.1 8.7z"/></svg>')}
.stfb-ico-facebook{mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox=\'0 0 24 24\'><path fill=\'%23000\' d=\'M13.5 9H16V6h-2.5C10.6 6 10 7.8 10 9.8V11H8v3h2v7h3v-7h2.1l.4-3H13v-1c0-.6.3-1 1-1z\'/></svg>')}
.stfb-ico-messenger{mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path fill=\'%23000\' d=\'M12 2C6.5 2 2 6 2 10.6c0 2.7 1.4 5.1 3.7 6.7V22l3.4-1.9c.9.2 1.9.3 2.9.3 5.5 0 10-3.9 10-8.6S17.5 2 12 2zm4.5 9.5l-2.4-1.2-2.6 1.2L9 10l-3 3.4L9.6 11l2.6 1.2 2.4-1.2L19 13z\'/></svg>')}
.stfb-ico-sms{mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path fill=\'%23000\' d=\'M4 4h16a2 2 0 012 2v9a2 2 0 01-2 2H8l-4 3v-3H4a2 2 0 01-2-2V6a2 2 0 012-2z\'/></svg>')}
.stfb-ico-copy{mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path fill=\'%23000\' d=\'M10 3H5a2 2 0 00-2 2v11h2V5h5V3zm3 4h6a2 2 0 012 2v10a2 2 0 01-2 2h-6a2 2 0 01-2-2V9a2 2 0 012-2zM8 8h6v2H8V8z\'/></svg>')}

/* Popup */
.stfb-fly{position:fixed;right:16px;bottom:16px;z-index:999999}
.stfb-fly .stfb-fly-inner{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.14);overflow:hidden;min-width:300px;max-width:92vw}
.stfb-style-dark .stfb-fly .stfb-fly-inner{background:#111;color:#fff;border-color:#333}
.stfb-fly-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e5e7eb}
.stfb-style-dark .stfb-fly-header{border-bottom-color:#333}
.stfb-fly-title{font-weight:700}
.stfb-fly-close{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;color:inherit;padding:4px 8px}
.stfb-fly-list{padding:10px}