/* Product detail image lightbox fixed */
.product-detail-lightbox-trigger{
    cursor: zoom-in !important;
}

.product-detail-image-lightbox{
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    background: rgba(15, 23, 42, .82) !important;
    backdrop-filter: blur(2px) !important;
    box-sizing: border-box !important;
}

.product-detail-image-lightbox.is-open{
    display: flex !important;
}

.product-detail-image-lightbox-box{
    position: relative !important;
    width: min(96vw, 1500px) !important;
    height: min(94vh, 1000px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 100px rgba(15, 23, 42, .45) !important;
    box-sizing: border-box !important;
}

.product-detail-image-lightbox-box img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    border-radius: 12px !important;
}

.product-detail-image-lightbox-close{
    position: absolute !important;
    top: -15px !important;
    right: -15px !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 30px !important;
    line-height: 38px !important;
    cursor: pointer !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .34) !important;
}

.product-detail-image-lightbox-close:hover{
    background: #000000 !important;
}

body.product-detail-lightbox-open{
    overflow: hidden !important;
}

@media(max-width: 768px){
    .product-detail-image-lightbox{
        padding: 10px !important;
    }

    .product-detail-image-lightbox-box{
        width: 98vw !important;
        height: 88vh !important;
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .product-detail-image-lightbox-close{
        top: 8px !important;
        right: 8px !important;
    }
}