diff --git a/assets/custom.css.liquid b/assets/custom.css.liquid
index 0f9cfbf..63b8065 100644
--- a/assets/custom.css.liquid
+++ b/assets/custom.css.liquid
@@ -431,4 +431,89 @@ body {
     box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
     --size: calc(var(--size-field, 0.25rem) * 10);
 }
+@media (min-width: 768px) {
+  .footer-main {
+    display: grid;
+    grid-template-columns: 1.5fr 1fr 1fr 1fr;
+    grid-template-areas:
+      "brand col1 col2 col3 col4"
+      "bottom bottom bottom bottom bottom";
+    gap: 3rem;
+  }
+  .footer-brand {
+    grid-area: brand;
+    border-right: 1px solid rgba(255,255,255,0.2);
+    padding-right: 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+  .footer-col-1 { grid-area: col1; }
+  .footer-col-2 { grid-area: col2; }
+  .footer-col-3 { grid-area: col3; }
+  .footer-col-4 { grid-area: col4; }
+  .footer-bottom {
+    grid-area: bottom;
+    border-top: 1px solid rgba(255,255,255,0.2);
+    padding-top: 2.5rem;
+  }
+  .footer-bottom-inner {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 6rem;
+  }
+}
+  .footer-bottom .container,
+.footer-copyright.container {
+  max-width: 100%;
+}
+
+.footer-title {
+  font-weight: 600;
+  margin-bottom: 0.75rem;
+}
+.social-icons {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+}
+.shopify-payments,
+.footer-payments ul {
+  display: flex;
+  gap: 0.75rem;
+  align-items: center;
+}
+.footer-cta {
+  background: #5b3df5;
+  color: white;
+  padding: 0.75rem 1.5rem;
+  font-weight: 600;
+  border-radius: 4px;
+  text-decoration: none;
+  width: fit-content;
+}
+.footer-bottom-title,
+.footer-title {
+  margin-bottom: 0.20rem;
+  font-weight: 600;
+}
+.footer-navigation {
+  display: contents;
+}
+@media (max-width: 767px) {
+  .footer-main {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 0,5rem;
+  }
+  .footer-brand {
+    border-right: none;
+    padding-right: 0;
+  }
+  .footer-links {
+    border-bottom: 1px solid rgba(255,255,255,0.15);
+    padding: 1rem 0;
+  }
+
 /**/
diff --git a/config/settings.json b/config/settings.json
index d824a78..9f6629f 100644
--- a/config/settings.json
+++ b/config/settings.json
@@ -85,7 +85,8 @@
           ],
           "type": "select"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "colors",
@@ -298,7 +299,8 @@
           ],
           "type": "select"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "social_media",
@@ -336,7 +338,8 @@
           "key": "social_linkedin_url",
           "type": "text"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "header",
@@ -409,7 +412,8 @@
           "key": "headerTopURL",
           "type": "text"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "homepage",
@@ -841,7 +845,8 @@
           "key": "homepage_blog",
           "type": "blog"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "pages",
@@ -894,7 +899,8 @@
           ],
           "type": "select"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "blogs",
@@ -911,7 +917,8 @@
           "key": "articleRelated",
           "type": "checkbox"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "products",
@@ -959,7 +966,8 @@
           "key": "ppRelatedProducts",
           "type": "checkbox"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "collections",
@@ -1025,7 +1033,8 @@
           ],
           "type": "select"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "shop",
@@ -1066,7 +1075,8 @@
           "key": "coPaymentCard",
           "type": "checkbox"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "restricted",
@@ -1341,7 +1351,8 @@
           "key": "closedSocialTrue",
           "type": "checkbox"
         }
