[wip] Rework Shop

- Change strategy for content fetching
- Add a route per page instead of using __layout for all
- Change the behaviors of the posters section (add a carousel on small screens)
- Change Poster buttons styling and make interactions only for desktop

src/style/organisms/_cart.scss

@@ -1,12 +1,24 @@
 .cart {
+    position: fixed;
+    z-index: 202;
+    top: 80px;
+    right: 0;
+    width: 100%;
+    height: calc(100vh - 80px);
     display: flex;
     flex-direction: column;
     overflow: auto;
     padding: 20px 20px 24px;
     background-color: $color-cream;
-    border-radius: 8px;
+    border-radius: 8px 8px 0 0;
 
     @include bp (sm) {
+        top: 24px;
+        right: 24px;
+        width: clamp(320px, 45vw, 500px);
+        height: calc(100vh - 48px);
+        max-height: 1000px;
+        border-radius: 8px;
         padding: 24px 32px 32px;
     }
 
@@ -85,10 +97,11 @@
                 }
             }
             span {
-                margin-left: 20px;
+                margin-left: 12px;
                 font-size: rem(12px);
 
                 @include bp (sm) {
+                    margin-bottom: 20px;
                     font-size: rem(13px);
                 }
             }
@@ -106,20 +119,25 @@
 
         // Checkout
         &--checkout {
-            display: flex;
+            @include bp (md) {
+                display: flex;
+            }
 
             p {
-                max-width: 180px;
                 margin-right: auto;
+                margin-bottom: 16px;
+                padding-right: 12px;
                 font-size: rem(11px);
                 line-height: 1.5;
                 color: $color-gray;
 
                 @include bp (sm) {
-                    max-width: 304px;
                     font-size: rem(12px);
                     line-height: 1.6;
                 }
+                @include bp (md) {
+                    max-width: 304px;
+                }
             }
         }
     }
@@ -199,7 +217,7 @@
     // Location switcher
     &-switcher {
         position: fixed;
-        z-index: 100;
+        z-index: 202;
         top: 20px;
         left: 20px;
         will-change: transform, opacity;
@@ -213,7 +231,7 @@
     // Overlay
     &-overlay {
         position: fixed;
-        z-index: 99;
+        z-index: 201;
         top: 0;
         left: 0;
         width: 100%;