deployed

default.hbs

@@ -5,6 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{meta_title}}</title>
+    {{> "shop/style"}}
     {{> "shop/scripts"}}
 
     <link rel="stylesheet" href="{{asset "built/screen.css"}}">

partials/cover.hbs

@@ -2,6 +2,7 @@
     class="cover{{#if @site.cover_image}} image-loading{{/if}}{{#match @custom.publication_cover_style "Half screen"}} half{{/match}} gh-outer"
     style="overflow: visible"
 >
+    <div id="rose-ash-scripts"></div>
     {{#if @site.cover_image}}
         <img class="cover-image u-object-fit" src="{{@site.cover_image}}" alt="{{@site.title}}">
     {{/if}}

partials/shop/scripts.hbs

@@ -19,23 +19,6 @@
 <script src="https://kit.fontawesome.com/61b729a4f7.js" crossorigin="anonymous"></script>
 
 
-  <style>
-.rose-ash {
-  font-size: 20px;
-}
-
-.rose-ash h3 {
-  font-size: 110%;
-}
-.rose-ash * {
-  font-size: 100%;
-}
-
-
-
-
-  </style>
-
   <script
 			  src="https://code.jquery.com/jquery-3.7.1.min.js"
 			  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="

partials/shop/style.hbs

@@ -0,0 +1,42 @@
+<style>
+
+.rose-ash {
+  font-size: 20px;
+}
+
+.rose-ash h3 {
+  font-size: 110%;
+}
+.rose-ash * {
+  font-size: 100%;
+}
+
+.swal2-popup {
+  font-size: 1.5rem;
+}
+.swal-wide{
+  width:850px !important;
+}
+
+@media (min-width: 768px) {
+  .w-md-100 {
+    width:100% !important;
+  }
+  .w-md-75 {
+    width:75% !important;
+  }
+  .w-md-50 {
+    width:50% !important;
+  }
+  .w-md-25 {
+    width:25% !important;
+  }
+
+}
+.sumup-payment-142vw6r {
+  min-height: 70px !important;
+}
+[data-sumup-id='hostedfield--cardholder_number'] {
+  
+}
+</style>