.hero-photo.hero-3d{align-self:start;min-height:0;overflow:hidden;border:1px solid #c8dfe0;border-radius:10px;background:#f8fcfc}.commercial-fruit-stage{position:relative;height:390px;background:radial-gradient(ellipse at center,#fff,#e8f2f2)}#commercial-fruit-canvas{display:block;width:100%;height:100%;touch-action:pan-y;--progress-bar-color:#00a4a8;cursor:grab}.hero-3d #commercial-fruit-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;max-height:none;border-radius:0;pointer-events:none}.demo-3d-tag{position:absolute;top:16px;left:16px;right:16px;z-index:1;color:#416b76;font-size:10px;font-weight:bold;letter-spacing:1.2px;pointer-events:none}#commercial-fruit-status{position:absolute;bottom:0;left:0;right:0;margin:0;padding:12px 16px;background:#f8fcfce8;color:#416b76;font-size:12px;text-align:center;pointer-events:none}#commercial-fruit-status:empty{display:none}.commercial-fruit-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px;border-top:1px solid #d1e2e4}.commercial-fruit-toolbar button{padding:7px 9px;background:#e7f2f3;color:#06445f;font-size:12px;min-height:34px;min-width:34px}.commercial-fruit-toolbar button:hover{background:#cfe8e8}.hero-3d figcaption{position:static;background:none;color:#526a75;padding:6px 18px 18px;font-size:12px;line-height:1.5}.hero-3d #commercial-fruit-retry{margin:0 18px 18px;font-size:13px}@media(max-width:850px){.commercial-fruit-stage{height:330px}}@media(max-width:650px){.commercial-fruit-stage{height:310px}.hero-3d figcaption{font-size:11px}.demo-3d-tag{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.opening-stage .hero-3d{margin:0;width:100%;border:0;border-radius:0}.opening-stage .commercial-fruit-stage{height:430px;background:#f8f6ed}.hero-3d [hidden]{display:none!important}.commercial-fruit-toolbar button{border:1px solid #b8c8b0;border-radius:8px;min-width:44px;min-height:44px;color:#214b36;background:#edf0e3}.hero-3d figcaption{text-align:center}.commercial-fruit-stage #commercial-fruit-fallback{object-fit:contain}.opening-stage .demo-3d-tag{color:#42603e}@media(max-width:650px){.opening-stage .commercial-fruit-stage{height:300px}}
.section .hero-3d{margin:12px 0 24px;width:100%;box-sizing:border-box}.section .commercial-fruit-stage{height:360px;background:#f8f6ed}.section .hero-3d figcaption{text-align:center}@media(max-width:650px){.section .commercial-fruit-stage{height:280px}}