/* Restore and Retouch content additions. All shared layout and typography come from the Reglow ZIP. */
html{scroll-behavior:smooth;scroll-padding-top:100px}
.product-entry{padding:35px 0;background:var(--md-gray,#f3f3f5)}
.product-entry .entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;gap:24px;align-items:stretch}
.entry-banner{display:block;overflow:hidden;border-radius:22px;transition:transform .18s ease}
.entry-banner:hover{transform:translateY(-3px)}
.entry-banner:focus-visible{outline:3px solid #aa438c;outline-offset:5px}
.entry-banner img{width:100%;height:auto;display:block}
/* Restore the reference hero's full background, left content and original dimensions. */
#restore .hero-background-video{object-position:center bottom}
#retouch .hero-background-product{position:absolute;width:46%;height:78%;right:4%;top:12%;object-fit:contain}
#retouch .hero-shade{pointer-events:none}
/* New product photos fit inside the existing reference cards. */
.reglow-kit-media--editorial .reglow-kit-editorial-image{width:100%;height:auto;max-height:540px;object-fit:contain}
.reglow-kit-items img,.download-image img{object-fit:contain}
.application-option{cursor:default}
/* Same video panel and timeline as the reference protocol. */
.protocol-video-stage video{display:block;width:100%;height:100%;object-fit:contain}
.protocol-upgrade-products{grid-template-columns:minmax(0,1fr);justify-items:center;margin-right:0}
.protocol-upgrade-products .upgrade-centrifuge{width:100%;max-width:460px}
.protocol-upgrade{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.reglow-explainer-flow .reglow-step-illustration{object-fit:contain!important}
@media(max-width:900px){
 .protocol-upgrade{grid-template-columns:1fr}
 .product-entry .entry-grid{max-width:700px}
}
@media(max-width:680px){
 html{scroll-padding-top:72px}
 .product-entry{padding:28px 0}
 .product-entry .entry-grid{grid-template-columns:1fr;max-width:420px;gap:20px}
 #retouch .hero-content{padding-top:50px!important}
 #retouch .hero-background-product{position:relative;display:block;inset:auto;width:85%;height:280px;margin:0 auto -50px;padding-top:20px;order:2}
 #retouch{display:flex;flex-direction:column}
 #retouch .hero-content{order:1}
 #retouch .hero-background-product{order:2;margin:25px auto 0;padding-top:0}
 .reglow-kit-media--editorial .reglow-kit-editorial-image{max-height:300px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-banner{transition:none}}
/* Fit the portrait hero clip into the background without excessive magnification. */
@media(min-width:681px){
 #restore .hero-background-video{width:58%;right:0;object-position:center bottom}
 #restore .hero-stats article:first-child strong{font-size:clamp(1.5rem,2.55vw,2.65rem);white-space:nowrap}
 #retouch .hero-stats strong{font-size:clamp(1.5rem,2.45vw,2.65rem)}
}
.protocol-start{border:0;background:transparent;color:inherit;font:inherit;width:100%;height:100%;display:grid;place-items:center;cursor:pointer}
.protocol-start:focus-visible{outline:2px solid #aa438c;outline-offset:-6px;border-radius:inherit}
.protocol-video-hint>.protocol-hint-copy{display:block;width:auto;height:auto;border-radius:0;background:none;color:inherit;box-shadow:none;font-size:.98rem;line-height:1.45;padding:0}
.protocol-video-stage.is-empty video{display:none}
.protocol-video-stage:not(.is-empty) .protocol-start{display:none}

/* Frame the workbench and products in the portrait source. */
#restore .hero-mobile-media video{object-position:center bottom}
/* Clinical records use the original Reglow carousel frame. */
#restore-beneficios .case-slide a{display:block;width:100%;height:100%}
#restore-beneficios .case-slide img{object-fit:contain;background:#fff}
.case-context{font-size:.78rem;line-height:1.5;color:#746d76;margin:12px 0 0;text-align:center}
.reglow-kit-content .kit-included-detail{font-size:.9rem;line-height:1.6;margin:0 0 20px}
.technical-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}
.technical-downloads .download-image img{width:100%;height:150px;object-fit:contain}
@media(max-width:680px){.technical-downloads{grid-template-columns:repeat(2,minmax(0,1fr))!important}.technical-downloads .download-image img{height:130px}.case-context{font-size:.75rem}}
/* Exact clinical photo viewports without the surrounding PDF text. */
#restore-beneficios .case-track{aspect-ratio:8/5}
.case-photo-button{width:100%;height:100%;display:block;border:0;padding:0;background:#fff;cursor:zoom-in}
.case-photo-viewport{display:block;width:100%;height:100%;overflow:hidden}
.case-photo-button:focus-visible{outline:3px solid #aa438c;outline-offset:-4px}
.case-photo-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:12px;margin-top:14px;color:#aa438c;font-size:.85rem;font-weight:700}
#case-lightbox{width:min(1200px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:94vh;margin:auto;border:0;border-radius:22px;padding:46px 22px 22px;background:#fff;color:#353136;overflow:auto;box-sizing:border-box}
#case-lightbox::backdrop{background:rgba(20,15,20,.78)}
.case-lightbox-close{position:absolute;right:12px;top:8px;width:38px;height:38px;border:0;border-radius:50%;background:#f3edf2;color:#aa438c;font:700 28px/1 sans-serif;cursor:pointer}
.case-lightbox-visual{width:100%;height:min(68vh,740px)}
.case-lightbox-caption,.case-lightbox-credit{margin:12px auto 0;text-align:center;font-size:.86rem;line-height:1.5;color:#655d66}
.case-lightbox-credit{font-size:.75rem}
@media(max-width:680px){#case-lightbox{padding:46px 12px 18px}.case-lightbox-visual{height:55vh}.case-photo-labels{font-size:.78rem}}
#restore-beneficios .case-viewport{aspect-ratio:8/5!important}
#restore-beneficios .case-track{width:100%!important;height:100%!important;aspect-ratio:auto!important;min-width:0}
