.runtime-status { width: min(1320px, calc(100% - 3rem)); margin: 3rem auto; color: var(--muted, #62675f); }
.runtime-product-gallery { min-width: 0; }
.runtime-product-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.runtime-product-image-failed { object-fit: contain; }
.runtime-select { width: 100%; min-height: 48px; padding: .7rem .85rem; border: 1px solid var(--line, #deded4); border-radius: var(--field-radius, 4px); background: var(--white, #fffefa); color: var(--ink, #20231f); font: inherit; }
.runtime-select:focus-visible, .runtime-stepper button:focus-visible, .runtime-stepper input:focus-visible { outline: 3px solid var(--clay, #bd7653); outline-offset: 3px; }
.runtime-stepper { display: inline-flex; align-items: stretch; width: fit-content; border: 1px solid var(--field-border, #b5b7ae); border-radius: var(--field-radius, 4px); background: var(--white, #fffefa); }
.runtime-stepper button { width: 40px; min-height: 44px; border: 0; background: transparent; color: var(--forest-deep, #1a2d25); cursor: pointer; font: inherit; font-size: 1.25rem; }
.runtime-stepper input { width: 3.25rem; min-height: 44px; padding: 0; border: 0; border-inline: 1px solid var(--line, #deded4); background: transparent; color: var(--ink, #20231f); font: inherit; text-align: center; }
.runtime-stepper button:disabled { color: #a3a89f; cursor: not-allowed; }
.runtime-feedback { min-height: 1.5rem; margin: .4rem 0 0; color: var(--forest-deep, #1a2d25); }
.runtime-feedback:empty { display: none; }