/* No broken-image outlines or half-decoded layers while a request is in flight. */
.cinema-scene img:not([src]){visibility:hidden}
img[data-reveal]:not(.image-ready){opacity:0}
img[data-reveal]{transition:opacity .18s ease}
.pearl-fall img.image-ready{opacity:var(--flower-opacity,.5)}
.cinema-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101a20;pointer-events:none;opacity:1;transition:opacity .22s ease;z-index:0}
html:not([data-theme="pearl"]) .cinema-poster{display:none}
html[data-theme="pearl"] .pearl-art{opacity:0;transition:opacity .22s ease}
html[data-theme="pearl"] .intro-ready .pearl-art{opacity:1}
.intro-ready .cinema-poster{opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s .22s}
.product-image:has(.image-failed)::after{content:'تعذّر تحميل الصورة';position:absolute;inset:45% 10% auto;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:700px){.cinema-poster{object-fit:cover;object-position:center 32%}}
@media(prefers-reduced-motion:reduce){.cinema-poster,.pearl-art,img[data-reveal]{transition:none!important}}