создаю телегу товаров

layouts/default.vue

@@ -44,10 +44,6 @@ const { cart } = useCart()
 </script>
 
 <style lang="scss" scoped>
-body {
-  overflow: hidden;
-}
-
 .layout {
   display: flex;
   flex-direction: column;

pages/product/[id].vue

@@ -89,9 +89,21 @@ const { lengthY: drawerLengthY } = useSwipe(
     },
   },
 )
+
+onMounted(() => {
+  if (isMobile.value) {
+    document.body.style.overflow = 'hidden'
+  }
+})
+
+onUnmounted(() => {
+  if (isMobile.value) {
+    document.body.style.overflow = ''
+  }
+})
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 @use '~/assets/scss/utils' as *;
 
 .product {