-      ]
+      ],
+      "default": null
     },
     {
       "key": "footer",
@@ -1426,8 +1437,48 @@
           "caption": "Button text",
           "key": "footerButtonText",
           "type": "text"
+        },
+        {
+          "caption": "Payment options",
+          "key": "footer_payment_header",
+          "type": "header"
+        },
+        {
+          "caption": "Show payment options",
+          "default": false,
+          "key": "footer_payment_enable",
+          "type": "checkbox"
+        },
+        {
+          "caption": "Payment text",
+          "default": "We accept",
+          "key": "footer_payment_text",
+          "type": "text"
+        },
+        {
+          "caption": "Payment methods",
+          "key": "footer_payment_methods",
+          "settings": [
+            {
+              "caption": "Payment name",
+              "key": "name",
+              "type": "text"
+            },
+            {
+              "caption": "Logo",
+              "key": "logo",
+              "type": "image"
+            },
+            {
+              "caption": "Logo alt text",
+              "key": "alt",
+              "type": "text"
+            }
+          ],
+          "type": "struct"
         }
-      ]
+      ],
+      "default": null
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/snippets/siteFooter.liquid b/snippets/siteFooter.liquid
index ef78dcd..cc91d5b 100644
--- a/snippets/siteFooter.liquid
+++ b/snippets/siteFooter.liquid
@@ -1,37 +1,116 @@
 <div class="bg-{{ settings.footer_colors }} text-{{ settings.footer_colors }}-content">
-    <footer class="footer md:footer-horizontal lg:footer-horizontal px-4 py-10 max-w-8xl mx-auto container justify-items-center">
-      <aside class="justify-self-start flex flex-col md:flex-row lg:flex-col gap-8">
-        {% if settings.footer_image %}
-            <img class="justify-self-start" src="{{ settings.footer_image_src | asset_img_url:'300','0' }}" alt="{{ settings.footer_image_alt | t:'default' }}">
-        {% endif %}
-        <div class="flex flex-col gap-4 max-w-lg">
-        {% unless settings.footer_about_shop == empty %}
-            <p class="font-bold">
-              {{ settings.footer_about_shop | t:'default' }}
-            </p> 
-        {% endunless %}
-        {% if settings.footer_social_enable %}
-          <div class="grid grid-flow-col gap-4">
-            {% include 'socialmedia-icon-links' %}
-          </div>
-        {% endif %}
-        </div>
-      </aside> 
-	  {% if settings.footer_quicklinks_enable %}
+  <footer class="footer-main max-w-8xl mx-auto px-4 py-6 grid gap-6 md:gap-10 md:grid-cols-5 grid-cols-1 md:grid-areas-desktop grid-areas-mobile" role="contentinfo">
+    <aside class="footer-brand flex flex-col gap-4">
+      {% if settings.footer_image %}
+        <img src="{{ settings.footer_image_src | asset_img_url:'600','0' }}"
+          alt="{{ settings.footer_image_alt | t:'default' }}"
+          class="w-full max-w-[460px] md:w-60 lg:w-94">
+      {% endif %}
+      {% unless settings.footer_about_shop == empty %}
+        <p class="font-bold">
+          {{ settings.footer_about_shop | t:'default' }}
+        </p>
+      {% endunless %}
+      {% if settings.footerButtonEnabled %}
+        <a href="{{ settings.footerButtonURL }}" class="footer-cta">
+          {{ settings.footerButtonText | t:'default' }}
+        </a>
+      {% endif %}
+    </aside>
+    {% if settings.footer_quicklinks_enable %}
+      <section class="contents" aria-label="Footer navigation">
         {% for linkList in settings.footer_linklists %}
