/* Eigen reelkaarten: echt profiel, echte links; statistieken alleen met brondata. */
.bb-site .bb-social-reel{position:relative;isolation:isolate;display:block;flex:0 0 calc((100% - 48px)/3);width:calc((100% - 48px)/3);min-width:0;aspect-ratio:9/16;border-radius:20px;overflow:hidden;color:white;background:#18251d;text-decoration:none!important;scroll-snap-align:start;transition:translate .25s ease,box-shadow .25s ease}
.bb-social-reel__media{position:absolute;inset:0;z-index:-2}.bb-social-reel__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bb-social-reel::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06100bc9,transparent 24%,transparent 48%,#06100bf2);pointer-events:none}
.bb-social-reel__account{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:10px;color:white;font-size:14px;font-weight:650;text-shadow:0 1px 5px #0008}.bb-social-reel__account>img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.bb-social-reel__account>i{margin-left:auto;font-size:22px}
.bb-social-reel__bottom{position:absolute;left:22px;right:22px;bottom:22px;color:white}.bb-social-reel__bottom>strong{display:block;max-width:26ch;font:650 20px/1.35 var(--font-body);text-shadow:0 1px 6px #0008;margin-bottom:18px}.bb-social-reel__bottom>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.bb-social-reel__stat{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600}.bb-social-reel__stat i{font-size:12px}.bb-social-reel__open{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff12;transition:background-color .2s ease}
.bb-social-reel-controls{display:flex;justify-content:flex-end;margin-top:16px}.bb-social-reel-slider:not(.has-slider-overflow) .bb-social-reel-controls{display:none}
.bb-site .bb-social-reel:focus-visible{outline:3px solid #315b43;outline-offset:4px}.bb-site .bb-social-reel:focus-visible .bb-social-reel__open{background:#315b43}
@media(hover:hover) and (pointer:fine){.bb-site .bb-social-reel:hover{translate:0 -3px;box-shadow:0 12px 24px #18251d26}.bb-social-reel:hover .bb-social-reel__media img{transform:scale(1.035)}.bb-social-reel:hover .bb-social-reel__open{background:#315b43}}
@media(max-width:700px){.bb-site .bb-social-reel{flex-basis:84%;width:84%;border-radius:16px}.bb-social-reel__account{top:14px;left:14px;right:14px;font-size:13px;gap:8px}.bb-social-reel__account>img{width:38px;height:38px}.bb-social-reel__bottom{left:18px;right:18px;bottom:18px}.bb-social-reel__bottom>strong{font-size:18px}.bb-social-reel__stat{font-size:12px}}
@media(prefers-reduced-motion:reduce){.bb-social-reel,.bb-social-reel__media img{transition:none!important;translate:none!important;transform:none!important}}