/*!
 * iVN Lightbox styles — vanilla replacement for easy-fancybox.
 * Brand palette: --green:#3E8B3A — matches site iVN 2026 theme.
 */
#ivn-lb{position:fixed;inset:0;z-index:99999;display:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
#ivn-lb.open{display:block}
#ivn-lb .ivn-lb-bd{position:absolute;inset:0;background:rgba(15,30,15,0.88);animation:ivn-lb-fadein .22s ease}
#ivn-lb .ivn-lb-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}
#ivn-lb .ivn-lb-body{position:relative;pointer-events:auto;animation:ivn-lb-zoomin .25s cubic-bezier(.2,.8,.3,1)}

#ivn-lb.mode-image .ivn-lb-body{max-width:95vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
#ivn-lb.mode-image img{max-width:95vw;max-height:90vh;width:auto;height:auto;display:block;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
#ivn-lb.mode-image.loaded img{opacity:1}

#ivn-lb.mode-modal .ivn-lb-body{background:#fff;border-radius:12px;padding:36px 28px;max-width:640px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.5)}
@media (max-width:640px){
  #ivn-lb.mode-modal .ivn-lb-body{padding:24px 18px;border-radius:10px}
}

#ivn-lb .ivn-lb-close,
#ivn-lb .ivn-lb-prev,
#ivn-lb .ivn-lb-next{
  position:absolute;background:rgba(0,0,0,.55);color:#fff;border:none;cursor:pointer;
  pointer-events:auto;transition:background .18s,transform .18s;line-height:1;
  font-family:Arial,sans-serif;font-weight:300;
  display:flex;align-items:center;justify-content:center;
}
#ivn-lb .ivn-lb-close:hover,
#ivn-lb .ivn-lb-prev:hover,
#ivn-lb .ivn-lb-next:hover{background:#3E8B3A}

#ivn-lb .ivn-lb-close{top:18px;right:18px;width:42px;height:42px;border-radius:50%;font-size:26px;padding-bottom:3px}
#ivn-lb .ivn-lb-prev,
#ivn-lb .ivn-lb-next{top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;font-size:34px;padding-bottom:4px;display:none}
#ivn-lb.has-group .ivn-lb-prev,
#ivn-lb.has-group .ivn-lb-next{display:flex}
#ivn-lb.has-group .ivn-lb-prev:hover{transform:translateY(-50%) translateX(-2px)}
#ivn-lb.has-group .ivn-lb-next:hover{transform:translateY(-50%) translateX(2px)}
#ivn-lb .ivn-lb-prev{left:18px}
#ivn-lb .ivn-lb-next{right:18px}

@media (max-width:640px){
  #ivn-lb .ivn-lb-prev,#ivn-lb .ivn-lb-next{width:40px;height:40px;font-size:28px}
  #ivn-lb .ivn-lb-prev{left:8px}
  #ivn-lb .ivn-lb-next{right:8px}
  #ivn-lb .ivn-lb-close{top:10px;right:10px;width:36px;height:36px;font-size:22px}
}

@keyframes ivn-lb-fadein{from{opacity:0}to{opacity:1}}
@keyframes ivn-lb-zoomin{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}