/**
 * ITBS Performance Optimizer — LQIP (Low Quality Image Placeholder) Styles
 * Blur-up effect for smooth lazy loading
 * Developed by Niloy (+8801947527775)
 */

/* Base state: blurred placeholder shown while real image loads */
img.itbs-lazy-lqip {
    will-change: filter, opacity;
    /* Prevent layout shift — keep the same space */
}

/* Blurred placeholder state */
img.itbs-lazy-lqip.itbs-blur {
    filter: blur(8px) saturate(0.8);
    opacity: 0.85;
    transform: scale(1.02); /* Slightly scale to hide blur edges */
    transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}

/* Loaded state: clear the blur */
img.itbs-lazy-lqip.itbs-loaded {
    filter: blur(0) saturate(1);
    opacity: 1;
    transform: scale(1);
    transition: filter 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}

/* Wrapper to prevent overflow of scaled image */
.itbs-img-wrapper {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
}

.itbs-img-wrapper img.itbs-lazy-lqip {
    width: 100%;
    height: auto;
    display: block;
}