/* annona.co.uk - landing 3D fruit stage (fruit3d.js) and its static SVG fallback */
.fruit-stage{position:relative;z-index:1;height:min(62svh,640px);display:grid;grid-template:minmax(0,100%) / minmax(0,100%);place-items:center}
/* pan-y: a finger dragged sideways spins the fruit, a finger dragged up or down scrolls the page (the canvas fills most
   of a phone screen, so it must not swallow the scroll). The browser cancels the pointer when it takes the pan. */
.fruit-stage canvas{width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:6px;border-radius:var(--radius)}
.fruit-stage canvas:active{cursor:grabbing}
.fruit-btn{position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%);white-space:nowrap;box-shadow:var(--shadow)}
.fruit-stage img{max-height:100%;object-fit:contain}