diff --git a/src/components/three/ModelViewer.tsx b/src/components/three/ModelViewer.tsx
index 6043ff7..046c96c 100644
--- a/src/components/three/ModelViewer.tsx
+++ b/src/components/three/ModelViewer.tsx
@@ -476,12 +476,12 @@ export function ModelViewerCanvas({ url }: ModelViewerProps) {
     <Canvas
       camera={{ position: [2, 2, 2], fov: 50, near: 0.001, far: 1000 }}
       gl={{ antialias: true, alpha: true, powerPreference: 'high-performance', preserveDrawingBuffer: true }}
-      frameloop="demand"
+      frameloop="always"
       className="!bg-background"
-      onCreated={({ gl, invalidate }) => {
-        gl.setPixelRatio(Math.min(window.devicePixelRatio, 1.5));
-        const loop = () => { invalidate(); requestAnimationFrame(loop); };
-        loop();
+      onCreated={({ gl }) => {
+        const isApple = /Mac|iPhone|iPad/.test(navigator.platform);
+        const maxRatio = isApple ? 2 : 1.5;
+        gl.setPixelRatio(Math.min(window.devicePixelRatio, maxRatio));
       }}
     >
       <ambientLight intensity={0.6} />