.fs-image-host{position:relative}
img[data-fs-image-state="loading"],img[data-fs-image-state="error"]{opacity:0!important;transition:none!important}
.fs-image-placeholder{position:absolute;display:grid;place-content:center;justify-items:center;gap:6px;overflow:hidden;isolation:isolate;pointer-events:none;background:#eae5dc;color:#74685e;z-index:1;font:12px/1.5 var(--font-body-family);text-align:center}
.fs-image-placeholder::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 15%,rgb(255 255 255 / .28) 48%,transparent 80%);transform:translateX(-100%)}
.fs-image-placeholder.is-visible::after{animation:fs-image-sweep 1.8s ease-in-out infinite}
.fs-image-placeholder.is-error::after{display:none}
.fs-image-placeholder.is-error{padding:8px;box-sizing:border-box}
.fs-image-placeholder button{pointer-events:auto;min-height:36px;padding:4px 10px;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.fs-image-placeholder button:focus-visible{outline:2px solid var(--botanical,#596346);outline-offset:2px}
.product-card__image:has(img + img[data-fs-image-state="loading"])>img:first-child:not([data-fs-image-state="loading"]):not([data-fs-image-state="error"]),
.product-card__image:has(img + img[data-fs-image-state="error"])>img:first-child:not([data-fs-image-state="loading"]):not([data-fs-image-state="error"]){opacity:1!important}
@keyframes fs-image-sweep{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.fs-image-placeholder.is-visible::after{animation:none;display:none}}