.product-detail-photo{position:relative}
.rotation-toggle{position:absolute;top:14px;left:14px;z-index:2;min-height:44px;padding:10px 16px;border:1px solid #d9dfd4;border-radius:24px;background:#fffffff5;color:#294637;font-size:12px;box-shadow:0 2px 12px #0001}
.rotation-panel[hidden]{display:none}
.product-detail-photo.rotation-active{height:auto;min-height:430px;background:#f3eee6}
.rotation-active>img,.rotation-active>.product-album-controls{display:none}
.rotation-panel{display:flex;flex-direction:column;justify-content:center;height:100%;padding:66px 12px 16px;box-sizing:border-box}
.rotation-stage{width:100%;aspect-ratio:1;background-size:400% 200%;background-repeat:no-repeat;cursor:grab;touch-action:pan-y;user-select:none;border-radius:10px}
.rotation-stage:active{cursor:grabbing}
.rotation-stage:focus-visible,.rotation-toggle:focus-visible,.rotation-actions button:focus-visible{outline:3px solid #6f8b74;outline-offset:3px}
.rotation-status{text-align:center;font-size:12px;min-height:22px;margin:8px 0 0;color:#3c5946}
.rotation-actions{display:flex;justify-content:center;gap:10px}
.rotation-actions button{min-height:44px;min-width:44px;padding:8px 14px;background:#fff;border:1px solid #d6ddcf;border-radius:22px;font-size:13px;color:#294637}
.rotation-actions button:disabled,.rotation-range:disabled{opacity:.45}
.rotation-range{width:calc(100% - 24px);margin:8px 12px;height:28px;accent-color:#315540}
.rotation-note{font-size:11px;line-height:1.7;text-align:center;color:#65705f;margin:0}
@media(min-width:601px){.product-detail-layout:has(.rotation-active){max-height:87dvh;overflow:auto}.rotation-active .rotation-stage{flex-shrink:0}}
@media(max-width:600px){.product-detail-photo.rotation-active{height:auto;min-height:0}.rotation-panel{padding-top:64px}.rotation-note{font-size:10px}.rotation-toggle{left:12px;top:12px}}