Block scroll when opening cart

src/components/organisms/Cart.svelte

@@ -3,9 +3,11 @@
 </style>
 
 <script lang="ts">
+    import { browser } from '$app/environment'
     import { onMount } from 'svelte'
     import { fade, fly } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
+    import { smoothScroll } from '$utils/stores'
     import { cartOpen, cartData, cartAmount, cartIsUpdating } from '$utils/stores/shop'
     import { initSwell, getCart, updateCartItem, removeCartItem } from '$utils/functions/shop'
     // Components
@@ -15,6 +17,18 @@
     import ShopLocationSwitcher from '$components/molecules/ShopLocationSwitcher.svelte'
 
 
+    // Block scroll if cart is open
+    $: if (browser && $smoothScroll) {
+        if ($cartOpen) {
+            $smoothScroll.stop()
+        } else {
+            $smoothScroll.start()
+        }
+
+        document.documentElement.classList.toggle('block-scroll', $cartOpen)
+    }
+
+
     // Closing the cart
     const handleCloseCart = () => {
         $cartOpen = false

src/style/_base.scss

@@ -24,6 +24,10 @@ html {
     color: #fff;
     min-width: 320px;
     word-break: normal;
+
+    &.block-scroll {
+        overflow: hidden;
+    }
 }
 body {
     @include font-smooth;