



<!doctype html>
<html lang="da" data-brand="base">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">

    <link rel="canonical" href="https://ottosuenson.dk/">
    <link
      rel="preconnect"
      href="https://cdn.shopify.com"
      crossorigin
    ><link
        rel="icon"
        type="image/png"
        href="//ottosuenson.dk/cdn/shop/files/otto-suenson-logo_5939b11d-555f-4023-aea1-d01807974153.svg?crop=center&height=32&v=1754639125&width=32"
      ><link
        rel="preconnect"
        href="https://fonts.shopifycdn.com"
        crossorigin
      ><title>
      Otto Suenson
</title>

    

    

<meta property="og:site_name" content="Otto Suenson">
<meta property="og:url" content="https://ottosuenson.dk/">
<meta property="og:title" content="Otto Suenson">
<meta property="og:type" content="website">
<meta property="og:description" content="Otto Suenson"><meta property="og:image" content="http://ottosuenson.dk/cdn/shop/files/OS_5_elementblack_1.png?v=1758023630">
  <meta property="og:image:secure_url" content="https://ottosuenson.dk/cdn/shop/files/OS_5_elementblack_1.png?v=1758023630">
  <meta property="og:image:width" content="172">
  <meta property="og:image:height" content="174"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Otto Suenson">
<meta name="twitter:description" content="Otto Suenson">


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/87014179081/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=da-DK"></script>
<script id="shopify-features" type="application/json">{"accessToken":"15a36dd213388fd165c3b253d6dab8a8","betas":["rich-media-storefront-analytics"],"domain":"ottosuenson.dk","predictiveSearch":true,"shopId":87014179081,"locale":"da"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "cevc20-yk.myshopify.com";
Shopify.locale = "da";
Shopify.currency = {"active":"DKK","rate":"1.0"};
Shopify.country = "DK";
Shopify.theme = {"name":"Themelio v2","id":180594278665,"schema_name":"AKQA Themelio","schema_version":"0.1.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "ottosuenson.dk/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//ottosuenson.dk/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.da.esm.js"></script>
<script type="module">
  await import("//ottosuenson.dk/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.da.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"init-windoid":["modules/v2/loader.init-windoid.da.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.da.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.da.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.da.esm.js"],"shop-button":["modules/v2/loader.shop-button.da.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.da.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.da.esm.js"],"avatar":["modules/v2/loader.avatar.da.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.da.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.da.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.da.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.da.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.da.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.da.esm.js"],"pay-button":["modules/v2/loader.pay-button.da.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.da.esm.js"],"shop-login":["modules/v2/loader.shop-login.da.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.da.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.da.esm.js"]};
</script>
<script id="__st">var __st={"a":87014179081,"offset":7200,"reqid":"47996963-f584-4201-a5e1-03b4e866e2e1-1775040476","pageurl":"ottosuenson.dk\/","u":"cd0072d1bc10","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Beskyttet af hCaptcha',privacyText:'Beskyttelse af persondata',termsText:'Vilkår'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//ottosuenson.dk/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://ottosuenson.dk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.da.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>

<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    


  <script src="//ottosuenson.dk/cdn/shop/t/6/assets/index.bundle.DU4S1-cb.js" type="module" crossorigin="anonymous"></script>
  <link href="//ottosuenson.dk/cdn/shop/t/6/assets/index.min.CCAcJOQU.css" rel="stylesheet" type="text/css" media="all" />



    <style>
      :root {
        --font-family-display: 'Nunito Sans', sans-serif;
        --font-family-normal: 'Nunito Sans', serif;--animation-fade-duration: 0.5s;
          --animation-transform-duration: 1.2s;
          --animation-delay: 0.1s;}
    </style>

    

      
    

    

    

    
  <!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
  (function (w, d) {
    var e = d.createElement('script'); e.type = 'text/javascript'; e.async = true;
    e.src = (d.location.protocol == 'https:' ? 'https' : 'http') + '://cdn.clerk.io/clerk.js';
    var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s);
    w.__clerk_q = w.__clerk_q || []; w.Clerk = w.Clerk || function () { w.__clerk_q.push(arguments) };
  })(window, document);
  let publicKey = 'hOdbnTJYZXtTicx1VoIhZBj0ANrfHv3o';
  Clerk('config', {
    key: publicKey,
    formatters: {
      currency_converter: function (price) {
        var converted_price = (price * Shopify.currency.rate);
        return (converted_price).toString();
      }
    },
    globals: {
      currency_iso: "DKK",
      currency_symbol: "kr."
    }
  });

  // Clerk.js Context
  Clerk('context', {
    product: null,
    category: null,
    page: 'homepage'
          
  });

  

  document.addEventListener('DOMContentLoaded', (e) => {
    (async function fetchVisitorId() {
      let visitorId = window.sessionStorage.getItem('visitor_id');
      try {
        if (!visitorId) {
          const response = await fetch(`https://api.clerk.io/v2/misc/visitor_id?key=${publicKey}&visitor=auto`);
          const data = await response.json();
          visitorId = data.visitor;
          window.sessionStorage.setItem('visitor_id', data.visitor);
        }
        Clerk('config', {
          visitor: visitorId,
        });
      } catch (error) {
        console.error('Error:', error);
      } finally {
        window.Shopify.analytics.publish('clerk_pixel_context', {
          localeApiKey: publicKey,
          visitor: visitorId,
        });
      }
    })();
  });
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

<script>
const addCookieInformationConsentScript = () => {
const consentScript = document.createElement('script');
consentScript.setAttribute('src','https://policy.app.cookieinformation.com/uc.js');
consentScript.setAttribute('data-culture', 'DA');
consentScript.id = 'CookieConsent';
document.head.appendChild(consentScript);
};
const setupListenerForConsentGathering = () => {
   window.addEventListener("CookieInformationConsentGiven", () => {
       let consentSignals = {};
       let consentCookieReady = false;
       let customerPrivacyAPIReady = false;
       const checkAndSetTrackingConsent = () => {
           if (consentCookieReady && customerPrivacyAPIReady && Object.keys(consentSignals).length > 0) {
               window.Shopify.customerPrivacy.setTrackingConsent(
                   {
                       "analytics": consentSignals['cookie_cat_statistic'] || false,
                       "marketing": consentSignals['cookie_cat_marketing'] || false,
                       "preferences": consentSignals['cookie_cat_functional'] || false,
                       "sale_of_data": consentSignals['cookie_cat_marketing'] || false,
                   },
                   () => console.log("Cookie Information: consent gathered")
               );
           }
       };
       if (window.CookieInformation) {
           const consentCookie = window.CookieInformation._getCookieValue('CookieInformationConsent');
           if (consentCookie) {
               const consent = JSON.parse(consentCookie);
               if (consent) {
                   consentSignals = consent.consents_approved || [];
                   consentSignals = consentSignals.reduce((acc, curr) => {
                       acc[curr] = true;
                       return acc;
                   }, {});
                   consentCookieReady = true;
                   checkAndSetTrackingConsent();
               }
           }
       }
       const customerPrivacyAPIInterval = setInterval(() => {
           if (window.Shopify.customerPrivacy) {
               clearInterval(customerPrivacyAPIInterval);
               customerPrivacyAPIReady = true;
               checkAndSetTrackingConsent();
           }
       }, 100);
   });
};
window.Shopify.loadFeatures(
   [
       {
           name: 'consent-tracking-api',
           version: '0.1',
       },
   ],
   error => {
       if (error) {
           throw error;
       }
       setupListenerForConsentGathering();
       addCookieInformationConsentScript();
   }
);
</script>
  <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/Vh7ZsP/klaviyo.js?company_id=Vh7ZsP"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>









<!-- END app block --><script src="https://cdn.shopify.com/extensions/019c76a0-93db-7fce-932a-dacfbf213665/stape-remix-41/assets/widget.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 87014179081,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 87014179081,storefrontBaseUrl: "https://ottosuenson.dk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"3174269193","configuration":"{\"pixel_id\":\"592569004545302\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"2994831625","configuration":"{\"accountID\":\"87014179081\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a7c164e7850b13db8e3fc309e7d78690","type":"APP","apiClientId":10250649601,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["3b5414a6"]},{"id":"2924577033","configuration":"{\"accountID\":\"Vh7ZsP\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"297337097","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Stape (Custom Pixel)"},{"id":"308379913","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Clerk.io"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Otto Suenson","paymentSettings":{"currencyCode":"DKK"},"myshopifyDomain":"cevc20-yk.myshopify.com","countryCode":"DK","storefrontUrl":"https:\/\/ottosuenson.dk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://ottosuenson.dk/cdn","cfa8229ew36b6053dp1e134caame9d83f21",{"modern":"","legacy":""},{"trekkieShim":true,"shopId":"87014179081","storefrontBaseUrl":"https:\/\/ottosuenson.dk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"cfa8229ew36b6053dp1e134caame9d83f21","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'DKK';
  var meta = {"page":{"pageType":"home","requestId":"47996963-f584-4201-a5e1-03b4e866e2e1-1775040476"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 87014179081,
      theme_id: 180594278665,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//ottosuenson.dk/cdn/s/trekkie.storefront.debbda03e9ac9faaa11b0ff77bcb79c971117f47.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//ottosuenson.dk/cdn/s/trekkie.storefront.debbda03e9ac9faaa11b0ff77bcb79c971117f47.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//ottosuenson.dk/cdn/s/trekkie.storefront.debbda03e9ac9faaa11b0ff77bcb79c971117f47.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":87014179081,"isMerchantRequest":null,"themeId":180594278665,"themeCityHash":"3300322598854313091","contentLanguage":"da","currency":"DKK","eventMetadataId":"8a809f18-40b3-42ef-90a9-8597c4a201cd"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;
      

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"47996963-f584-4201-a5e1-03b4e866e2e1-1775040476","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//ottosuenson.dk/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://ottosuenson.dk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="87014179081"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="180594278665"
  data-theme-name="AKQA Themelio"
  data-theme-version="0.1.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://ottosuenson.dk/api/collect"
></script>
</head>

  <body class="antialiased" data-fade-up-animation="true">
    <a href="#main-content" class="sr-only focus-visible:not-sr-only focus-visible:absolute focus-visible:inline-flex left-1/2 focus-visible:top-4 -translate-x-1/2 z-50 btn btn-primary fixed">
      Spring til indhold
    </a>
    <header
      class="top-0 left-0 z-30 w-full sticky"
      data-module="header"
      data-page-type="index"
    >
      <header-content class="block transition-transform duration-500 bg-background">
        <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--25038092075273__header" class="shopify-section shopify-section-group-header-group">

<div
  id="header"
  class=" theme-white bg-background text-foreground border-b border-[#E5E5E5] transition-colors duration-500"
  data-theme="default"
>
  <div class="flex items-center justify-between gap-6 max-lg:h-[var(--nav-height-mobile)] lg:min-h-20 container">
    
    <div class="h-full max-lg:order-last lg:basis-full">
      <div id="shopify-block-AZE1jcU05blQzdkVVO__header-menu" class="shopify-block header-menu h-full">

<div data-id="mobile-nav-disclosure" data-module="navigation-manager" class="h-full">
  <button
    class="theme-white rounded-button relative h-full w-5 items-center justify-center justify-self-end leading-none transition-colors duration-200 lg:hidden [&>span]:pt-0 [&>svg]:transition-colors [&>svg]:duration-200"
    aria-controls="mobile-nav"
    aria-expanded="false"
    data-element="disclosure-button-mobile-nav-disclosure"
  >
    <span class="line bg-foreground absolute left-0 h-[1px] w-full -translate-y-1.5"></span>
    <span class="line bg-foreground absolute left-0 h-[1px] w-full"></span>
    <span class="line bg-foreground absolute left-0 h-[1px] w-full translate-y-1.5"></span>
    <span class="sr-only">Hoved</span>
  </button>
  <!-- Level 0 -->
  <div
    id="mobile-nav"
    class="navigation-level navigation-level--0 z-20 flex flex-col overflow-hidden overflow-y-auto px-6 pt-8 pb-6 max-lg:top-[var(--header-height-mobile)] max-lg:h-[calc(100svh-var(--header-height-mobile))] max-lg:-translate-x-full lg:visible lg:top-0 lg:contents lg:translate-y-0"
    data-element="disclosure-element"
  >
    <nav aria-labelledby="main-nav" class="transition-transform lg:static lg:block lg:transition-none">
      <span id="main-nav" class="hidden">Hoved</span>
      <ul class="bg-background flex flex-col gap-8 max-lg:pt-10 lg:flex-row lg:items-center lg:justify-center lg:gap-8">
        <li id="shopify-block-AQWRkZ0xoNXFBZzV2T__header_navigation_item_wGW8FA" class="shopify-block max-lg:border-b max-lg:border-brand-grey-100 max-lg:pb-6">


  <!-- Level 1 -->
  <div data-id="Produkter">
    


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline   whitespace-nowrap"
  aria-controls="navigation-Produkter"
  aria-expanded="false"
  data-element="disclosure-button-Produkter"
>
  <span>Produkter</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>


    <div
      id="navigation-Produkter"
      class="navigation-level navigation-level--1 z-10 gap-4 max-lg:min-h-full max-lg:w-full  max-lg:-translate-x-full max-lg:overflow-hidden max-lg:px-6 md:auto-cols-fr lg:top-full lg:-z-10 lg:-translate-y-full"
      inert
      data-element="disclosure-element"
    >
      <p class="current-menu-item nav-opacity-transition">Produkter</p>
      <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-Produkter"
    aria-expanded="false"
    data-element="disclosure-button-Produkter"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
      

<!-- Level 2: 0 -->
<div class="nav-opacity-transition lg:container w-full">
  <ul class="flex w-full flex-col lg:grid lg:grid-cols-6 lg:gap-4">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-id="Typer" data-level="0">
        
          


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline  lg:hidden whitespace-nowrap"
  aria-controls="navigation-Typer"
  aria-expanded="false"
  data-element="disclosure-button-Typer"
>
  <span>Typer</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>

  
    <h3><a href="https://cevc20-yk.myshopify.com/collections/all" class="block max-lg:hidden text-heading-sm text-brand-primary-sand-600 text-bold mb-2 hover:underline">Typer</a></h3>
  


          <div
            id="navigation-Typer"
            class="navigation-level navigation-level--2-1 lg:visible lg:relative z-10 h-full w-full gap-4 px-6 pb-2 max-lg:h-0 max-lg:min-h-full max-lg:-translate-x-full max-lg:overflow-hidden md:auto-cols-fr  lg:px-0 lg:py-0 "
            inert
            data-element="disclosure-element"
          >
            <p class="current-menu-item">Typer</p>
            <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-Typer"
    aria-expanded="false"
    data-element="disclosure-button-Typer"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
            

<!-- Level 2: 1 -->
<div class="nav-opacity-transition lg:opacity-100">
  <ul class="flex w-full flex-col lg:gap-1">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/rodvin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Rødvin

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/hvidvin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Hvidvin

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/rosevin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Rosé

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/orangevin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Orangevin

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/mousserende-vin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Mousserende vin

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/champagne"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Champagne

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/hedvin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Hedvin

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/spiritus"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Spiritus

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/alkoholfri"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Alkoholfri

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/fine-wine"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Fine Wine

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/dessertvin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Dessertvin

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/okologisk-vin"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Økologisk vin

  
    </a>
  


        
      </li>
    
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 pt-1">
        


  
    <a
      href="https://cevc20-yk.myshopify.com/collections/all"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg  max-lg:uppercase underline hover:no-underline lg:text-body-xs"
      
      
      
    >
  
Se alle

  
    </a>
  


      </li>
    
  </ul>
  </div>



          </div>
        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-id="Lande" data-level="0">
        
          


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline  lg:hidden whitespace-nowrap"
  aria-controls="navigation-Lande"
  aria-expanded="false"
  data-element="disclosure-button-Lande"
>
  <span>Lande</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>

  
    <h3><a href="/collections/all" class="block max-lg:hidden text-heading-sm text-brand-primary-sand-600 text-bold mb-2 hover:underline">Lande</a></h3>
  


          <div
            id="navigation-Lande"
            class="navigation-level navigation-level--2-1 lg:visible lg:relative z-10 h-full w-full gap-4 px-6 pb-2 max-lg:h-0 max-lg:min-h-full max-lg:-translate-x-full max-lg:overflow-hidden md:auto-cols-fr  lg:px-0 lg:py-0 "
            inert
            data-element="disclosure-element"
          >
            <p class="current-menu-item">Lande</p>
            <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-Lande"
    aria-expanded="false"
    data-element="disclosure-button-Lande"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
            

<!-- Level 2: 1 -->
<div class="nav-opacity-transition lg:opacity-100">
  <ul class="flex w-full flex-col lg:gap-1">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/frankrig"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Frankrig

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/italien"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Italien

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/spanien"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Spanien

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/tyskland"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Tyskland

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/usa"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
USA

  
    </a>
  


        
      </li>
    
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 pt-1">
        


  
    <a
      href="/collections/all"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg  max-lg:uppercase underline hover:no-underline lg:text-body-xs"
      
      
      
    >
  
Se alle

  
    </a>
  


      </li>
    
  </ul>
  </div>



          </div>
        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-id="Druer" data-level="0">
        
          


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline  lg:hidden whitespace-nowrap"
  aria-controls="navigation-Druer"
  aria-expanded="false"
  data-element="disclosure-button-Druer"
>
  <span>Druer</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>

  
    <h3><a href="/collections/all" class="block max-lg:hidden text-heading-sm text-brand-primary-sand-600 text-bold mb-2 hover:underline">Druer</a></h3>
  


          <div
            id="navigation-Druer"
            class="navigation-level navigation-level--2-1 lg:visible lg:relative z-10 h-full w-full gap-4 px-6 pb-2 max-lg:h-0 max-lg:min-h-full max-lg:-translate-x-full max-lg:overflow-hidden md:auto-cols-fr  lg:px-0 lg:py-0 "
            inert
            data-element="disclosure-element"
          >
            <p class="current-menu-item">Druer</p>
            <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-Druer"
    aria-expanded="false"
    data-element="disclosure-button-Druer"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
            

<!-- Level 2: 1 -->
<div class="nav-opacity-transition lg:opacity-100">
  <ul class="flex w-full flex-col lg:gap-1">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/pinot-noir"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Pinot Noir

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/chardonnay"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Chardonnay

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/riesling"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Riesling

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/sauvignon-blanc"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Sauvignon Blanc

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/cabernet-sauvignon"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Cabernet Sauvignon

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/syrah"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Syrah

  
    </a>
  


        
      </li>
    
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 pt-1">
        


  
    <a
      href="/collections/all"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg  max-lg:uppercase underline hover:no-underline lg:text-body-xs"
      
      
      
    >
  
Se alle

  
    </a>
  


      </li>
    
  </ul>
  </div>



          </div>
        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-id="Diverse" data-level="0">
        
          


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline  lg:hidden whitespace-nowrap"
  aria-controls="navigation-Diverse"
  aria-expanded="false"
  data-element="disclosure-button-Diverse"
>
  <span>Diverse</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>

  
    <h3><a href="/collections/all" class="block max-lg:hidden text-heading-sm text-brand-primary-sand-600 text-bold mb-2 hover:underline">Diverse</a></h3>
  


          <div
            id="navigation-Diverse"
            class="navigation-level navigation-level--2-1 lg:visible lg:relative z-10 h-full w-full gap-4 px-6 pb-2 max-lg:h-0 max-lg:min-h-full max-lg:-translate-x-full max-lg:overflow-hidden md:auto-cols-fr  lg:px-0 lg:py-0 "
            inert
            data-element="disclosure-element"
          >
            <p class="current-menu-item">Diverse</p>
            <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-Diverse"
    aria-expanded="false"
    data-element="disclosure-button-Diverse"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
            

<!-- Level 2: 1 -->
<div class="nav-opacity-transition lg:opacity-100">
  <ul class="flex w-full flex-col lg:gap-1">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/vinglas"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Vinglas

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/emballage"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Emballage

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/snacks-sodt-og-salt"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Specialiteter

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 " data-level="1">
        
          


  
    <a
      href="/collections/vintilbehor"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Vintilbehør

  
    </a>
  


        
      </li>
    
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 pt-1">
        


  
    <a
      href="/collections/all"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg  max-lg:uppercase underline hover:no-underline lg:text-body-xs"
      
      
      
    >
  
Se alle

  
    </a>
  


      </li>
    
  </ul>
  </div>



          </div>
        
      </li>
    
    
  </ul>
  </div>



    </div>
  </div>




</li>
<li id="shopify-block-AS3YwaEVSUEk4VUlrT__header_navigation_item_4iAWJ7" class="shopify-block max-lg:border-b max-lg:border-brand-grey-100 max-lg:pb-6">


  <!-- Level 1 -->
  <div data-id="Events">
    


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline   whitespace-nowrap"
  aria-controls="navigation-Events"
  aria-expanded="false"
  data-element="disclosure-button-Events"
>
  <span>Events</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>


    <div
      id="navigation-Events"
      class="navigation-level navigation-level--1 z-10 gap-4 max-lg:min-h-full max-lg:w-full  max-lg:-translate-x-full max-lg:overflow-hidden max-lg:px-6 md:auto-cols-fr lg:top-full lg:-z-10 lg:-translate-y-full"
      inert
      data-element="disclosure-element"
    >
      <p class="current-menu-item nav-opacity-transition">Events</p>
      <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-Events"
    aria-expanded="false"
    data-element="disclosure-button-Events"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
      

<!-- Level 2: 0 -->
<div class="nav-opacity-transition lg:container w-full">
  <ul class="flex w-full flex-col lg:grid lg:grid-cols-6 lg:gap-4">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/vinsmagning-hos-otto-suenson"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Vinsmagninger

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/events-hos-otto-suenson-for-b2b-og-erhverv"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Events for erhverv

  
    </a>
  


        
      </li>
    
    
  </ul>
  </div>



    </div>
  </div>




</li>
<li id="shopify-block-AeUwwbmppT0VGY2gwY__header_navigation_item_m63h4x" class="shopify-block max-lg:border-b max-lg:border-brand-grey-100 max-lg:pb-6">


  <a
    href="/collections/tilbud"
    class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex max-w-fit items-center gap-4 transition-opacity hover:underline max-lg:w-full max-lg:uppercase"
  >Tilbud</a>




</li>
<li id="shopify-block-AZ2w5QTBXbnRwVVF0T__header_navigation_item_fybHyj" class="shopify-block max-lg:border-b max-lg:border-brand-grey-100 max-lg:pb-6">


  <a
    href="/pages/butikker"
    class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex max-w-fit items-center gap-4 transition-opacity hover:underline max-lg:w-full max-lg:uppercase"
  >Butikker og Lager</a>




</li>
<li id="shopify-block-AVnFqbDhqUFB5a0Y4c__header_navigation_item_9ECJ6L" class="shopify-block max-lg:border-b max-lg:border-brand-grey-100 max-lg:pb-6">


  <!-- Level 1 -->
  <div data-id="OmOtto">
    


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline   whitespace-nowrap"
  aria-controls="navigation-OmOtto"
  aria-expanded="false"
  data-element="disclosure-button-OmOtto"
>
  <span>Om Otto</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>


    <div
      id="navigation-OmOtto"
      class="navigation-level navigation-level--1 z-10 gap-4 max-lg:min-h-full max-lg:w-full  max-lg:-translate-x-full max-lg:overflow-hidden max-lg:px-6 md:auto-cols-fr lg:top-full lg:-z-10 lg:-translate-y-full"
      inert
      data-element="disclosure-element"
    >
      <p class="current-menu-item nav-opacity-transition">Om Otto</p>
      <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-OmOtto"
    aria-expanded="false"
    data-element="disclosure-button-OmOtto"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
      

<!-- Level 2: 0 -->
<div class="nav-opacity-transition lg:container w-full">
  <ul class="flex w-full flex-col lg:grid lg:grid-cols-6 lg:gap-4">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/historien"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Historien

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/om-otto-suenson-vinhandel"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Teamet

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/karriere"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Karriere

  
    </a>
  


        
      </li>
    
    
  </ul>
  </div>



    </div>
  </div>




</li>
<li id="shopify-block-AUjRvSnpNTVo2S2kzZ__header_navigation_item_whdqzC" class="shopify-block max-lg:border-b max-lg:border-brand-grey-100 max-lg:pb-6">


  <!-- Level 1 -->
  <div data-id="Kundeservice">
    


<button
  class="text-foreground  lg:text-foreground max-lg:text-heading-lg text-body-xs flex lg:max-w-fit items-center gap-4 justify-between transition-opacity max-lg:w-full max-lg:uppercase hover:underline   whitespace-nowrap"
  aria-controls="navigation-Kundeservice"
  aria-expanded="false"
  data-element="disclosure-button-Kundeservice"
>
  <span>Kundeservice</span>
  <span data-element="caret" class="-rotate-90 lg:rotate-0 transition-all">
    <svg aria-hidden="true" class="w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

  </span>
</button>


    <div
      id="navigation-Kundeservice"
      class="navigation-level navigation-level--1 z-10 gap-4 max-lg:min-h-full max-lg:w-full  max-lg:-translate-x-full max-lg:overflow-hidden max-lg:px-6 md:auto-cols-fr lg:top-full lg:-z-10 lg:-translate-y-full"
      inert
      data-element="disclosure-element"
    >
      <p class="current-menu-item nav-opacity-transition">Kundeservice</p>
      <div class="lg:hidden pt-8 pb-12 nav-opacity-transition max-lg:flex max-lg:flex-col">
  <button
    class="inline-flex max-w-fit items-center gap-4 lg:hidden"
    aria-controls="navigation-Kundeservice"
    aria-expanded="false"
    data-element="disclosure-button-Kundeservice"
  >
    <svg aria-hidden="true" class="rotate-90 w-3 h-3 text-foreground/50" viewBox="0 0 10 6">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708z"/>
</svg>

    <span>Tilbage</span>
  </button>
</div>
      

<!-- Level 2: 0 -->
<div class="nav-opacity-transition lg:container w-full">
  <ul class="flex w-full flex-col lg:grid lg:grid-cols-6 lg:gap-4">
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/tilmeld-dig-vores-nyhedsbrev"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Nyhedsbrev

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/handelsbetingelser"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Handelsbetingelser

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/cookie-og-persondatapolitkk"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Cookie- og persondatapolitik

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/fodevarestyrelsens-smiley-rapporter"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Fødevarestyrelsens smiley-rapport

  
    </a>
  


        
      </li>
    
      <li class="max-lg:border-b max-lg:border-brand-grey-100 max-lg:py-6 lg:col-span-1" data-level="0">
        
          


  
    <a
      href="/pages/kontakt"
      class="inline-flex items-center gap-2 underline-offset-4  max-lg:text-heading-lg max-lg:uppercase hover:underline lg:text-body-xs"
      
      
      
    >
  
Kontakt os

  
    </a>
  


        
      </li>
    
    
  </ul>
  </div>



    </div>
  </div>




</li>

      </ul>
    </nav>
  </div>
</div>



</div>

    </div>

    
    <div class="logo flex flex-1 basis-1/2 items-center lg:justify-center  lg:-order-1 lg:justify-start">
      <div id="shopify-block-AUUlnR2FXTnUvZ1Bze__header-logo" class="shopify-block header-logo"><a href="/" class="block">
  
    <div
      id="shop-logo"
      class="flex items-center transition-[filter] duration-500 justify-center"
    >
      
      <img src="//ottosuenson.dk/cdn/shop/files/OS_5_elementblack_1.png?v=1758023630&amp;width=600" alt="Otto Suenson" srcset="//ottosuenson.dk/cdn/shop/files/OS_5_elementblack_1.png?v=1758023630&amp;width=40 40w, //ottosuenson.dk/cdn/shop/files/OS_5_elementblack_1.png?v=1758023630&amp;width=60 60w, //ottosuenson.dk/cdn/shop/files/OS_5_elementblack_1.png?v=1758023630&amp;width=80 80w" width="40" height="40.46511627906977" loading="eager" sizes="(max-width: 80px) 50vw, 40px">
      
    </div>
  
</a>



</div>

    </div>

    
    <div class="flex basis-1/2 flex-row items-center justify-end gap-6">
      
      
        <div class="max-lg:order-2" data-module="search" data-search-url="/search/suggest">
          <button
            class="text-body-xxs border-brand-grey-400/30 [>svg]:transition-transform hover:border-brand-grey-400 flex items-center gap-2 transition-colors duration-100 lg:border-b lg:py-2 [&>svg]:duration-100 hover:[&>svg]:origin-center hover:[&>svg]:scale-105"
            data-element="search-button"
          >
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"  aria-hidden="true" class="w-5 h-5 lg:w-4 lg:h-4" >
<path d="M19.452 18.3858C19.452 18.3858 15.8527 15.536 14.2889 14.2051L13.6117 14.9666C15.1206 16.5548 18.1149 19.8092 18.1149 19.8092L19.4537 18.3758L19.452 18.3858Z" fill="currentColor"/>
<path d="M15.693 13.3608C16.1101 12.5006 16.3187 11.5089 16.3187 10.3957C16.3187 8.4932 15.7029 6.95499 14.4813 5.77097C13.2596 4.58695 11.6606 4 9.68416 4C7.70771 4 6.10868 4.58695 4.86719 5.75073C3.62571 6.92463 3 8.43248 3 10.2743C3 12.2173 3.61578 13.7859 4.8374 14.9901C6.05902 16.1944 7.64812 16.8016 9.6047 16.8016C11.5613 16.8016 13.2497 16.2146 14.4813 15.0306C14.7395 14.7877 15.1864 14.3121 15.693 13.3608ZM13.1206 14.7472C12.3459 15.7795 11.1243 16.2956 9.68416 16.2956C8.24404 16.2956 7.01248 15.7693 6.22786 14.727C5.43331 13.6745 5.03604 12.1971 5.03604 10.2945C5.03604 8.392 5.43331 6.97523 6.22786 5.93289C7.02241 4.89054 8.25397 4.37443 9.6643 4.37443C11.0746 4.37443 12.3062 4.89054 13.1007 5.93289C13.8853 6.97523 14.2826 8.43248 14.2826 10.3249C14.2826 12.2173 13.8953 13.7251 13.1206 14.7574V14.7472Z" fill="currentColor"/>
</svg>
            <span class="text-brand-grey-400 max-lg:hidden">Søg vin og spiritus</span>
          </button>
          




<dialog
  id="search-modal"
  class="dialog-backdrop text-foreground m-0 max-h-screen w-full max-w-full translate-y-8 overflow-auto overscroll-contain opacity-0 shadow-md transition-all duration-300"
  data-element="disclosure-element"
  data-theme
>
  <div class="py-12">
    <div class="container grid grid-cols-12 gap-4">
      
      
<div class=" col-span-12 md:col-span-6 md:col-start-4">
  <form
    action="/search"
    method="get"
    role="search"
    class="bg-theme-background rounded-button flex h-12 w-full items-center justify-between gap-2 border"
  >
    
      <label for="Search" class="sr-only">Søg vin og spiritus</label>
    
    <input
      id="Search"
      type="search"
      name="q"
      value=""
      role="combobox"
      aria-expanded="false"
      aria-controls="predictive-search-results"
      aria-haspopup="listbox"
      aria-autocomplete="list"
      placeholder="Søg efter produkter, sider osv."
      class="h-12 w-full p-4"
      data-element="search-input"
    >
    <input name="options[prefix]" type="hidden" value="last">
    <button type="submit" class="flex h-12 w-12 items-center justify-center" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-expanded="false">
      <span class="sr-only">Søg vin og spiritus</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"  aria-hidden="true" class="w-6 h-6" >
<path d="M19.452 18.3858C19.452 18.3858 15.8527 15.536 14.2889 14.2051L13.6117 14.9666C15.1206 16.5548 18.1149 19.8092 18.1149 19.8092L19.4537 18.3758L19.452 18.3858Z" fill="currentColor"/>
<path d="M15.693 13.3608C16.1101 12.5006 16.3187 11.5089 16.3187 10.3957C16.3187 8.4932 15.7029 6.95499 14.4813 5.77097C13.2596 4.58695 11.6606 4 9.68416 4C7.70771 4 6.10868 4.58695 4.86719 5.75073C3.62571 6.92463 3 8.43248 3 10.2743C3 12.2173 3.61578 13.7859 4.8374 14.9901C6.05902 16.1944 7.64812 16.8016 9.6047 16.8016C11.5613 16.8016 13.2497 16.2146 14.4813 15.0306C14.7395 14.7877 15.1864 14.3121 15.693 13.3608ZM13.1206 14.7472C12.3459 15.7795 11.1243 16.2956 9.68416 16.2956C8.24404 16.2956 7.01248 15.7693 6.22786 14.727C5.43331 13.6745 5.03604 12.1971 5.03604 10.2945C5.03604 8.392 5.43331 6.97523 6.22786 5.93289C7.02241 4.89054 8.25397 4.37443 9.6643 4.37443C11.0746 4.37443 12.3062 4.89054 13.1007 5.93289C13.8853 6.97523 14.2826 8.43248 14.2826 10.3249C14.2826 12.2173 13.8953 13.7251 13.1206 14.7574V14.7472Z" fill="currentColor"/>
</svg>
    </button>
  </form>
</div>


      
      <div class="col-span-12 hidden md:col-span-6 md:col-start-4" data-element="predictive-search" tabindex="-1"></div>

      
      <div class="col-span-12 md:col-span-6 md:col-start-4" data-element="default-results">
        <div class="grid grid-cols-12 gap-4 md:grid-cols-6">
          <div class="col-span-12">
            <span class="mb-3 block w-full border-b text-body-xs opacity-50">
              Produkter
            </span>
            <ul class="grid grid-cols-12 gap-4">
              
                <li class="col-span-12 md:col-span-6 lg:col-span-4" >
                   






<product-card class="product-card flex flex-col flex-nowrap h-full">
  <a href="/products/10-ars-tawny" class="group/anchor">
    <product-card-image class="group rounded-element relative overflow-hidden bg-brand-grey-100 flex items-center justify-center aspect-portrait">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=1920" alt="10 Års Tawny" srcset="//ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/7116_3749c6d4-a0b5-4998-9583-c493c3aaa9ed.png?v=1758278653&amp;width=1920 1920w" width="1920" height="7504" loading="lazy" class="max-h-2/3 max-w-2/3 object-contain w-full h-full img-default md:hover:scale-105 transition ease-in-out" sizes="100vw">
  


      

      
      
        <div class="card-ribbon theme-sand-dark text-foreground bg-background absolute start-4 top-0 flex gap-1 flex-col items-center justify-center px-2 py-6 text-center transition-all">
          <p class="text-heading-sm">92/100</p>
          <p class="text-body-xxs">Point</p>
          
          
        </div>
      

      
      <div class="product-card-labels absolute bottom-4 left-4">
        
          <p class="product-card-label">Hedvin</p>
        
        
        
        
        
      </div>
    </product-card-image>

    <product-card-content class="text-foreground block py-4">
      <div class="w-full">
        <div class="flex w-full flex-wrap justify-between gap-x-1">
          <h3 class=" group-hover/anchor:underline text-heading-sm font-bold">
  
  
    
  
  
  10 Års Tawny
</h3>

        </div>

        
          
          
          
            <p class="text-body-xs mt-2">Quinta Santa Eufemia</p>
          
          
          
            <p class="text-body-xs mt-2">
              
                <span>Portugal,</span>
              
              
                <span>Douro</span>
              
            </p>
          
        
<div class="flex gap-4 mt-4">
        
<price
  class="block relative "
  
>
  <div class="flex flex-wrap gap-x-4"><span class="sr-only">Udsalgspris</span>
    <span class="whitespace-nowrap text-heading-md font-bold">
      225,00 kr
    </span>

    <small class=" hidden">
      <span class="sr-only">Stykpris</span>
      <span class="flex items-center">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="sr-only">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div>
</price>

        



    </div>
      </div>
    </product-card-content>
  </a>

  
</product-card>

                </li>
              
                <li class="col-span-12 md:col-span-6 lg:col-span-4" >
                   






<product-card class="product-card flex flex-col flex-nowrap h-full">
  <a href="/products/10-ars-white" class="group/anchor">
    <product-card-image class="group rounded-element relative overflow-hidden bg-brand-grey-100 flex items-center justify-center aspect-portrait">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=1920" alt="10 års White" srcset="//ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/7126_3db20003-c164-4ce8-9534-69d25abfb9e8.png?v=1758278652&amp;width=1920 1920w" width="1920" height="9060" loading="lazy" class="max-h-2/3 max-w-2/3 object-contain w-full h-full img-default md:hover:scale-105 transition ease-in-out" sizes="100vw">
  


      

      
      

      
      <div class="product-card-labels absolute bottom-4 left-4">
        
          <p class="product-card-label">Hedvin</p>
        
        
        
        
        
      </div>
    </product-card-image>

    <product-card-content class="text-foreground block py-4">
      <div class="w-full">
        <div class="flex w-full flex-wrap justify-between gap-x-1">
          <h3 class=" group-hover/anchor:underline text-heading-sm font-bold">
  
  
    
  
  
  10 års White
</h3>

        </div>

        
          
          
          
            <p class="text-body-xs mt-2">Quinta Santa Eufemia</p>
          
          
          
            <p class="text-body-xs mt-2">
              
                <span>Portugal,</span>
              
              
                <span>Douro</span>
              
            </p>
          
        
<div class="flex gap-4 mt-4">
        
<price
  class="block relative "
  
>
  <div class="flex flex-wrap gap-x-4"><span class="sr-only">Udsalgspris</span>
    <span class="whitespace-nowrap text-heading-md font-bold">
      175,00 kr
    </span>

    <small class=" hidden">
      <span class="sr-only">Stykpris</span>
      <span class="flex items-center">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="sr-only">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div>
</price>

        



    </div>
      </div>
    </product-card-content>
  </a>

  
</product-card>

                </li>
              
                <li class="col-span-12 md:col-span-6 lg:col-span-4" >
                   






<product-card class="product-card flex flex-col flex-nowrap h-full">
  <a href="/products/10-year-boal-reserve-medium-sweet" class="group/anchor">
    <product-card-image class="group rounded-element relative overflow-hidden bg-brand-grey-100 flex items-center justify-center aspect-portrait">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=1920" alt="10 year Boal Reserve (medium sweet)" srcset="//ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/616582_57d79a07-fa44-4105-8913-89a27cbcdfbf.png?v=1758278651&amp;width=1920 1920w" width="1920" height="7385" loading="lazy" class="max-h-2/3 max-w-2/3 object-contain w-full h-full img-default md:hover:scale-105 transition ease-in-out" sizes="100vw">
  


      

      
      

      
      <div class="product-card-labels absolute bottom-4 left-4">
        
          <p class="product-card-label">Hedvin</p>
        
        
        
        
        
      </div>
    </product-card-image>

    <product-card-content class="text-foreground block py-4">
      <div class="w-full">
        <div class="flex w-full flex-wrap justify-between gap-x-1">
          <h3 class=" group-hover/anchor:underline text-heading-sm font-bold">
  
  
    
  
  
  10 year Boal Reserve (medium sweet)
</h3>

        </div>

        
          
          
          
            <p class="text-body-xs mt-2">Barbeito</p>
          
          
          
            <p class="text-body-xs mt-2">
              
                <span>Portugal,</span>
              
              
                <span>Madeira</span>
              
            </p>
          
        
<div class="flex gap-4 mt-4">
        
<price
  class="block relative "
  
>
  <div class="flex flex-wrap gap-x-4"><span class="sr-only">Udsalgspris</span>
    <span class="whitespace-nowrap text-heading-md font-bold">
      345,00 kr
    </span>

    <small class=" hidden">
      <span class="sr-only">Stykpris</span>
      <span class="flex items-center">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="sr-only">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div>
</price>

        



    </div>
      </div>
    </product-card-content>
  </a>

  
</product-card>

                </li>
              
                <li class="col-span-12 md:col-span-6 lg:col-span-4" >
                   






<product-card class="product-card flex flex-col flex-nowrap h-full">
  <a href="/products/10-year-malvasia-reserve-sweet" class="group/anchor">
    <product-card-image class="group rounded-element relative overflow-hidden bg-brand-grey-100 flex items-center justify-center aspect-portrait">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=1920" alt="10 year Malvasia Reserve (sweet)" srcset="//ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/616583_fc9ec997-97b4-498c-92fd-2fdbb387e3cf.png?v=1758278653&amp;width=1920 1920w" width="1920" height="7385" loading="lazy" class="max-h-2/3 max-w-2/3 object-contain w-full h-full img-default md:hover:scale-105 transition ease-in-out" sizes="100vw">
  


      

      
      
        <div class="card-ribbon theme-sand-dark text-foreground bg-background absolute start-4 top-0 flex gap-1 flex-col items-center justify-center px-2 py-6 text-center transition-all">
          <p class="text-heading-sm">92/100</p>
          <p class="text-body-xxs">Point</p>
          
          
        </div>
      

      
      <div class="product-card-labels absolute bottom-4 left-4">
        
          <p class="product-card-label">Hedvin</p>
        
        
        
        
        
      </div>
    </product-card-image>

    <product-card-content class="text-foreground block py-4">
      <div class="w-full">
        <div class="flex w-full flex-wrap justify-between gap-x-1">
          <h3 class=" group-hover/anchor:underline text-heading-sm font-bold">
  
  
    
  
  
  10 year Malvasia Reserve (sweet)
</h3>

        </div>

        
          
          
          
            <p class="text-body-xs mt-2">Barbeito</p>
          
          
          
            <p class="text-body-xs mt-2">
              
                <span>Portugal,</span>
              
              
                <span>Madeira</span>
              
            </p>
          
        
<div class="flex gap-4 mt-4">
        
<price
  class="block relative "
  
>
  <div class="flex flex-wrap gap-x-4"><span class="sr-only">Udsalgspris</span>
    <span class="whitespace-nowrap text-heading-md font-bold">
      340,00 kr
    </span>

    <small class=" hidden">
      <span class="sr-only">Stykpris</span>
      <span class="flex items-center">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="sr-only">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div>
</price>

        



    </div>
      </div>
    </product-card-content>
  </a>

  
</product-card>

                </li>
              
                <li class="col-span-12 md:col-span-6 lg:col-span-4" >
                   






<product-card class="product-card flex flex-col flex-nowrap h-full">
  <a href="/products/10-year-sercial-reserve-velha-dry" class="group/anchor">
    <product-card-image class="group rounded-element relative overflow-hidden bg-brand-grey-100 flex items-center justify-center aspect-portrait">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=1920" alt="10 year Sercial reserve velha (dry)" srcset="//ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/616581_ef5e0c01-4113-4e97-a885-10d3ff0d0e8c.png?v=1758278655&amp;width=1920 1920w" width="1920" height="7385" loading="lazy" class="max-h-2/3 max-w-2/3 object-contain w-full h-full img-default md:hover:scale-105 transition ease-in-out" sizes="100vw">
  


      

      
      
        <div class="card-ribbon theme-sand-dark text-foreground bg-background absolute start-4 top-0 flex gap-1 flex-col items-center justify-center px-2 py-6 text-center transition-all">
          <p class="text-heading-sm">95/100</p>
          <p class="text-body-xxs">Point</p>
          
          
        </div>
      

      
      <div class="product-card-labels absolute bottom-4 left-4">
        
          <p class="product-card-label">Hedvin</p>
        
        
        
        
        
      </div>
    </product-card-image>

    <product-card-content class="text-foreground block py-4">
      <div class="w-full">
        <div class="flex w-full flex-wrap justify-between gap-x-1">
          <h3 class=" group-hover/anchor:underline text-heading-sm font-bold">
  
  
    
  
  
  10 year Sercial reserve velha (dry)
</h3>

        </div>

        
          
          
          
            <p class="text-body-xs mt-2">Barbeito</p>
          
          
          
            <p class="text-body-xs mt-2">
              
                <span>Portugal,</span>
              
              
                <span>Madeira</span>
              
            </p>
          
        
<div class="flex gap-4 mt-4">
        
<price
  class="block relative "
  
>
  <div class="flex flex-wrap gap-x-4"><span class="sr-only">Udsalgspris</span>
    <span class="whitespace-nowrap text-heading-md font-bold">
      345,00 kr
    </span>

    <small class=" hidden">
      <span class="sr-only">Stykpris</span>
      <span class="flex items-center">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="sr-only">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div>
</price>

        



    </div>
      </div>
    </product-card-content>
  </a>

  
</product-card>

                </li>
              
                <li class="col-span-12 md:col-span-6 lg:col-span-4" >
                   






<product-card class="product-card flex flex-col flex-nowrap h-full">
  <a href="/products/10-year-verdelho-reserve-medium-dry" class="group/anchor">
    <product-card-image class="group rounded-element relative overflow-hidden bg-brand-grey-100 flex items-center justify-center aspect-portrait">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=1920" alt="10 year Verdelho Reserve (medium dry)" srcset="//ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/616584_65787885-1eed-45fc-b61f-dcf573cca273.png?v=1758278655&amp;width=1920 1920w" width="1920" height="7385" loading="lazy" class="max-h-2/3 max-w-2/3 object-contain w-full h-full img-default md:hover:scale-105 transition ease-in-out" sizes="100vw">
  


      

      
      
        <div class="card-ribbon theme-sand-dark text-foreground bg-background absolute start-4 top-0 flex gap-1 flex-col items-center justify-center px-2 py-6 text-center transition-all">
          <p class="text-heading-sm">91/100</p>
          <p class="text-body-xxs">Point</p>
          
          
        </div>
      

      
      <div class="product-card-labels absolute bottom-4 left-4">
        
          <p class="product-card-label">Hedvin</p>
        
        
        
        
        
      </div>
    </product-card-image>

    <product-card-content class="text-foreground block py-4">
      <div class="w-full">
        <div class="flex w-full flex-wrap justify-between gap-x-1">
          <h3 class=" group-hover/anchor:underline text-heading-sm font-bold">
  
  
    
  
  
  10 year Verdelho Reserve (medium dry)
</h3>

        </div>

        
          
          
          
            <p class="text-body-xs mt-2">Barbeito</p>
          
          
          
            <p class="text-body-xs mt-2">
              
                <span>Portugal,</span>
              
              
                <span>Madeira</span>
              
            </p>
          
        
<div class="flex gap-4 mt-4">
        
<price
  class="block relative "
  
>
  <div class="flex flex-wrap gap-x-4"><span class="sr-only">Udsalgspris</span>
    <span class="whitespace-nowrap text-heading-md font-bold">
      345,00 kr
    </span>

    <small class=" hidden">
      <span class="sr-only">Stykpris</span>
      <span class="flex items-center">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="sr-only">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div>
</price>

        



    </div>
      </div>
    </product-card-content>
  </a>

  
</product-card>

                </li>
              
            </ul>
          </div>
        </div>
      </div>
      <button
        class="absolute top-4 right-4 transition-transform duration-300 hover:rotate-90"
        data-element="close-button"
      >
        <svg
  xmlns="http://www.w3.org/2000/svg"
  fill="currentcolor"
  viewBox="0 0 24 24"
  stroke-width="1.5"
  stroke="currentcolor"
  class="w-6 h-6 fill-foreground stroke-foreground"
>
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>

        <span class="sr-only">
          Luk
        </span>
      </button>
    </div>
  </div>
</dialog>

        </div>
      

      <a
    class="max-lg:order-1"
    href="https://ottosuenson.dk/customer_authentication/redirect?locale=da&region_country=DK"
    target="_blank"
  >
    <span class="sr-only underline-offset-4 hover:underline">Konto</span>
    
      
      
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 transition-transform duration-100 hover:scale-105 hover:origin-center">
<path d="M8.00894 7.72574C8.00894 6.63153 8.38218 5.73657 9.12757 5.04195C9.87292 4.34732 10.8368 4 12.018 4C13.1992 4 14.1565 4.35058 14.8909 5.05174C15.6253 5.7529 15.9919 6.66637 15.9919 7.79324C15.9919 8.9201 15.6253 9.84555 14.8909 10.5445C14.1565 11.2435 13.1828 11.593 11.9697 11.593C10.7567 11.593 9.84441 11.2359 9.11001 10.5206C8.3756 9.80635 8.00894 8.87438 8.00894 7.72574ZM9.41848 7.73989C9.41848 8.87111 9.65561 9.74755 10.1299 10.3692C10.604 10.9909 11.1606 11.3023 12.018 11.3023C12.8754 11.3023 13.4253 10.9964 13.8886 10.3834C14.3519 9.77042 14.5835 8.89397 14.5835 7.75404C14.5835 6.61411 14.3475 5.76923 13.8755 5.15191C13.4034 4.53458 12.8534 4.22537 12.0048 4.22537C11.1562 4.22537 10.6052 4.53458 10.1309 5.15191C9.65674 5.76923 9.41958 6.63262 9.41958 7.73989H9.41848Z" fill="currentColor"/>
<path d="M4.0011 20.9989C4.0011 18.5502 4.7399 16.5372 6.2175 15.0151C7.6951 13.493 9.62058 12.7319 11.994 12.7319C14.3673 12.7319 16.3192 13.493 17.7912 15.0151C19.2634 16.5372 20 18.4675 20 20.9825H19.3852C19.3852 19.2057 18.7398 17.2807 17.4477 16.3215C16.1567 15.3624 14.3092 14.8822 11.9072 14.8822C9.50532 14.8822 7.72473 15.3711 6.42388 16.3499C5.12302 17.3287 4.47204 19.2416 4.47204 21H4L4.0011 20.9989Z" fill="currentColor"/>
</svg>

      
    
  </a>

      
      <button
        data-element="cart-btn"
        class="relative whitespace-nowrap max-lg:order-3"
        
      >
        <span class="sr-only underline-offset-4 hover:underline">Cart</span>
        
        <cart-amount><svg width="14" height="16" viewBox="0 0 14 16" fill="none"  aria-hidden="true" class="w-5 h-5 transition-transform duration-100 hover:scale-105 hover:origin-center" xmlns="http://www.w3.org/2000/svg">
  <rect x="1.2998" y="5.54919" width="11.8" height="9.4" stroke="currentColor"/>
  <path d="M10.3999 8.24919V4.24919C10.3999 2.48188 8.96719 1.04919 7.19988 1.04919V1.04919C5.43257 1.04919 3.99988 2.48188 3.99988 4.24919V8.24919" stroke="currentColor"/>
</svg>

</cart-amount>

        
      </button>
      
    </div>
  </div>
</div>



</div>
<!-- END sections: header-group -->
      </header-content>
    </header>
    <div class="flex min-h-screen flex-col after:fixed after:transition-all after:pointer-events-none after:top-0 after:left-0 after:w-full after:h-full" id="main-footer-container">
      <main class="flex-1" id="main-content">
        <section id="shopify-section-template--25038124810505__media_banner_ipjDwi" class="shopify-section">

<media-banner
  data-theme="default"
  class="bg-background block pt-0 pb-0 default scroll-fade-up"
>
  <div class="">
    
    <media-container
      class="relative flex items-center justify-center min-h-[calc(50vh-var(--header-height-mobile))] md:min-h-[calc(100vh-var(--header-height-desktop))]"
      data-module="a11y-video"
    >
      
        <video
          class="absolute inset-0 w-full h-full object-cover md:hidden"
          loop
          muted
          playsinline
          poster=""
          id="media-banner-video-mobile"
        >
          <source
            src="//ottosuenson.dk/cdn/shop/videos/c/vp/1240bc5bbfaa459395d3eab70663541b/1240bc5bbfaa459395d3eab70663541b.HD-1080p-7.2Mbps-57480294.mp4?v=0"
            type="video/mp4"
            media="(prefers-reduced-motion: no-preference) and (max-width: 768px)"
          >
        </video>

        
          <video
            class="absolute inset-0 w-full h-full object-cover hidden md:block"
            loop
            muted
            playsinline
            poster=""
            id="media-banner-video"
          >
            <source
              src="//ottosuenson.dk/cdn/shop/videos/c/vp/1240bc5bbfaa459395d3eab70663541b/1240bc5bbfaa459395d3eab70663541b.HD-1080p-7.2Mbps-57480294.mp4?v=0"
              type="video/mp4"
              media="(prefers-reduced-motion: no-preference) and (min-width: 768px)"
            >
          </video>
        
        <button
          class="reduce-motion-hidden play-pause-btn absolute right-4 bottom-4 z-[2] flex h-10 w-10 items-center justify-center rounded-full bg-white"
          aria-controls="media-banner-video,media-banner-video-mobile"
        >
          <span
            class="sr-only"
            data-play-text="Afspil video"
            data-pause-text="Pause video"
          >
            Pause video
          </span>
          <svg
            class="play-icon hidden h-6 w-6 text-black"
            fill="currentColor"
            width="24"
            height="24"
            viewBox="0 0 24 24"
          >
            <path d="M20 12L8 18.9282L8 5.0718L20 12Z" fill="currentColor"/>
          </svg>

          <svg class="pause-icon h-6 w-6 text-black" stroke="currentColor" viewBox="0 0 24 24" fill="currentColor">
            <path d="M10 20H9V4H10V19.9895V20Z" fill="currentColor"/>
            <path d="M15 20H14V4H15V19.9895V20Z" fill="currentColor"/>
          </svg>
        </button>
      

      
      
        <div
          class="absolute  inset-0 bg-overlay/10 "
        ></div>
      

      <media-banner-content class="text-background z-[1] container flex min-h-[calc(50vh-var(--header-height-mobile))] md:min-h-[calc(100vh-var(--header-height-desktop))] w-full flex-col justify-between gap-8 p-4 md:p-10 lg:items-start">
        <div class="w-full grow">
          
            <div class="sticky top-30 md:top-40">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1377 121" fill="none" class="w-full fill-white">
  <path d="M0 60.4776C0 25.6062 30.4926 0 64.3486 0C98.2046 0 127.301 24.5591 127.301 59.2718C127.301 93.9845 99.0613 120.098 63.6506 120.098C28.2398 120.098 0 95.7297 0 60.4776ZM21.9255 60.4776C21.9255 87.9875 32.8089 115.339 64.6977 115.339C96.5864 115.339 105.376 86.052 105.376 59.9381C105.376 33.8243 94.4922 4.72778 63.6506 4.72778C32.8089 4.72778 21.9255 34.5541 21.9255 60.4776Z"/>
  <path d="M243.401 29.4456H238.673C237.626 12.2796 230.962 7.71046 214.494 7.71046C208.021 7.71046 197.487 6.82202 197.487 12.4382V95.5394C197.487 108.517 199.93 113.435 216.938 114.133V118.163C207.292 117.973 197.487 117.623 187.841 117.465C178.544 117.655 169.438 118.004 159.95 118.163V114.133C176.958 113.435 179.401 108.517 179.401 95.5394V12.4382C179.401 7.17105 171.691 7.71046 164.678 7.71046C147.322 7.71046 138.913 8.56718 138.215 29.4456H134.186V2.09424H241.814L243.401 29.4456Z"/>
  <path d="M361.345 29.4456H356.617C355.57 12.2796 348.907 7.71046 332.439 7.71046C325.966 7.71046 315.431 6.82202 315.431 12.4382V95.5394C315.431 108.517 317.875 113.435 334.882 114.133V118.163C325.236 117.973 315.431 117.623 305.785 117.465C296.489 117.655 287.382 118.004 277.895 118.163V114.133C294.902 113.435 297.345 108.517 297.345 95.5394V12.4382C297.345 7.17105 289.635 7.71046 282.623 7.71046C265.266 7.71046 256.858 8.56718 256.16 29.4456H252.13V2.09424H359.758L361.345 29.4456Z"/>
  <path d="M367.719 60.4776C367.719 25.5744 398.243 0 432.067 0C465.892 0 495.02 24.5591 495.02 59.2718C495.02 93.9845 466.78 120.098 431.369 120.098C395.959 120.098 367.719 95.7297 367.719 60.4776ZM389.644 60.4776C389.644 87.9875 400.528 115.339 432.416 115.339C464.305 115.339 473.094 86.052 473.094 59.9381C473.094 33.8243 462.211 4.72778 431.369 4.72778C400.528 4.72778 389.644 34.5223 389.644 60.4776Z"/>
  <path d="M554.546 83.5773H558.576C562.066 101.283 571.553 116.196 591.702 116.196C605.378 116.196 616.769 108.485 616.769 94.3021C616.769 78.3418 602.934 72.0275 590.115 66.9507C574.155 60.8268 557.148 52.3866 557.148 32.4284C557.148 12.4701 572.791 0.825195 591.892 0.825195C601.538 0.825195 610.486 4.15686 618.355 9.77308L622.385 2.95111H624.32L625.209 33.2851H621.179C617.149 18.721 608.9 5.58471 591.892 5.58471C580.66 5.58471 571.395 12.7874 571.395 24.1785C571.395 38.0446 583.833 42.7724 594.716 47.3098C612.961 54.8615 633.3 63.9681 633.3 86.9407C633.3 109.913 611.914 120.955 591.416 120.955C579.486 120.955 570.221 117.433 560.733 110.421L556.513 117.782H554.578V83.609L554.546 83.5773Z"/>
  <path d="M751.969 72.503C751.969 104.424 739.531 120.891 706.214 120.891C674.833 120.891 659.571 109.849 659.571 78.1193V36.2038C659.571 30.5876 659.571 17.61 657.826 12.8822C655.541 6.91694 648.37 6.91694 642.754 6.91694V2.91895C651.004 3.10933 659.412 3.45836 667.662 3.61701C676.61 3.42663 685.367 3.10933 694.315 2.91895V6.94867C688.699 6.94867 681.338 6.79002 679.244 12.9139C677.657 17.6417 677.657 30.6193 677.657 36.2355V79.3568C677.657 101.79 686.414 114.609 710.434 114.609C734.454 114.609 746.733 101.98 746.733 78.5V40.1066C746.733 33.9827 746.733 20.4657 744.988 15.0398C742.545 7.67846 735.533 6.9804 728.679 6.9804V2.91895C735.501 3.10933 742.164 3.45836 749.018 3.61701C755.491 3.42663 761.996 3.10933 768.659 2.91895V6.94867C763.043 7.13905 756.919 6.94867 754.444 13.263C752.001 19.5772 752.001 33.0625 752.001 40.0749V72.503H751.969Z"/>
  <path d="M798.264 36.9336C798.264 31.3174 798.264 18.3398 796.519 13.612C794.234 7.64673 787.063 7.64673 781.447 7.64673V2.91895H868.578V29.3818H864.548C861.217 8.85247 852.11 7.64673 833.516 7.64673H820.888C818.254 7.64673 817.048 7.48808 816.509 8.34479C816.16 9.04285 816.319 10.9784 816.319 14.8177V56.3842C840.338 57.4312 843.829 47.4363 844.907 34.8077H848.937C848.747 42.7085 848.588 50.7679 848.239 58.637C848.588 65.8397 848.747 73.2011 848.937 80.3721H844.907C842.464 61.9686 833.167 61.0802 816.319 61.0802V89.8277C816.319 95.0949 816.319 103.345 819.46 107.533C824.029 113.689 834.881 114.006 841.893 113.847C860.138 113.498 872.037 111.214 874.321 90.3671H878.351L876.764 118.575H781.384V114.545C787 114.545 794.171 114.545 796.456 108.58C798.201 103.852 798.201 90.8748 798.201 85.2585V36.8701L798.264 36.9336Z"/>
  <path d="M906.339 17.4831C900.913 9.77265 896.693 7.13905 887.238 6.94867V2.91895C892.854 3.0776 898.28 3.42663 903.896 3.61701C908.465 3.45836 913.193 3.10933 917.73 2.91895L991.725 93.1911H992.074V44.4536C992.074 36.9019 992.074 24.6541 990.487 17.4513C988.393 7.64673 983.665 8.34479 974.908 6.91694V2.91895C981.381 3.0776 987.695 3.42663 994.2 3.61701C1000.32 3.45836 1006.29 3.10933 1012.79 2.91895V6.94867C1006.32 7.64673 1001.75 7.13905 999.467 14.6591C997.722 20.2753 997.373 38.3297 997.373 45.3421V120.891H992.106C988.266 116.164 984.395 111.245 980.556 106.359L912.019 23.2579H911.67V82.149C911.67 88.6537 911.67 101.79 914.303 107.755C917.286 114.577 923.061 114.228 929.565 114.958V118.988C922.902 118.797 916.048 118.448 909.417 118.29C902.944 118.48 896.439 118.829 889.966 118.988V114.958C896.788 114.26 903.293 113.911 905.038 106.359C906.434 100.045 906.434 89.0027 906.434 82.1807V17.4831H906.339Z"/>
  <path d="M1024.5 83.5773H1028.53C1032.02 101.283 1041.51 116.196 1061.66 116.196C1075.34 116.196 1086.73 108.485 1086.73 94.3021C1086.73 78.3418 1072.86 72.0275 1060.07 66.9507C1044.11 60.8268 1027.11 52.3866 1027.11 32.4284C1027.11 12.4701 1042.72 0.856934 1061.82 0.856934C1071.46 0.856934 1080.41 4.18859 1088.28 9.80482L1092.31 2.98285H1094.25L1095.14 33.3168H1091.11C1087.08 18.7527 1078.83 5.61645 1061.82 5.61645C1050.59 5.61645 1041.32 12.8192 1041.32 24.2103C1041.32 38.0763 1053.76 42.8041 1064.64 47.3415C1082.89 54.8933 1103.23 63.9998 1103.23 86.9724C1103.23 109.945 1081.84 120.987 1061.31 120.987C1049.38 120.987 1040.08 117.465 1030.63 110.453L1026.41 117.814H1024.47V83.6407L1024.5 83.5773Z"/>
  <path d="M1118.33 61.3028C1118.33 26.3996 1148.82 0.825195 1182.68 0.825195C1216.53 0.825195 1245.6 25.3526 1245.6 60.0653C1245.6 94.778 1217.36 120.892 1181.95 120.892C1146.54 120.892 1118.3 96.5232 1118.3 61.271M1140.25 61.3028C1140.25 88.8127 1151.11 116.164 1183.03 116.164C1214.95 116.164 1223.7 86.8772 1223.7 60.7633C1223.7 34.6495 1212.82 5.55298 1181.98 5.55298C1151.14 5.55298 1140.25 35.3475 1140.25 61.3028Z"/>
  <path d="M1270.35 17.4831C1264.92 9.77265 1260.7 7.13905 1251.24 6.94867V2.91895C1256.86 3.0776 1262.29 3.42663 1267.9 3.61701C1272.47 3.45836 1277.2 3.10933 1281.74 2.91895L1355.73 93.1911H1356.08V44.4536C1356.08 36.9019 1356.08 24.6541 1354.49 17.4513C1352.4 7.64673 1347.67 8.34479 1338.88 6.91694V2.91895C1345.36 3.0776 1351.67 3.42663 1358.17 3.61701C1364.3 3.45836 1370.26 3.10933 1376.77 2.91895V6.94867C1370.3 7.64673 1365.73 7.13905 1363.44 14.6591C1361.7 20.2753 1361.35 38.3297 1361.35 45.3421V120.891H1356.08C1352.21 116.164 1348.37 111.245 1344.5 106.359L1275.93 23.2579H1275.58V82.149C1275.58 88.6537 1275.58 101.79 1278.21 107.755C1281.2 114.577 1286.97 114.228 1293.48 114.958V118.988C1286.81 118.797 1279.96 118.448 1273.33 118.29C1266.86 118.48 1260.35 118.829 1253.88 118.988V114.958C1260.73 114.26 1267.2 113.911 1268.95 106.359C1270.35 100.045 1270.35 89.0027 1270.35 82.1807V17.4831Z"/>
</svg>
            </div>
          
        </div>
        
      </media-banner-content>
    </media-container>
    
  </div>
</media-banner>



</section><section id="shopify-section-template--25038124810505__collection_list_WAexzW" class="shopify-section">


<collection-list class="block scroll-fade-up">
  <div class="pt-5 pb-16">
    
    


<div
  class=" overflow-visible"
  data-theme="default"
>
  <div
    class="akqa-swiper akqa-swiper-xs overflow-visible overflow-visible  container"
    data-module="carousel"
    data-size="xs"
    data-loop="false"
    data-autoplay-delay=""
    data-autoplay=""
    data-navigation=""
  >
    
    
      <div class="mb-4 flex flex-wrap items-center justify-between gap-4 ">
        
      </div>
    
    
    
    
      <!-- Left arrow - only visible when clickable -->
      <div class="absolute left-4 top-1/2 -translate-y-1/2 z-10 hidden lg:flex">
        <button class="akqa-swiper-button-prev carousel-navigation-button group transition-opacity duration-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 5 10" fill="none" class="icon-arrow  rotate-180 transition-transform"> 
<path d="M0.786131 1.98695e-07L5.78613 5L0.786132 10L0.214834 9.4287L4.64354 5L0.214832 0.571298L0.786131 1.98695e-07Z" fill="currentColor"/>
</svg>
          <span class="sr-only">Forrige slide</span>
        </button>
      </div>
      <!-- Right arrow - only visible when clickable -->
      <div class="absolute right-4 top-1/2 -translate-y-1/2 z-10 hidden lg:flex">
        <button class="akqa-swiper-button-next carousel-navigation-button group transition-opacity duration-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 5 10" fill="none" class="icon-arrow  transition-transform"> 
<path d="M0.786131 1.98695e-07L5.78613 5L0.786132 10L0.214834 9.4287L4.64354 5L0.214832 0.571298L0.786131 1.98695e-07Z" fill="currentColor"/>
</svg>
          <span class="sr-only">Næste slide</span>
        </button>
      </div>
    
    
    <div class="akqa-swiper-wrapper">
      
      
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/champagne" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Champagne_kategori.png?v=1760077237&amp;width=1920 1920w" width="1920" height="2592" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Champagne
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/mousserende-vin" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Mousserende_kategori.png?v=1760077237&amp;width=1920 1920w" width="1920" height="2587" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Mousserende
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/hvidvin" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Hvidvin_kategori.png?v=1760077561&amp;width=1920 1920w" width="1920" height="2699" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Hvidvin
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/rodvin" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Rodvin_kategori.png?v=1758829545&amp;width=1920 1920w" width="1920" height="2592" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Rødvin
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/rosevin" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Rose_kategori.png?v=1760077236&amp;width=1920 1920w" width="1920" height="2587" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Rosévin
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/dessertvin" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Dessert_kategori.png?v=1758829545&amp;width=1920 1920w" width="1920" height="2598" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Dessertvin
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/hedvin" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Hedvin_kategori.png?v=1758829545&amp;width=1920 1920w" width="1920" height="2583" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Hedvin
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/spiritus" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Spiritus_kategori.png?v=1758829545&amp;width=1920 1920w" width="1920" height="2588" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Spiritus
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/alkoholfri" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden lg:aspect-landscape aspect-square pb-1 flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Alkoholfri_kategori.png?v=1758829545&amp;width=1920 1920w" width="1920" height="2592" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full lg:max-w-3/5 lg:max-h-3/5 max-h-full max-w-full object-contain" sizes="(min-width: 1024px) 17vw, (min-width: 768px) 22vw, 29vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-center lg:text-heading-md text-heading-sm group-hover:underline ">
            
            Alkoholfri
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
        
      
    </div>
    <div class="akqa-swiper-pagination"></div>
  </div>
</div>

  </div>
</collection-list>



</section><section id="shopify-section-template--25038124810505__media_with_text_TQqQeW" class="shopify-section">

<image-with-text class="scroll-fade-up block">
  <div class="pt-5 pb-5  lg:container ">
    <div class="theme-red">
      <div
        class="min-h-[50vh] grid grid-cols-12 gap-y-4 lg:flex-row lg:gap-y-0"
      >
        <div class="relative col-span-12 lg:col-span-6 lg:ml-[calc(50%-50vw)]2 ">
          
            
            <image-element>
              


  
    <img src="//ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/col_fodo_test_2.png?v=1773755695&amp;width=1920 1920w" width="1920" height="2560" loading="lazy" class="object-cover h-full-until-fullscreen aspect-square lg:aspect-landscape" sizes="(min-width: 1024px) 50vw, 100vw">
  


            </image-element>
          
        </div>
        <div
          class="bg-background  text-foreground col-span-12 flex w-full flex-col justify-center justify-self-center py-10 lg:col-span-6  lg:p-10 "
        >
          <div class="grow space-y-6 px-8  lg:px-0  ">
            <div class="sticky top-40 lg:mb-8">
              
              
                
                    

<h2 
  class="font-normal text-heading-4xl-responsive text-center
  
   "
>
  6/6 stjerner i Jyllands-Posten
</h2>

                
              
                
                    

<h2 
  class="font-normal text-heading-3xl-responsive text-center
  
   "
>
  "tager alt det, man tror, man ved om Prosecco, og vender det på hovedet."
</h2>

                
              
                
                    

<h2 
  class="font-normal text-heading-xl-responsive text-center
  
   "
>
  
</h2>

                
              

              <div class="mt-6  flex flex-col gap-4 items-center">
                <div class="rich-text text-body-xs max-w-[var(--max-width-xl)]">
                  
                </div>

                


  
    <a
      href="https://ottosuenson.dk/products/prosecco-col-fondo"
      class="inline-flex items-center gap-2 underline-offset-4 btn btn-primary whitespace-nowrap self-center"
      
      
      
    >
  
LÆS MERE

  
    </a>
  


              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</image-with-text>



</section><section id="shopify-section-template--25038124810505__media_with_text_JryWeM" class="shopify-section">

<image-with-text class="scroll-fade-up block">
  <div class="pt-5 pb-5  lg:container ">
    <div class="default">
      <div
        class="min-h-[50vh] grid grid-cols-12 gap-y-4 lg:flex-row lg:gap-y-0"
      >
        <div class="relative col-span-12 lg:col-span-6 lg:ml-[calc(50%-50vw)]2 ">
          
            
            <image-element>
              


  
    <img src="//ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/3446_1.jpg?v=1760705345&amp;width=1920 1920w" width="1920" height="2879" loading="lazy" class="object-cover h-full-until-fullscreen aspect-square lg:aspect-portrait" sizes="(min-width: 1024px) 50vw, 100vw">
  


            </image-element>
          
        </div>
        <div
          class="bg-background  text-foreground col-span-12 flex w-full flex-col justify-center justify-self-center py-10 lg:col-span-6  lg:p-10 "
        >
          <div class="grow space-y-6 px-8  lg:px-0  ">
            <div class="sticky top-40 lg:mb-8">
              
              
                
                    

<h2 
  class="font-normal text-heading-4xl-responsive text-left
  
   "
>
  Events & Smagninger
</h2>

                
              

              <div class="mt-6  flex flex-col gap-4 items-start">
                <div class="rich-text text-body-xs max-w-[var(--max-width-xl)]">
                  <p>Vi elsker at invitere vores kunder helt med ind i vinens verden. Mød producenterne, hør historierne og smag på vinene under de bedst mulige forhold. Hold øje med vores hjemmeside, eller tilmeld dig vores nyhedsbrev, hvis du vil være sikker på at komme med til vores næste event!<br/><br/>Kunne du tænkte dig en privat smagning til dig eller dit arbejde? Skriv til os på event@ottosuenson.dk - så kommer vi gerne med et uforpligtende tilbud!</p>
                </div>

                


  
    <a
      href="https://ottosuenson.dk/collections/events"
      class="inline-flex items-center gap-2 underline-offset-4 btn btn-primary whitespace-nowrap self-start"
      
      
      
    >
  
Se aktuelle events

  
    </a>
  


              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</image-with-text>



</section><section id="shopify-section-template--25038124810505__collection_list_nAtpgi" class="shopify-section">


<collection-list class="block scroll-fade-up">
  <div class="pt-5 pb-5">
    
      <div class="container mb-1 grid grid-cols-2 gap-4">
        
          <h2 class="text-heading-2xl-responsive col-span-2 md:col-span-1">Populære regioner</h2>
        
        
      </div>
    
    


<div
  class=" overflow-visible"
  data-theme="light"
>
  <div
    class="akqa-swiper akqa-swiper-sm overflow-visible overflow-visible  container"
    data-module="carousel"
    data-size="sm"
    data-loop="false"
    data-autoplay-delay=""
    data-autoplay=""
    data-navigation=""
  >
    
    
      <div class="mb-4 flex flex-wrap items-center justify-between gap-4 ">
        
      </div>
    
    
    
    
      <!-- Left arrow - only visible when clickable -->
      <div class="absolute left-4 top-1/2 -translate-y-1/2 z-10 hidden lg:flex">
        <button class="akqa-swiper-button-prev carousel-navigation-button group transition-opacity duration-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 5 10" fill="none" class="icon-arrow  rotate-180 transition-transform"> 
<path d="M0.786131 1.98695e-07L5.78613 5L0.786132 10L0.214834 9.4287L4.64354 5L0.214832 0.571298L0.786131 1.98695e-07Z" fill="currentColor"/>
</svg>
          <span class="sr-only">Forrige slide</span>
        </button>
      </div>
      <!-- Right arrow - only visible when clickable -->
      <div class="absolute right-4 top-1/2 -translate-y-1/2 z-10 hidden lg:flex">
        <button class="akqa-swiper-button-next carousel-navigation-button group transition-opacity duration-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 5 10" fill="none" class="icon-arrow  transition-transform"> 
<path d="M0.786131 1.98695e-07L5.78613 5L0.786132 10L0.214834 9.4287L4.64354 5L0.214832 0.571298L0.786131 1.98695e-07Z" fill="currentColor"/>
</svg>
          <span class="sr-only">Næste slide</span>
        </button>
      </div>
    
    
    <div class="akqa-swiper-wrapper">
      
      
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/bourgogne" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden aspect-portrait flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=1920" alt="Bourgogne" srcset="//ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=160 160w, //ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=320 320w, //ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=640 640w, //ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=768 768w, //ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/collections/olivier-bourgogne.png?v=1765809758&amp;width=1920 1920w" width="1920" height="1280" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full object-cover" sizes="(min-width: 768px) 25vw, (min-width: 640px) 50vw, 100vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-heading-lg">
            
            Bourgogne
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/mosel" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden aspect-portrait flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=1920" alt="Mosel" srcset="//ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=160 160w, //ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=320 320w, //ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=640 640w, //ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=768 768w, //ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/collections/DSC01153.jpg?v=1760532713&amp;width=1920 1920w" width="1920" height="1440" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full object-cover" sizes="(min-width: 768px) 25vw, (min-width: 640px) 50vw, 100vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-heading-lg">
            
            Mosel
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/champagne" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden aspect-portrait flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=1920" alt="Champagne" srcset="//ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=160 160w, //ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=320 320w, //ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=640 640w, //ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=768 768w, //ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/collections/121963063_3996478940367247_6204531479316481222_n.jpg?v=1760533229&amp;width=1920 1920w" width="1920" height="1440" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full object-cover" sizes="(min-width: 768px) 25vw, (min-width: 640px) 50vw, 100vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-heading-lg">
            
            Champagne
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/piemonte" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden aspect-portrait flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/CASTELLO_DI_NEIVE_SUMMER.jpg?v=1765270554&amp;width=1920 1920w" width="1920" height="1280" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full object-cover" sizes="(min-width: 768px) 25vw, (min-width: 640px) 50vw, 100vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-heading-lg">
            
            Piemonte
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
          <div
            
            class="akqa-swiper-slide  h-auto!"
          >
            



<collection-card class="group flex h-full mt-8 lg:mt-0 flex-col flex-nowrap ">
  <a href="/collections/toscana" class="flex h-full w-full flex-col">
    <collection-card-image class="group relative block w-full overflow-hidden aspect-portrait flex items-end justify-center">
      


  
    <img src="//ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/collemassari.png?v=1765270899&amp;width=1920 1920w" width="1920" height="1439" loading="lazy" class="transition-transform duration-500 ease-in-out group-hover:scale-105 w-full h-full object-cover" sizes="(min-width: 768px) 25vw, (min-width: 640px) 50vw, 100vw">
  


    </collection-card-image>

    
      <collection-card-content class="text-foreground flex flex-1 flex-col gap-4 mt-4 mx-4" >
        <div class="primary-infos w-full">
          <collection-title class="block text-heading-lg">
            
            Toscana
          </collection-title>
        </div>
      </collection-card-content>
    
  </a>
</collection-card>
          </div>
        
        
      
    </div>
    <div class="akqa-swiper-pagination"></div>
  </div>
</div>

  </div>
</collection-list>



</section><div id="shopify-section-template--25038124810505__1767875553bc694ad2" class="shopify-section">

</div>
        <!-- BEGIN sections: cart-group -->
<div id="shopify-section-sections--25038091780361__cart-drawer" class="shopify-section shopify-section-group-cart-group">
  <cart-dialog
    role="dialog"
    id="cart-dialog"
    class="bg-background text-foreground invisible fixed top-0 right-0 z-50 h-full w-full translate-x-full overflow-y-auto px-4 py-8 shadow-md transition-all duration-500 md:w-2/3 lg:w-1/2"
    data-element="disclosure-element"
    data-module="cart-dialog"
  >
    <div class="mb-4 flex items-center justify-between">
      <h2 class="text-heading-xl">
        Din indkøbskurv
      </h2>
      <button
        data-element="disclosure-button"
        aria-expanded="false"
        aria-controls="cart-dialog"
        class="transition-transform duration-300 hover:rotate-90"
      >
        <svg
  xmlns="http://www.w3.org/2000/svg"
  fill="currentcolor"
  viewBox="0 0 24 24"
  stroke-width="1.5"
  stroke="currentcolor"
  class="w-6 fill-foreground stroke-foreground"
>
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>

        <span class="sr-only">
          Luk
        </span>
      </button>
    </div>

    <shopping-cart class="flex flex-col gap-4" data-change-url="/cart/change">
  
    <div class="border-y-primary my-8 border-y-1 py-4">
      <span>Din indkøbskurv er tom</span>
    </div>
  

  
<cart-buttons data-module="cart-buttons" class="block">
  

  <div class="cart-grid">
    
    
      <form action="/cart" class="col-span-2 md:col-span-1">
        
        

<button
  
    id="goto-cart-btn"
  
  
    type="submit"
  
  
    name="goto-cart"
  
  
  class="btn btn-secondary w-full"
  data-element='goto-cart-button'
>
  <span class="relative z-10">
    Se indkøbskurv
  </span>
</button>

      </form>
    

    <form id="checkout-form" action="/cart" method="POST" novalidate class="col-span-2 md:col-span-1">
      
      

<button
  
    id="checkout-btn"
  
  
    type="submit"
  
  
    name="checkout"
  
  
  class="btn btn-primary w-full"
  
>
  <span class="relative z-10">
    Gå til betaling
  </span>
</button>

    </form>
  </div>
</cart-buttons>

</shopping-cart>


    

<cart-recommendations>
  
</cart-recommendations>


     <span class="clerk" data-template="@cart-others-also-bought" data-products="[]"></span> 
  </cart-dialog>



</div>
<!-- END sections: cart-group -->
      </main>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--25038091911433__footer" class="shopify-section shopify-section-group-footer-group">

<footer
  class="pt-5 pb-5 theme-black bg-background text-foreground max-md:pb-6 scroll-fade-up"
>
  <div class="container">
    <div class="pb-12 md:pb-36">
      <div class="">
        

        <div class="col-span-full pb-12 md:col-span-6 md:col-start-7 md:pb-28">
          <div class="grid grid-cols-1 gap-8 md:grid-cols-4 md:gap-6">
            
              
                  <div class="xs:col-span-2 col-span-4 border-b border-white/15 pr-8 max-md:pb-8 md:border-r md:border-b-0 md:pr-6 md:last-of-type:border-r-0 lg:col-span-1">
                    

<div class="space-y-2" >
  
    
      <span class="block text-heading-sm tracking-widest uppercase text-highlight mb-4">Information</span>
    
  

  
    <ul class="space-y-1">
      
        <li>
          


  
    <a
      href="/pages/om-otto-suenson-vinhandel"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Om Otto

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/karriere"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Karriere

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/kontakt"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Kontakt

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/handelsbetingelser"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Handelsbetingelser

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/cookie-og-persondatapolitkk"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Cookie- og persondatapolitik

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="https://www.findsmiley.dk/Sider/Search.aspx?k=otto%20suenson"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Fødevarestyrelsens smiley-rapporter

  
    </a>
  


        </li>
      
    </ul>
  
</div>

                  </div>
                
            
              
                  <div class="xs:col-span-2 col-span-4 border-b border-white/15 pr-8 max-md:pb-8 md:border-r md:border-b-0 md:pr-6 md:last-of-type:border-r-0 lg:col-span-1">
                    

<div class="space-y-2" >
  
    
      <span class="block text-heading-sm tracking-widest uppercase text-highlight mb-4">Butikker og lager</span>
    
  

  
    <ul class="space-y-1">
      
        <li>
          


  
    <a
      href="/pages/dr-tvaergade-kobenhavn"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
København

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/butik-frederiksbergcentret"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Frederiksberg

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/butik-horsholm"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Hørsholm

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/butik-roskilde"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Roskilde

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/pages/lageret"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Lageret

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="https://shopify.com/87014179081/account/profile?locale=da&region_country=DK"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Profile

  
    </a>
  


        </li>
      
    </ul>
  
</div>

                  </div>
                
            
              
                  <div class="xs:col-span-2 col-span-4 border-b border-white/15 pr-8 max-md:pb-8 md:border-r md:border-b-0 md:pr-6 md:last-of-type:border-r-0 lg:col-span-1">
                    

<div class="space-y-2" >
  
    
      <span class="block text-heading-sm tracking-widest uppercase text-highlight mb-4">Følg os på</span>
    
  

  
    <ul class="space-y-1">
      
        <li>
          


  
    <a
      href="https://www.facebook.com/OttoSuenson"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Facebook

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="https://www.instagram.com/ottosuensonvinhandel/?hl=da"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Instagram

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="https://dk.linkedin.com/company/otto-suenson-vin-siden-1880"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
LinkedIn

  
    </a>
  


        </li>
      
    </ul>
  
</div>

                  </div>
                
            
              
                  <div class="xs:col-span-2 col-span-4 border-b border-white/15 pr-8 max-md:pb-8 md:border-r md:border-b-0 md:pr-6 md:last-of-type:border-r-0 lg:col-span-1">
                    

<div class="space-y-2" >
  
    
      <span class="block text-heading-sm tracking-widest uppercase text-highlight mb-4">Populære Producenter</span>
    
  

  
    <ul class="space-y-1">
      
        <li>
          


  
    <a
      href="/collections/weingut-markus-molitor"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Markus Molitor

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/collections/champagne-gosset"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Champagne Gosset

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/collections/benjamin-leroux"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Benjamin Leroux

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/collections/olivier-leflaive"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Olivier Leflaive

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/collections/cavallotto"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Cavallotto

  
    </a>
  


        </li>
      
        <li>
          


  
    <a
      href="/collections/il-poggione"
      class="inline-flex items-center gap-2 underline-offset-4 hover:underline text-body-sm"
      
      
      
    >
  
Il Poggione

  
    </a>
  


        </li>
      
    </ul>
  
</div>

                  </div>
                
            
          </div>
        </div>
      </div>
      <div class="space-y-10 ">
        <div class="grid grid-cols-1 gap-8 md:grid-cols-4 md:gap-0">
          <div class="[&_h3]:text-heading-sm [&_p]:text-body-sm my-auto flex flex-col space-y-1 [&_h3]:mb-4 [&_h3]:uppercase">
            
              <p>Otto Suenson & Co. A/S<br/>Gladsaxevej 356, 2860 Søborg<br/>CVR. 66607917</p><p>info@ottosuenson.dk</p><p>+45 8888 7680<br/><br/></p>
            
          </div>
          <div class="col-span-1 items-center md:col-span-2 md:col-start-2 md:flex md:justify-center">
            <a href="/">
              
                <div class="flex items-center md:justify-center ">
                  

                  
                  <img src="//ottosuenson.dk/cdn/shop/files/otto-suenson-logo.svg?v=1754574083&amp;width=600" alt="Otto Suenson" srcset="//ottosuenson.dk/cdn/shop/files/otto-suenson-logo.svg?v=1754574083&amp;width=40 40w, //ottosuenson.dk/cdn/shop/files/otto-suenson-logo.svg?v=1754574083&amp;width=60 60w, //ottosuenson.dk/cdn/shop/files/otto-suenson-logo.svg?v=1754574083&amp;width=80 80w" width="80" height="80" loading="eager" sizes="(max-width: 80px) 50vw, 40px">
                </div>
              
            </a>
          </div>
          
            <div class="flex items-center md:col-start-4 md:justify-end">
              


  
    <img src="//ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=1920" alt="Decorative" srcset="//ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=160 160w, //ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=320 320w, //ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=640 640w, //ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=768 768w, //ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=1024 1024w, //ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=1280 1280w, //ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=1536 1536w, //ottosuenson.dk/cdn/shop/files/Alkoholtskilt_2025.png?v=1757585560&amp;width=1920 1920w" width="1920" height="1920" loading="lazy" class="w-52 h-52 object-cover" sizes="(min-width: 768px) 50vw, 100vw">
  


            </div>
          
          
        </div>
        
      </div>
    </div>
    <div class="overflow-hidden">
      <div id="footer-logo" class="scroll-up">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1377 121" fill="none" class="w-full fill-white">
  <path d="M0 60.4776C0 25.6062 30.4926 0 64.3486 0C98.2046 0 127.301 24.5591 127.301 59.2718C127.301 93.9845 99.0613 120.098 63.6506 120.098C28.2398 120.098 0 95.7297 0 60.4776ZM21.9255 60.4776C21.9255 87.9875 32.8089 115.339 64.6977 115.339C96.5864 115.339 105.376 86.052 105.376 59.9381C105.376 33.8243 94.4922 4.72778 63.6506 4.72778C32.8089 4.72778 21.9255 34.5541 21.9255 60.4776Z"/>
  <path d="M243.401 29.4456H238.673C237.626 12.2796 230.962 7.71046 214.494 7.71046C208.021 7.71046 197.487 6.82202 197.487 12.4382V95.5394C197.487 108.517 199.93 113.435 216.938 114.133V118.163C207.292 117.973 197.487 117.623 187.841 117.465C178.544 117.655 169.438 118.004 159.95 118.163V114.133C176.958 113.435 179.401 108.517 179.401 95.5394V12.4382C179.401 7.17105 171.691 7.71046 164.678 7.71046C147.322 7.71046 138.913 8.56718 138.215 29.4456H134.186V2.09424H241.814L243.401 29.4456Z"/>
  <path d="M361.345 29.4456H356.617C355.57 12.2796 348.907 7.71046 332.439 7.71046C325.966 7.71046 315.431 6.82202 315.431 12.4382V95.5394C315.431 108.517 317.875 113.435 334.882 114.133V118.163C325.236 117.973 315.431 117.623 305.785 117.465C296.489 117.655 287.382 118.004 277.895 118.163V114.133C294.902 113.435 297.345 108.517 297.345 95.5394V12.4382C297.345 7.17105 289.635 7.71046 282.623 7.71046C265.266 7.71046 256.858 8.56718 256.16 29.4456H252.13V2.09424H359.758L361.345 29.4456Z"/>
  <path d="M367.719 60.4776C367.719 25.5744 398.243 0 432.067 0C465.892 0 495.02 24.5591 495.02 59.2718C495.02 93.9845 466.78 120.098 431.369 120.098C395.959 120.098 367.719 95.7297 367.719 60.4776ZM389.644 60.4776C389.644 87.9875 400.528 115.339 432.416 115.339C464.305 115.339 473.094 86.052 473.094 59.9381C473.094 33.8243 462.211 4.72778 431.369 4.72778C400.528 4.72778 389.644 34.5223 389.644 60.4776Z"/>
  <path d="M554.546 83.5773H558.576C562.066 101.283 571.553 116.196 591.702 116.196C605.378 116.196 616.769 108.485 616.769 94.3021C616.769 78.3418 602.934 72.0275 590.115 66.9507C574.155 60.8268 557.148 52.3866 557.148 32.4284C557.148 12.4701 572.791 0.825195 591.892 0.825195C601.538 0.825195 610.486 4.15686 618.355 9.77308L622.385 2.95111H624.32L625.209 33.2851H621.179C617.149 18.721 608.9 5.58471 591.892 5.58471C580.66 5.58471 571.395 12.7874 571.395 24.1785C571.395 38.0446 583.833 42.7724 594.716 47.3098C612.961 54.8615 633.3 63.9681 633.3 86.9407C633.3 109.913 611.914 120.955 591.416 120.955C579.486 120.955 570.221 117.433 560.733 110.421L556.513 117.782H554.578V83.609L554.546 83.5773Z"/>
  <path d="M751.969 72.503C751.969 104.424 739.531 120.891 706.214 120.891C674.833 120.891 659.571 109.849 659.571 78.1193V36.2038C659.571 30.5876 659.571 17.61 657.826 12.8822C655.541 6.91694 648.37 6.91694 642.754 6.91694V2.91895C651.004 3.10933 659.412 3.45836 667.662 3.61701C676.61 3.42663 685.367 3.10933 694.315 2.91895V6.94867C688.699 6.94867 681.338 6.79002 679.244 12.9139C677.657 17.6417 677.657 30.6193 677.657 36.2355V79.3568C677.657 101.79 686.414 114.609 710.434 114.609C734.454 114.609 746.733 101.98 746.733 78.5V40.1066C746.733 33.9827 746.733 20.4657 744.988 15.0398C742.545 7.67846 735.533 6.9804 728.679 6.9804V2.91895C735.501 3.10933 742.164 3.45836 749.018 3.61701C755.491 3.42663 761.996 3.10933 768.659 2.91895V6.94867C763.043 7.13905 756.919 6.94867 754.444 13.263C752.001 19.5772 752.001 33.0625 752.001 40.0749V72.503H751.969Z"/>
  <path d="M798.264 36.9336C798.264 31.3174 798.264 18.3398 796.519 13.612C794.234 7.64673 787.063 7.64673 781.447 7.64673V2.91895H868.578V29.3818H864.548C861.217 8.85247 852.11 7.64673 833.516 7.64673H820.888C818.254 7.64673 817.048 7.48808 816.509 8.34479C816.16 9.04285 816.319 10.9784 816.319 14.8177V56.3842C840.338 57.4312 843.829 47.4363 844.907 34.8077H848.937C848.747 42.7085 848.588 50.7679 848.239 58.637C848.588 65.8397 848.747 73.2011 848.937 80.3721H844.907C842.464 61.9686 833.167 61.0802 816.319 61.0802V89.8277C816.319 95.0949 816.319 103.345 819.46 107.533C824.029 113.689 834.881 114.006 841.893 113.847C860.138 113.498 872.037 111.214 874.321 90.3671H878.351L876.764 118.575H781.384V114.545C787 114.545 794.171 114.545 796.456 108.58C798.201 103.852 798.201 90.8748 798.201 85.2585V36.8701L798.264 36.9336Z"/>
  <path d="M906.339 17.4831C900.913 9.77265 896.693 7.13905 887.238 6.94867V2.91895C892.854 3.0776 898.28 3.42663 903.896 3.61701C908.465 3.45836 913.193 3.10933 917.73 2.91895L991.725 93.1911H992.074V44.4536C992.074 36.9019 992.074 24.6541 990.487 17.4513C988.393 7.64673 983.665 8.34479 974.908 6.91694V2.91895C981.381 3.0776 987.695 3.42663 994.2 3.61701C1000.32 3.45836 1006.29 3.10933 1012.79 2.91895V6.94867C1006.32 7.64673 1001.75 7.13905 999.467 14.6591C997.722 20.2753 997.373 38.3297 997.373 45.3421V120.891H992.106C988.266 116.164 984.395 111.245 980.556 106.359L912.019 23.2579H911.67V82.149C911.67 88.6537 911.67 101.79 914.303 107.755C917.286 114.577 923.061 114.228 929.565 114.958V118.988C922.902 118.797 916.048 118.448 909.417 118.29C902.944 118.48 896.439 118.829 889.966 118.988V114.958C896.788 114.26 903.293 113.911 905.038 106.359C906.434 100.045 906.434 89.0027 906.434 82.1807V17.4831H906.339Z"/>
  <path d="M1024.5 83.5773H1028.53C1032.02 101.283 1041.51 116.196 1061.66 116.196C1075.34 116.196 1086.73 108.485 1086.73 94.3021C1086.73 78.3418 1072.86 72.0275 1060.07 66.9507C1044.11 60.8268 1027.11 52.3866 1027.11 32.4284C1027.11 12.4701 1042.72 0.856934 1061.82 0.856934C1071.46 0.856934 1080.41 4.18859 1088.28 9.80482L1092.31 2.98285H1094.25L1095.14 33.3168H1091.11C1087.08 18.7527 1078.83 5.61645 1061.82 5.61645C1050.59 5.61645 1041.32 12.8192 1041.32 24.2103C1041.32 38.0763 1053.76 42.8041 1064.64 47.3415C1082.89 54.8933 1103.23 63.9998 1103.23 86.9724C1103.23 109.945 1081.84 120.987 1061.31 120.987C1049.38 120.987 1040.08 117.465 1030.63 110.453L1026.41 117.814H1024.47V83.6407L1024.5 83.5773Z"/>
  <path d="M1118.33 61.3028C1118.33 26.3996 1148.82 0.825195 1182.68 0.825195C1216.53 0.825195 1245.6 25.3526 1245.6 60.0653C1245.6 94.778 1217.36 120.892 1181.95 120.892C1146.54 120.892 1118.3 96.5232 1118.3 61.271M1140.25 61.3028C1140.25 88.8127 1151.11 116.164 1183.03 116.164C1214.95 116.164 1223.7 86.8772 1223.7 60.7633C1223.7 34.6495 1212.82 5.55298 1181.98 5.55298C1151.14 5.55298 1140.25 35.3475 1140.25 61.3028Z"/>
  <path d="M1270.35 17.4831C1264.92 9.77265 1260.7 7.13905 1251.24 6.94867V2.91895C1256.86 3.0776 1262.29 3.42663 1267.9 3.61701C1272.47 3.45836 1277.2 3.10933 1281.74 2.91895L1355.73 93.1911H1356.08V44.4536C1356.08 36.9019 1356.08 24.6541 1354.49 17.4513C1352.4 7.64673 1347.67 8.34479 1338.88 6.91694V2.91895C1345.36 3.0776 1351.67 3.42663 1358.17 3.61701C1364.3 3.45836 1370.26 3.10933 1376.77 2.91895V6.94867C1370.3 7.64673 1365.73 7.13905 1363.44 14.6591C1361.7 20.2753 1361.35 38.3297 1361.35 45.3421V120.891H1356.08C1352.21 116.164 1348.37 111.245 1344.5 106.359L1275.93 23.2579H1275.58V82.149C1275.58 88.6537 1275.58 101.79 1278.21 107.755C1281.2 114.577 1286.97 114.228 1293.48 114.958V118.988C1286.81 118.797 1279.96 118.448 1273.33 118.29C1266.86 118.48 1260.35 118.829 1253.88 118.988V114.958C1260.73 114.26 1267.2 113.911 1268.95 106.359C1270.35 100.045 1270.35 89.0027 1270.35 82.1807V17.4831Z"/>
</svg>
      </div>
    </div>
  </div>
</footer>



</div>
<!-- END sections: footer-group -->
    </div>
    <modal-element data-theme class="fixed inset-0 z-40 hidden bg-transparent" id="modal">
  <modal-backdrop class="fixed inset-0 z-40 bg-black opacity-50" id="modalBackdrop"></modal-backdrop>

  <modal-content class="fixed inset-0 z-50 flex items-center justify-center" id="modal-content">
    <modal-box class="bg-background rounded-element block w-full max-w-md p-6 shadow-lg">
      <div class="flex items-center justify-end">
        <button class="modal-close focus-visible:outline-hidden" id="modalClose">
          <svg
  xmlns="http://www.w3.org/2000/svg"
  fill="currentcolor"
  viewBox="0 0 24 24"
  stroke-width="1.5"
  stroke="currentcolor"
  class="w-6 h-6 fill-foreground stroke-foreground"
>
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>

          <span class="sr-only">Luk</span>
        </button>
      </div>
      <div id="modalBody" class="modal-body">
        <!-- Content will be injected here -->
      </div>
    </modal-box>
  </modal-content>
</modal-element>

    <div
  popover
  id="product-drawer"
  class="dialog-backdrop bg-background fixed top-0 right-0 bottom-0 z-50 m-0 ml-auto h-screen max-h-full w-full translate-x-0 overflow-y-auto px-4 py-8 transition-[translate,transform] transition-discrete md:w-96 starting:open:translate-x-full"
>
  <button
    data-element="close-button"
    popovertargetaction="hide"
    popovertarget="product-drawer"
    class="text-foreground transition-transform duration-300 hover:rotate-90"
  >
    <svg
  xmlns="http://www.w3.org/2000/svg"
  fill="currentcolor"
  viewBox="0 0 24 24"
  stroke-width="1.5"
  stroke="currentcolor"
  class="w-6 fill-foreground stroke-foreground"
>
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>

    <span class="sr-only">
      Luk
    </span>
  </button>

  <div data-element="skeleton" class="animate-pulse">
  <div class="flex flex-col gap-4">
    <!-- Image -->
    <div class="bg-gray w-full aspect-square rounded-md"></div>

    <!-- Title -->
    <div class="flex items-center justify-between mb-4">
      <div class="h-6 bg-gray rounded-sm w-3/4"></div>
    </div>

    <!-- Price -->
    <div class="flex flex-col gap-4 rounded-md bg-white">
      <div class="flex w-full justify-between">
        <div class="h-6 bg-gray rounded-sm w-1/4"></div>
        <div class="h-6 bg-gray rounded-sm w-1/4"></div>
      </div>
    </div>

    <!-- Variant picker -->
    <div class="flex flex-col gap-2">
      <div class="h-10 bg-gray rounded-sm w-full"></div>
      <div class="h-10 bg-gray rounded-sm w-full"></div>
    </div>

    <!-- Buy button -->
    <div class="h-12 bg-gray rounded-sm w-full"></div>
  </div>
</div>


  <div data-module="product-information" data-product-form-id="">
    <div
      data-module="product-form"
      data-add-to-cart-url="/cart/add"
    >
      Liquid error (snippets/product-drawer line 29): product form must be given a product
    </div>
  </div>
</div>

    <div
  class="toast-container flex-end fixed right-0 bottom-4 z-50 hidden flex-col items-end gap-2 transition-all duration-500"
>
  
</div>

  <div id="shopify-block-ARExFU25Wa0dyOGZGU__6251270934270006384" class="shopify-block shopify-app-block"><script>
  window.lsData = {};
  window.dataLayer = window.dataLayer || [];
  window.addEventListener("message", (event) => {
    if (event.data?.event) {
      window.dataLayer.push(event.data);
    }
  });
  window.dataShopStape = {
    shop: "ottosuenson.dk",
    shopId: "87014179081",
  }
</script>






  <script>console.log("⚠️ User not logged in");</script>






</div><div id="shopify-block-AK3hkUGZ2VWFUa1owV__12424619676349770391" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: country-condition-check --><script defer>
  (async () => {
    

    const items = Object.values({"JW805495":{"id":"JW805495","name":"Fine Wine","type":"label","textValue":{"original":"Text Label"},"subtype":"image","status":"published","previewLink":"https:\/\/cdn.shopify.com\/s\/files\/1\/0870\/1417\/9081\/files\/1765280166162-229891405-Gemini_Generated_Image_80ar7g80ar7g80ar-removebg1_a4a22c5f-9efa-4626-84df-a950de3dcced.png?v=1770715575","imageAlt":"Fine Wine","settings":{"tooltip":{"locale":{"original":"I'm tooltip 🤓"},"link":{"value":"","blank":false},"font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":18,"unit":"px"},"tablet":null,"mobile":null},"style":["bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#000000ff","background":"#ffffffff","border":"#000000ff"}},"borderRadius":{"value":0,"unit":"px"}},"styles":{"sizes":{"defaultSize":"custom","desktop":{"width":150,"height":150,"unit":"px"},"tablet":{"width":150,"height":150,"unit":"px"},"mobile":{"width":60,"height":60,"unit":"px"}},"rotation":0,"shape":"trapezoid-top-right","font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":20,"unit":"px"},"tablet":null,"mobile":null},"style":"normal","padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#ffffffff","background":"#E23737FF","border":"#000000ff"},"borderRadius":{"value":0,"unit":"px"}}},"position":{"corner":"top-right","badge":{"default":"aboveProductTitle","isCustom":false,"custom":{"positionInProductPage":"","positionInHomePage":"","positionInCollectionPage":"","positionInOtherPage":""},"place":"left"},"margin":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"selector":".main-media-item, .group.rounded-element"},"animation":"none","visibility":["Home Page","Product Pages","Cart Page","Collection Pages","Other Pages"],"weekSchedule":[null,null,null,null,null,null,null],"displayPeriod":{"allTime":true},"displayCondition":{"type":"any","variants":[{"id":"collectionsSelected","settings":{"equality":"is_equal","collections":["gid:\/\/shopify\/Collection\/679141212425"]}}]}},"link":{"value":"","blank":false},"_id":"698af9f1d1cf5128f81540ed","storeId":"87014179081","metafieldId":"gid:\/\/shopify\/Metafield\/73282123268361","createdAt":"2026-02-10T09:27:13.532Z","updatedAt":"2026-02-10T09:56:46.108Z","__v":0},"KT871956":{"id":"KT871956","name":"FAST LAV PRIS","type":"label","textValue":{"original":"FAST LAV PRIS"},"subtype":"text","status":"published","previewLink":null,"imageAlt":"","settings":{"tooltip":{"locale":{"original":"I'm tooltip 🤓"},"link":{"value":"","blank":false},"font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":18,"unit":"px"},"tablet":null,"mobile":null},"style":["bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#000000ff","background":"#ffffffff","border":"#000000ff"}},"borderRadius":{"value":0,"unit":"px"}},"styles":{"sizes":{"defaultSize":"custom","desktop":{"width":150,"height":150,"unit":"px"},"tablet":{"width":150,"height":150,"unit":"px"},"mobile":{"width":60,"height":60,"unit":"px"}},"rotation":0,"shape":"trapezoid-top-right","font":{"isCustom":true,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":20,"unit":"px"},"tablet":null,"mobile":null},"style":["normal","bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#ffffffff","background":"#1C1B18FF","border":"#000000ff"},"borderRadius":{"value":0,"unit":"px"}}},"position":{"corner":"top-right","badge":{"default":"aboveProductTitle","isCustom":false,"custom":{"positionInProductPage":"","positionInHomePage":"","positionInCollectionPage":"","positionInOtherPage":""},"place":"left"},"margin":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"selector":".main-media-item, .group.rounded-element"},"animation":"none","visibility":["Home Page","Product Pages","Cart Page","Collection Pages","Other Pages"],"weekSchedule":[null,null,null,null,null,null,null],"displayPeriod":{"allTime":true},"displayCondition":{"type":"any","variants":[{"id":"productsSelected","settings":{"equality":"is_equal","products":["gid:\/\/shopify\/Product\/15296026411273?gid:\/\/shopify\/ProductVariant\/56152173805833"]}}]}},"link":{"value":"","blank":false},"_id":"698b16e3d1cf5128f8154c16","storeId":"87014179081","metafieldId":"gid:\/\/shopify\/Metafield\/73285110595849","createdAt":"2026-02-10T11:30:43.721Z","updatedAt":"2026-02-12T12:12:36.797Z","__v":0},"SQ200324":{"id":"SQ200324","name":"FÅ BILLETTER","type":"label","textValue":{"original":"FÅ BILLETTER"},"subtype":"text","status":"published","previewLink":null,"imageAlt":"","settings":{"tooltip":{"locale":{"original":"I'm tooltip 🤓"},"link":{"value":"","blank":false},"font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":18,"unit":"px"},"tablet":null,"mobile":null},"style":["bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#000000ff","background":"#ffffffff","border":"#000000ff"}},"borderRadius":{"value":0,"unit":"px"}},"styles":{"sizes":{"defaultSize":"custom","desktop":{"width":150,"height":150,"unit":"px"},"tablet":{"width":150,"height":150,"unit":"px"},"mobile":{"width":60,"height":60,"unit":"px"}},"rotation":0,"shape":"trapezoid-top-right","font":{"isCustom":true,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":20,"unit":"px"},"tablet":null,"mobile":null},"style":["normal","bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#ffffffff","background":"#1C1B18FF","border":"#000000ff"},"borderRadius":{"value":0,"unit":"px"}}},"position":{"corner":"top-right","badge":{"default":"aboveProductTitle","isCustom":false,"custom":{"positionInProductPage":"","positionInHomePage":"","positionInCollectionPage":"","positionInOtherPage":""},"place":"left"},"margin":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"selector":".main-media-item, .group.rounded-element"},"animation":"none","visibility":["Home Page","Product Pages","Cart Page","Collection Pages","Other Pages"],"weekSchedule":[null,null,null,null,null,null,null],"displayPeriod":{"allTime":true},"displayCondition":{"type":"any","variants":[{"id":"productsSelected","settings":{"equality":"is_equal","products":["gid:\/\/shopify\/Product\/15471798452489?gid:\/\/shopify\/ProductVariant\/56764739354889"]}}]}},"link":{"value":"","blank":false},"_id":"6992e7ca68d07cf5c276b1c7","storeId":"87014179081","metafieldId":"gid:\/\/shopify\/Metafield\/73482938417417","createdAt":"2026-02-16T09:47:54.082Z","updatedAt":"2026-02-16T09:47:54.082Z","__v":0}});

    if (!items.length) return;

    const hasCountryCondition = items.some(({ status, settings }) =>
      status === 'published' &&
      settings?.displayCondition?.variants?.some(c => c.id === 'visitorCountry')
    );

    if (!hasCountryCondition || sessionStorage.getItem('country')) return;

    try {
      const res = await fetch(`${window?.Shopify?.routes?.root || '/'}browsing_context_suggestions.json?source=geolocation_recommendation&country[enabled]=true`);
      const json = await res.json();
      const country = json?.detected_values?.country?.handle;
      if (country) sessionStorage.setItem('country', country);
    } catch (e) {
      console.error('Geolocation fetch failed:', e);
    }
  })()
</script>
<!-- END app snippet -->


<script>
  window.pageTemplate = "index";
  window.extensionVersion = "starter-kit-237";
  window.currentPageProduct = null;
  window.checkRender = "";
  window.__lablyItems = [{"id":"JW805495","name":"Fine Wine","type":"label","textValue":{"original":"Text Label"},"subtype":"image","status":"published","previewLink":"https://cdn.shopify.com/s/files/1/0870/1417/9081/files/1765280166162-229891405-Gemini_Generated_Image_80ar7g80ar7g80ar-removebg1_a4a22c5f-9efa-4626-84df-a950de3dcced.png?v=1770715575","imageAlt":"Fine Wine","settings":{"tooltip":{"locale":{"original":"I'm tooltip 🤓"},"link":{"value":"","blank":false},"font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":18,"unit":"px"},"tablet":null,"mobile":null},"style":["bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#000000ff","background":"#ffffffff","border":"#000000ff"}},"borderRadius":{"value":0,"unit":"px"}},"styles":{"sizes":{"defaultSize":"custom","desktop":{"width":150,"height":150,"unit":"px"},"tablet":{"width":150,"height":150,"unit":"px"},"mobile":{"width":60,"height":60,"unit":"px"}},"rotation":0,"shape":"trapezoid-top-right","font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":20,"unit":"px"},"tablet":null,"mobile":null},"style":"normal","padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#ffffffff","background":"#E23737FF","border":"#000000ff"},"borderRadius":{"value":0,"unit":"px"}}},"position":{"corner":"top-right","badge":{"default":"aboveProductTitle","isCustom":false,"custom":{"positionInProductPage":"","positionInHomePage":"","positionInCollectionPage":"","positionInOtherPage":""},"place":"left"},"margin":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"selector":".main-media-item, .group.rounded-element"},"animation":"none","visibility":["Home Page","Product Pages","Cart Page","Collection Pages","Other Pages"],"weekSchedule":[null,null,null,null,null,null,null],"displayPeriod":{"allTime":true},"displayCondition":{"type":"any","variants":[{"id":"collectionsSelected","settings":{"equality":"is_equal","collections":["gid://shopify/Collection/679141212425"]}}]}},"link":{"value":"","blank":false},"_id":"698af9f1d1cf5128f81540ed","storeId":"87014179081","metafieldId":"gid://shopify/Metafield/73282123268361","createdAt":"2026-02-10T09:27:13.532Z","updatedAt":"2026-02-10T09:56:46.108Z","__v":0}
