.adib-lightbox-trigger{cursor: zoom-in;} .adib-image-lightbox{position: fixed;inset: 0;z-index: 10050;display: flex;align-items: center;justify-content: center;padding: clamp(12px, 3vw, 28px);} .adib-image-lightbox[hidden]{display: none !important;} .adib-image-lightbox__backdrop{position: absolute;inset: 0;background: rgba(15, 23, 42, 0.82);backdrop-filter: blur(4px);} .adib-image-lightbox__dialog{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;width: min(96vw, 1200px);max-height: 92vh;gap: 0.65rem;} .adib-image-lightbox__close{position: absolute;top: -0.25rem;left: 0;z-index: 2;width: 2.25rem;height: 2.25rem;border: 0;border-radius: 999px;background: rgba(255, 255, 255, 0.95);color: rgb(15 23 42);font-size: 1.5rem;line-height: 1;cursor: pointer;box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);} .adib-image-lightbox__close:hover{background: #fff;} .adib-image-lightbox__stage{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;max-height: calc(92vh - 3rem);padding: 0.5rem;border-radius: 1rem;background: rgba(255, 255, 255, 0.04);} .adib-image-lightbox__img{display: block;max-width: 100%;max-height: calc(92vh - 3.5rem);width: auto;height: auto;margin: 0 auto;border-radius: 0.75rem;box-shadow: 0 24px 60px rgba(15, 23, 42, 0.45);object-fit: contain;background: #fff;} .adib-image-lightbox__caption{margin: 0;max-width: 100%;padding: 0 0.5rem;color: rgba(255, 255, 255, 0.92);font-size: 0.875rem;line-height: 1.7;text-align: center;} .adib-image-lightbox__loader{position: absolute;width: 2rem;height: 2rem;border: 3px solid rgba(255, 255, 255, 0.25);border-top-color: #fff;border-radius: 50%;animation: adib-lightbox-spin 0.7s linear infinite;} .adib-image-lightbox.is-loading .adib-image-lightbox__img{opacity: 0;} .adib-image-lightbox.is-loading .adib-image-lightbox__loader{display: block;} .adib-image-lightbox:not(.is-loading) .adib-image-lightbox__loader{display: none;} html.adib-lightbox-open, body.adib-lightbox-open{overflow: hidden;} @keyframes adib-lightbox-spin{to{transform: rotate(360deg);}}