.bnsg-soc{--bnsg-ink:#020202;--bnsg-mute:#6b6b6b;--bnsg-line:#efe4d7;--bnsg-blue:#0866ff;--bnsg-pink:#e8177a;padding:64px 20px;font-family:inherit;box-sizing:border-box}
.bnsg-soc *,.bnsg-soc *::before,.bnsg-soc *::after{box-sizing:border-box}
.bnsg-soc-fb{background:#fdf6ee;border-top:1px solid #f0e2d3}
.bnsg-soc-tt{background:#fff;border-top:1px solid #f0e2d3;border-bottom:1px solid #f0e2d3}
.bnsg-soc-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:64px}
.bnsg-soc-inner-rev{flex-direction:row-reverse}
.bnsg-soc-copy{flex:1 1 360px;max-width:460px;min-width:0}
.bnsg-soc .bnsg-soc-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8a8a8a}
.bnsg-soc .bnsg-soc-title{margin:0 0 14px;font-size:30px;line-height:1.25;color:var(--bnsg-ink);text-transform:uppercase;font-weight:700;letter-spacing:.3px;text-wrap:balance}
.bnsg-soc .bnsg-soc-desc{margin:0 0 28px;font-size:15px;line-height:1.7;color:#4e4e4e;text-wrap:pretty}
.bnsg-soc-actions{display:flex;flex-wrap:wrap;gap:12px}
.bnsg-soc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font:inherit;font-size:14px;font-weight:600;line-height:1;padding:14px 26px;border-radius:999px;text-decoration:none!important;cursor:pointer;color:#fff;border:1.5px solid transparent;background:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.bnsg-soc-btn:hover{transform:translateY(-1px)}
.bnsg-soc-btn svg{flex:0 0 auto}
.bnsg-soc-btn:focus-visible,.bnsg-tt-card:focus-visible,.bnsg-tt-nav:focus-visible,.bnsg-tt-modal-x:focus-visible{outline:3px solid #ffb3d4;outline-offset:2px}
.bnsg-soc-btn-msg{background:var(--bnsg-blue);color:#fff!important;box-shadow:0 6px 16px rgba(8,102,255,.22)}
.bnsg-soc-btn-msg:hover{background:#0757d8;box-shadow:0 8px 20px rgba(8,102,255,.3)}
.bnsg-soc-btn-ghost{color:var(--bnsg-blue)!important;border-color:var(--bnsg-blue);background:transparent}
.bnsg-soc-btn-ghost:hover,.bnsg-soc-btn-ghost:focus{background:rgba(8,102,255,.07);color:var(--bnsg-blue)!important;box-shadow:none}
.bnsg-soc-btn-tt{background:var(--bnsg-ink);color:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.bnsg-soc-btn-tt:hover{background:#222}
.bnsg-soc-embed{min-width:0;width:100%}

/* ---------- Facebook ---------- */
.bnsg-soc-embed-fb{flex:0 1 500px;max-width:500px}
.bnsg-fb-card{text-align:left;border:1px solid #e6ddd2;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -22px rgba(80,50,20,.35)}
.bnsg-fb-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--bnsg-line);text-decoration:none!important;color:inherit}
.bnsg-fb-head:hover{background:#fffaf4}
.bnsg-fb-ava{width:44px;height:44px;border-radius:50%;background:#ff5698;display:flex;align-items:center;justify-content:center;flex:0 0 44px;overflow:hidden}
.bnsg-fb-ava img{width:38px;height:38px;object-fit:contain;display:block}
.bnsg-fb-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.bnsg-fb-name{font-size:15px;font-weight:700;color:var(--bnsg-ink);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnsg-fb-meta{font-size:12.5px;color:#8a8a8a;line-height:1.35}
.bnsg-fb-badge{flex:0 0 auto;display:flex}
.bnsg-fb-frame{--bnsg-fb-off:114;position:relative;height:600px;overflow:hidden;background:#fff}
.bnsg-fb-frame iframe{position:relative;z-index:2;display:block;border:0;margin:0 auto;max-width:100%;opacity:0;transition:opacity .45s ease}
.bnsg-fb-frame[data-state="ready"] iframe{opacity:1}
.bnsg-fb-skel{position:absolute;inset:0;z-index:1;padding:16px;display:flex;flex-direction:column;gap:22px;transition:opacity .3s}
.bnsg-fb-frame[data-state="ready"] .bnsg-fb-skel,.bnsg-fb-frame[data-state="error"] .bnsg-fb-skel{opacity:0;pointer-events:none}
.bnsg-sk-post{display:flex;flex-direction:column;gap:10px}
.bnsg-sk-row{display:flex;gap:10px;align-items:center}
.bnsg-sk-lines{display:flex;flex-direction:column;gap:7px;flex:1}
.bnsg-sk{display:block;border-radius:8px;background:linear-gradient(90deg,#f3ece4 0%,#faf6f1 40%,#f3ece4 80%);background-size:300% 100%;animation:bnsg-sh 1.4s ease-in-out infinite}
.bnsg-sk-ava{width:40px;height:40px;border-radius:50%;flex:0 0 40px}
.bnsg-sk-l1{height:12px;width:55%}.bnsg-sk-l2{height:10px;width:30%}
.bnsg-sk-t1{height:11px;width:92%}.bnsg-sk-t2{height:11px;width:70%}
.bnsg-sk-img{height:230px;width:100%;border-radius:10px}
@keyframes bnsg-sh{0%{background-position:100% 0}100%{background-position:0 0}}
.bnsg-fb-fallback{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 28px;background:radial-gradient(120% 80% at 50% 0%,#fff7ef 0%,#fff 60%)}
.bnsg-fb-frame[data-state="error"] .bnsg-fb-fallback{display:flex}
.bnsg-fb-frame[data-state="error"] iframe{visibility:hidden}
.bnsg-fb-fb-ico{width:64px;height:64px;border-radius:50%;background:var(--bnsg-blue);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 10px 24px rgba(8,102,255,.25)}
.bnsg-soc .bnsg-fb-fb-title{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--bnsg-ink)}
.bnsg-soc .bnsg-fb-fb-text{margin:0 0 22px;max-width:330px;font-size:14px;line-height:1.6;color:var(--bnsg-mute)}
.bnsg-fb-fb-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

/* ---------- TikTok ---------- */
.bnsg-soc-embed-tt{flex:0 1 620px;max-width:620px}
.bnsg-tt-rail-wrap{position:relative;--tt-gap:14px;--tt-cols:3}
.bnsg-soc .bnsg-tt-rail{list-style:none;margin:0;padding:6px 2px 20px;display:flex;gap:var(--tt-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bnsg-soc .bnsg-tt-rail::-webkit-scrollbar{display:none}
.bnsg-soc .bnsg-tt-item{flex:0 0 calc((100% - (var(--tt-cols) - 1) * var(--tt-gap)) / var(--tt-cols));margin:0;padding:0;scroll-snap-align:start;list-style:none}
.bnsg-soc .bnsg-tt-item::before,.bnsg-tt-item::marker{content:none}
.bnsg-tt-card{position:relative;display:block;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#141414;color:#fff!important;text-decoration:none!important;box-shadow:0 14px 30px -16px rgba(0,0,0,.45);isolation:isolate;transform:translateZ(0)}
.bnsg-tt-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bnsg-tt-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.78) 100%);z-index:1;pointer-events:none}
.bnsg-tt-card:hover>img{transform:scale(1.05)}
.bnsg-tt-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 60% at 20% 15%,rgba(37,244,238,.35),transparent 60%),radial-gradient(90% 60% at 85% 85%,rgba(254,44,85,.4),transparent 60%),#121212}
.bnsg-tt-ph svg{opacity:.85}
.bnsg-tt-play{position:absolute;z-index:2;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .25s,background .25s}
.bnsg-tt-play svg{margin-left:3px}
.bnsg-tt-card:hover .bnsg-tt-play{transform:scale(1.08);background:var(--bnsg-pink);border-color:var(--bnsg-pink)}
.bnsg-tt-cap{text-align:left;position:absolute;z-index:2;left:12px;right:12px;bottom:12px;font-size:12.5px;line-height:1.45;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bnsg-tt-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px;background:radial-gradient(80% 50% at 25% 20%,rgba(37,244,238,.28),transparent 60%),radial-gradient(80% 50% at 80% 85%,rgba(254,44,85,.32),transparent 60%),#0f0f0f}
.bnsg-tt-more::after{display:none}
.bnsg-tt-more-ico{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:transform .25s}
.bnsg-tt-more:hover .bnsg-tt-more-ico{transform:scale(1.08)}
.bnsg-tt-more-t{font-size:15px;font-weight:700}
.bnsg-tt-more-s{font-size:12px;opacity:.7;word-break:break-all}
.bnsg-tt-nav{position:absolute;top:calc(50% - 4px);z-index:5;width:42px;height:42px;margin-top:-21px;border-radius:50%;border:1px solid #e9e1d7;background:#fff;color:var(--bnsg-ink);display:none;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 6px 18px rgba(0,0,0,.14);transition:opacity .2s,transform .2s}
.bnsg-tt-nav:hover,.bnsg-tt-nav:focus{transform:scale(1.06);background:#fff;color:var(--bnsg-ink);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.bnsg-tt-nav[disabled]{opacity:0;pointer-events:none}
.bnsg-tt-prev{left:-20px}.bnsg-tt-next{right:-20px}
@media (hover:hover) and (pointer:fine){.bnsg-tt-nav{display:flex}}

/* modal */
.bnsg-tt-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:56px 16px}
.bnsg-tt-modal[hidden]{display:none}
.bnsg-tt-modal-bg{position:absolute;inset:0;background:rgba(12,10,9,.84);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:bnsg-fade .25s ease}
.bnsg-tt-modal-box{position:relative;width:min(92vw,calc(min(80vh,780px) * 9 / 16));width:min(92vw,calc(min(80dvh,780px) * 9 / 16));animation:bnsg-pop .28s cubic-bezier(.2,.8,.2,1)}
.bnsg-tt-player{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000 radial-gradient(circle at 50% 50%,#222,#000)}
.bnsg-tt-player::before{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:bnsg-spin .8s linear infinite}
.bnsg-tt-player.is-ready::before{display:none}
.bnsg-tt-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bnsg-tt-player .bnsg-tt-perr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:#fff;font-size:14px;line-height:1.6;background:#111}
.bnsg-tt-modal-x{position:absolute;top:-48px;right:0;width:40px;height:40px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.bnsg-tt-modal-x:hover,.bnsg-tt-modal-x:focus{background:rgba(255,255,255,.26);color:#fff}
.bnsg-tt-modal-open{position:absolute;left:50%;transform:translateX(-50%);bottom:-42px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13.5px;font-weight:600;color:#fff!important;text-decoration:none!important;opacity:.85;padding:8px 10px}
.bnsg-tt-modal-open:hover{opacity:1}
html.bnsg-modal-open{overflow:hidden}
@keyframes bnsg-fade{from{opacity:0}to{opacity:1}}
@keyframes bnsg-pop{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
@keyframes bnsg-spin{to{transform:rotate(360deg)}}

/* ---------- responsive ---------- */
@media (max-width:1024px){
	.bnsg-soc{padding:52px 24px}
	.bnsg-soc-inner{gap:40px}
	.bnsg-soc .bnsg-soc-title{font-size:26px}
	.bnsg-tt-prev{left:-14px}.bnsg-tt-next{right:-14px}
}
@media (max-width:900px){
	.bnsg-soc-inner,.bnsg-soc-inner-rev{flex-direction:column;text-align:center;gap:32px}
	.bnsg-soc-copy{flex:none;max-width:620px}
	.bnsg-soc .bnsg-soc-eyebrow,.bnsg-soc-actions{justify-content:center}
	.bnsg-soc-embed-fb{flex:none;width:100%;max-width:500px}
	.bnsg-soc-embed-tt{flex:none;width:100%;max-width:720px}
	.bnsg-tt-rail-wrap{--tt-cols:3.35}
	.bnsg-tt-nav{display:none!important}
}
@media (max-width:719px){
	.bnsg-soc{padding:44px 16px}
	.bnsg-soc .bnsg-soc-title{font-size:22px}
	.bnsg-soc .bnsg-soc-desc{font-size:14px;margin-bottom:22px}
	.bnsg-fb-name{font-size:14px}
	.bnsg-fb-frame{height:540px}
	.bnsg-sk-img{height:190px}
	.bnsg-tt-rail-wrap{--tt-cols:2.3;--tt-gap:12px;margin:0 -16px}
	.bnsg-soc .bnsg-tt-rail{padding-left:16px;padding-right:16px;scroll-padding-left:16px}
	.bnsg-tt-modal{padding:60px 12px 64px}
	.bnsg-tt-modal-box{width:min(94vw,calc(min(78vh,780px) * 9 / 16));width:min(94vw,calc(min(78dvh,780px) * 9 / 16))}
}
@media (max-width:430px){
	.bnsg-soc .bnsg-soc-title{font-size:20px}
	.bnsg-soc-btn{padding:12px 20px;font-size:13.5px;min-height:44px}
	.bnsg-soc-actions{gap:10px}
	.bnsg-soc-fb .bnsg-soc-copy .bnsg-soc-actions{flex-wrap:nowrap}
	.bnsg-soc-fb .bnsg-soc-copy .bnsg-soc-btn{flex:1 1 0;min-width:0;padding:12px 8px;font-size:13px;white-space:nowrap}
	.bnsg-fb-head{padding:12px 14px}
	.bnsg-tt-rail-wrap{--tt-cols:2.15}
	.bnsg-tt-cap{font-size:12px;left:10px;right:10px;bottom:10px}
	.bnsg-tt-play{width:46px;height:46px;margin:-23px 0 0 -23px}
}
@media (prefers-reduced-motion:reduce){
	.bnsg-sk,.bnsg-tt-player::before{animation:none}
	.bnsg-soc .bnsg-tt-rail{scroll-behavior:auto}
	.bnsg-tt-card>img,.bnsg-soc-btn,.bnsg-tt-play{transition:none}
}
.bnsg-tt-perr a{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border-radius:999px;background:#fff;color:#020202!important;font-weight:700;font-size:14px;text-decoration:none!important}