.lazy-load{opacity:0;transition:opacity 0.3s ease-in-out;background-color:var(--bs-gray-100);border-radius:8px}.lazy-load.loaded{opacity:1}.lazy-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bs-gray-100) 0%,var(--bs-gray-200) 100%);border-radius:8px;transition:opacity 0.3s ease-in-out}.lazy-load.loaded+.lazy-placeholder{opacity:0;pointer-events:none}.recipe-image-container{position:relative;overflow:hidden;border-radius:8px}.image-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bs-gray-100) 0%,var(--bs-gray-200) 100%);border-radius:8px;color:var(--bs-gray-400)}.recipe-image.lazy-load{width:100%;height:200px;object-fit:cover;background-color:var(--bs-gray-100)}.lazy-placeholder i{animation:pulse 2s infinite;color:var(--bs-gray-400)}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}100%{opacity:.4}}.no-intersection-observer .lazy-load{opacity:1}.no-intersection-observer .lazy-placeholder{display:none}[data-bs-theme="dark"] .lazy-placeholder{background:linear-gradient(135deg,var(--bs-gray-800) 0%,var(--bs-gray-700) 100%)}[data-bs-theme="dark"] .lazy-load{background-color:var(--bs-gray-800)}[data-bs-theme="dark"] .lazy-placeholder i{color:var(--bs-gray-500)}.lazy-load{will-change:opacity;transform:translateZ(0)}@media (max-width:768px){.recipe-image.lazy-load{height:180px}}@media (max-width:576px){.recipe-image.lazy-load{height:160px}}