.clb-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; z-index:10000; opacity:0; pointer-events:none; transition:opacity .18s ease-in-out; }
.clb-backdrop.open { opacity:1; pointer-events:auto; }
.clb-wrap { max-width: 94%; max-height: 92%; text-align:center; }
.clb-img { max-width:100%; max-height:80vh; border-radius:6px; box-shadow: 0 12px 40px rgba(0,0,0,.6); }
.clb-caption { color:#fff; margin-top:10px; font-size:0.95rem; opacity:.95; }
.clb-close { position: absolute; top: 18px; right: 20px; background: transparent; border: none; color: #fff; font-size: 30px; cursor: pointer; }
img { cursor: zoom-in; border-radius:4px; transition:transform .15s ease; }