/* Native paired screens for the three owned catalog/question/agreement pages. */
.feature-page .feature-art-space:has(>.rn-demo){aspect-ratio:auto!important;height:auto!important;min-height:0;max-width:none;width:100%;border:0;background:transparent;overflow:visible;justify-self:stretch}
.feature-page .feature-art-space>.rn-demo{width:100%;height:auto;margin:0}
.rn-demo .cx-stage{height:auto;min-height:0;overflow:visible;background:var(--odx-bg)}
.rn-demo .cx-stage>:last-child{animation:none}
.rn-demo .cu-device-pair{grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding:24px}
.rn-demo .cu-desktop-device .cu-viewport{aspect-ratio:1200/914!important}
.rn-demo .cu-screen.cu-desktop{width:1200px!important}
.rn-demo .cu-screen{transform:scale(var(--rn-scale,1))!important}
.rn-demo .cu-desktop .cu-catalog-shell{grid-template-columns:230px minmax(0,1fr)}
.rn-demo .cu-desktop .cu-offers{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;gap:24px}
.rn-demo .cu-desktop .cu-quote{grid-template-columns:minmax(0,1fr) 360px;gap:12px}
.rn-demo .cu-screen :is(.cu-catalog-main,.cu-question-wrap,.cu-quote,.cu-quote-tabs){background:var(--ui-demo-bg)}
.rn-demo .cu-screen :is(.cu-btn.outline,.cu-btn.selected){color:var(--ui-demo-text)}
.rn-demo .cu-screen :is(.cu-selected-card>div>strong,.cu-grand>strong:last-child,.cu-savings){color:color-mix(in srgb,var(--cu-primary) 28%,var(--ui-demo-text))!important}
.rn-demo .cx-config button[aria-pressed=true]{color:var(--odx-ink)}
.rn-demo .cu-phone .cu-frequency-options strong{font-size:12px}
.rn-demo .cu-phone .cu-frequency-options :is(del,em){font-size:9px}
.rn-demo .cu-phone .cu-selection-note{font-size:9px}
.rn-demo .cu-expanded>.cu-viewport[data-cu-size=desktop]{aspect-ratio:1200/914!important;width:min(95vw,calc(83vh * 1200 / 914));max-height:83vh}
.rn-demo:has(.cu-expanded){isolation:auto;z-index:10010}
.rn-demo:has(.cu-expanded) .cx-stage{z-index:10010}
.product-price-book .pb-merchandise>.feature-art-space,.product-price-book .pb-qualification>.feature-art-space{grid-column:1/-1;margin:0}
.product-price-book .pb-merchandise,.product-price-book .pb-qualification{row-gap:32px;align-items:start}
.product-custom-fields .sq-conditions>.feature-art-space{grid-column:1/-1;margin:0}
.product-custom-fields .sq-conditions{row-gap:32px}
.product-custom-fields .sq-conditions .sq-condition-note{padding-top:0}
.product-service-agreements .sa-opening{grid-template-columns:minmax(0,1fr);gap:30px;align-items:start}
.product-service-agreements .sa-opening>header{max-width:1000px}
.product-service-agreements .sa-signing-row{margin-top:32px}
.product-service-agreements .sa-signing-row>.ct-signing{margin:0}
.product-service-agreements .sa-signing-row .ct-order-summary{padding:20px;background:var(--ui-demo-surface);border:0;border-radius:0;align-self:stretch}
.product-service-agreements .sa-signing-row .ct-sign-canvas{background:#fff}
.product-service-agreements .sa-signing-row .ct-signing-pair>.ct-device-view:first-child{overflow:auto}
@media(max-width:1100px){.rn-demo .cu-device-pair{grid-template-columns:minmax(0,1fr) 260px;padding:20px;gap:20px}}
@media(max-width:850px){.rn-demo .cu-device-pair{grid-template-columns:minmax(0,1fr);padding:18px;gap:24px}.rn-demo .cu-phone-device{width:min(100%,330px);margin:0 auto}.rn-demo .cx-config>div{flex-wrap:wrap}.rn-demo .cx-config button{flex:1}.rn-demo .cu-expanded:has(>[data-cu-size=desktop]){overflow:auto;align-items:flex-start;justify-content:flex-start}.rn-demo .cu-expanded>.cu-viewport[data-cu-size=desktop]{flex:none;min-width:1200px;width:1200px;max-height:none}.rn-demo .cu-expanded:has(>[data-cu-size=desktop])>.cu-expanded-close{position:fixed;z-index:2}}
@media(max-width:480px){.rn-demo .cu-device-pair{padding:12px}.rn-demo .cx-topline,.rn-demo .cx-config{padding:16px}.rn-demo .cx-narration{padding:16px}.rn-demo .cu-device-label button{padding:6px}}
@media(max-width:900px){.product-service-agreements .sa-signing-row .ct-signing-pair>.ct-device-view:first-child{display:block}.product-service-agreements .sa-signing-row .ct-desktop{min-width:820px}.product-service-agreements .sa-signing-row .ct-signing-pair>.ct-device-view:last-child{width:min(100%,330px);max-width:330px}}

/* Stack the two complete devices before either preview becomes a tiny thumbnail. */
@media(max-width:1400px){.rn-demo .cu-device-pair{grid-template-columns:minmax(0,1fr);padding:18px;gap:24px}.rn-demo .cu-phone-device{width:min(100%,330px);margin:0 auto}}