.webuy-lightbox-trigger { cursor: zoom-in; }
.webuy-lightbox[hidden] { display: none; }
.webuy-lightbox { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 24px; background: rgba(5, 12, 10, .96); }
.webuy-lightbox figure { position: relative; margin: 0; max-width: calc(100vw - 48px); max-height: calc(100vh - 48px); }
.webuy-lightbox img { width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 48px); object-fit: contain; }
.webuy-lightbox figcaption { position: absolute; inset: auto 0 0; padding: 56px 28px 24px; color: #fff; background: linear-gradient(0deg,rgba(4,16,12,.86),rgba(4,16,12,.58) 58%,transparent); text-shadow: 0 2px 5px rgba(0,0,0,.9); }
.webuy-lightbox figcaption[hidden] { display: none; }
.webuy-lightbox figcaption h2 { margin: 0; font: 28px/1.1 Georgia,serif; }
.webuy-lightbox-name { margin: 5px 0 0; font-size: 24px; font-weight: 400; line-height: 1.2; }
.webuy-lightbox-description { max-width: 920px; margin: 12px 0 0; font-size: 15px; font-weight: 500; line-height: 1.45; }
@media(max-width:520px){.webuy-lightbox{padding:12px}.webuy-lightbox figure{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.webuy-lightbox figcaption{padding:45px 17px 16px}.webuy-lightbox figcaption h2{font-size:23px}.webuy-lightbox-name{font-size:19px}.webuy-lightbox-description{font-size:13px}}
.webuy-lightbox-close { position: fixed; top: 16px; right: 20px; z-index: 1; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(0,0,0,.45); color: #fff; font: 34px/1 sans-serif; cursor: pointer; }
body.webuy-lightbox-open { overflow: hidden; }
@media(max-width:767px){.webuy-lightbox-trigger,.webuy-lightbox figure{touch-action:manipulation}}
