/* Catalog-only placeholders keep image slots stable while the small preview loads. */
.catalog-image-frame{position:relative;min-width:0;background:#f8faff;border-radius:8px}
.catalog-image-frame [data-catalog-src]{opacity:0}
.catalog-image-frame[data-catalog-image-state="loaded"] [data-catalog-src]{opacity:1}
.catalog-image-frame [data-catalog-image-status]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px;color:#64758d;font-size:12px;line-height:1.5;text-align:center;pointer-events:none}
.catalog-image-frame [data-catalog-retry]{position:absolute;top:58%;left:50%;transform:translateX(-50%);min-height:32px;padding:5px 10px;border:1px solid #c8d8ef;border-radius:7px;background:#fff;color:#245bd5;font-size:12px;white-space:nowrap;cursor:pointer;box-shadow:none}
.catalog-image-frame[data-catalog-image-state="failed"] [data-catalog-image-status]{padding-bottom:35px}
.catalog-image-frame [hidden]{display:none!important}
.catalog-image-frame [data-catalog-retry]:focus-visible{outline:3px solid #4778e7;outline-offset:2px}
@media screen and (min-width:761px){.catalog-photo-cell>.catalog-image-frame,.catalog-image-frame>.catalog-preview-photo{width:100%}}
@media screen and (max-width:760px){
 .mc-photo>.catalog-image-frame{display:block;position:relative}
 .mc-photo>.catalog-image-frame>.mc-photo-preview{width:100%;height:100%;display:block;padding:0;border:0;border-radius:9px;background:transparent;cursor:zoom-in}
 .catalog-image-frame [data-catalog-retry]{min-height:38px;padding:7px 10px;touch-action:manipulation}
}