.responsive-image,.lazyload{transition:opacity .3s ease;background:#f8f8f8}.lazyload{opacity:0}.lazyloaded{opacity:1}.image-container{position:relative;overflow:hidden}.image-container:before{content:"";display:block;padding-bottom:100%}.image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.aspect-ratio-16-9:before{padding-bottom:56.25%}.aspect-ratio-4-3:before{padding-bottom:75%}.aspect-ratio-3-2:before{padding-bottom:66.67%}.aspect-ratio-square:before{padding-bottom:100%}.product-image-container{position:relative;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.product-image-container .responsive-image{width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}.hero-image-container{position:relative;min-height:400px}@media (min-width: 768px){.hero-image-container{min-height:500px}}@media (min-width: 1200px){.hero-image-container{min-height:600px}}.hero-image-container .responsive-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.critical-image .responsive-image{opacity:1!important}.webp .responsive-image[data-webp]{background-image:attr(data-webp url)}.blur-placeholder{filter:blur(5px);transform:scale(1.1);transition:filter .3s ease,transform .3s ease}.blur-placeholder.lazyloaded{filter:none;transform:scale(1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-image{animation:fadeIn .3s ease-in-out}.img-product .responsive-image,.product-thumb .responsive-image{width:100%;height:auto;max-width:100%}@media (max-width: 480px){.img-product .responsive-image,.product-thumb .responsive-image{max-height:250px;object-fit:cover}}@media (min-width: 481px) and (max-width: 768px){.img-product .responsive-image,.product-thumb .responsive-image{max-height:300px;object-fit:contain}}@media (min-width: 769px){.img-product .responsive-image,.product-thumb .responsive-image{max-height:400px;object-fit:contain}}.banner-image .responsive-image,.slideshow-image .responsive-image{width:100%;min-height:300px;object-fit:cover;object-position:center}@media (min-width: 768px){.banner-image .responsive-image,.slideshow-image .responsive-image{min-height:400px}}@media (min-width: 1200px){.banner-image .responsive-image,.slideshow-image .responsive-image{min-height:500px}}.performance-optimized .responsive-image{will-change:transform;transform:translateZ(0)}.performance-optimized:hover .responsive-image{transform:scale(1.05) translateZ(0);transition:transform .3s ease}.intersection-observer .lazyload{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.intersection-observer .lazyloaded{opacity:1;transform:translateY(0)}.responsive-image[data-error=true]{background:#f5f5f5;color:#999;display:flex;align-items:center;justify-content:center;min-height:200px}.responsive-image[data-error=true]:after{content:"Image not available";font-size:14px}@media print{.responsive-image{background:#fff!important;box-shadow:none!important}}@media (prefers-reduced-motion: reduce){.responsive-image,.lazyload,.blur-placeholder{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/image-optimization.scss.css.map */