,{"id":"KT871956","name":"FAST LAV PRIS","type":"label","textValue":{"original":"FAST LAV PRIS"},"subtype":"text","status":"published","previewLink":null,"imageAlt":"","settings":{"tooltip":{"locale":{"original":"I'm tooltip 🤓"},"link":{"value":"","blank":false},"font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":18,"unit":"px"},"tablet":null,"mobile":null},"style":["bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#000000ff","background":"#ffffffff","border":"#000000ff"}},"borderRadius":{"value":0,"unit":"px"}},"styles":{"sizes":{"defaultSize":"custom","desktop":{"width":150,"height":150,"unit":"px"},"tablet":{"width":150,"height":150,"unit":"px"},"mobile":{"width":60,"height":60,"unit":"px"}},"rotation":0,"shape":"trapezoid-top-right","font":{"isCustom":true,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":20,"unit":"px"},"tablet":null,"mobile":null},"style":["normal","bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#ffffffff","background":"#1C1B18FF","border":"#000000ff"},"borderRadius":{"value":0,"unit":"px"}}},"position":{"corner":"top-right","badge":{"default":"aboveProductTitle","isCustom":false,"custom":{"positionInProductPage":"","positionInHomePage":"","positionInCollectionPage":"","positionInOtherPage":""},"place":"left"},"margin":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"selector":".main-media-item, .group.rounded-element"},"animation":"none","visibility":["Home Page","Product Pages","Cart Page","Collection Pages","Other Pages"],"weekSchedule":[null,null,null,null,null,null,null],"displayPeriod":{"allTime":true},"displayCondition":{"type":"any","variants":[{"id":"productsSelected","settings":{"equality":"is_equal","products":["gid://shopify/Product/15296026411273?gid://shopify/ProductVariant/56152173805833"]}}]}},"link":{"value":"","blank":false},"_id":"698b16e3d1cf5128f8154c16","storeId":"87014179081","metafieldId":"gid://shopify/Metafield/73285110595849","createdAt":"2026-02-10T11:30:43.721Z","updatedAt":"2026-02-12T12:12:36.797Z","__v":0}
,{"id":"SQ200324","name":"FÅ BILLETTER","type":"label","textValue":{"original":"FÅ BILLETTER"},"subtype":"text","status":"published","previewLink":null,"imageAlt":"","settings":{"tooltip":{"locale":{"original":"I'm tooltip 🤓"},"link":{"value":"","blank":false},"font":{"isCustom":false,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":18,"unit":"px"},"tablet":null,"mobile":null},"style":["bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#000000ff","background":"#ffffffff","border":"#000000ff"}},"borderRadius":{"value":0,"unit":"px"}},"styles":{"sizes":{"defaultSize":"custom","desktop":{"width":150,"height":150,"unit":"px"},"tablet":{"width":150,"height":150,"unit":"px"},"mobile":{"width":60,"height":60,"unit":"px"}},"rotation":0,"shape":"trapezoid-top-right","font":{"isCustom":true,"customFont":"Arial, sans-serif","family":"Montserrat","weight":400,"size":{"desktop":{"value":20,"unit":"px"},"tablet":null,"mobile":null},"style":["normal","bold"],"padding":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"color":{"text":"#ffffffff","background":"#1C1B18FF","border":"#000000ff"},"borderRadius":{"value":0,"unit":"px"}}},"position":{"corner":"top-right","badge":{"default":"aboveProductTitle","isCustom":false,"custom":{"positionInProductPage":"","positionInHomePage":"","positionInCollectionPage":"","positionInOtherPage":""},"place":"left"},"margin":{"desktop":{"top":0,"bottom":0,"left":0,"right":0,"unit":"px"},"tablet":null,"mobile":null},"selector":".main-media-item, .group.rounded-element"},"animation":"none","visibility":["Home Page","Product Pages","Cart Page","Collection Pages","Other Pages"],"weekSchedule":[null,null,null,null,null,null,null],"displayPeriod":{"allTime":true},"displayCondition":{"type":"any","variants":[{"id":"productsSelected","settings":{"equality":"is_equal","products":["gid://shopify/Product/15471798452489?gid://shopify/ProductVariant/56764739354889"]}}]}},"link":{"value":"","blank":false},"_id":"6992e7ca68d07cf5c276b1c7","storeId":"87014179081","metafieldId":"gid://shopify/Metafield/73482938417417","createdAt":"2026-02-16T09:47:54.082Z","updatedAt":"2026-02-16T09:47:54.082Z","__v":0}
];
</script>

<script defer src="https://cdn.shopify.com/extensions/019d3e06-c5c9-7f2d-a68c-535d6bd5cd04/starter-kit-237/assets/vendors.js"></script>
<script defer src="https://cdn.shopify.com/extensions/019d3e06-c5c9-7f2d-a68c-535d6bd5cd04/starter-kit-237/assets/lably.js"></script>
<div
    id="_lably_root"
    data-storefront-access-token="  9d3ab2dd38d3301465a17dcf14d13411"
></div>


</div></body>
</html>
