.eics-widget{width:100%;box-sizing:border-box}
.eics-layout{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:18px;box-sizing:border-box}
.eics-product-area,.eics-swatches-area,.eics-description-area{min-width:0;box-sizing:border-box}
.eics-product-area{order:1;display:flex;justify-content:center;align-items:center}
.eics-image-stage{position:relative;width:100%;display:grid;place-items:center;isolation:isolate}
.eics-main-image{grid-area:1/1;display:block;max-width:100%;height:auto;object-fit:contain;opacity:0;transition-property:opacity;transition-duration:850ms;transition-timing-function:ease;pointer-events:none;will-change:opacity}
.eics-image-current{opacity:1;position:relative;z-index:1;transition-duration:180ms}
.eics-image-next{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition-duration:850ms}
.eics-image-next.is-visible{opacity:1}
.eics-image-current.is-fading-out{opacity:0}
.eics-swatches-area{order:2}
.eics-swatches{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}
.eics-swatch{display:block;flex:0 0 auto;width:60px;height:60px;padding:0;border:1px solid #d7d7d7;border-radius:50%;background-color:#eee;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;position:relative;transition:box-shadow .15s ease,transform .15s ease;box-sizing:border-box}
.eics-swatch:hover{transform:translateY(-1px)}
.eics-swatch.is-active{outline:2px solid #222;outline-offset:3px}
.eics-swatch:focus-visible{outline:2px solid #111;outline-offset:4px}
.eics-description-area{order:3;color:#333;font-size:14px;line-height:1.5}
.eics-selected-label{font-weight:600;margin-bottom:4px}
.eics-selected-description{white-space:pre-line}
.eics-shape-square .eics-swatch{border-radius:0}
.eics-shape-rounded .eics-swatch{border-radius:8px}
.eics-widget-notice{padding:12px;background:#fff3cd;color:#664d03}