.rxn-img-wrap{position:relative;display:inline-block;cursor:pointer}
.rxn-img-wrap img{transition:transform .2s ease,box-shadow .2s ease}
.rxn-img-wrap:hover img{transform:scale(1.04);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.rxn-expand-btn{position:absolute;top:6px;right:6px;width:30px;height:30px;background:rgba(255,255,255,.92);border:1px solid #ccc;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0;opacity:0;transition:opacity .2s,background .2s,transform .2s}
.rxn-img-wrap:hover .rxn-expand-btn{opacity:1}
.rxn-expand-btn:hover{background:#e0e0e0;transform:scale(1.12)}
.rxn-expand-btn svg{width:16px;height:16px;stroke:#333;stroke-width:2;fill:none}
.rxn-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100000;align-items:center;justify-content:center;cursor:zoom-out}
.rxn-lightbox.active{display:flex;animation:rxnFi .2s ease}
.rxn-lightbox img{max-width:90vw;max-height:88vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:rxnZi .25s ease}
.rxn-lb-x{position:absolute;top:18px;right:24px;width:42px;height:42px;background:rgba(255,255,255,.12);border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.rxn-lb-x:hover{background:rgba(255,255,255,.28)}
.rxn-lb-t{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.75);font-size:.88rem;background:rgba(0,0,0,.45);padding:6px 18px;border-radius:6px;white-space:nowrap}
@keyframes rxnFi{from{opacity:0}to{opacity:1}}
@keyframes rxnZi{from{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}