img{max-width:100%;height:auto;display:block}picture{display:block;width:100%}picture img{width:100%;height:auto;display:block}.recipe-image{width:100%;height:200px;object-fit:cover;border-radius:8px;transition:transform .3s ease}.recipe-image:hover{transform:scale(1.02)}.recipe-image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;font-size:14px}.recipe-image-placeholder .placeholder-icon{font-size:48px;opacity:.5;margin-bottom:8px}.recipe-image-placeholder .placeholder-text{font-weight:500;opacity:.7}.profile-pic{border-radius:50%;object-fit:cover}.profile-pic-placeholder{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.profile-pic-placeholder .placeholder-icon{opacity:.8}img[loading=lazy]{opacity:0;transition:opacity .3s ease}img[loading=lazy].loaded,img[loading=lazy]:not([loading]){opacity:1}.no-webp picture source[type="image/webp"]{display:none}.image-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.image-container{position:relative;overflow:hidden}.image-container::before{content:'';display:block;padding-top:56.25%}.image-container img,.image-container picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.recipe-card .recipe-image{height:180px;margin-bottom:12px}@media (max-width:768px){.recipe-image{height:160px}.recipe-card .recipe-image{height:140px}.recipe-image-placeholder{height:160px}.recipe-image-placeholder .placeholder-icon{font-size:36px}}@media (max-width:480px){.recipe-image{height:140px}.recipe-card .recipe-image{height:120px}.recipe-image-placeholder{height:140px}.recipe-image-placeholder .placeholder-icon{font-size:32px}}