/* Fix: Hostinger animation JS can't hydrate on static mirror.
   Force ALL animated elements and images visible.
   Original site uses opacity:0 + transform for scroll animations,
   then JS adds classes to reveal. Without JS, they stay hidden. */

/* 1. Transition containers (fade/slide/scale animations) */
.transition,
[class*="transition--"] {
    opacity: 1 !important;
    transform: none !important;
}

/* 2. Animated block elements and images inside transitions */
.transition [data-animation-role="block-element"],
.transition [data-animation-role="image"],
.transition--root-hidden [data-animation-role="block-element"],
.transition--root-hidden [data-animation-role="image"] {
    opacity: 1 !important;
    transform: none !important;
}

/* 3. Layout elements */
.layout-element,
.block-layout .layout-element {
    opacity: 1 !important;
}

/* 4. All images - force visible */
img,
picture,
source,
.image,
.image-wrapper,
.image-wrapper img,
.image--grid,
.block-background__image,
.block-image__image,
.ecommerce-product-image {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 5. Don't accidentally show things that should be hidden */
.cookie-banner,
.site-drawer-overlay,
.password-page,
.block--desktop-hidden,
.block--mobile-hidden {
    opacity: 0;
    visibility: hidden;
    display: none;
}