.product-showcase{margin-block:2rem;max-inline-size:100%;overflow-wrap:anywhere}
.product-showcase__layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.product-showcase figure,.product-showcase__layout>div{margin:0;min-inline-size:0}
.product-showcase__frame{border:1px solid #64748b;border-block-start-width:.75rem;border-radius:.5rem;background:#f1f5f9;padding:.25rem;box-shadow:0 .25rem .75rem #0f172a14}
.product-showcase__frame--phone{max-inline-size:24rem;margin-inline:auto;border:.5rem solid #334155;border-radius:1.25rem}
.product-showcase__frame img{display:block;inline-size:100%;block-size:auto;object-fit:contain;border-radius:.125rem}
.product-showcase figcaption{margin-block:.75rem;font-size:1rem;line-height:1.5;color:inherit}
.product-showcase__zoom summary{cursor:pointer;padding:.75rem;border:1px solid currentColor;border-radius:.25rem;min-block-size:2.75rem;box-sizing:border-box}
.product-showcase__scroll{max-inline-size:100%;max-block-size:70vh;overflow:auto;border:1px solid #64748b;padding:.25rem}
.product-showcase .product-showcase__original{display:block;max-inline-size:none;max-width:none;inline-size:auto;block-size:auto}
.product-showcase :is(a,summary,[tabindex]):focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
.product-showcase__callouts{padding-inline-start:1.5rem;margin-block:0 1rem}
.product-showcase__callouts li{padding-inline-start:.25rem;margin-block-end:1rem}
.product-showcase__region{display:block;margin-block:.25rem;font-size:1rem}
.product-showcase__callouts p{margin-block:.25rem}
.product-showcase__action .purchase-button{display:inline-block;max-inline-size:100%;white-space:normal;box-sizing:border-box;min-block-size:2.75rem;line-height:1.5}
@media(max-width:48rem){.product-showcase__layout{grid-template-columns:minmax(0,1fr);gap:1rem}}
@media(prefers-reduced-motion:reduce){.product-showcase *{scroll-behavior:auto;animation:none;transition:none}}

/* Supplier compositions already containing a device frame stay unframed. */
.product-showcase__frame--original{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}

/* One mobile companion, preserved supplier phone frame; no second device frame. */
.product-showcase__companion{margin-block-start:1.5rem;min-inline-size:0;max-inline-size:100%}
.product-showcase__companion .product-showcase__frame--original{max-inline-size:24rem;margin-inline:auto}