img[data-cdn-src]{transition:opacity 0.3s ease}img.loaded-cdn{opacity:1}img.loaded-fallback{opacity:1}img.lazy-loading{opacity:0;transition:opacity 0.3s ease}img.loaded-cdn,img.loaded-fallback{opacity:1}img.load-failed{opacity:0;display:none !important}img[data-src]{opacity:0;transition:opacity 0.3s ease}img[src]:not([data-src]){opacity:1}.image-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:200px;color:#999;font-size:14px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.placeholder-content{display:none;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:20px;min-height:150px;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:10px;opacity:0.7}.placeholder-text{color:#6c757d;font-weight:500;margin-bottom:5px}.placeholder-subtext{color:#adb5bd;font-size:0.9rem}.product-image{position:relative;overflow:hidden;border-radius:12px;background:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease,transform 0.3s ease}.product-image img:hover{transform:scale(1.05)}.product-image .placeholder-content{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.product-image img.load-failed+.placeholder-content{display:flex}.thumbnail-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:8px}.thumbnail-placeholder .placeholder-content{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.logo img{transition:opacity 0.3s ease}.logo img.load-failed{opacity:0.7}.image-loading{position:relative}.image-loading::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width:768px){.image-placeholder{min-height:150px;font-size:12px}.placeholder-icon{font-size:2rem}.placeholder-text{font-size:0.9rem}.placeholder-subtext{font-size:0.8rem}}@media print{.image-placeholder,.image-loading::before{display:none !important}img.load-failed{display:block !important;opacity:0.3}}