diff --git a/assets/custom.css.liquid b/assets/custom.css.liquid
index 0f9cfbf..1c18af4 100644
--- a/assets/custom.css.liquid
+++ b/assets/custom.css.liquid
@@ -431,4 +431,125 @@ 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{
+max-width:1200px;
+margin:0 auto;
+display:grid;
+grid-template-columns:1.5fr 1fr 1fr 1fr;
+grid-template-areas:
+"brand col1 col2 col3 col4";
+gap:3rem;
+justify-content:center;
+}
+.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:.75rem;
+}
+.social-icons{
+display:flex;
+gap:1rem;
+align-items:center;
+}
+.shopify-payments,
+.footer-payments ul{
+display:flex;
+gap:.75rem;
+align-items:center;
+}
+.footer-cta{
+background:#5b3df5;
+color:white;
+padding:.75rem 1.5rem;
+font-weight:600;
+border-radius:4px;
+text-decoration:none;
+width:fit-content;
+}
+.footer-bottom-title,
+.footer-title{
+margin-bottom:.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;
+}
+}
+.payment-single ul{
+max-width:420px;
+grid-template-columns:repeat(4,1fr);
+}
+
+@media(min-width:768px){
+.payment-single ul{
+grid-template-columns:repeat(5,1fr);
+}
+.payment-single{
+max-width:420px;
+}.payment-single ul li{
+min-width:48px;
+min-height:32px;
+}
+/* center footer when only one link column */
+
+.footer-main.footer-single{
+max-width:1100px;
+margin-left:auto;
+margin-right:auto;
+padding-left:25rem;
+grid-template-columns:1fr 1fr 1fr;
+column-gap:15em;
+}
+@media (min-width:768px) and (max-width:1024px){
+.footer-main.footer-single{
+padding-left:4rem;
+column-gap:2rem;
+}
+}
 /**/
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..1cb6c84 100644
--- a/snippets/siteFooter.liquid
+++ b/snippets/siteFooter.liquid
@@ -1,37 +1,153 @@
 <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' %}
+
+<footer class="footer-main {% if settings.footer_linklists.size == 1 %}footer-single{% endif %} max-w-8xl mx-auto px-4 py-6 grid gap-8 md:gap-16 md:grid-cols-{% if settings.footer_linklists.size == 1 %}3{% else %}5{% endif %} 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 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"
+            {% if settings.footer_linklists.size == 1 %}checked{% endif %}>
+          <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>
-        {% endif %}
         </div>
-      </aside> 
-	  {% if settings.footer_quicklinks_enable %}
-        {% 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> 
+      </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 %}
+  </section>
+  {% endif %}
+  {% if settings.footer_linklists.size == 1 %}
+  <div class="flex flex-col gap-6">
+    {% 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"
+      class="payment-single">
+      <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-3 sm:grid-cols-4 md:grid-cols-5 gap-3 max-w-[420px]">
+        {% 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>
+  {% endif %}
+</footer>
+{% if settings.footer_linklists.size > 1 %}
+<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 %}
-      <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 %}
-      </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>
+      {% 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>
+  </div>
+</section>
+{% endif %}
+<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