Update script.js

script.js

@@ -36,36 +36,32 @@ function animateCosmo() {
 animateCosmo();
 
 // Управление продуктом (ПК: мышь, мобильные: сенсор)
-const cream = document.getElementById('main-cream');
+const product = document.getElementById('cosmo-product');
 if ('ontouchstart' in window) {
     let touchStartX = 0, touchStartY = 0;
-    cream.addEventListener('touchstart', (e) => {
+    product.addEventListener('touchstart', (e) => {
         touchStartX = e.touches[0].clientX;
         touchStartY = e.touches[0].clientY;
-        cream.classList.add('active');
     });
-    cream.addEventListener('touchmove', (e) => {
+    product.addEventListener('touchmove', (e) => {
         const deltaX = (e.touches[0].clientX - touchStartX) / 8;
         const deltaY = (e.touches[0].clientY - touchStartY) / 8;
-        cream.style.transform = `perspective(3000px) rotateY(${deltaX}deg) rotateX(${-deltaY}deg)`;
+        product.style.transform = `perspective(3000px) rotateY(${deltaX}deg) rotateX(${-deltaY}deg)`;
     });
-    cream.addEventListener('touchend', () => {
-        cream.style.transform = 'perspective(3000px) rotateY(0deg) rotateX(0deg)';
-        cream.classList.remove('active');
+    product.addEventListener('touchend', () => {
+        product.style.transform = 'perspective(3000px) rotateY(0deg) rotateX(0deg)';
     });
 } else {
-    cream.addEventListener('mousemove', (e) => {
+    document.addEventListener('mousemove', (e) => {
         const xAxis = (window.innerWidth / 2 - e.pageX) / 8;
         const yAxis = (window.innerHeight / 2 - e.pageY) / 8;
-        cream.style.transform = `perspective(3000px) rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
+        product.style.transform = `perspective(3000px) rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
     });
-    cream.addEventListener('mouseenter', () => {
-        cream.style.filter = 'brightness(1.6)';
-        cream.style.transform = 'translateY(-40px) rotateZ(10deg) translateZ(70px)';
+    product.addEventListener('mouseenter', () => {
+        product.style.filter = 'brightness(1.5)';
     });
-    cream.addEventListener('mouseleave', () => {
-        cream.style.filter = 'brightness(1.3)';
-        cream.style.transform = 'translateY(0) rotateZ(0deg) translateZ(0)';
+    product.addEventListener('mouseleave', () => {
+        product.style.filter = 'brightness(1)';
     });
 }