.bsp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.bsp-item{position:relative;cursor:pointer;overflow:hidden;border-radius:14px}
.bsp-item img{width:100%;height:100%;object-fit:cover;transition:.4s}
.bsp-item:hover img{transform:scale(1.05)}
.bsp-hover{position:absolute;inset:0;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:flex-end;padding:20px;opacity:0;transition:.3s;font-size:18px;font-weight:600}
.bsp-item:hover .bsp-hover{opacity:1}
.bsp-modal{position:fixed;inset:0;background:#000;z-index:9999;display:none;overflow:auto}
.bsp-modal-content{max-width:1200px;margin:60px auto;background:#fff;border-radius:16px;padding:30px}
.bsp-close{position:fixed;top:20px;right:30px;font-size:30px;color:#fff;cursor:pointer}