/* Site-wide skeleton shimmer + lazy section reveal (used with skeleton-lazy.js) */

@keyframes tb-skel-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.tb-lazy-section {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    transition:
        opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.tb-lazy-section.tb-lazy-section--in {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.tb-performance-mode .tb-lazy-section,
html.tb-performance-mode .tb-lazy-section {
    opacity: 1;
    transform: none;
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .tb-lazy-section {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Image area: shimmer until primary image fires load */
.product-image-wrapper.tb-img-pending,
.luxury-product-image-wrapper.tb-img-pending,
.wishlist-product-media.tb-img-pending,
.tb-lazy-thumb-wrap.tb-img-pending {
    background: linear-gradient(
        90deg,
        #e8eaed 0%,
        #f4f5f7 45%,
        #e8eaed 100%
    );
    background-size: 200% 100%;
    animation: tb-skel-shimmer 1.15s ease-in-out infinite;
}

.tb-performance-mode .product-image-wrapper.tb-img-pending,
.tb-performance-mode .luxury-product-image-wrapper.tb-img-pending,
.tb-performance-mode .wishlist-product-media.tb-img-pending,
.tb-performance-mode .tb-lazy-thumb-wrap.tb-img-pending,
html.tb-performance-mode .product-image-wrapper.tb-img-pending,
html.tb-performance-mode .luxury-product-image-wrapper.tb-img-pending,
html.tb-performance-mode .wishlist-product-media.tb-img-pending,
html.tb-performance-mode .tb-lazy-thumb-wrap.tb-img-pending {
    animation: none;
    background: #f1f3f5;
}

@media (prefers-reduced-motion: reduce) {
    .product-image-wrapper.tb-img-pending,
    .luxury-product-image-wrapper.tb-img-pending,
    .wishlist-product-media.tb-img-pending,
    .tb-lazy-thumb-wrap.tb-img-pending {
        animation: none;
        background: #f1f3f5;
    }
}

.product-image-wrapper.tb-img-pending .product-image-main,
.luxury-product-image-wrapper.tb-img-pending .luxury-product-image-main,
.wishlist-product-media.tb-img-pending .wishlist-product-media__img,
.tb-lazy-thumb-wrap.tb-img-pending > img {
    opacity: 0;
}

.product-image-wrapper:not(.tb-img-pending) .product-image-main,
.luxury-product-image-wrapper:not(.tb-img-pending) .luxury-product-image-main,
.wishlist-product-media:not(.tb-img-pending) .wishlist-product-media__img,
.tb-lazy-thumb-wrap:not(.tb-img-pending) > img {
    transition: opacity 0.35s ease;
}