Fix Shop issues

- Move ButtonCart from nav to position it on top right
- ButtonCart amount indicator position (center left => top left)
- Bring back updating label when changing cart (+ other transitions)
- Make ShopHeader picture gradient a bit bigger

src/style/pages/shop/_intro.scss

@@ -71,18 +71,13 @@
     }
 
     // Site Title
-    :global(h1) {
+    .shop-page__title {
         position: absolute;
         z-index: 2;
-        top: 50%;
+        top: 42%;
         left: 50%;
         width: 100%;
         transform: translate3d(-50%, -50%, 0);
-        font-size: clamp(#{rem(48px)}, 7vw, #{rem(56px)});
-        font-weight: 400;
-        text-shadow: 0px 8px 12px rgba(#000, 0.25);
-        text-align: center;
-        letter-spacing: -0.02em;
 
         @include bp (sm) {
             // top: clamp(#{rem(40px)}, 16vw, #{rem(144px)});
@@ -91,11 +86,19 @@
             transform: none;
         }
 
-        :global(span), :global(strong) {
-            color: #fff;
-        }
-        :global(span) {
-            font-weight: 300;
+        :global(h1) {
+            font-size: clamp(#{rem(48px)}, 7vw, #{rem(56px)});
+            font-weight: 400;
+            text-shadow: 0px 8px 12px rgba(#000, 0.25);
+            text-align: center;
+            letter-spacing: -0.02em;
+
+            :global(span), :global(strong) {
+                color: #fff;
+            }
+            :global(span) {
+                font-weight: 300;
+            }
         }
     }
 
@@ -120,15 +123,29 @@
 
         // Gradient
         &:before {
-            display: block;
             content: "";
+            display: block;
             position: absolute;
             z-index: 1;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
-            background: linear-gradient(180deg, rgba(45, 4, 88, 0) 84.2%, #1E0538 100%);
+            background: linear-gradient(180deg, rgba(45, 4, 88, 0) 72.5%, #1E0538 100%);
+        }
+    }
+
+    // Cart button
+    :global(.button-cart) {
+        position: absolute;
+        z-index: 2;
+        top: 16px;
+        right: 16px;
+
+        @include bp (sm) {
+            top: auto;
+            bottom: 32px;
+            right: 32px;
         }
     }
 }