/* A compact product stage; the surrounding hero owns the page layout. */
.dumbbell-scene{--dumbbell-red:var(--accent,#e63b32);position:relative;display:flex;flex-direction:column;width:100%;max-width:660px;margin:0;isolation:isolate;color:var(--dumbbell-red);contain:layout style}
.dumbbell-stage{position:relative;width:100%;height:440px;isolation:isolate;overflow:hidden;border-radius:24px}
.dumbbell-light{position:absolute;inset:4% -12% 0;background:radial-gradient(ellipse at 53% 38%,#59637124,transparent 63%),radial-gradient(ellipse at 77% 56%,#e63b3208,transparent 45%);pointer-events:none;z-index:-2}
.dumbbell-shadow{position:absolute;left:13%;right:8%;bottom:13%;height:12%;background:radial-gradient(ellipse,#0008,transparent 70%);filter:blur(7px);transform:rotate(-7deg);pointer-events:none;z-index:-1}
.dumbbell-canvas,.dumbbell-fallback{display:block;position:absolute;inset:0;width:100%;height:100%}
.dumbbell-canvas{opacity:0;touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:-5px;border-radius:24px;-webkit-tap-highlight-color:transparent}
.dumbbell-canvas:active{cursor:grabbing}
.dumbbell-canvas:focus-visible{outline:2px solid var(--dumbbell-red)}
.dumbbell-ready .dumbbell-canvas{opacity:1}
.dumbbell-ready .dumbbell-fallback{visibility:hidden}
.dumbbell-fallback{pointer-events:none}
.dumbbell-toolbar{display:flex;align-items:center;justify-content:center;gap:13px;min-height:44px;margin:0;padding:0 8px;color:#a9adb2;font-size:11px;line-height:1.45}
.dumbbell-hint{display:none}
.dumbbell-toolbar svg{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.dumbbell-hint>svg{color:var(--dumbbell-red)}
.dumbbell-hint-mobile{display:none}
.dumbbell-reset{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #7f878d38;border-radius:50%;color:#c7cbd0;background:#25282d55;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.dumbbell-reset:hover{color:#fff;border-color:var(--dumbbell-red);background:#363b4155}
.dumbbell-reset:focus-visible{outline:2px solid var(--dumbbell-red);outline-offset:3px}
.dumbbell-is-paused .dumbbell-canvas{cursor:default}
.dumbbell-fallback-mode .dumbbell-toolbar{visibility:hidden}
.dumbbell-fallback-mode .dumbbell-canvas{pointer-events:none}
@media(max-width:1100px) and (min-width:761px){.dumbbell-stage{height:370px}.dumbbell-toolbar{font-size:10px;gap:6px}}
@media(max-width:760px){.dumbbell-scene{max-width:510px;margin-inline:auto}.dumbbell-stage{height:270px;border-radius:18px}.dumbbell-canvas{border-radius:18px}.dumbbell-toolbar{min-height:44px;font-size:12px;margin-top:-2px}.dumbbell-hint-desktop{display:none}.dumbbell-hint-mobile{display:inline}.dumbbell-light{inset:0 -6%}.dumbbell-shadow{bottom:12%;left:13%;right:8%;filter:blur(5px)}}
@media(max-width:360px){.dumbbell-toolbar{font-size:11px;gap:5px}.dumbbell-stage{height:250px}}
@media(pointer:coarse){.dumbbell-hint-desktop{display:none}.dumbbell-hint-mobile{display:inline}}
@media(prefers-reduced-motion:reduce){.dumbbell-reset{transition:none}}