[class*="flip"], [class*="book"], [class*="df-"] {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}
/* Add realistic page shadows */
[class*="flip"] .page,
[class*="book"] .page,
[class*="df-"] .page,
[class*="flip"] canvas,
[class*="book"] canvas,
[class*="df-"] canvas,
[class*="flip"] img,
[class*="book"] img,
[class*="df-"] img {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 
                0 6px 20px rgba(0, 0, 0, 0.15), 
                0 1px 3px rgba(0, 0, 0, 0.2) !important;
    border-radius: 2px !important;
    filter: none !important;
}

[class*="flip"]:not([class*="page"]),
[class*="book"]:not([class*="page"]),
[class*="df-"]:not([class*="page"]) {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 
                0 20px 40px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
}

body.df-lightbox-open > *:not([class*="df-"]):not([class*="flip"]):not([class*="book"]) {
    filter: blur(8px) !important;
    transition: filter 0.3s ease !important;
}

body.df-lightbox-open header,
body.df-lightbox-open nav,
body.df-lightbox-open main,
body.df-lightbox-open .container,
body.df-lightbox-open .content,
body.df-lightbox-open #content,
body.df-lightbox-open #main,
body.df-lightbox-open .page-content,
body.df-lightbox-open .site-content,
body.df-lightbox-open footer {
    filter: blur(8px) !important;
    transition: filter 0.3s ease !important;
}
body.df-lightbox-open [class*="df-"],
body.df-lightbox-open [class*="flip"],
body.df-lightbox-open [class*="book"] {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
} 
        img {
            width: 100%;
        }