/* SEALS Universal LazyLoader Styles */
img[data-src], iframe[data-src], video source[data-src] {
    filter: blur(8px) grayscale(40%);
    background: #eee;
    transition: filter 0.25s, opacity 0.25s;
    opacity: 0.7;
}

img.seals-lazyloaded,
iframe.seals-lazyloaded,
video source.seals-lazyloaded {
    filter: none !important;
    opacity: 1 !important;
}

img:not([data-src]):not(.seals-lazyloaded),
iframe:not([data-src]):not(.seals-lazyloaded),
video source:not([data-src]):not(.seals-lazyloaded) {
    filter: none !important;
    opacity: 1 !important;
}

video[data-src], video:not([data-src]) {
    /* just ensure no odd blur on main video tag */
    filter: none !important;
}

video[poster][data-src] {
    /* fallback for video poster blur if needed */
    background: #eee;
    opacity: 0.7;
}

video.seals-lazyloaded,
video:not([data-src]):not(.seals-lazyloaded) {
    filter: none !important;
    opacity: 1 !important;
}

/*Optional: Spinner overlay while loading (uncomment if you want!)   */
img[data-src]::after,
iframe[data-src]::after,
video[data-src]::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%; top: 50%;
    width: 24px; height: 24px;
    margin: -12px 0 0 -12px;
    border: 3px solid #ccc;
    border-top: 3px solid #0077ff;
    border-radius: 50%;
    animation: seals-spin 1s linear infinite;
    z-index: 2;
}
@keyframes seals-spin {
    to { transform: rotate(360deg);}
}