/* R12: photographed floor macro occupies its own scene area, never a hovering card.
   The existing floor image remains the truthful fallback until the canvas is ready. */
#care .care-shot[data-scene="floor"] .material-scene{position:absolute;z-index:3;left:53%;right:0;top:0;bottom:0;width:auto;margin:0;padding:0 30px 34px 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto;gap:12px;color:#fff8de;background:#253b2f;pointer-events:auto}
#care .care-shot[data-scene="floor"]:has(.material-scene[data-ready="true"])>img{opacity:0}
#care .material-slab{position:relative;min-height:0;transform:none;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:hidden}
#care .material-slab canvas{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;background:transparent}
/* Reset the old global absolute figcaption: caption/buttons have separate grid rows. */
#care .material-scene figcaption{position:static;inset:auto;display:block;margin:0;width:auto;max-width:none;font-size:13px;line-height:1.5;padding:0;background:transparent;border-radius:0;color:#fff8de}
#care .material-actions{position:relative;display:flex;gap:8px;margin:0;flex-wrap:wrap}
#care .material-actions button{min-height:44px;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;border:1px solid #f8f1d0;border-radius:30px;background:#fff8de;color:#22382a}
#care .material-actions button:first-child{background:#e1ef9b;border-color:#e1ef9b}
#care .material-actions button:focus-visible{outline:3px solid #fff6b1;outline-offset:4px}
#care .material-actions button:disabled{opacity:.75;cursor:default}
#care .material-scene[data-ready="false"] .material-actions{display:none}
#care .material-scene [data-material-status]{display:block;font-size:12px;line-height:1.4;margin:0;padding:0;color:#fff8de;max-width:100%}
/* Inactive photographs remain visible during the wipe but do not intercept controls. */
#care .care-shot[inert]{pointer-events:none}
@media(max-width:760px){
 #care .care-stage:has(.material-scene){height:max(100svh,840px)}
 #care .care-shot[data-scene="floor"] .material-scene{left:18px;right:18px;top:86px;bottom:auto;height:350px;padding:0;gap:7px;background:#253b2f}
 #care .material-scene figcaption{font-size:12px;line-height:1.35}
 #care .material-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 #care .material-actions button{width:100%;font-size:13px;line-height:1.25;padding:7px 6px;min-height:44px}
 #care .material-scene [data-material-status]{font-size:12px}
 #care .care-shot[data-scene="floor"] .shot-copy{bottom:3%}
}
@media(prefers-reduced-motion:reduce){
 #care .care-stage:has(.material-scene){height:auto}
 #care .care-shot[data-scene="floor"]{height:900px;min-height:900px}
}

/* R14 real geometry keeps its own contact shadows; transparent edges meet the green scene. */
#care .material-scene[data-ready="false"]{background:transparent}
#care .material-scene[data-ready="false"] canvas{visibility:hidden}