/* MOTION-01: isolated preview; accepted artwork and page geometry stay intact. */
.motion-controls{display:flex;align-items:center;justify-content:center;gap:10px 18px;padding:10px 16px;background:#e5eded;color:#274d54;font:12px/1.5 BodyJP,"Yu Gothic",sans-serif;flex-wrap:wrap}
.motion-controls .motion-caption{display:grid;gap:1px;margin-right:6px}
.motion-caption strong{font-weight:600;letter-spacing:.08em}
.motion-caption small{font-size:10px;color:#537078}
.motion-controls .motion-buttons{display:flex;gap:8px}
.motion-controls button{min-height:40px;padding:8px 15px;border:1px solid #9ebbbf;background:#fafafa;border-radius:24px;font:inherit;color:#174d58;cursor:pointer}
.motion-controls button[aria-pressed="true"]{background:#005d70;color:white;border-color:#005d70}
.motion-controls button:focus-visible{outline:3px solid #a77c2c;outline-offset:3px}
.motion-controls button:disabled{cursor:default;opacity:.6}
.motion-status{font-size:10px;flex-basis:100%;text-align:center}
.motion-status:empty{display:none}
html[data-motion="on"] .hc-photo{overflow:hidden}
html[data-motion="on"] .hc-mobile-photo{overflow:hidden}
html[data-motion="on"] :is(.m-actions,.price-catalog-actions) a{transition:box-shadow .24s ease,translate .24s ease,background-color .24s ease}
html[data-motion="on"] :is(.m-actions,.price-catalog-actions) a span{transition:translate .24s ease}
@media(hover:hover){
 html[data-motion="on"] :is(.m-actions,.price-catalog-actions) a:hover{translate:0 -2px;box-shadow:0 9px 22px #00576b25}
 html[data-motion="on"] :is(.m-actions,.price-catalog-actions) a:hover span{translate:3px 0}
}
html[data-motion="on"] :is(.m-actions,.price-catalog-actions) a:active{translate:0 1px;box-shadow:none}
@media(max-width:767px){
 .motion-controls{gap:8px;padding:8px 12px}
 .motion-controls .motion-caption{margin:0;min-width:102px}
 .motion-caption strong{font-size:11px}
 .motion-controls button{padding:8px 11px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html[data-motion="off"] *{animation:none!important;transition:none!important}
}
html[data-motion="off"]{scroll-behavior:auto}
@media print{.motion-controls{display:none!important}}