/* Render the photo inside the existing proof scene; retain its size and page layout. */
.approvalPage .realisticMockupResult{position:absolute;inset:0;z-index:5;display:grid;place-items:center}
.approvalPage .realisticMockupResult[hidden]{display:none}
.approvalPage .approvalScene.fopRealisticMockupVisible .approvalProduct3d{visibility:hidden;pointer-events:none}
.realisticMockupEnlarge{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.realisticMockupEnlarge img{display:block;width:100%;height:100%;object-fit:contain}
.realisticMockupControls{padding:16px 0 0;color:inherit}
.realisticMockupActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.realisticMockupGenerate{background:var(--lime,#b9ff3c);color:#07111b;border:0;padding:12px 16px;font-weight:800;cursor:pointer}
.realisticMockupViews{display:flex;margin:0}
.realisticMockupControls button:disabled{opacity:.5;cursor:default}
.realisticMockupControls p[role="status"]{font-size:13px;line-height:1.5;color:#99afbd;margin:12px 0 6px}
.realisticMockupControls small{display:block;color:#99afbd;font-size:11px;line-height:1.5}
.realisticMockupDownload{color:var(--lime,#b9ff3c);font-size:13px;text-decoration:underline}
.realisticMockupDownload[hidden]{display:none}
.realisticMockupDialog{max-width:min(94vw,1500px);padding:12px;background:#08111c;color:white;border:1px solid #704394}
.realisticMockupDialog::backdrop{background:#000c}
.realisticMockupDialog img{display:block;width:100%;max-height:85vh;object-fit:contain}
.realisticMockupDialog button{margin-bottom:10px;background:#b9ff3c;border:0;padding:10px 22px;cursor:pointer}
.realisticMockupControls button:focus-visible,.realisticMockupControls a:focus-visible{outline:3px solid white;outline-offset:3px}

/* Compact proof toolbar, independent of the site's large segmented controls. */
.realisticMockupControls{padding-top:12px}
.realisticMockupActions{justify-content:space-between;gap:12px}
.realisticMockupViews{display:inline-flex;gap:4px;padding:4px;background:#07131f;border:1px solid #294052;border-radius:10px}
.realisticMockupControls .realisticMockupViews button{width:auto;min-width:0;flex:none;padding:9px 14px;border:0;border-radius:7px;background:transparent;color:#9fb4c4;font-family:inherit;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;cursor:pointer}
.realisticMockupControls .realisticMockupViews button.active{background:#643292;color:#fff}
.realisticMockupTools{display:flex;align-items:center;gap:10px}
.realisticMockupControls .realisticMockupGenerate{border-radius:8px;padding:11px 16px;min-height:40px;font-size:13px;line-height:1.25;white-space:nowrap}
.realisticMockupDownload{border:1px solid #425968;border-radius:8px;padding:10px 14px;color:#d9e7ef;text-decoration:none;font-weight:600;line-height:1.25}
.realisticMockupDownload:hover{border-color:#b9ff3c;color:#b9ff3c}
.realisticMockupControls[aria-busy="true"] .realisticMockupGenerate{animation:fopMockupPulse 1.6s ease-in-out infinite}
@keyframes fopMockupPulse{50%{opacity:.65}}
@media(prefers-reduced-motion:reduce){.realisticMockupControls[aria-busy="true"] .realisticMockupGenerate{animation:none}}
@media(max-width:600px){.realisticMockupActions{justify-content:center}.realisticMockupViews{justify-content:center}.realisticMockupTools{justify-content:center;flex-wrap:wrap}}

/* Keep the image card compact beside the longer summary. */
.approvalPage .approvalReview{align-self:start;min-height:0;height:auto}
.approvalPage .chargingMatRotatingViewport{position:relative}
.approvalPage .approvalScene.fopRealisticMockupVisible .rotationControl,.chargingMatRotatingViewport.fopRealisticMockupVisible .chargingMatRotatingStage{visibility:hidden}
.approvalPage .fopPreparingMockup .approvalProduct3d,.approvalPage .fopPreparingMockup .chargingMatRotatingStage{animation:none!important;transition:none!important;transform:none!important}
.approvalPage .fopPreparingMockup .approvalFace,.approvalPage .fopPreparingMockup .chargingMatRotatingFace{visibility:hidden!important;transform:none!important;animation:none!important;transition:none!important}
.approvalPage .fopPreparingMockup .fopMockupReferenceFace,.approvalPage .fopPreparingMockup .chargingMatRotatingFace:has(.fopMockupReferenceFace){visibility:visible!important;transform:none!important;opacity:1!important}
body[data-product="OTTO CAP 39-165"] .foamTruckerFrontOnlyApproval .approvalProduct3d{width:min(100%,400px)!important}
body[data-product="OTTO CAP 39-165"] .foamTruckerFrontOnlyApproval .approvalScene{padding:10px 0 20px!important;min-height:0!important}

.realisticMockupQuality{background:#07131f;color:#d9e7ef;border:1px solid #425968;border-radius:8px;padding:10px;font:inherit;font-size:13px;max-width:170px}