.df-flipbook-wrapper-10ac6220,
.df-flipbook-lightbox-wrapper-10ac6220 {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: transform 0.3s ease;
}

.df-flipbook-wrapper-10ac6220:hover,
.df-flipbook-lightbox-wrapper-10ac6220:hover {
    transform: scale(1.02);
}

.df-flipbook-wrapper-10ac6220 ._df_book,
.df-flipbook-lightbox-wrapper-10ac6220 ._df_thumb {
    width: 100%;
    height: 100%;
    display: block;
}

/* Ensure the lightbox thumbnail inherits width properly and is clickable */
.df-flipbook-lightbox-wrapper-10ac6220 ._df_thumb {
    cursor: pointer;
}

/* Force transparency on DearFlip's global lightbox overlay */
body.df-lightbox-open .df-lightbox-wrapper,
body.df-lightbox-open .df-lightbox-wrapper .df-ui-wrapper,
body.df-lightbox-open .df-lightbox-wrapper .df-3dcanvas,
body.df-lightbox-open .df-lightbox-wrapper .df-lightbox-bg {
    background-color: transparent !important;
    background: transparent !important;
}

/* Add a very subtle dark tint to the main overlay to maintain some contrast, while keeping it largely transparent */
body.df-lightbox-open .df-lightbox-wrapper {
    background-color: rgba(0, 0, 0, 0.5) !important;
}