/* Restrained motion layer for the home landing page. Content remains fully usable without JS. */
[data-motion]{will-change:opacity,transform}
.motion-ready [data-motion]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .28s ease,transform .28s cubic-bezier(.22,.8,.32,1);transition-delay:var(--motion-delay,0ms)}
.motion-ready [data-motion].is-visible{opacity:1;transform:none}
.motion-ready [data-motion-group].is-visible>*{transition-delay:var(--motion-delay,0ms)}
.proof-item [data-counter]{font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* Image-backed skeleton: visible only while a real catalogue image is pending. */
.catalog-grid .product.is-image-loading .product-media{position:relative;background:#e9eee8}
.catalog-grid .product.is-image-loading .product-media::after{content:'';position:absolute;inset:14px;border-radius:10px;background:linear-gradient(105deg,#e4ebe2 20%,#f4f7f2 38%,#e4ebe2 56%);background-size:220% 100%;animation:stz-skeleton-shimmer 1.2s linear infinite;z-index:6;pointer-events:none}
.catalog-grid .product.is-image-loading .product-media img{opacity:0}
.catalog-grid .product.is-image-loaded .product-media img{opacity:1;transition:opacity .24s ease,transform .65s cubic-bezier(.16,1,.3,1),filter .4s ease}
@keyframes stz-skeleton-shimmer{to{background-position:-220% 0}}

@media(prefers-reduced-motion:reduce){
  [data-motion],.motion-ready [data-motion]{opacity:1!important;transform:none!important;transition:none!important}
  .catalog-grid .product.is-image-loading .product-media::after{animation:none;background:#e9eee8}
  .catalog-grid .product.is-image-loaded .product-media img{transition:none}
}