.sbg{--sbg-accent:#70cad1;--sbg-ink:#1f2a30;max-width:1200px;margin:0 auto}
.sbg *{box-sizing:border-box}
.sbg-filters{display:flex;justify-content:center;gap:8px;margin:0 0 26px;flex-wrap:wrap}
.sbg .sbg-filters button{background:transparent!important;border:1px solid #d5dde0!important;color:var(--sbg-ink)!important;padding:9px 22px!important;border-radius:30px!important;font-family:'Raleway',sans-serif;font-size:12px!important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;line-height:1.2;transition:all .2s}
.sbg .sbg-filters button.on,.sbg .sbg-filters button:hover{background:var(--sbg-ink)!important;border-color:var(--sbg-ink)!important;color:#fff!important}
.sbg-grid{display:grid;grid-template-columns:repeat(var(--sbg-cols,3),1fr);gap:14px}
@media(max-width:900px){.sbg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.sbg-grid{grid-template-columns:1fr}}
.sbg .sbg-item{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0!important;margin:0;border:0!important;border-radius:12px!important;overflow:hidden;background:#1f2a30!important;cursor:pointer;min-height:0}
.sbg .sbg-item[hidden]{display:none}
.sbg-item img,.sbg-item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.sbg-item:hover img,.sbg-item:hover video{transform:scale(1.06)}
.sbg-item:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));opacity:.6;transition:opacity .3s}
.sbg-item:hover:after{opacity:1}
.sbg-play{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.9);z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .25s}
.sbg-play:before{content:'';position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent var(--sbg-ink)}
.sbg-item:hover .sbg-play{transform:scale(1.1)}
.sbg-zoom{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:2px solid #fff;z-index:2;opacity:0;transform:scale(.8);transition:all .25s}
.sbg-zoom:before,.sbg-zoom:after{content:'';position:absolute;background:#fff;left:50%;top:50%}
.sbg-zoom:before{width:18px;height:2px;margin:-1px 0 0 -9px}.sbg-zoom:after{width:2px;height:18px;margin:-9px 0 0 -1px}
.sbg-item:hover .sbg-zoom{opacity:1;transform:scale(1)}
.sbg-cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;font-size:14px;text-align:left;line-height:1.3}
.sbg-empty{text-align:center;color:#777;padding:40px 0}

/* lightbox */
.sbg-lb{position:fixed;inset:0;z-index:999999;background:rgba(10,14,16,.94);display:none;align-items:center;justify-content:center}
.sbg-lb.open{display:flex}
html.sbg-lock{overflow:hidden}
.sbg-lb-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 80px 70px}
.sbg-lb-media{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.4);background:#000}
.sbg-lb-embed{width:min(1100px,100%);aspect-ratio:16/9;max-height:100%}
.sbg-lb-embed iframe{width:100%;height:100%;border:0;border-radius:6px}
.sbg-lb button{position:absolute;background:rgba(255,255,255,.1)!important;color:#fff!important;border:0!important;border-radius:50%!important;width:48px;height:48px;padding:0!important;font-size:30px!important;line-height:1!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;min-height:0}
.sbg-lb button:hover{background:rgba(255,255,255,.25)!important}
.sbg-lb-close{top:16px;right:16px}
.sbg-lb-prev{left:16px;top:50%;margin-top:-24px}
.sbg-lb-next{right:16px;top:50%;margin-top:-24px}
.sbg-lb.single .sbg-lb-prev,.sbg-lb.single .sbg-lb-next{display:none}
.sbg-lb-foot{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:16px;color:#fff;font-size:14px;padding:0 70px;text-align:center}
.sbg-lb-count{opacity:.6}
@media(max-width:640px){.sbg-lb-stage{padding:60px 10px 70px}.sbg-lb-prev,.sbg-lb-next{top:auto;bottom:10px;margin:0}.sbg-lb-prev{left:10px}.sbg-lb-next{right:10px}}