-          <nav>
-            <header class="footer-title">{{ linkList.footer_linklist_title }}</header> 
-            {% for link in navigation[linkList.footer_linklist].links %}
-            <a class="link link-hover" href="{{ link | url }}">{{ link.title }}</a>
-            {% endfor %}
-          </nav> 
+          <nav class="footer-links footer-col-{{ forloop.index }}" 
+               aria-label="{{ linkList.footer_linklist_title }}">
+            <div class="block md:hidden">
+              <div class="collapse mb -0">
+                <input type="checkbox" class="peer" />
+                <h2 class="collapse-title flex justify-between items-center text-sm font-semibold uppercase tracking-wider text-gray-400 pr-0">
+                  {{ linkList.footer_linklist_title }}
+                  <svg class="w-4 h-4 transition-transform duration-600 peer-checked:rotate-180"
+                       xmlns="http://www.w3.org/2000/svg"
+                       fill="none"
+                       viewBox="0 0 24 24"
+                       stroke="currentColor">
+                    <path stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                          d="M19 9l-7 7-7-7" />
+                  </svg>
+                </h2>
+                <div class="collapse-content">
+                  <ul class="flex flex-col gap-3">
+                    {% for link in navigation[linkList.footer_linklist].links %}
+                      <li>
+                        <a href="{{ link | url }}" class="hover:underline">
+                          {{ link.title }}
+                        </a>
+                      </li>
+                    {% endfor %}
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <div class="hidden md:flex flex-col gap-3">
+              <h2 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-8">
+                {{ linkList.footer_linklist_title }}
+              </h2>
+              <ul class="flex flex-col gap-5">
+                {% for link in navigation[linkList.footer_linklist].links %}
+                  <li>
+                    <a href="{{ link | url }}" class="hover:underline">
+                      {{ link.title }}
+                    </a>
+                  </li>
+                {% endfor %}
+              </ul>
+            </div>
+          </nav>
         {% endfor %}
-      {% endif %}
-      <div class="place-self-stretch grid place-items-center">
-        {% if settings.footerButtonEnabled %}<a href="{{ settings.footerButtonURL }}" class="btn btn-lg btn-primary">{{ settings.footerButtonText | t:'default' }}</a>{% endif %}
+      </section>
+    {% endif %}
+  </footer>
+  <section class="footer-bottom mt-6 pt-4 border-t border-base-300">
+    <div class="max-w-8xl mx-auto px-4">
+      <div class="flex flex-col md:flex-row justify-center items-center gap-6 md:gap-60 max-w-4xl mx-auto text-center">
+        {% if settings.footer_social_enable %}
+          <section aria-labelledby="footer-social-heading">
+            <h2 id="footer-social-heading" class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-3">
+              Följ oss
+            </h2>
+            <div class="social-icons flex gap-3">
+              {% include 'socialmedia-icon-links' %}
+            </div>
+          </section>
+        {% endif %}
+        {% if settings.footer_payment_enable and settings.footer_payment_methods.size > 0 %}
+          <section aria-labelledby="footer-payment-heading">
+            <h2 id="footer-payment-heading" class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-3">
+              {{ settings.footer_payment_text }}
+            </h2>
+            <ul class="grid grid-cols-4 sm:grid-cols-6 md:grid-cols-6 gap-3 max-w-[800px] mx-auto">
+  {% for payment in settings.footer_payment_methods %}
+<li class="flex justify-center items-center 
+           bg-white 
+           border border-gray-200 
+           rounded-sm 
+           p-1">
+  <img src="{{ payment.logo | asset_url }}"
+       alt="Betala med {{ payment.name }}"
+       class="h-6 object-contain">
+</li>
+  {% endfor %}
+</ul>
+          </section>
+        {% endif %}
       </div>
-    </footer>
-    <footer class="footer-horizontal p-2 pb-4 max-w-8xl mx-auto container">
-        <p class="text-sm">{{ 'Copyright &copy;' | t:'default' }} {{ site.name }} - {{ 'All rights reserved' | t:'default'}}</p>
-    </footer>
-</div>
+    </div>
+  </section>
+  <section class="footer-copyright max-w-8xl mx-auto px-4 pb-6 mt-8">
+    <p class="text-sm text-center">
+      {{ 'Copyright &copy;' | t:'default' }}
+      {{ site.name }} –
+      {{ 'All rights reserved' | t:'default' }}
+    </p>
+  </section>
+</div>
\ No newline at end of file